/* Blanco ejecutivo: solo pintura. Conserva geometría, tarjetas, contenido y comportamiento. Gama de verdes y sombras suaves; otros colores se reservan para estados e indicadores. */ :root body:not([data-view="login"]) { --ditar-bg:#f6f8f6; --ditar-surface:#ffffff; --ditar-raised:#eef4ef; --ditar-input:#ffffff; --ditar-text:#1f2d24; --ditar-muted:#596c60; --ditar-accent:#1f6a42; --ditar-accent-strong:#174e31; --ditar-accent-soft:#e7f2ea; --ditar-accent-line:#a9c7b2; --ditar-gold:var(--ditar-accent); --ditar-good:#1f7a43; --ditar-warning:#865b00; --ditar-risk:#b42318; --ditar-neutral:#596c60; --ditar-info:#356b50; --ditar-good-soft:#e8f4eb; --ditar-warning-soft:#fff4d6; --ditar-risk-soft:#fff0ed; --ditar-neutral-soft:#f0f3f1; --warn:var(--ditar-warning); --pantone-125u:var(--ditar-accent); --pantone-4017u:#3f8159; --gold-700:var(--ditar-accent); --gold-500:#3f8159; --gold-300:#b9dbc3; --prism-gold:var(--ditar-accent); --ditar-line:#d1ddd4; --ditar-shadow:0 8px 22px rgba(31,106,66,.10),inset 0 1px 0 rgba(31,106,66,.04); --bg:var(--ditar-bg); --panel:var(--ditar-surface); --text:var(--ditar-text); --muted:var(--ditar-muted); --text-muted:var(--ditar-muted); --primary:var(--ditar-accent); --primary-dark:var(--ditar-accent-strong); --border:var(--ditar-line); --shadow:var(--ditar-shadow); --surface-muted:var(--ditar-input); --prism-ink:var(--ditar-text); --prism-ink-2:var(--ditar-text); --prism-surface:var(--ditar-surface); --prism-border:var(--ditar-line); --prism-shadow:var(--ditar-shadow); color:var(--ditar-text); color-scheme:light; } :root body:not([data-view="login"]) :is(.layout, .main, .content) { color: var(--ditar-text); } :root body:not([data-view="login"]) .content { scrollbar-color: #395b46 var(--ditar-bg); } :root body:not([data-view="login"]) ::selection { color: #233b2d; background-color: #f4f7f4; background-image: initial; } :root body:not([data-view="login"]) :is(.app-module-hero, .executive-hero, .sap-explorer-hero, .config-hero) { color: var(--ditar-text); background-color: initial; background-image: radial-gradient(at 95% 0px, #ffffff, transparent 55%), linear-gradient(115deg, #ffffff, #ffffff); box-shadow: var(--ditar-shadow); } :root body:not([data-view="login"]) :is(.app-module-hero, .executive-hero, .sap-explorer-hero, .config-hero) :is(h1, h2, h3, strong) { color: var(--ditar-text); } :root body:not([data-view="login"]) :is(.app-module-hero, .executive-hero, .sap-explorer-hero, .config-hero) :is(p, small) { color: var(--ditar-muted); } :root body:not([data-view="login"]) :is(.app-module-hero-module-area, .module-section-kicker, .sap-title-kicker, .executive-eyebrow) { color: var(--ditar-accent); } :root body:not([data-view="login"]) :is(.app-module-hero-icon, .app-module-hero-facts > div, .app-module-hero-facts > b, .projection-header-filter-control, .projection-header-period-switch, .module-header-refresh) { color: var(--ditar-text); box-shadow: none; } :root body:not([data-view="login"]) :is(.app-module-hero-facts span, .projection-header-filter > span, .projection-header-filter-control > i, .projection-header-period-switch button, .module-header-refresh small) { color: var(--ditar-muted); } :root body:not([data-view="login"]) .app-module-hero-panel { background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) .app-module-hero-nav { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) :is(.module-toolbar-card, .module-table-card, .module-control-strip, .pedidos-control-strip, .table-card, .chart-card, .production-live-panel, .production-machine-card, .production-op-card, .pedido-detail-card, .request-form-card, .request-panel, .request-pdf-dropzone, .request-modal-head, .coordinator-detail-card, .coordinator-detail-panel, .coordinator-summary-card, .config-form-card, .config-users-card, .config-tabs, .config-user-edit, .cot-wizard-card, .cot-detail-card, .cot-subpanel, .cot-pt-preview, .cot-margin-card, .cot-final-summary, .cot-result-cards > article, .cot-hubspot-flow, .cot-hubspot-company-detail, .hubspot-analytics-card, .hubspot-clients-card, .hubspot-chart-card, .hubspot-reading-card, .hubspot-records-card, .hubspot-metric, .hubspot-client-panel, .hubspot-client-summary article, .hubspot-detail-section, .sap-summary-panel, .sap-trace-panel, .sap-data-panel, .sap-filter-bar, .sap-connection-card, .projection-team-dashboard, .projection-team-kpi, .projection-team-performance, .projection-team-evolution, .projection-team-advisors, .projection-team-advisor-card, .projection-team-channels, .projection-team-channel-card, .projection-team-channel-panel, .projection-team-month-card, .projection-team-compliance-stage, .projection-workspace, .projection-insight-card, .projection-period-panel, .projection-month-card, .projection-advisor-profile, .projection-advisor-section, .projection-advisor-ref-hero, .projection-advisor-ref-mini, .projection-advisor-ref-metrics > div, .projection-advisor-ref-comparison, .projection-advisor-ref-result, .projection-advisor-ref-open, .projection-advisor-portfolio, .projection-advisor-insight, .projection-advisor-side-insight, .projection-advisor-annual-kpi, .projection-advisor-measured-kpi, .projection-advisor-overview-card, .projection-profile-identity, .projection-client-dossier, .projection-client-comparison, .projection-ai-dialog, .executive-section, .executive-kpi, .executive-secondary-kpi, .executive-sap-card, .executive-sap-panel, .executive-team-row, .executive-deep-module, .executive-review-view, .notification-card, .profile-modal-card, .topbar-profile-menu) { color: var(--ditar-text); background-color: initial; background-image: linear-gradient(120deg, #ffffff, #ffffff); box-shadow: var(--ditar-shadow); } :root body:not([data-view="login"]) :is(.pedido-mini-kpi, .pedidos-filter-advanced, .production-live-tabs, .cot-wizard-side, .cot-wizard-head, .cot-wizard-actions, .cot-price-row, .cot-history, .cot-source-banner, .hubspot-client-panel-head, .hubspot-records-head, .hubspot-table-footer, .hubspot-client-footer, .hubspot-data-note, .projection-workspace-head, .projection-workspace-context, .projection-workspace-nav, .projection-team-month-values, .projection-advisor-breakdown-item, .projection-ai-form, .projection-ai-message, .request-date-row, .request-form-actions, .request-panel-head, .coordinator-detail-head, .config-tabs) { color: var(--ditar-text); background-color: #ffffff; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) :is(.module-shell, .cot-module, .cot-modal, .hubspot-workspace, .hubspot-client-drawer, .sap-explorer, .executive-dashboard, .config-shell, .profile-modal) :is(h1, h2, h3, h4, h5, dt, dd, strong) { color: var(--ditar-text); } :root body:not([data-view="login"]) :is(.module-shell, .cot-module, .cot-modal, .hubspot-workspace, .hubspot-client-drawer, .sap-explorer, .executive-dashboard, .config-shell, .profile-modal) :is(p, small, label, dt) { color: var(--ditar-muted); } :root body:not([data-view="login"]) :is(.module-table-meta, .pagination-info, .pedidos-date-control > span, .muted, .pedido-muted, .cot-cell-muted, .hubspot-muted, .hubspot-no-action, .hubspot-no-margin, .request-field > span, .form-group > span, .pedido-mini-kpi > span, .cot-wizard-side dt, .hubspot-metric-copy > small, .hubspot-metric-copy > span, .hubspot-reading-list span, .projection-team-kpi > span, .projection-team-channel-heading span, .projection-team-channel-metric span, .projection-advisor-ref-summary dt, .projection-advisor-ref-mini > span, .projection-advisor-ref-metrics > div > span > small, .projection-team-chart-month, .projection-team-chart-legend, .sap-trace-list dt, .sap-summary-metric span, .notification-topline, .notification-side, .plan-date, .cot-stepper button small) { color: var(--ditar-muted); } :root body:not([data-view="login"]) :is(.pedido-mini-kpi > strong, .hubspot-metric-copy > strong, .sap-summary-metric strong, .cot-wizard-side dd, .projection-team-kpi-money, .projection-team-kpi-money b, .projection-team-kpi-money small) { color: var(--ditar-accent); } :root body:not([data-view="login"]) .module-section-kicker { color: var(--ditar-accent); } :root body:not([data-view="login"]) :is(.empty, .cot-empty, .hubspot-empty, .sap-panel-empty, .hubspot-chart-empty) { color: var(--ditar-muted); background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) .hubspot-v3 { --hs-ink: var(--ditar-text); --hs-muted: var(--ditar-muted); --hs-line: var(--ditar-line); --hs-soft: var(--ditar-input); --hs-green: var(--ditar-good); --hs-teal: var(--ditar-info); --hs-red: var(--ditar-risk); --hs-amber: var(--ditar-accent); } :root body:not([data-view="login"]) :is(.projection-sales-command, .projection-team-dashboard, .projection-advisor-profile, .gsd-projection-clone) { --sales-ink: var(--ditar-text); --sales-muted: var(--ditar-muted); --sales-line: var(--ditar-line); --gsd-ink: var(--ditar-text); --gsd-muted: var(--ditar-muted); --gsd-line: var(--ditar-line); } :root body:not([data-view="login"]) .projection-advisor-ref-hero { --ref-ink: var(--ditar-text); --ref-muted: var(--ditar-muted); --ref-line: var(--ditar-line); --ref-amber: var(--ditar-accent); } :root body:not([data-view="login"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea, .form-control) { color: var(--ditar-text); background-color: var(--ditar-input); background-image: none; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.067) 0px 1px 2px inset; } :root body:not([data-view="login"]) :is(input, textarea)::placeholder { color: #596c60; } :root body:not([data-view="login"]) :is(input, select, textarea):focus { box-shadow: rgba(0,0,0,0.08) 0px 0px 0px 3px; } :root body:not([data-view="login"]) :is(input, select, textarea):disabled { color: #596c60; } :root body:not([data-view="login"]) :is(input[type="checkbox"], input[type="radio"]) { accent-color: #28633d; } :root body:not([data-view="login"]) input::file-selector-button { color: var(--ditar-text); background-color: #ffffff; background-image: initial; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } :root body:not([data-view="login"]) :is(.btn, .btn-light, .icon-action-btn, .sap-filter-refresh, .hubspot-close-btn, .hubspot-detail-btn, .hubspot-open-link, .projection-inline-link, .projection-advisor-back, .projection-profile-tab, .config-tab, .production-live-tab, .cot-stepper button, .sap-dataset-tabs button, .hubspot-command-tab, .projection-team-tab) { color: #233b2d; background-color: #ffffff; background-image: initial; box-shadow: none; text-shadow: none; } :root body:not([data-view="login"]) :is(.btn-primary, .icon-action-primary, .sap-filter-submit, .module-header-refresh) { color: #233b2d; background-color: initial; background-image: linear-gradient(115deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 4px 10px; } :root body:not([data-view="login"]) :is(.btn, .icon-action-btn, .config-tab, .production-live-tab, .sap-dataset-tabs button, .hubspot-command-tab, .projection-team-tab):hover:not(:disabled) { color: #233b2d; background-color: #edf5ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.config-tab, .production-live-tab, .sap-dataset-tabs button, .hubspot-command-tab, .projection-team-tab, .projection-header-period-switch button, .cot-stepper button, .projection-profile-tab).is-active { color: #233b2d; background-color: #edf5ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 3px 10px; } :root body:not([data-view="login"]) :is(.config-tab, .production-live-tab, .sap-dataset-tabs button, .hubspot-command-tab, .projection-team-tab, .projection-profile-tab).is-active :is(span, small, b, i) { color: #233b2d; } :root body:not([data-view="login"]) .cot-stepper button.is-active :is(span, small) { color: #233b2d; background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) .cot-stepper button.is-complete { color: var(--ditar-good); } :root body:not([data-view="login"]) :is(.hubspot-client-search, .hubspot-search, .sap-search-field, .production-live-filter) { color: var(--ditar-muted); } :root body:not([data-view="login"]) :is(table, .table-wrap, .hubspot-table-wrap, .hubspot-client-table-wrap, .hubspot-detail-table-wrap, .projection-advisor-portfolio-table-wrap) { color: var(--ditar-text); background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) table th { color: #596c60; background-color: #ffffff; background-image: initial; text-shadow: none; } :root body:not([data-view="login"]) table td { color: #233b2d; background-color: transparent; background-image: initial; border-top-color: #e6ede7; border-right-color: #e6ede7; border-bottom-color: #e6ede7; border-left-color: #e6ede7; } :root body:not([data-view="login"]) table tbody tr:nth-child(2n) td { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) table tbody tr:hover td { background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) table :is(th, td) :is(strong, b) { color: inherit; } :root body:not([data-view="login"]) :is(.cot-table td code, .pedido-op, .plan-version-token, .hubspot-count-badge) { color: #28633d; background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) :is(.pedido-main-copy, .pedido-main-copy strong, .hubspot-primary-cell strong, .hubspot-owner-cell, .hubspot-primary-cell, .metric-text, .status-text) { color: var(--ditar-text); } :root body:not([data-view="login"]) :is(.pagination, .table-pagination, .pagination-controls, .hubspot-pagination) { color: var(--ditar-muted); background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) :is(.badge, .cot-state, .hubspot-status-pill, .notification-status, .hubspot-trust-badge, .cot-catalog-status) { color: #233b2d; background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) :is(.badge.success, .badge.ok, .cot-state-cerrada, .cot-state-op_creada, .hubspot-status-pill.is-won, .cot-catalog-status.is-ready, .cot-hubspot-state.is-ready, .cot-hubspot-feedback.is-success) { color: var(--ditar-good); background-color: #f1f6f1; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.badge.warn, .badge.warning, .cot-state-aprobada_pendiente_ficha, .cot-state-pendiente_creacion_pt, .hubspot-status-pill.is-open, .cot-catalog-status.is-local, .cot-hubspot-state.is-pending, .hubspot-notice.is-warning, .hubspot-notice.is-setup, .cot-warnings) { color: #7a5700; background-color: #fff8e1; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.badge.bad, .badge.danger, .badge.error, .cot-state-devuelta, .hubspot-status-pill.is-lost, .hubspot-notice.is-error, .cot-error, .cot-hubspot-feedback.is-error, .cot-hubspot-state.is-error) { color: var(--ditar-risk); background-color: #fff1ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.cot-state-enviada, .cot-state-pt_creado, .cot-state-pedido_montado, .cot-state-solicitud_op) { color: var(--ditar-info); background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) :is(.hubspot-notice, .cot-hubspot-feedback) :is(p, strong) { color: inherit; } :root body:not([data-view="login"]) .hubspot-metric-icon { color: var(--ditar-accent); background-color: #f4f7f4; background-image: initial; } :root body:not([data-view="login"]) .hubspot-delta { background-color: #f4f7f4; background-image: initial; } :root body:not([data-view="login"]) .hubspot-delta.is-up { color: var(--ditar-good); } :root body:not([data-view="login"]) .hubspot-delta.is-down { color: var(--ditar-risk); } :root body:not([data-view="login"]) .toast { color: var(--ditar-text); background-color: #ffffff; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 12px 30px; } :root body:not([data-view="login"]) :is(.cot-modal-backdrop, .hubspot-drawer-backdrop, .projection-ai-backdrop, .profile-modal-backdrop) { background-color: rgba(2, 12, 9, 0.737); background-image: initial; } :root body:not([data-view="login"]) :is(.skeleton, .hubspot-skeleton, .hubspot-skeleton-line, .hubspot-skeleton-card) { background-color: initial; background-image: linear-gradient(100deg, #ffffff 30%, #ffffff 50%, #ffffff 70%); } :root body:not([data-view="login"]) :is(.module-shell, .hubspot-workspace, .executive-content, .projection-team-body) { background-color: transparent; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) :is(.app-module-hero-branding, .app-module-hero-story, .app-module-hero-tools) { background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) .app-module-hero-branding::before { background-color: initial; background-image: none; } :root body:not([data-view="login"]) .app-module-hero-story::after { background-color:transparent; background-image:linear-gradient(100deg,transparent,rgba(31,106,66,.18) 62%); } :root body:not([data-view="login"]) :is(.module-table-head, .executive-team-head, .executive-kpi-split, .executive-sap-foot, .executive-kpi em, .pedido-timeline, .pedido-timeline > span, .pedido-otif-checks, .request-attachments, .coordinator-detail-shell, .coordinator-request-card, .coordinator-request-card.is-active, .coordinator-detail-body, .coordinator-stage-card, .request-info-panel, .projection-team-month-values > div, .projection-team-channel-values > div, .hubspot-record-avatar, .hubspot-client-owner, .hubspot-no-margin) { color: var(--ditar-text); background-color: #edf5ee; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) :is(.coordinator-request-card.is-active, .coordinator-request-card:hover) { background-color: #edf5ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.executive-money, .executive-ratio-value, .executive-kpi-action, .executive-kpi-split b, .executive-kpi em, .sap-dataset-tabs button b, .sap-summary-grid strong, .projection-team-chart-legend span, .projection-empty, .gsd-source-notice b, .gsd-budget-bars em) { color: var(--ditar-accent); } :root body:not([data-view="login"]) :is(.hubspot-table-footer span, .executive-source-bar span, .executive-kpi small, .pedido-quantity > span, .coordinator-detail-shell span, .projection-team-kpi-footer span, .projection-team-channel-card em) { color: var(--ditar-muted); } :root body:not([data-view="login"]) .sap-panel-head > em, :root body:not([data-view="login"]) :is(.sap-panel-empty > i, .sap-connection-card > i) { color: var(--ditar-good); background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) :is(.request-state-pill, .performance-pill, .pedido-check, .pedido-signal, .projection-team-channel-rate) { color: var(--ditar-text); background-color: #edf5ee; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) :is(.performance-pill.is-risk, .pedido-check-bad, .pedido-signal-bad) { color: var(--ditar-risk); background-color: #fff1ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.performance-pill.is-warning, .pedido-check-warn, .pedido-signal-warn, .request-state-pill.is-pending) { color: #7a5700; background-color: #fff8e1; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.performance-pill.is-good, .performance-pill.is-excellent, .pedido-check-ok, .pedido-signal-ok, .projection-team-channel-rate.is-excellent) { color: var(--ditar-good); background-color: #f1f6f1; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.pedido-signal-info, .badge.info) { color: var(--ditar-info); background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) :is(.coordinator-detail-badges span, .coordinator-detail-actions label) { color: var(--ditar-muted); background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) { --performance-risk:var(--ditar-risk); --performance-risk-text:var(--ditar-risk); --performance-risk-bg:var(--ditar-risk-soft); --performance-warning:var(--ditar-warning); --performance-warning-text:var(--ditar-warning); --performance-warning-bg:var(--ditar-warning-soft); --performance-good:var(--ditar-good); --performance-good-text:var(--ditar-good); --performance-good-bg:var(--ditar-good-soft); --performance-excellent:#0b6b4f; --performance-excellent-text:#0b6b4f; --performance-excellent-bg:#e3f3ec; } :root body:not([data-view="login"]) :is(input.form-control, select.form-control, textarea.form-control) { color: var(--ditar-text) !important; border-top-color: #cbd8ce !important; border-right-color: #cbd8ce !important; border-bottom-color: #cbd8ce !important; border-left-color: #cbd8ce !important; box-shadow: rgba(0,0,0,0.067) 0px 1px 2px inset !important; } :root body:not([data-view="login"]) :is(input.form-control, select.form-control, textarea.form-control):focus { outline-color: #cbd8ce !important; box-shadow: rgba(0,0,0,0.08) 0px 0px 0px 3px !important; } :root body:not([data-view="login"]) :is(.pedidos-date-control > span, .pedido-main-copy > span, .pedido-quantity span) { color: var(--ditar-muted); } :root body:not([data-view="login"]) .request-switch-track { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) .request-switch-thumb { background-color: #28633d; background-image: initial; } :root body:not([data-view="login"]) .request-switch input:checked + .request-switch-track { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) .hubspot-chart-legend .is-made::before { background-color: #2f6b50; background-image: initial; } :root body:not([data-view="login"]) .hubspot-chart-legend .is-won::before { background-color: #28633d; background-image: initial; } :root body:not([data-view="login"]) .hubspot-chart-legend .is-lost::before { background-color: #aa3832; background-image: initial; } :root body:not([data-view="login"]) #app :is(.executive-dashboard, .coordinator-requests, .coordinator-detail, .cot-wizard-main) { background-color: transparent; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) #app :is(.request-field, .request-card-meta span, .detail-tab-list label, .config-user-form, .sap-summary-grid article, .sap-section-head > em, .sap-data-message > i, .gsd-budget-chart > article, .projection-advisor-ref-comparison > div) { color: var(--ditar-text); background-color: #ffffff; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) #app :is(.coordinator-requests, .coordinator-detail, .cot-wizard-main) { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app :is(.coordinator-head > span, .request-card-code, .cot-wizard-actions > span, .hubspot-delta, .hubspot-primary-cell span, .hubspot-pagination span, .hubspot-detail-section > header > span, .sap-data-message span, .sap-search-field > span, .projection-team-kpi > div > span, .projection-team-compliance-stage-data > span, .projection-team-compliance-stage-data > em, .projection-team-chart-legend > span, .projection-team-month-values span, .projection-team-month-card > header > span, .projection-advisor-ref-period > span, .projection-advisor-ref-avatar > span, .projection-team-evolution > header span, .executive-kpi-comparison span, .executive-kpi-score span, .executive-kpi-split span, .executive-sap-head em, .executive-sap-foot span) { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app :is(.executive-money, .executive-ratio-value, .executive-kpi-score b, .executive-kpi-foot b, .executive-kpi-foot em) { color: var(--ditar-accent); } :root body:not([data-view="login"]) #app .executive-kpi :is(em, b) { color: var(--ditar-accent); } :root body:not([data-view="login"]) #app .projection-team-kpi > i { color: var(--ditar-accent); background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .projection-team-kpi-gauge { border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 4px 14px, rgba(0,0,0,0.08) 0px 0px 0px 4px; } :root body:not([data-view="login"]) #app :is(.projection-team-kpi-gauge > i, .projection-advisor-gauge > i) { background-color: initial; background-image: radial-gradient(circle at 34% 25%, #ffffff, #ffffff); box-shadow: rgba(0,0,0,0.07) 0px 1px 0px inset; } :root body:not([data-view="login"]) #app .projection-team-kpi-gauge > i :is(strong, small) { color: var(--ditar-text); } :root body:not([data-view="login"]) #app .cot-hubspot-feedback.is-warning { color: #7a5700; background-color: #fff8e1; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) :is(.pedidos-date-control > span, .projection-filter-field > span, .projection-advisor-year-filter > span, .projection-advisor-client-filters label > span, .projection-production-filters label > span) { color: var(--ditar-muted) !important; } :root body:not([data-view="login"]) #app :is(.projection-profile-tabs, .projection-profile-hero, .projection-advisor-annual-summary, .projection-advisor-annual-kpis, .projection-advisor-overview-card, .projection-advisor-history, .projection-advisor-client-card, .projection-advisor-client-lines, .projection-advisor-breakdown, .projection-advisor-history-month, .projection-client-dossier-kpis > article, .projection-client-dossier-head, .projection-client-dossier-tabs, .projection-client-dossier-panel, .projection-client-comparison-card, .projection-client-comparison-summary, .projection-ai-report, .projection-ai-context, .projection-ai-context-change, .projection-production-card, .projection-quote-bridge-card, .executive-detail-summary, .executive-analysis-card, .executive-review-card, .executive-trend-section, .executive-channel-card, .executive-team-card, .executive-month-values, .executive-month.is-in-progress, .executive-month.is-future) { color: var(--ditar-text); background-color: #ffffff; background-image: initial; box-shadow: var(--ditar-shadow); } :root body:not([data-view="login"]) #app :is(.projection-profile-tabs button, .projection-client-dossier-tabs button, .detail-tab-list label, .projection-ai-suggestion, .executive-period-switch button) { color: var(--ditar-muted); background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app :is(.projection-profile-tabs button, .projection-client-dossier-tabs button, .executive-period-switch button).is-active { color: #233b2d; background-color: #edf5ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app :is(.projection-client-dossier-overlay, .projection-client-comparison-overlay) { background-color: rgba(2, 12, 9, 0.737); background-image: initial; } :root body:not([data-view="login"]) #app :is(.projection-team-evolution-chart, .executive-months) { background-color: initial; background-image: repeating-linear-gradient(transparent 0px, transparent 54px, #ffffff 55px); } :root body:not([data-view="login"]) #app :is(.executive-money, .executive-ratio-value) { color: var(--ditar-accent) !important; } :root body:not([data-view="login"]) #app :is(.hubspot-pagination > span, .projection-team-chart-legend > span) { color: var(--ditar-muted) !important; } :root body:not([data-view="login"]) #app :is(.sap-data-head > button, .sap-pagination, .sap-pagination button, .request-card-main, .projection-advisor-ref-profile > b, .projection-advisor-ref-metrics > div > i) { color: var(--ditar-text); background-color: #ffffff; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) #app :is(.sap-summary-grid span, .executive-sap-grid span, .executive-sap-card span, .executive-sap-card em, .executive-sap-foot b, .cot-client-controls label > span, .cot-client-results > span, .cot-hubspot-toolbar > span, .hubspot-date span, .hubspot-client-summary span, .projection-team-kpi-footer span, .projection-team-month-card > footer span, .gsd-panel-head span, .gsd-budget-chart > header span) { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app :is(.projection-team-chart-month, .projection-team-chart-grid text, .projection-advisor-month-rate, .projection-team-chart-future-label) { fill: var(--ditar-muted); } :root body:not([data-view="login"]) #app .projection-team-chart-grid line { stroke: #cbd8ce; } :root body:not([data-view="login"]) #app :is(.projection-team-chart-future, .projection-advisor-month-selected) { fill: #233b2d; } :root body:not([data-view="login"]) #app :is(.projection-advisor-profile-photo, .projection-advisor-year-badge, .projection-advisor-section-tabs, .projection-advisor-trajectory, .projection-advisor-month-values, .projection-advisor-month-values-row > strong, .projection-advisor-month-values-row.is-month, .projection-advisor-highlight, .projection-advisor-general, .projection-advisor-client-filters, .projection-client-intelligence, .projection-client-lifecycle, .projection-client-lifecycle > header, .projection-client-lifecycle > div, .projection-client-lifecycle article, .projection-client-share-card, .projection-client-reference-card, .projection-client-donut-legend > div, .projection-client-sales-list, .projection-client-sales-list > header, .projection-client-sales-table-wrap, .projection-client-intelligence-empty, .projection-production-dashboard, .projection-production-kpis > article, .projection-production-filters, .projection-production-table-wrap, .projection-quote-bridge, .projection-quote-bridge-kpis > article, .projection-advisor-client-filters button, .projection-production-filters button, .gsd-profile-scope-note, .gsd-advisor-month-bars article > div, .request-pdf-muted, .request-subpanel, .request-actions, .action-label-btn, .executive-analysis-body, .executive-deep-insight, .executive-deep-overall, .executive-deep-insight dl > div, .executive-deep-orbit, .executive-deep-node, .executive-deep-center, .executive-deep-selection, .executive-deep-advisor-facts > article, .executive-deep-share, .executive-deep-open-advisor, .executive-deep-metric-rail, .executive-deep-metric-rail i, .executive-deep-detail, .executive-deep-tools label, .executive-deep-table-scroll, .executive-deep-table-scroll thead, .profile-preview, .profile-modal-head, .profile-modal-actions) { color: var(--ditar-text); background-color: #edf5ee; background-image: initial; box-shadow: var(--ditar-shadow); } :root body:not([data-view="login"]) #app :is(.projection-advisor-year-filter, .projection-advisor-client-filters, .projection-production-filters) :is(input, select) { color: var(--ditar-text) !important; border-top-color: #cbd8ce !important; border-right-color: #cbd8ce !important; border-bottom-color: #cbd8ce !important; border-left-color: #cbd8ce !important; box-shadow: rgba(0,0,0,0.067) 0px 1px 2px inset !important; } :root body:not([data-view="login"]) #app :is(.projection-advisor-section-tabs button, .projection-advisor-section-tabs button > b) { color: var(--ditar-muted); background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .projection-advisor-section-tabs button.is-active { color: #233b2d; background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) #app .projection-advisor-section-tabs button.is-active :is(span, b) { color: #233b2d; background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) #app :is(.projection-advisor-profile, .executive-review-view) :is(header > div > span, .projection-team-advisor-avatar > span, .projection-advisor-month-values-row span, .projection-advisor-highlight > span, .projection-advisor-client-filters label > span, .projection-client-lifecycle span, .projection-client-donut-legend span, .projection-client-reference-card span, .projection-production-kpis span, .projection-quote-bridge-kpis span, .executive-deep-overall span, .executive-deep-traffic-legend span, .executive-deep-traffic-legend b, .executive-deep-insight dl b, .executive-deep-center span, .executive-deep-advisor-facts span, .executive-deep-share span, .executive-deep-open-advisor span, .executive-deep-selected-status span) { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app :is(.projection-advisor-kpi-status, .projection-client-lifecycle-badge, .projection-production-sync, .projection-quote-bridge-head > b, .projection-client-reference-card header b) { color: var(--ditar-good); background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) #app :is(.projection-advisor-annual-kpi.is-neutral, .projection-advisor-annual-summary.is-neutral) .projection-advisor-kpi-status { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app .projection-quote-bridge-legend .is-confirmed { color: var(--ditar-good); background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .projection-quote-bridge-legend .is-probable { color: #28633d; background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app :is(.projection-quote-bridge-legend .is-pending, .projection-quote-bridge-legend .is-inconsistent, .executive-deep-table-scroll em.is-risk) { color: var(--ditar-risk); background-color: #fff1ee; background-image: initial; } :root body:not([data-view="login"]) #app .projection-client-donut::after { background-color: #ffffff; background-image: initial; box-shadow: rgba(0,0,0,0.08) 0px 2px 10px inset; } :root body:not([data-view="login"]) #app :is(.projection-client-donut > div, .projection-client-donut > span) { color: var(--ditar-text); background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) #app :is(.executive-deep-center b, .executive-deep-period, .executive-deep-channel-chips b, .executive-secondary-kpi b) { color: var(--ditar-accent); } :root body:not([data-view="login"]) #app :is(.executive-secondary-kpi span, .executive-secondary-kpi em, .sap-filter-bar span, .sap-pagination span, .sap-pagination em, .request-subpanel > span, .request-attachments em, .projection-team-channel-card header span, .projection-team-advisor-avatar span) { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app :is(.projection-advisor-profile, .executive-review-view) span:not([class]) { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app :is(.projection-advisor-annual-kpi header > span, .projection-advisor-identity-list span, .projection-advisor-highlight span, .projection-client-donut-copy > span, .projection-client-intelligence-empty span, .projection-production-empty span, .projection-production-reference span, .projection-production-order span, .projection-client-main-reference span, .projection-team-channel-heading span, .projection-team-performance > header span, .projection-advisor-trajectory > header span, .executive-pipeline span, .executive-sap-head b) { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app :is(.projection-advisor-annual-kpi header > i, .projection-advisor-identity-list article > i, .projection-advisor-highlight > i, .projection-advisor-photo-hint, .projection-team-channel-icon) { color: var(--ditar-accent); background-color: #ffffff; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) #app .projection-advisor-semi-track { stroke: #cbd8ce; } :root body:not([data-view="login"]) #app .projection-advisor-section-tabs button.is-active span { color: #233b2d; } :root body:not([data-view="login"]) #app :is(.projection-advisor-annual-kpi, .projection-advisor-annual-summary, .projection-advisor-gap-summary).is-risk .projection-advisor-kpi-status { color: var(--ditar-risk); background-color: #fff1ee; background-image: initial; } :root body:not([data-view="login"]) #app :is(.projection-advisor-annual-kpi, .projection-advisor-annual-summary).is-warning .projection-advisor-kpi-status { color: #7a5700; background-color: #fff8e1; background-image: initial; } :root body:not([data-view="login"]) #app .projection-advisor-annual-kpi.is-billed:not(.is-risk):not(.is-warning):not(.is-good):not(.is-excellent) .projection-advisor-kpi-status { color: var(--ditar-info); background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) #app .executive-deep-insight > div > div { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app :is(.executive-deep-insight b, .executive-deep-metric-rail strong) { color: var(--ditar-accent); } :root body:not([data-view="login"]) #app .topbar-profile-menu { color: #233b2d; background-color: #ffffff; background-image: initial; border-color: #cbd8ce; } :root body:not([data-view="login"]) #app :is(.topbar-profile-menu button, .topbar-profile-menu button span, .topbar-profile-menu button svg, .profile-preview-row, .profile-preview-copy span) { color: #233b2d; background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) #app .topbar-profile-menu button:is(:hover,:focus-visible) { color: #174e31; background-color: #edf5ee; background-image: initial; outline: 2px solid #a9c7b2; outline-offset: -2px; } :root body:not([data-view="login"]) #app :is(.executive-deep-selection > div > div, .profile-preview-avatar, .profile-photo-picker > span, .profile-avatar-option, .profile-avatar-option > span) { color: var(--ditar-text); background-color: #ffffff; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) #app .profile-avatar-option:has(input:checked) { background-color: #ffffff; background-image: initial; box-shadow: rgba(0,0,0,0.08) 0px 0px 0px 2px; } :root body:not([data-view="login"]) #app :is(.executive-secondary-kpi header b, .executive-margin span, .executive-deep-orbit header b, .projection-team-channel-heading span, .projection-team-channel-heading span > span, .gsd-budget-chart header span) { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app .executive-deep-selection > dl > div { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .projection-client-reference-list i { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .cot-stepper button span { color: var(--ditar-text); background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .cot-stepper button.is-active span { color: #233b2d; background-color: transparent; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .export-request-center :is(.coordinator-filters, .request-card-main) { background-color: transparent; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) #app .export-request-center .coordinator-summary h4 { color: var(--ditar-accent); } :root body:not([data-view="login"]) #app .export-request-center .coordinator-summary-grid span { color: var(--ditar-muted); } :root body:not([data-view="login"]) #app .export-request-center .coordinator-summary-grid strong { color: var(--ditar-text); } :root body:not([data-view="login"]) #app .export-request-center :is(.detail-tab-radio:nth-of-type(1):checked ~ .detail-tab-list label:nth-child(1), .detail-tab-radio:nth-of-type(2):checked ~ .detail-tab-list label:nth-child(2), .detail-tab-radio:nth-of-type(3):checked ~ .detail-tab-list label:nth-child(3), .detail-tab-radio:nth-of-type(4):checked ~ .detail-tab-list label:nth-child(4), .detail-tab-radio:nth-of-type(5):checked ~ .detail-tab-list label:nth-child(5)) { color: #233b2d; background-color: #edf5ee; background-image: initial; box-shadow: none; } :root body:not([data-view="login"]) #app .export-request-center .coordinator-request-card::before { box-shadow: none; } :root body:not([data-view="login"]) #app .export-request-center .coordinator-request-card.is-active { border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: inset 3px 0 0 rgba(0,0,0,.18); } :root body:not([data-view="login"]) #app .export-request-center :is(.btn-primary, .action-label-primary) { color: #233b2d; background-color: initial; background-image: linear-gradient(115deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } /* Tarjetas y detalle de Gerencia: la comparación ayer/hoy conserva su estructura. */ :root body[data-view="dashboard"]:has(.management-board) .main { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .management-board { --mb-line: #d9e3dc; --mb-muted: #596c60; --mb-accent: #28633d; --mb-gold: var(--mb-accent); --mb-surface: #ffffff; color: #233b2d; color-scheme: light; } :root body:not([data-view="login"]) #app .mb-header-shell { background-color: #ffffff; background-image: none; } :root body:not([data-view="login"]) #app .mb-eyebrow { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-eyebrow i { box-shadow: rgba(0,0,0,0.08) 0px 0px 12px; } :root body:not([data-view="login"]) #app .mb-hero h1 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-hero h1 em { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-hero-copy > p { color: var(--mb-muted); } :root body:not([data-view="login"]) #app .mb-commercial-link { color: #28633d; background-color: initial; background-image: linear-gradient(135deg, #ffffff, #ffffff 72%); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 1px 0px inset, rgba(0,0,0,0.08) 0px 6px 16px; } :root body:not([data-view="login"]) #app .mb-commercial-link:hover { color: #28633d; } :root body:not([data-view="login"]) #app .mb-live { color: #596c60; background-color: initial; background-image: linear-gradient(135deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-live > i { background-color: #edf5ee; background-image: initial; box-shadow: rgba(0,0,0,0.07) 0px 0px 0px 6px, rgba(0,0,0,0.08) 0px 0px 15px; } :root body:not([data-view="login"]) #app .mb-live small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-live[data-status="stale"] { color: #7a5700; } :root body:not([data-view="login"]) #app .mb-company-tabs button { color: #233b2d; background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-company-tabs button > b { color: #233b2d; background-color: #f4f7f4; background-image: initial; } :root body:not([data-view="login"]) #app .mb-company-tabs button > em { color: #ffffff; } :root body:not([data-view="login"]) #app .mb-company-tabs button span { color: inherit; } :root body:not([data-view="login"]) #app .mb-company-tabs button small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-company-tabs button[aria-selected="true"] { color: #233b2d; background-color: #edf5ee; background-image: none; box-shadow: 0 5px 14px rgba(0,0,0,0.08); } :root body:not([data-view="login"]) #app .mb-company-tabs button[aria-selected="true"] > b { color: #233b2d; background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) #app .mb-company-tabs button[aria-selected="true"] small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-period-filter, :root body:not([data-view="login"]) #app .mb-filters label { color: var(--mb-muted); } :root body:not([data-view="login"]) #app .mb-filters :is(input, select) { color: #233b2d; background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .mb-quick { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .mb-quick button { color: var(--mb-muted); background-color: transparent; background-image: initial; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } :root body:not([data-view="login"]) #app .mb-quick button[aria-pressed="true"] { color: #233b2d; background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) #app .mb-button { color: #233b2d; background-color: initial; background-image: linear-gradient(135deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-refresh { color: #233b2d; background-color: initial; background-image: linear-gradient(#ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 1px 0px inset, rgba(0,0,0,0.08) 0px 7px 18px; } :root body:not([data-view="login"]) #app .mb-filter-error, :root body:not([data-view="login"]) #app .mb-error { color: #aa3832; background-color: #fff1ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-cutline { color: var(--mb-muted); } :root body:not([data-view="login"]) #app .mb-company-source-notice { color: #596c60; background-color: #f4f7f4; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-company-source-notice b { color: #28633d; } :root body:not([data-view="login"]) #app .mb-overview { background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 16px 38px; } :root body:not([data-view="login"]) #app .mb-overview-heading h2 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-overview-heading > span { color: #28633d; background-color: #f4f7f4; background-image: initial; } :root body:not([data-view="login"]) #app .mb-spotlight { --mb-card-accent: #28633d; background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-spotlight[data-tone="billing"] { --mb-card-accent: #2f6b50; background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-spotlight[data-tone="efficiency"] { --mb-card-accent: #28633d; background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-spotlight[data-tone="quotes"] { --mb-card-accent: #28633d; background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-spotlight[data-tone="overdue"] { --mb-card-accent: #aa3832; background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-spotlight header { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-spotlight header i { color: var(--mb-card-accent); } :root body:not([data-view="login"]) #app .mb-spotlight-values button { color: #233b2d; background-color: #ffffff; background-image: initial; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } :root body:not([data-view="login"]) #app .mb-kpi-ring { --mb-gauge-color: var(--mb-card-accent); } :root body:not([data-view="login"]) #app .mb-kpi-ring::after { background-color: #ffffff; background-image: initial; box-shadow: rgba(0,0,0,0.08) 0px 0px 10px inset; } :root body:not([data-view="login"]) #app .mb-kpi-ring b { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-kpi-summary small, :root body:not([data-view="login"]) #app .mb-kpi-secondary small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-kpi-summary strong { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-kpi-summary em, :root body:not([data-view="login"]) #app .mb-kpi-secondary em { color: var(--mb-card-accent); } :root body:not([data-view="login"]) #app .mb-kpi-secondary { background-color: transparent !important; background-image: initial !important; } :root body:not([data-view="login"]) #app .mb-kpi-secondary strong { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-hubspot-result { color: #233b2d; background-color: #ffffff !important; background-image: initial !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } :root body:not([data-view="login"]) #app .mb-hubspot-result:hover:not(:disabled) { background-color: #edf5ee !important; background-image: initial !important; } :root body:not([data-view="login"]) #app .mb-hubspot-result small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-hubspot-result strong { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-hubspot-result span { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-hubspot-result em { color: var(--mb-card-accent); } :root body:not([data-view="login"]) #app .mb-kpi-ring[data-status="good"] { --mb-gauge-color: #28633d; } :root body:not([data-view="login"]) #app .mb-kpi-ring[data-status="attention"] { --mb-gauge-color: #aa3832; } :root body:not([data-view="login"]) #app .mb-kpi-ring[data-status="pending"] { --mb-gauge-color: #596c60; } :root body:not([data-view="login"]) #app .mb-kpi-ring[data-status="stale"], :root body:not([data-view="login"]) #app .mb-kpi-ring[data-status="partial"] { --mb-gauge-color: #7a5700; } :root body:not([data-view="login"]) #app .mb-kpi-summary em[data-status="good"], :root body:not([data-view="login"]) #app .mb-kpi-secondary em[data-status="good"] { color: #28633d; } :root body:not([data-view="login"]) #app .mb-kpi-summary em[data-status="attention"], :root body:not([data-view="login"]) #app .mb-kpi-secondary em[data-status="attention"] { color: #aa3832; } :root body:not([data-view="login"]) #app .mb-kpi-summary em[data-status="pending"], :root body:not([data-view="login"]) #app .mb-kpi-secondary em[data-status="pending"] { color: #596c60; } :root body:not([data-view="login"]) #app .mb-kpi-summary em[data-status="stale"], :root body:not([data-view="login"]) #app .mb-kpi-summary em[data-status="partial"], :root body:not([data-view="login"]) #app .mb-kpi-secondary em[data-status="stale"], :root body:not([data-view="login"]) #app .mb-kpi-secondary em[data-status="partial"] { color: #7a5700; } :root body:not([data-view="login"]) #app .mb-section-title h2 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-section-title .mb-eyebrow { color: #596c60; } :root body:not([data-view="login"]) #app .mb-export { color: #596c60; background-color: initial; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } :root body:not([data-view="login"]) #app .mb-area-card { background-color: initial; background-image: linear-gradient(120deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-area-icon { color: #28633d; background-color: #f4f7f4; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-area-heading h3 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-area-heading p { color: var(--mb-muted); } :root body:not([data-view="login"]) #app .mb-area-count { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-area-count small { color: var(--mb-muted); } :root body:not([data-view="login"]) #app .mb-group-heading { background-color: #f4f7f4; background-image: initial; } :root body:not([data-view="login"]) #app .mb-group-heading h4 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-group-heading small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-group-heading > span { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-metric-group-window { background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 12px 30px; } :root body:not([data-view="login"]) #app .mb-metric-group-window.is-national { background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-group-window.is-national .mb-group-heading { background-color: #f4f7f4; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-group-window.is-export { background-color: initial; background-image: linear-gradient(145deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-group-window.is-export .mb-group-heading { background-color: #f4f7f4; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-card-grid { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .mb-metric-card { --mb-card-tone: var(--mb-accent); color: var(--mb-text,#233b2d); background-color: initial; background-image: linear-gradient(155deg, #ffffff, #ffffff); border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 15px 34px; } :root body:not([data-view="login"]) #app .mb-metric-card:hover { background-color: initial; background-image: radial-gradient(circle at 88% 0px, #ffffff, transparent 34%), linear-gradient(155deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 22px 52px, rgba(0,0,0,0.08) 0px 0px 0px 1px; } :root body:not([data-view="login"]) #app .mb-metric-card:disabled:hover { border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 15px 34px; } :root body:not([data-view="login"]) #app .mb-metric-card:focus-visible { background-color: initial; background-image: radial-gradient(circle at 88% 0px, #ffffff, transparent 34%), linear-gradient(155deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-metric-card-head strong { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-metric-card-head small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-metric-card-head em { color: #233b2d; background-color: #ffffff; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 1px 0px inset, rgba(0,0,0,0.08) 0px 8px 18px; } :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="up"], :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="good"] { color: #28633d; background-color: #edf5ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="down"], :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="attention"] { color: #b42318; background-color: #fff1ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="new"], :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="partial"], :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="stale"] { color: #7a5700; background-color: #fff8e1; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="pending"], :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="neutral"] { color: #233b2d; background-color: #edf5ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-today { color: var(--mb-card-tone); text-shadow: none; } :root body:not([data-view="login"]) #app .mb-metric-support-value { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-metric-support { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-metric-drill { color: var(--mb-card-tone); } :root body:not([data-view="login"]) #app .mb-metric-bar-row small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-metric-bar-row b { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-metric-bar-row i { background-color: #e2e9e3; background-image: initial; } :root body:not([data-view="login"]) #app .mb-metric-bar-row u { background-color: #28633d; background-image: initial; } :root body:not([data-view="login"]) #app .mb-metric-bar-row.is-today u { box-shadow: 0 0 14px rgba(0,0,0,.12); } :root body:not([data-view="login"]) #app .mb-metric-values > span { background-color: #ffffff; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-metric-values small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-metric-values b { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-metric-values .is-delta b { color: #28633d; } :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="up"] b, :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="good"] b { color: #28633d; } :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="down"] b, :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="attention"] b { color: #aa3832; } :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="new"] b, :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="partial"] b, :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="stale"] b { color: #7a5700; } :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="pending"] b, :root body:not([data-view="login"]) #app .mb-metric-values .is-delta[data-status="neutral"] b { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-metrics-table { background-color: transparent; background-image: initial; } :root body:not([data-view="login"]) #app .mb-metrics-table :is(th, td) { color: inherit; background-color: transparent; background-image: initial; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: #e6ede7; border-left-color: currentcolor; } :root body:not([data-view="login"]) #app .mb-metrics-table thead th { color: #596c60; } :root body:not([data-view="login"]) #app .mb-metrics-table tbody tr:hover { background-color: #f1f6f1; background-image: initial; } :root body:not([data-view="login"]) #app .mb-metrics-table tbody tr:last-child :is(th, td) { border-bottom-color: currentcolor; } :root body:not([data-view="login"]) #app .mb-metric-name { color: #233b2d; background-color: initial; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } :root body:not([data-view="login"]) #app .mb-metric-name small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-metric-name small span { color: #28633d; } :root body:not([data-view="login"]) #app .mb-metric-name:hover { color: var(--mb-accent); } :root body[data-view="dashboard"] .management-board .mb-metrics-table td.mb-result { color: var(--mb-accent); } :root body[data-view="dashboard"] .management-board .mb-metrics-table td.mb-target, :root body[data-view="dashboard"] .management-board .mb-metrics-table td.mb-delta { color: var(--mb-accent); } :root body:not([data-view="login"]) #app .mb-status { color: #596c60; background-color: #f1f6f1; background-image: initial; } :root body:not([data-view="login"]) #app .mb-status i { background-color: currentcolor; background-image: initial; } :root body:not([data-view="login"]) #app .mb-status[data-status="attention"] { color: #aa3832; background-color: #fff1ee; background-image: initial; } :root body:not([data-view="login"]) #app .mb-status[data-status="good"] { color: #28633d; background-color: #f1f6f1; background-image: initial; } :root body:not([data-view="login"]) #app .mb-status[data-status="stale"], :root body:not([data-view="login"]) #app .mb-status[data-status="partial"] { color: #7a5700; background-color: #fff8e1; background-image: initial; } :root body:not([data-view="login"]) #app .mb-value-status[data-status="good"] { color: #28633d; } :root body:not([data-view="login"]) #app .mb-value-status[data-status="attention"] { color: #aa3832; } :root body:not([data-view="login"]) #app .mb-value-status[data-status="stale"], :root body:not([data-view="login"]) #app .mb-value-status[data-status="partial"] { color: #7a5700; } :root body:not([data-view="login"]) #app .mb-focus { background-color: initial; background-image: radial-gradient(at 100% 0px, #ffffff, transparent 65%), linear-gradient(135deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-focus h2 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-focus-count { border-bottom-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-focus-count strong { color: #28633d; } :root body:not([data-view="login"]) #app .mb-focus-count span { color: #596c60; } :root body:not([data-view="login"]) #app .mb-focus p { color: #596c60; } :root body:not([data-view="login"]) #app .mb-focus-note { color: #233b2d; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-focus-list li + li { border-top-color: #e6ede7; } :root body:not([data-view="login"]) #app .mb-focus-list button { color: #233b2d; background-color: initial; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } :root body:not([data-view="login"]) #app .mb-focus-list button small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-coverage { background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .mb-coverage h3, :root body:not([data-view="login"]) #app .mb-reading-guide h3 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-coverage header span { color: #28633d; } :root body:not([data-view="login"]) #app .mb-coverage progress { background-color: #ffffff; background-image: initial; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; accent-color: #28633d; } :root body:not([data-view="login"]) #app .mb-coverage progress::-webkit-progress-bar { background-color: #e2e9e3; background-image: initial; } :root body:not([data-view="login"]) #app .mb-coverage progress::-webkit-progress-value { background-color: #28633d; background-image: initial; } :root body:not([data-view="login"]) #app .mb-coverage dl > div { color: #596c60; } :root body:not([data-view="login"]) #app .mb-coverage dd { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-coverage p { color: #596c60; } :root body:not([data-view="login"]) #app .mb-coverage > small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-coverage > small b { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-reading-guide p { color: #596c60; } :root body:not([data-view="login"]) #app .mb-reading-guide b { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-footer { color: #596c60; } :root body:not([data-view="login"]) #app .mb-footer > span:first-child { color: #596c60; } :root body:not([data-view="login"]) #app .mb-loading { color: var(--mb-muted); } :root body:not([data-view="login"]) #app .mb-loading i { background-color: initial; background-image: linear-gradient(110deg, #ffffff, #ffffff); } :root body:not([data-view="login"]) #app .mb-error h2 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-error p { color: #28633d; } :root body:not([data-view="login"]) #app .mb-dialog { color: #233b2d; background-color: initial; background-image: linear-gradient(130deg, #ffffff, #ffffff); border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: rgba(0,0,0,0.08) 0px 30px 100px; } :root body:not([data-view="login"]) #app .mb-dialog::backdrop { background-color: rgba(2, 16, 12, 0.75); background-image: initial; } :root body:not([data-view="login"]) #app .mb-dialog > header button { color: #233b2d; background-color: #f4f7f4; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-detail-scope { color: #596c60; } :root body:not([data-view="login"]) #app .mb-dialog h2 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-detail-value { color: #28633d; } :root body:not([data-view="login"]) #app .mb-dialog dt { color: #596c60; } :root body:not([data-view="login"]) #app .mb-dialog h3 { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-dialog p { color: #596c60; } :root body:not([data-view="login"]) #app .mb-dialog .mb-detail-note { color: #596c60; } :root body:not([data-view="login"]) #app .mb-double-click-hint { color: #596c60; } :root body:not([data-view="login"]) #app .mb-dialog[data-view="lines"] > header small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-detail-loading, :root body:not([data-view="login"]) #app .mb-detail-empty { color: #596c60; } :root body:not([data-view="login"]) #app .mb-detail-empty b { color: #233b2d; } :root body:not([data-view="login"]) #app .mb-detail-search input, :root body:not([data-view="login"]) #app .mb-detail-search select { color: #233b2d; background-color: #ffffff; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-detail-category > span { color:#596c60; } :root body:not([data-view="login"]) #app .mb-detail-search button, :root body:not([data-view="login"]) #app .mb-detail-pages button { color: #28633d; background-color: #f4f7f4; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-detail-search button:hover, :root body:not([data-view="login"]) #app .mb-detail-pages button:not(:disabled):hover { background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) #app .mb-detail-summary { color: #596c60; } :root body:not([data-view="login"]) #app .mb-detail-summary b { color: #28633d; } :root body:not([data-view="login"]) #app .mb-detail-line-summary span { background-color: #ffffff; background-image: initial; border-top-color: #e6ede7; border-right-color: #e6ede7; border-bottom-color: #e6ede7; border-left-color: #e6ede7; } :root body:not([data-view="login"]) #app .mb-detail-line-summary small { color: #596c60; } :root body:not([data-view="login"]) #app .mb-detail-line-summary b { color: #28633d; } :root body:not([data-view="login"]) #app .mb-detail-line-summary span[data-tone="good"] b { color: #28633d; } :root body:not([data-view="login"]) #app .mb-detail-line-summary span[data-tone="warning"] b { color: #7a5700; } :root body:not([data-view="login"]) #app .mb-detail-line-summary span[data-tone="danger"] b { color: #aa3832; } :root body:not([data-view="login"]) #app .mb-detail-table-wrap { border-top-color: #e6ede7; border-right-color: #e6ede7; border-bottom-color: #e6ede7; border-left-color: #e6ede7; } :root body:not([data-view="login"]) #app .mb-detail-table th { color: #596c60; background-color: #ffffff; background-image: initial; } :root body:not([data-view="login"]) #app .mb-detail-table :is(th, td) { border-bottom-color: #e6ede7; } :root body:not([data-view="login"]) #app .mb-detail-table td[data-type="money"], :root body:not([data-view="login"]) #app .mb-detail-table td[data-type="number"], :root body:not([data-view="login"]) #app .mb-detail-table td[data-type="integer"], :root body:not([data-view="login"]) #app .mb-detail-table td[data-type="percent"] { color: #28633d; } :root body:not([data-view="login"]) #app .mb-inventory-categories > button { color:#233b2d; background:#fff; border-color:#dbe5de; } :root body:not([data-view="login"]) #app .mb-inventory-categories > button:hover, :root body:not([data-view="login"]) #app .mb-inventory-categories > button[aria-pressed="true"] { border-color:#73a481; box-shadow:inset 3px 0 0 #28633d; } :root body:not([data-view="login"]) #app .mb-inventory-categories > button b { color:#28633d; } :root body:not([data-view="login"]) #app .mb-inventory-categories > button small { color:#596c60; } :root body:not([data-view="login"]) #app .mb-inventory-state { color:#28633d; background:#edf5ee; border-color:#b8d2be; } :root body:not([data-view="login"]) #app .mb-inventory-state[data-location="quarantine"] { color:#2c6543; background:#f1f7f2; border-color:#bad5c1; } :root body:not([data-view="login"]) #app .mb-inventory-state[data-location="nonconforming"] { color:#244f36; background:#e9f2eb; border-color:#acc9b4; } :root body:not([data-view="login"]) #app .mb-inventory-state[data-location="picking"] { color:#34734c; background:#f4f9f4; border-color:#c5ddca; } :root body:not([data-view="login"]) #app .mb-inventory-state[data-location="production"] { color:#2f6b42; background:#f1f8f1; border-color:#bad7c0; } :root body:not([data-view="login"]) #app .mb-detail-pages { color: #596c60; } @media (max-width: 1250px) { :root body:not([data-view="login"]) #app .mb-filters { border-left-color: currentcolor; } } :root body[data-view="dashboard"] .management-board .mb-filters :is(input, select) { color: #233b2d; background-color: #ffffff; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; box-shadow: none; } :root body:not([data-view="login"]) #app .mb-metrics-table tbody tr:hover :is(th, td) { background-color: #edf5ee; background-image: initial; } :root body:not([data-view="login"]) #app .mb-error.mb-availability-warning { color: #28633d; background-color: #edf5ee; background-image: initial; border-top-color: #cbd8ce; border-right-color: #cbd8ce; border-bottom-color: #cbd8ce; border-left-color: #cbd8ce; } :root body:not([data-view="login"]) #app .mb-availability-warning h2 { color: #28633d; } :root body:not([data-view="login"]) #app .mb-availability-warning p { color: #28633d; } :root body:not([data-view="login"]) #app .mb-availability-warning small { color: #596c60; } /* La barra de navegación conserva exactamente sus colores originales. */ :root body:not([data-view="login"]):is(body) :is(.sidebar,.topbar) { color-scheme: dark; --ditar-bg: #081c17; --ditar-surface: #10281f; --ditar-raised: #173326; --ditar-input: #11291f; --ditar-text: #eef5ef; --ditar-muted: #a3b9ae; --ditar-accent: #a9d7b4; --ditar-gold: var(--ditar-accent); --ditar-line: rgba(197,230,204,.16); --ditar-good: #b6dc8d; --ditar-risk: #ffb1a7; --ditar-info: #a9d7b4; --ditar-shadow: 0 8px 22px #0002, inset 0 1px 0 #00000005; --bg: var(--ditar-bg); --panel: var(--ditar-surface); --text: var(--ditar-text); --muted: var(--ditar-muted); --text-muted: var(--ditar-muted); --primary: var(--ditar-good); --primary-dark: var(--ditar-text); --border: var(--ditar-line); --shadow: var(--ditar-shadow); --surface-muted: var(--ditar-input); --prism-ink: var(--ditar-text); --prism-ink-2: #d5e6da; --prism-surface: var(--ditar-surface); --prism-border: var(--ditar-line); --prism-shadow: var(--ditar-shadow); } /* Estados originales con contraste sobre blanco, sin cambiar su significado. */ :root body:not([data-view="login"]) #app .mb-metric-card-head em:is([data-status="up"],[data-status="good"]) { background-color:#edf6ee; color:#28633d; border-color:#c9dfce; } :root body:not([data-view="login"]) #app .mb-metric-card-head em:is([data-status="down"],[data-status="attention"]) { background-color:#fff1ee; color:#aa3832; border-color:#edcdc7; } :root body:not([data-view="login"]) #app .mb-metric-card-head em:is([data-status="new"],[data-status="partial"],[data-status="stale"]) { background-color:#fff8e1; color:#7a5700; border-color:#d7c88d; } :root body:not([data-view="login"]) #app .mb-metric-card-head em:is([data-status="pending"],[data-status="neutral"]) { background-color:#f2f5f3; color:#596c60; border-color:#d9e3dc; } :root body:not([data-view="login"]) #app .mb-live > i { background-color:#32794a; box-shadow:0 0 0 6px #00000012; } /* Los logos son blancos transparentes: adapta su tinta sin sustituir el arte. */ :root body:not([data-view="login"]) #app :is(#mbCompanyLogo,.mb-company-logo) { filter:brightness(0) saturate(100%) invert(21%) sepia(17%) saturate(921%) hue-rotate(91deg) brightness(91%) contrast(86%); } /* Controles y encabezados con pintura propia de sus módulos. */ :root body:not([data-view="login"]) #app :is(.executive-hero-copy,.executive-hero-actions) { background-color:#ffffff; background-image:none; } :root body:not([data-view="login"]) #app :is(.executive-refresh,.executive-review-back,.executive-deep-tools>button,.projection-ai-open) { background-color:#f1f6f1; background-image:none; color:#28633d; border-color:#d9e3dc; } :root body:not([data-view="login"]) #app :is(.executive-refresh b,.executive-review-back,.executive-deep-tools>button,.projection-ai-open b,.sap-back-link,.hubspot-command-tab b) { color:#28633d; } :root body:not([data-view="login"]) #app :is(.module-header-source b,.projection-advisor-ref-rate) { color:#596c60; } :root body:not([data-view="login"]) { --performance-neutral-text:#596c60; --performance-neutral-bg:#f2f5f3; } :root body:not([data-view="login"]) #app .request-switch-track { background-color:#d9e3dc; } :root body:not([data-view="login"]) #app .request-switch-thumb { background-color:#ffffff; } :root body:not([data-view="login"]) #app .request-switch input:checked + .request-switch-track { background-color:#c6dfcd; } :root body:not([data-view="login"]) #app .request-switch-label { color:#233b2d; } :root body:not([data-view="login"]) #app .projection-advisor-ref-result > i { background-color:#f1f6f1; background-image:none; color:#28633d; } :root body:not([data-view="login"]) #app .projection-team-advisor-card.is-neutral .projection-advisor-ref-rate { color:#596c60 !important; } :root body:not([data-view="login"]) #app .projection-advisor-ref-rate { color:var(--ref-tone,#596c60) !important; } :root body:not([data-view="login"]) #app .projection-team-month-card:is(.is-neutral,.is-future) { --month-tone:#596c60; } :root body:not([data-view="login"]) #app .request-file-row > span { color:#596c60 !important; } :root body:not([data-view="login"]) #app .request-file-row > strong { color:#233b2d !important; } /* Los filtros conservan su control nativo y recuperan contraste en Chrome. */ :root body:not([data-view="login"]) .module-unified-filters .projection-header-filter-control :is(input,select) { -webkit-text-fill-color:var(--ditar-text); color-scheme:light; } :root body:not([data-view="login"]) .module-unified-filters .projection-header-filter-control input[type="date"]::-webkit-calendar-picker-indicator { filter:brightness(.2); } :root body:not([data-view="login"]) .content select option { background-color:#ffffff; color:#233b2d; } :root body:not([data-view="login"]) #app .gsd-source-notice { color: #28633d; background-color: #edf5ee; background-image: none; border-color: #cbd8ce; } /* Jerarquía de acciones: botones y selecciones en la gama verde de DITAR. */ :root body:not([data-view="login"]) #app :is( .btn-primary, .icon-action-primary, .sap-filter-submit, .module-header-refresh, .executive-refresh, .projection-ai-open ) { color:#ffffff !important; background-color:#28633d !important; background-image:none !important; border-color:#28633d !important; box-shadow:0 6px 16px rgba(0,0,0,.18) !important; } :root body:not([data-view="login"]) #app :is( .btn-primary, .icon-action-primary, .sap-filter-submit, .module-header-refresh, .executive-refresh, .projection-ai-open ) :is(span,b,small,i) { color:inherit !important; } :root body:not([data-view="login"]) #app :is( .btn-primary, .icon-action-primary, .sap-filter-submit, .module-header-refresh, .executive-refresh, .projection-ai-open ):hover:not(:disabled) { color:#ffffff !important; background-color:#1d4d30 !important; border-color:#1d4d30 !important; } :root body:not([data-view="login"]) #app :is( .btn:not(.btn-primary):not(.btn-danger), .btn-light, .icon-action-btn:not(.icon-action-primary):not(.icon-action-danger), .sap-filter-refresh, .hubspot-close-btn, .hubspot-detail-btn, .hubspot-open-link, .projection-inline-link, .projection-advisor-back, .executive-review-back, .executive-deep-tools > button, .mb-commercial-link, .mb-detail-search button, .mb-detail-pages button ) { color:#28633d !important; background-color:#ffffff !important; background-image:none !important; border-color:#adc9b5 !important; box-shadow:none !important; } :root body:not([data-view="login"]) #app :is( .btn:not(.btn-primary):not(.btn-danger), .btn-light, .icon-action-btn:not(.icon-action-primary):not(.icon-action-danger), .sap-filter-refresh, .hubspot-close-btn, .hubspot-detail-btn, .hubspot-open-link, .projection-inline-link, .projection-advisor-back, .executive-review-back, .executive-deep-tools > button, .mb-commercial-link, .mb-detail-search button, .mb-detail-pages button ):hover:not(:disabled) { color:#1d4d30 !important; background-color:#edf5ee !important; border-color:#28633d !important; } :root body:not([data-view="login"]) #app :is( .config-tab, .production-live-tab, .sap-dataset-tabs button, .hubspot-command-tab, .projection-team-tab, .projection-header-period-switch button, .executive-period-switch button, .cot-stepper button, .projection-profile-tab, .projection-profile-tabs button, .projection-client-dossier-tabs button, .projection-advisor-section-tabs button ).is-active { color:#28633d !important; background-color:#edf5ee !important; background-image:none !important; border-color:#adc9b5 !important; } :root body:not([data-view="login"]) #app :is( .config-tab, .production-live-tab, .sap-dataset-tabs button, .hubspot-command-tab, .projection-team-tab, .projection-profile-tab, .projection-profile-tabs button, .projection-client-dossier-tabs button, .projection-advisor-section-tabs button ).is-active :is(span,small,b,i) { color:inherit !important; } :root body:not([data-view="login"]) #app :is(.projection-header-filter-control > i,.executive-control-icon,.executive-date-control > i,.module-header-refresh > i) { color:#ffffff !important; background-color:#28633d !important; background-image:none !important; } :root body:not([data-view="login"]) #app :is(.projection-header-filter-control > i,.executive-control-icon,.executive-date-control > i,.module-header-refresh > i) svg { color:inherit !important; fill:none !important; stroke:currentColor !important; } :root body:not([data-view="login"]) #app :is(.btn-danger,.icon-action-danger) { color:#ffffff !important; background-color:#28633d !important; background-image:none !important; border-color:#28633d !important; } :root body:not([data-view="login"]) #app :is(.btn-danger,.icon-action-danger):hover:not(:disabled) { background-color:#1d4d30 !important; border-color:#1d4d30 !important; } :root body:not([data-view="login"]) .topbar .mb-commercial-return { color:#a9d7b4; } :root body:not([data-view="login"]) .topbar .topbar-badge { color:#ffffff; background-color:#28633d; border-color:#0d1a13; } :root body:not([data-view="login"]) .topbar .topbar-avatar { color:#ffffff; background-color:#063b2b; background-image:linear-gradient(145deg,#18794f,#063b2b); border-color:#a9d7b4; outline-color:#a9d7b4; } :root body:not([data-view="login"]) .topbar .topbar-avatar > span { color:#ffffff; } :root body:not([data-view="login"]) .topbar .topbar-profile-copy span { color:#4f6255; } /* Metas y gráficos en verde; advertencias solo en los indicadores de estado. */ :root body:not([data-view="login"]) #app :is(.executive-kpi,.executive-priority,.executive-team-row,.executive-channel).is-warning { --performance-color:#7a5700; --priority:#7a5700; } :root body:not([data-view="login"]) #app .hubspot-metric.is-generated { --tone:#28633d; --tone-soft:#edf5ee; } :root body:not([data-view="login"]) #app .projection-team-channel-card { --channel-color:#28633d !important; } :root body:not([data-view="login"]) #app .projection-team-advisor-card.is-risk .projection-advisor-ref-rate { color:#9b211f !important; } :root body:not([data-view="login"]) #app .projection-advisor-ref-comparison.is-risk { --ref-comparison-tone:#9b211f; } :root body:not([data-view="login"]) #app .projection-advisor-ref-comparison.is-neutral { --ref-comparison-tone:#596c60; } :root body:not([data-view="login"]) #app .executive-deep-open-advisor.is-secondary > i { color:#ffffff; background-color:#28633d; } :root body:not([data-view="login"]) #app .projection-team-channel-heading > i { color:#28633d; background-color:#edf5ee; } :root body:not([data-view="login"]) #app .projection-team-compliance-stage.is-warning { --team-gauge:#7a5700; } :root body:not([data-view="login"]) #app .projection-advisor-annual-kpi.is-goal { --advisor-kpi:var(--ditar-accent); } :root body:not([data-view="login"]) #app .projection-advisor-ref-metrics > div.is-goal::before { background-color:#28633d; } :root body:not([data-view="login"]) #app .projection-advisor-ref-metrics > div.is-goal > i { color:#28633d; background-color:#edf5ee; background-image:none; } :root body:not([data-view="login"]) #app :is(.executive-chart-legend .is-goal::before,.executive-chart-bar.is-goal,.executive-month-values .is-goal i) { background-color:#28633d; background-image:none; } :root body:not([data-view="login"]) #app :is(.projection-team-chart-legend .is-goal i,.projection-advisor-month-values-row.is-goal i) { background-color:#28633d; background-image:none; } :root body:not([data-view="login"]) #app .executive-chart-bar.is-billed.is-warning { background-color:#7a5700; background-image:none; } :root body:not([data-view="login"]) #app :is(.executive-month-rate.is-warning,.projection-advisor-month-rate.is-warning) { color:#7a5700; fill:#7a5700; } :root body:not([data-view="login"]) #app .projection-advisor-month-bar.is-goal { fill:#28633d; } :root body:not([data-view="login"]) #app .projection-advisor-year-badge { color:#28633d; background-color:#edf5ee; } :root body:not([data-view="login"]) #app .executive-kpi.is-coverage { --card-accent:#28633d; --gauge-color:#28633d; } :root body:not([data-view="login"]) #app .executive-secondary-kpi.is-warning { --support-tone:#7a5700; } :root body:not([data-view="login"]) #app :is(.executive-sap-card.is-receivables,.executive-sap-card.is-validation) { --sap-tone:#28633d; } :root body:not([data-view="login"]) #app :is(.executive-key-strip article.is-gold,.executive-detail-lead.is-gold) { --key-tone:#28633d; --detail-tone:#28633d; color:#28633d; } :root body:not([data-view="login"]) #app .executive-source-pill.is-warning > i { background-color:#7a5700; } :root body:not([data-view="login"]) #app .executive-deep-overall.is-warning { --deep-status:#7a5700; } :root body:not([data-view="login"]) #app .executive-deep-traffic-legend .is-warning { --traffic-tone:#7a5700; } :root body:not([data-view="login"]) #app .executive-deep-metric-rail > article.is-warning > i { color:#7a5700; background-color:#fff8e1; } :root body:not([data-view="login"]) #app .executive-deep-detail tbody tr.is-warning { --deep-row-state:#7a5700; } :root body:not([data-view="login"]) #app :is(.module-toolbar-card,.module-table-card,.request-form-card,.production-live-panel,.pedido-mini-kpi)::before { background-color:#28633d; background-image:none; } :root body[data-view="solicitudes"] .coordinator-summary-grid .request-file-row > span { color:#596c60 !important; } :root body[data-view="solicitudes"] .coordinator-summary-grid .request-file-row > strong { color:#233b2d !important; } /* Acceso: conserva su composición oscura con acentos verdes y sombras negras. */ body[data-view="login"] .connections-login { --login-gold:#a9d7b4; } body[data-view="login"] .connections-login-logo { filter:hue-rotate(55deg) saturate(.7) drop-shadow(0 8px 22px rgba(0,0,0,.32)); } body[data-view="login"] .connections-login-input:focus-within { border-color:#a9d7b4; box-shadow:0 0 0 3px rgba(0,0,0,.18); } body[data-view="login"] .connections-login-remember input:checked { border-color:#a9d7b4; background-color:#a9d7b4; } body[data-view="login"] .connections-login-remember input:checked::after { border-color:#1d4d30; } body[data-view="login"] .connections-login-submit { color:#ffffff; background-color:#28633d; background-image:linear-gradient(180deg,#357a4d,#28633d); border-color:#639b73; box-shadow:inset 0 1px 0 rgba(0,0,0,.18),0 0 24px rgba(0,0,0,.18); } body[data-view="login"] .connections-login-submit:hover:not(:disabled) { box-shadow:inset 0 1px 0 rgba(0,0,0,.22),0 0 28px rgba(0,0,0,.30); } body[data-view="login"] .connections-login :is(button,input[type="checkbox"]):focus-visible { outline-color:#a9d7b4; } body[data-view="login"] :is(.connections-login-motto,.connections-login-signature) { color:#a9d7b4; } body[data-view="login"] .connections-login-signature span { background-color:#a9d7b4; } /* Sistema KPI: texto neutro, identidad verde y semáforo únicamente cuando hay evaluación. */ :root body:not([data-view="login"]) #app :is( .pedido-mini-kpi > strong, .hubspot-metric-copy > strong, .sap-summary-metric strong, .projection-team-kpi-money, .projection-team-kpi-money b, .projection-team-kpi-money small, .projection-team-kpi > div > strong, .projection-team-channel-metric > strong, .executive-money, .executive-ratio-value, .executive-kpi-comparison strong, .mb-metric-support-value ) { color:var(--ditar-text) !important; } :root body:not([data-view="login"]) #app :is( .executive-kpi, .executive-priority, .executive-team-row, .executive-channel ) { --performance-color:var(--ditar-neutral); } :root body:not([data-view="login"]) #app :is(.executive-kpi,.executive-priority,.executive-team-row,.executive-channel).is-risk { --performance-color:var(--ditar-risk); --priority:var(--ditar-risk); } :root body:not([data-view="login"]) #app :is(.executive-kpi,.executive-priority,.executive-team-row,.executive-channel).is-warning { --performance-color:var(--ditar-warning); --priority:var(--ditar-warning); } :root body:not([data-view="login"]) #app :is(.executive-kpi,.executive-priority,.executive-team-row,.executive-channel).is-good { --performance-color:var(--ditar-good); --priority:var(--ditar-good); } :root body:not([data-view="login"]) #app :is(.executive-kpi,.executive-priority,.executive-team-row,.executive-channel).is-excellent { --performance-color:var(--performance-excellent); --priority:var(--performance-excellent); } :root body:not([data-view="login"]) #app .executive-kpi { --card-accent:var(--performance-color); --gauge-color:var(--performance-color); } :root body:not([data-view="login"]) #app .executive-kpi.is-risk { --card-accent:var(--ditar-risk); --gauge-color:var(--ditar-risk); } :root body:not([data-view="login"]) #app .executive-kpi.is-warning { --card-accent:var(--ditar-warning); --gauge-color:var(--ditar-warning); } :root body:not([data-view="login"]) #app .executive-kpi.is-good { --card-accent:var(--ditar-good); --gauge-color:var(--ditar-good); } :root body:not([data-view="login"]) #app .executive-kpi.is-excellent { --card-accent:var(--performance-excellent); --gauge-color:var(--performance-excellent); } :root body:not([data-view="login"]) #app .executive-kpi.is-neutral { --card-accent:var(--ditar-neutral); --gauge-color:var(--ditar-neutral); } :root body:not([data-view="login"]) #app .executive-status-pill { color:var(--performance-tone-text) !important; background-color:var(--performance-tone-bg) !important; background-image:none !important; } :root body:not([data-view="login"]) #app .executive-gauge b { color:var(--performance-tone-text); } :root body:not([data-view="login"]) #app .executive-gauge span { color:var(--ditar-muted); } :root body:not([data-view="login"]) #app .executive-kpi-icon { color:var(--performance-color); background-color:color-mix(in srgb,var(--performance-color) 10%,white); } /* Barras comparativas en verdes; la barra facturada cambia solo por su semáforo. */ :root body:not([data-view="login"]) #app :is(.executive-chart-legend .is-goal::before,.executive-chart-bar.is-goal,.executive-month-values .is-goal i) { background-color:#8aae93; } :root body:not([data-view="login"]) #app :is(.executive-chart-legend .is-forecast::before,.executive-chart-bar.is-forecast,.executive-month-values .is-forecast i) { background-color:#4f8f67; } :root body:not([data-view="login"]) #app :is(.executive-chart-legend .is-billed::before,.executive-chart-bar.is-billed,.executive-month-values .is-billed i) { background-color:var(--ditar-accent); background-image:none; } :root body:not([data-view="login"]) #app .executive-chart-bar.is-billed.is-risk { background-color:var(--ditar-risk); } :root body:not([data-view="login"]) #app .executive-chart-bar.is-billed.is-warning { background-color:var(--ditar-warning); } :root body:not([data-view="login"]) #app .executive-chart-bar.is-billed.is-good { background-color:var(--ditar-good); } :root body:not([data-view="login"]) #app .executive-chart-bar.is-billed.is-excellent { background-color:var(--performance-excellent); } /* Proyección: aro, porcentaje y etiqueta comparten exactamente el mismo estado. */ :root body:not([data-view="login"]) #app .projection-team-compliance-stage.is-risk { --team-gauge:var(--ditar-risk); } :root body:not([data-view="login"]) #app .projection-team-compliance-stage.is-warning { --team-gauge:var(--ditar-warning); } :root body:not([data-view="login"]) #app .projection-team-compliance-stage.is-good { --team-gauge:var(--ditar-good); } :root body:not([data-view="login"]) #app .projection-team-compliance-stage.is-excellent { --team-gauge:var(--performance-excellent); } :root body:not([data-view="login"]) #app .projection-team-compliance-stage.is-neutral { --team-gauge:var(--ditar-neutral); } :root body:not([data-view="login"]) #app .projection-team-compliance-stage :is(.projection-team-kpi-gauge strong,.projection-team-compliance-stage-data > strong,.projection-team-compliance-stage-data > mark) { color:var(--team-gauge) !important; } :root body:not([data-view="login"]) #app .projection-advisor-annual-kpi.is-risk, :root body:not([data-view="login"]) #app :is(.projection-advisor-gap-summary,.projection-advisor-annual-summary).is-risk { --advisor-kpi:var(--ditar-risk); } :root body:not([data-view="login"]) #app .projection-advisor-annual-kpi.is-warning, :root body:not([data-view="login"]) #app :is(.projection-advisor-gap-summary,.projection-advisor-annual-summary).is-warning { --advisor-kpi:var(--ditar-warning); } :root body:not([data-view="login"]) #app .projection-advisor-annual-kpi.is-good, :root body:not([data-view="login"]) #app :is(.projection-advisor-gap-summary,.projection-advisor-annual-summary).is-good { --advisor-kpi:var(--ditar-good); } :root body:not([data-view="login"]) #app .projection-advisor-annual-kpi.is-excellent, :root body:not([data-view="login"]) #app :is(.projection-advisor-gap-summary,.projection-advisor-annual-summary).is-excellent { --advisor-kpi:var(--performance-excellent); } :root body:not([data-view="login"]) #app .projection-advisor-annual-kpi.is-neutral, :root body:not([data-view="login"]) #app :is(.projection-advisor-gap-summary,.projection-advisor-annual-summary).is-neutral { --advisor-kpi:var(--ditar-neutral); } /* Gerencia: la cifra queda neutra y el movimiento se comunica en badge/delta. */ :root body:not([data-view="login"]) #app .mb-metric-card { --mb-card-tone:var(--ditar-accent); } :root body:not([data-view="login"]) #app :is(.mb-metric-card-head em,.mb-metric-values .is-delta b)[data-status="good"] { color:var(--ditar-good); } :root body:not([data-view="login"]) #app :is(.mb-metric-card-head em,.mb-metric-values .is-delta b)[data-status="attention"] { color:var(--ditar-risk); } :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="good"] { background-color:var(--ditar-good-soft); border-color:#c3ddca; } :root body:not([data-view="login"]) #app .mb-metric-card-head em[data-status="attention"] { background-color:var(--ditar-risk-soft); border-color:#e8c5bf; } :root body:not([data-view="login"]) #app .mb-metric-card-head em:is([data-status="new"],[data-status="partial"],[data-status="stale"]) { color:var(--ditar-warning); background-color:var(--ditar-warning-soft); } :root body:not([data-view="login"]) #app .mb-metric-card-head em:is([data-status="pending"],[data-status="neutral"]) { color:var(--ditar-neutral); background-color:var(--ditar-neutral-soft); } /* Gráficos y resúmenes: categorías en verdes; pérdidas y riesgo conservan rojo. */ :root body:not([data-view="login"]) .hubspot-chart-legend .is-made::before { background-color:#7fa58b; } :root body:not([data-view="login"]) .hubspot-chart-legend .is-won::before { background-color:var(--ditar-good); } :root body:not([data-view="login"]) .hubspot-chart-legend .is-lost::before { background-color:var(--ditar-risk); } :root body[data-view="reportes"] #app .pedido-mini-kpi.is-risk > strong { color:var(--ditar-risk) !important; } /* Adjuntos de Solicitudes: el resumen también debe conservar contraste en escritorio. */ :root body[data-view="solicitudes"] #app .export-request-center .request-attachments .coordinator-summary-grid .request-file-row span { color:var(--ditar-muted) !important; } :root body[data-view="solicitudes"] #app .export-request-center .request-attachments .coordinator-summary-grid .request-file-row :is(strong,a) { color:var(--ditar-text) !important; } /* Ayer es una referencia neutra; Hoy y la diferencia expresan la variación diaria. */ :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison="pending"] { --mb-comparison-ink:#526474; --mb-comparison-bg:#eef2f5; --mb-comparison-bar:#526978; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison="good"] { --mb-comparison-ink:#17653b; --mb-comparison-bg:#edf7ef; --mb-comparison-bar:#227548; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison="attention"] { --mb-comparison-ink:#a32625; --mb-comparison-bg:#fff1ef; --mb-comparison-bar:#ba3832; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison="warning"] { --mb-comparison-ink:#805500; --mb-comparison-bg:#fff6da; --mb-comparison-bar:#9b6a00; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-today { color:var(--mb-comparison-ink); text-shadow:none; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-values > .is-previous { background:#f1f4f6; border-color:#73808c; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-values .is-previous :is(small,b) { color:#55616c; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-bar-row:not(.is-today) :is(small,b) { color:#55616c; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-bar-row:not(.is-today) u { background:#73808c; box-shadow:none; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-bar-row.is-today :is(small,b) { color:var(--mb-comparison-ink); } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-bar-row.is-today u { background:var(--mb-comparison-bar); box-shadow:none; } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-values > :is(.is-current,.is-delta) { background:var(--mb-comparison-bg); border-color:var(--mb-comparison-bar); } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-values :is(.is-current,.is-delta) :is(small,b) { color:var(--mb-comparison-ink); } :root body:not([data-view="login"]) #app .mb-metric-card[data-comparison] .mb-metric-card-head em[data-status] { color:var(--mb-comparison-ink); background:var(--mb-comparison-bg); border-color:var(--mb-comparison-bar); } :root body:not([data-view="login"]) #app .mb-metric-values .is-delta small { white-space:normal; } :root body:not([data-view="login"]) #app .mb-comparison-pill[data-signal="green"] { color:#155932; background:#e7f5eb; border-color:#77bc8d; } :root body:not([data-view="login"]) #app .mb-metric-bar-row:not(.is-today) u { background-color:#87968b; } :root body:not([data-view="login"]) #app .mb-comparison-pill[data-signal="orange"] { color:#735013; background:#fff1cd; border-color:#c49d4d; } :root body:not([data-view="login"]) #app .mb-comparison-pill[data-signal="red"] { color:#9d2928; background:#ffebe8; border-color:#dc9189; } :root body:not([data-view="login"]) #app .mb-comparison-pill[data-signal="gray"] { color:#44564f; background:#edf1ee; border-color:#96a69c; } :root body:not([data-view="login"]) #app .mb-monthly-trend small { color:#596c60; } :root body:not([data-view="login"]) #app .mb-monthly-trend polyline { stroke:#31774c; } :root body:not([data-view="login"]) #app .mb-monthly-trend circle { fill:#fff; stroke:#996f21; }