/* ===============================================================
   DashboardPro · Sistema visual Grafite
   Tema padrão inspirado no painel preto/grafite aprovado.
   Este arquivo deve ser carregado por último em todas as telas.
   =============================================================== */

html[data-theme="grafite"] {
  color-scheme: dark;
  --bg: #090a0c;
  --panel: rgba(18, 21, 24, 0.98);
  --panel-alt: rgba(25, 29, 33, 0.96);
  --line: rgba(195, 207, 216, 0.15);
  --text: #f1f4f6;
  --muted: #9ba5ad;
  --blue: #62c8ff;
  --green: #58d889;
  --amber: #f2bf59;
  --red: #ff474d;
  --purple: #aa9cff;
  --graphite-975: #060708;
  --graphite-950: #090a0c;
  --graphite-925: #0c0e10;
  --graphite-900: #101214;
  --graphite-875: #14171a;
  --graphite-850: #191d21;
  --graphite-800: #20262b;
  --graphite-border: rgba(196, 208, 217, 0.15);
  --graphite-border-strong: rgba(210, 221, 228, 0.23);
  --graphite-highlight: rgba(255, 255, 255, 0.055);
  --graphite-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
  --graphite-shadow-strong: 0 28px 62px rgba(0, 0, 0, 0.38);
  --graphite-surface: linear-gradient(180deg, rgba(25, 29, 33, 0.98), rgba(10, 12, 14, 0.98));
  --graphite-surface-raised: linear-gradient(180deg, rgba(30, 35, 40, 0.98), rgba(14, 17, 20, 0.98));
  --graphite-surface-inset: linear-gradient(180deg, rgba(9, 11, 13, 0.94), rgba(5, 6, 8, 0.94));
  --theme-bg: var(--bg);
  --theme-surface: var(--panel);
  --theme-surface-elevated: var(--panel-alt);
  --theme-border: var(--line);
  --theme-text: var(--text);
  --theme-text-muted: var(--muted);
  --theme-hover: rgba(255, 255, 255, 0.045);
  --theme-focus: rgba(98, 200, 255, 0.62);
  --theme-success: var(--green);
  --theme-warning: var(--amber);
  --theme-error: var(--red);
  --theme-info: var(--blue);
}

html[data-theme="grafite"] body,
html[data-theme="grafite"] body.support-page-body,
html[data-theme="grafite"] body.routing-admin-page {
  color: var(--text) !important;
  background:
    radial-gradient(circle at 92% 4%, rgba(255, 71, 77, 0.14), transparent 23%),
    radial-gradient(circle at 14% 0%, rgba(163, 178, 190, 0.10), transparent 28%),
    linear-gradient(180deg, #15181b 0%, #0a0c0e 44%, #060708 100%) !important;
}

html[data-theme="grafite"] body::before,
html[data-theme="grafite"] body::after {
  width: 1px !important;
  background: linear-gradient(180deg, rgba(159, 170, 179, 0.24), rgba(70, 78, 85, 0.04)) !important;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.035) !important;
}

html[data-theme="grafite"] ::selection {
  color: #ffffff;
  background: rgba(255, 71, 77, 0.42);
}

/* Estrutura, barras superiores e superfícies principais */
html[data-theme="grafite"] .topbar-unified,
html[data-theme="grafite"] .routing-menu-shell,
html[data-theme="grafite"] .panel,
html[data-theme="grafite"] .hero-card,
html[data-theme="grafite"] .chart-total-card,
html[data-theme="grafite"] .support-summary-card,
html[data-theme="grafite"] .support-compare-card,
html[data-theme="grafite"] .support-startup-day-card,
html[data-theme="grafite"] .support-live-card,
html[data-theme="grafite"] .ticket-card,
html[data-theme="grafite"] .ticket-list-card,
html[data-theme="grafite"] .sidebar-card,
html[data-theme="grafite"] .chamados-sidebar-panel,
html[data-theme="grafite"] .chamados-tickets-panel,
html[data-theme="grafite"] .chamados-analysis-panel,
html[data-theme="grafite"] .chamados-metric-card,
html[data-theme="grafite"] .chamados-list-panel,
html[data-theme="grafite"] .chamados-board-column,
html[data-theme="grafite"] .chamados-ticket-card,
html[data-theme="grafite"] .chamados-schedule-row,
html[data-theme="grafite"] .chamados-clock-card,
html[data-theme="grafite"] .chamados-clock-summary-card,
html[data-theme="grafite"] .chamados-detail-card,
html[data-theme="grafite"] .access-approval-card,
html[data-theme="grafite"] .modal-card,
html[data-theme="grafite"] .department-drawer,
html[data-theme="grafite"] .support-details-modal-shell,
html[data-theme="grafite"] .routing-status-panel,
html[data-theme="grafite"] .routing-summary-card,
html[data-theme="grafite"] .routing-panel,
html[data-theme="grafite"] .routing-category-editor,
html[data-theme="grafite"] .routing-telegram-editor,
html[data-theme="grafite"] .routing-diagnostic,
html[data-theme="grafite"] .routing-monitor-item,
html[data-theme="grafite"] .login-panel {
  color: var(--text) !important;
  border-color: var(--graphite-border) !important;
  background: var(--graphite-surface) !important;
  box-shadow:
    inset 0 1px 0 var(--graphite-highlight),
    var(--graphite-shadow) !important;
}

html[data-theme="grafite"] .topbar-unified,
html[data-theme="grafite"] .routing-menu-shell {
  border-color: rgba(203, 215, 223, 0.17) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.075),
    0 14px 32px rgba(0,0,0,0.30) !important;
}

html[data-theme="grafite"] .routing-menu-shell {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .top-tabs-embedded,
html[data-theme="grafite"] .topbar-unified > .topbar-actions-row,
html[data-theme="grafite"] .support-compact-status,
html[data-theme="grafite"] .routing-tabs,
html[data-theme="grafite"] .status-progress-embedded {
  border-color: rgba(196, 208, 217, 0.10) !important;
  background: rgba(4, 5, 6, 0.34) !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .support-compact-status {
  border: 1px solid rgba(196, 208, 217, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(24, 28, 34, 0.72), rgba(11, 13, 16, 0.78)) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  padding: 0 18px 0 18px !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .topbar {
  padding-top: 2px !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .topbar-unified {
  border-radius: 26px !important;
  overflow: hidden !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .support-compact-status-text {
  padding-left: 4px !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .support-ticket-search {
  border-color: rgba(196, 208, 217, 0.16) !important;
  background: linear-gradient(180deg, rgba(43, 48, 54, 0.96), rgba(23, 27, 31, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 8px 16px rgba(0,0,0,0.14) !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .support-ticket-search-input {
  color: #edf2f5 !important;
  background: rgba(52, 58, 64, 0.42) !important;
  border-radius: 999px !important;
  padding-left: 8px !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .support-ticket-search-input::placeholder {
  color: rgba(225, 233, 239, 0.66) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .support-ticket-search {
  border-color: rgba(196, 208, 217, 0.16) !important;
  background: linear-gradient(180deg, rgba(43, 48, 54, 0.96), rgba(23, 27, 31, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 8px 16px rgba(0,0,0,0.14) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .support-ticket-search-input {
  color: #edf2f5 !important;
  background: rgba(52, 58, 64, 0.42) !important;
  border-radius: 999px !important;
  padding-left: 8px !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .support-ticket-search-input::placeholder {
  color: rgba(225, 233, 239, 0.66) !important;
}

/* Navegação e ações: superfície uniforme + acento vermelho somente na seleção */
html[data-theme="grafite"] .nav-tab,
html[data-theme="grafite"] .refresh-button,
html[data-theme="grafite"] .topbar-page-control,
html[data-theme="grafite"] .dashboard-theme-select-shell,
html[data-theme="grafite"] .support-ticket-search,
html[data-theme="grafite"] .support-page-compact .support-compact-logout,
html[data-theme="grafite"] .support-theme-select,
html[data-theme="grafite"] .routing-menu-shell .routing-tab,
html[data-theme="grafite"] .routing-button,
html[data-theme="grafite"] .routing-input,
html[data-theme="grafite"] .routing-select,
html[data-theme="grafite"] .routing-theme-select-shell,
html[data-theme="grafite"] .panel-chip-button,
html[data-theme="grafite"] .operator-filter-action,
html[data-theme="grafite"] .operator-filter-cancel,
html[data-theme="grafite"] .operator-filter-apply,
html[data-theme="grafite"] .operator-handling-button,
html[data-theme="grafite"] .organization-handling-button {
  color: #dfe5e9 !important;
  border-color: rgba(198, 210, 218, 0.14) !important;
  background: var(--graphite-surface-raised) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .top-tabs .nav-tab,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .topbar-actions-segmented .refresh-button {
  border-color: rgba(198, 210, 218, 0.14) !important;
  background: linear-gradient(180deg, rgba(27, 31, 35, 0.96), rgba(10, 12, 14, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .topbar-unified > .topbar-actions-row.topbar-actions-segmented {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .dashboard-theme-select-shell {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
}

html[data-theme="grafite"] #support-operator-toggle-all,
html[data-theme="grafite"] #support-live-toggle-all,
html[data-theme="grafite"] .support-startup-panel #support-startup-details,
html[data-theme="grafite"] .operator-handling-panel .support-flip-toggle {
  color: rgba(226, 233, 238, 0.84) !important;
  border-color: rgba(198, 210, 218, 0.12) !important;
  background: rgba(19, 23, 27, 0.66) !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] #support-operator-toggle-all:hover,
html[data-theme="grafite"] #support-operator-toggle-all:focus-visible,
html[data-theme="grafite"] #support-live-toggle-all:hover,
html[data-theme="grafite"] #support-live-toggle-all:focus-visible,
html[data-theme="grafite"] .support-startup-panel #support-startup-details:hover,
html[data-theme="grafite"] .support-startup-panel #support-startup-details:focus-visible,
html[data-theme="grafite"] .operator-handling-panel .support-flip-toggle:hover,
html[data-theme="grafite"] .operator-handling-panel .support-flip-toggle:focus-visible {
  color: #f1f4f6 !important;
  border-color: rgba(198, 210, 218, 0.2) !important;
  background: rgba(24, 28, 32, 0.9) !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .status-progress-embedded,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .status-progress-group {
  border-color: rgba(198, 210, 218, 0.12) !important;
  background: linear-gradient(180deg, rgba(24, 28, 32, 0.94), rgba(8, 10, 12, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    0 8px 18px rgba(0,0,0,0.14) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .status-pill,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .page-progress-pill {
  color: #edf2f5 !important;
  border-color: rgba(198, 210, 218, 0.12) !important;
  background: linear-gradient(180deg, rgba(22, 26, 30, 0.96), rgba(8, 10, 12, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .progress-track {
  border-color: rgba(198, 210, 218, 0.12) !important;
  background: rgba(35, 39, 43, 0.72) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.22) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .progress-bar {
  background: linear-gradient(90deg, rgba(255, 112, 86, 0.92), rgba(255, 71, 77, 0.96)) !important;
  box-shadow: 0 0 14px rgba(255, 71, 77, 0.22) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .progress-shell.is-loading .progress-bar {
  background:
    linear-gradient(90deg, rgba(255, 112, 86, 0.96), rgba(255, 71, 77, 0.98)),
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.14) 0 10px,
      rgba(255, 255, 255, 0.02) 10px 20px
    ) !important;
  background-size: 100% 100%, 28px 100% !important;
}

html[data-theme="grafite"] .nav-tab:hover,
html[data-theme="grafite"] .refresh-button:hover,
html[data-theme="grafite"] .topbar-page-control:hover,
html[data-theme="grafite"] .routing-menu-shell .routing-tab:hover,
html[data-theme="grafite"] .routing-button:hover,
html[data-theme="grafite"] .panel-chip-button:hover {
  color: #ffffff !important;
  border-color: rgba(255, 71, 77, 0.36) !important;
  background:
    radial-gradient(circle at 50% 116%, rgba(255, 71, 77, 0.18), transparent 58%),
    var(--graphite-surface-raised) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .top-tabs .nav-tab:hover,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .top-tabs .nav-tab:focus-visible,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .topbar-actions-segmented .refresh-button:hover,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .topbar-actions-segmented .refresh-button:focus-visible {
  border-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 8px 18px rgba(0,0,0,0.16) !important;
}

html[data-theme="grafite"] .nav-tab.active,
html[data-theme="grafite"] .top-tabs .nav-tab.active,
html[data-theme="grafite"] .top-tabs .nav-tab-static.active,
html[data-theme="grafite"] .routing-menu-shell .routing-tab.active,
html[data-theme="grafite"] .panel-chip-button.active,
html[data-theme="grafite"] .status-panel-toggle-button.active,
html[data-theme="grafite"] .operator-filter-apply {
  color: #ffffff !important;
  border-color: rgba(255, 71, 77, 0.48) !important;
  background:
    radial-gradient(circle at 50% 125%, rgba(255, 71, 77, 0.22), transparent 60%),
    linear-gradient(180deg, rgba(35, 39, 44, 0.98), rgba(13, 15, 18, 0.98)) !important;
  box-shadow:
    inset 0 -2px 0 #ff474d,
    inset 0 1px 0 rgba(255,255,255,0.055),
    0 0 16px rgba(255, 71, 77, 0.09) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .top-tabs .nav-tab.active,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .top-tabs .nav-tab-static.active {
  border-color: rgba(255, 71, 77, 0.38) !important;
  background:
    radial-gradient(circle at 50% 125%, rgba(255, 71, 77, 0.16), transparent 60%),
    linear-gradient(180deg, rgba(35, 39, 44, 0.98), rgba(13, 15, 18, 0.98)) !important;
  box-shadow:
    inset 0 -2px 0 #ff474d,
    inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .top-tabs .nav-tab.active::after,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .top-tabs .nav-tab-static.active::after {
  background: linear-gradient(90deg, #ff6a6f, #ff474d) !important;
  box-shadow: 0 0 10px rgba(255, 71, 77, 0.28) !important;
}

/* Tipografia e hierarquia */
html[data-theme="grafite"] .panel h2,
html[data-theme="grafite"] .panel h3,
html[data-theme="grafite"] .panel h4,
html[data-theme="grafite"] .hero-card h3,
html[data-theme="grafite"] .stack-title,
html[data-theme="grafite"] .operator-handling-row-label,
html[data-theme="grafite"] .operator-handling-label,
html[data-theme="grafite"] .support-live-card-title,
html[data-theme="grafite"] .chamados-board-title-group h2,
html[data-theme="grafite"] .support-status-ticket-title,
html[data-theme="grafite"] .support-status-operator,
html[data-theme="grafite"] .chamados-ticket-title,
html[data-theme="grafite"] .routing-panel h2,
html[data-theme="grafite"] .routing-panel h3,
html[data-theme="grafite"] .routing-table td,
html[data-theme="grafite"] .routing-table th,
html[data-theme="grafite"] .login-panel h2,
html[data-theme="grafite"] strong {
  color: #f2f5f7 !important;
}

html[data-theme="grafite"] .panel p,
html[data-theme="grafite"] .muted,
html[data-theme="grafite"] .progress-text,
html[data-theme="grafite"] .progress-stamp,
html[data-theme="grafite"] .sidebar-label,
html[data-theme="grafite"] .support-ticket-search-input::placeholder,
html[data-theme="grafite"] .support-live-ticket-meta,
html[data-theme="grafite"] .support-live-ticket-empty,
html[data-theme="grafite"] .chamados-analysis-header span,
html[data-theme="grafite"] .chamados-ticket-meta,
html[data-theme="grafite"] .chamados-ticket-subject,
html[data-theme="grafite"] .routing-panel p,
html[data-theme="grafite"] .routing-status,
html[data-theme="grafite"] .login-panel p {
  color: #9ea8b0 !important;
}

/* Campos, trilhos, totais e tabelas */
html[data-theme="grafite"] input,
html[data-theme="grafite"] select,
html[data-theme="grafite"] textarea,
html[data-theme="grafite"] .department-native-select,
html[data-theme="grafite"] .department-filter-input,
html[data-theme="grafite"] .department-filter-date-button,
html[data-theme="grafite"] .support-ticket-search-input,
html[data-theme="grafite"] .routing-input,
html[data-theme="grafite"] .routing-select,
html[data-theme="grafite"] .topbar-page-input {
  color: #edf2f5 !important;
  border-color: rgba(195, 207, 216, 0.16) !important;
  background: var(--graphite-surface-inset) !important;
  caret-color: #ff5b60;
}

html[data-theme="grafite"] input:focus,
html[data-theme="grafite"] select:focus,
html[data-theme="grafite"] textarea:focus,
html[data-theme="grafite"] .department-filter-date-button:focus,
html[data-theme="grafite"] .routing-input:focus,
html[data-theme="grafite"] .routing-select:focus {
  border-color: rgba(98, 200, 255, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(98, 200, 255, 0.10) !important;
}

html[data-theme="grafite"] select option,
html[data-theme="grafite"] .dashboard-theme-select option,
html[data-theme="grafite"] .support-theme-select option,
html[data-theme="grafite"] .routing-theme-select option {
  color: #14171a !important;
  background: #f3f5f7 !important;
}

html[data-theme="grafite"] .dashboard-theme-select,
html[data-theme="grafite"] .support-theme-select,
html[data-theme="grafite"] .routing-theme-select {
  color-scheme: light !important;
}

html[data-theme="grafite"] .status-pill,
html[data-theme="grafite"] .page-progress-pill,
html[data-theme="grafite"] .status-totalizer,
html[data-theme="grafite"] .progress-track,
html[data-theme="grafite"] .hero-badge,
html[data-theme="grafite"] .hero-badge-button,
html[data-theme="grafite"] .hero-open-closed-side,
html[data-theme="grafite"] .operator-handling-row-track,
html[data-theme="grafite"] .operator-handling-row-track-secondary,
html[data-theme="grafite"] .operator-handling-bar-rail,
html[data-theme="grafite"] .operator-handling-bar-rail-average,
html[data-theme="grafite"] .support-weekly-chart-shell,
html[data-theme="grafite"] .support-mini-bars,
html[data-theme="grafite"] .support-organization-row-bar,
html[data-theme="grafite"] .chamados-table-grid-head,
html[data-theme="grafite"] .routing-table th,
html[data-theme="grafite"] .routing-category-pill,
html[data-theme="grafite"] .routing-chip {
  border-color: rgba(195, 207, 216, 0.11) !important;
  background: rgba(4, 5, 7, 0.60) !important;
}

html[data-theme="grafite"] .hero-badge-button:hover,
html[data-theme="grafite"] .hero-badge-button:focus-visible,
html[data-theme="grafite"] .hero-open-closed-action:hover .hero-open-closed-side,
html[data-theme="grafite"] .hero-open-closed-action:focus-visible .hero-open-closed-side {
  border-color: rgba(255, 71, 77, 0.24) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 10px 20px rgba(0,0,0,0.16) !important;
}

html[data-theme="grafite"] .hero-badge-value,
html[data-theme="grafite"] .hero-open-closed-side-label,
html[data-theme="grafite"] .hero-open-closed-side-caption {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .hero-badge-label,
html[data-theme="grafite"] .hero-badge-arrow {
  color: #9ea8b0 !important;
}

html[data-theme="grafite"] .data-table th,
html[data-theme="grafite"] .routing-table th,
html[data-theme="grafite"] .chamados-table-grid-head {
  color: #b7c1c8 !important;
  border-bottom-color: rgba(203, 215, 223, 0.16) !important;
}

html[data-theme="grafite"] .data-table td,
html[data-theme="grafite"] .routing-table td,
html[data-theme="grafite"] .chamados-table-grid-body > *,
html[data-theme="grafite"] .chamados-table-grid-row {
  border-color: rgba(194, 206, 215, 0.09) !important;
  background: rgba(11, 13, 15, 0.46) !important;
}

html[data-theme="grafite"] .data-table tbody tr:hover td,
html[data-theme="grafite"] .routing-row:hover td,
html[data-theme="grafite"] .routing-row.selected td,
html[data-theme="grafite"] .chamados-table-grid-row:hover {
  background: rgba(255, 255, 255, 0.035) !important;
}

/* Componentes operacionais internos */
html[data-theme="grafite"] .status-progress-group,
html[data-theme="grafite"] .support-compare-chart,
html[data-theme="grafite"] .support-compare-column,
html[data-theme="grafite"] .support-weekly-comparison-chart-shell,
html[data-theme="grafite"] .support-weekly-comparison-list,
html[data-theme="grafite"] .support-weekly-comparison-row,
html[data-theme="grafite"] .hero-weekly-summary-card,
html[data-theme="grafite"] .hero-weekly-today-card,
html[data-theme="grafite"] .hero-mini-day-grid-modern .hero-mini-day-card,
html[data-theme="grafite"] .operator-handling-row,
html[data-theme="grafite"] .support-grid-main .operator-handling-row,
html[data-theme="grafite"] .support-grid-main .operator-handling-ticket-card,
html[data-theme="grafite"] .operator-handling-ticket-card,
html[data-theme="grafite"] .operator-handling-ticket-card-static,
html[data-theme="grafite"] .support-compare-header,
html[data-theme="grafite"] .support-compare-month-stat,
html[data-theme="grafite"] .support-compare-month-period,
html[data-theme="grafite"] .support-compare-month-balance,
html[data-theme="grafite"] .support-compare-month-history-note,
html[data-theme="grafite"] .support-compare-metric-row,
html[data-theme="grafite"] .support-compare-metric-tile,
html[data-theme="grafite"] .support-compare-metrics-section,
html[data-theme="grafite"] .support-startup-inline-day,
html[data-theme="grafite"] .support-startup-bar-card,
html[data-theme="grafite"] .support-live-ticket,
html[data-theme="grafite"] .support-live-row,
html[data-theme="grafite"] .support-live-ticket-time,
html[data-theme="grafite"] .chamados-attendant-card,
html[data-theme="grafite"] .chamados-attendant-button,
html[data-theme="grafite"] .chamados-analysis-card,
html[data-theme="grafite"] .routing-monitor-item,
html[data-theme="grafite"] .routing-detail-card {
  color: #edf2f5 !important;
  border-color: rgba(196, 208, 217, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(7, 9, 11, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 24px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .support-startup-bar-card:hover,
html[data-theme="grafite"] .support-live-row:hover,
html[data-theme="grafite"] .support-grid-main button.operator-handling-ticket-card:hover,
html[data-theme="grafite"] .support-grid-main button.operator-handling-ticket-card:focus-visible {
  border-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 12px 26px rgba(0,0,0,0.22) !important;
}

html[data-theme="grafite"] .support-apoio-week-summary-panel,
html[data-theme="grafite"] .support-apoio-week-card {
  border-color: rgba(196, 208, 217, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(21, 25, 29, 0.97), rgba(8, 10, 12, 0.97)) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .support-apoio-week-expand-button,
html[data-theme="grafite"] .support-apoio-category-shell {
  border-color: rgba(196, 208, 217, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(21, 25, 29, 0.97), rgba(8, 10, 12, 0.97)) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.22) !important;
}

html[data-theme="grafite"] .support-apoio-week-section {
  border-color: rgba(196, 208, 217, 0.11) !important;
  background:
    linear-gradient(180deg, rgba(18, 22, 25, 0.82), rgba(8, 10, 12, 0.68)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

html[data-theme="grafite"] .support-apoio-week-card::after {
  content: none !important;
}

html[data-theme="grafite"] .support-apoio-week-card:hover,
html[data-theme="grafite"] .support-apoio-week-card:focus-visible {
  border-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.08), transparent 56%),
    linear-gradient(180deg, rgba(25, 29, 33, 0.98), rgba(9, 11, 13, 0.98)) !important;
}

html[data-theme="grafite"] .support-apoio-week-expand-button:hover,
html[data-theme="grafite"] .support-apoio-week-expand-button:focus-visible {
  border-color: rgba(255, 71, 77, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(28, 31, 35, 0.98), rgba(10, 12, 14, 0.98)) !important;
  color: #f2f5f7 !important;
}

html[data-theme="grafite"] .support-apoio-week-all-button {
  border-color: rgba(196, 208, 217, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(18, 21, 24, 0.96), rgba(6, 7, 9, 0.96)) !important;
}

html[data-theme="grafite"] .support-apoio-category-head,
html[data-theme="grafite"] .support-apoio-category-toolbar {
  border-color: rgba(196, 208, 217, 0.10) !important;
}

html[data-theme="grafite"] .support-startup-empty {
  color: #9ea8b0 !important;
  border-color: rgba(196, 208, 217, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(7, 9, 11, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="grafite"] .support-startup-inline-day.is-good,
html[data-theme="grafite"] .support-startup-day-card.is-good {
  border-color: rgba(108, 240, 167, 0.50) !important;
  background: linear-gradient(180deg, rgba(22, 82, 54, 0.86), rgba(12, 46, 34, 0.72)) !important;
  box-shadow: inset 0 0 0 1px rgba(108, 240, 167, 0.12) !important;
}

html[data-theme="grafite"] .support-startup-inline-day.is-alert,
html[data-theme="grafite"] .support-startup-day-card.is-alert {
  border-color: rgba(255, 91, 103, 0.58) !important;
  background: linear-gradient(180deg, rgba(92, 31, 38, 0.90), rgba(55, 18, 25, 0.76)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 91, 103, 0.14) !important;
}

html[data-theme="grafite"] .support-startup-inline-day.is-good .support-startup-inline-weekday,
html[data-theme="grafite"] .support-startup-day-card.is-good .support-startup-day-weekday,
html[data-theme="grafite"] .support-startup-day-card.is-good .support-startup-day-date {
  color: rgba(213, 255, 231, 0.78) !important;
}

html[data-theme="grafite"] .support-startup-inline-day.is-alert .support-startup-inline-weekday,
html[data-theme="grafite"] .support-startup-day-card.is-alert .support-startup-day-weekday,
html[data-theme="grafite"] .support-startup-day-card.is-alert .support-startup-day-date {
  color: rgba(255, 218, 222, 0.78) !important;
}

html[data-theme="grafite"] .support-compare-chart {
  gap: 10px !important;
  padding: 8px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(28, 32, 36, 0.72), rgba(12, 14, 17, 0.72)) !important;
  box-shadow: inset 0 0 0 1px rgba(196, 208, 217, 0.08) !important;
}

html[data-theme="grafite"] .support-compare-column {
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(24, 28, 32, 0.94), rgba(10, 12, 14, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    0 8px 20px rgba(0,0,0,0.14) !important;
}

html[data-theme="grafite"] .support-startup-card-head,
html[data-theme="grafite"] .support-live-row-operator,
html[data-theme="grafite"] .support-compare-month-head {
  border-bottom-color: rgba(196, 208, 217, 0.10) !important;
}

html[data-theme="grafite"] .support-startup-bar-shell,
html[data-theme="grafite"] .support-live-ticket-time,
html[data-theme="grafite"] .support-mini-bars,
html[data-theme="grafite"] .support-compare-day-bars,
html[data-theme="grafite"] .support-live-row-tickets::-webkit-scrollbar-thumb {
  border-color: rgba(195, 207, 216, 0.14) !important;
  background: rgba(23, 28, 33, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="grafite"] .support-startup-bar-operator,
html[data-theme="grafite"] .support-live-row-operator strong,
html[data-theme="grafite"] .support-live-ticket-title,
html[data-theme="grafite"] .support-grid-main .operator-handling-ticket-card strong,
html[data-theme="grafite"] .support-status-ranking-count {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .support-startup-bar-count,
html[data-theme="grafite"] .support-startup-card-label,
html[data-theme="grafite"] .support-live-row-operator > span,
html[data-theme="grafite"] .support-live-ticket-time-label,
html[data-theme="grafite"] .support-live-no-interaction-label,
html[data-theme="grafite"] .support-grid-main .operator-handling-ticket-card span:first-child,
html[data-theme="grafite"] .support-compare-month-title small,
html[data-theme="grafite"] .support-compare-metric-line .support-compare-metric-label,
html[data-theme="grafite"] .support-compare-metric-tile .support-compare-metric-label,
html[data-theme="grafite"] .support-compare-month-stat-label {
  color: #9ea8b0 !important;
}

html[data-theme="grafite"] .support-live-no-interaction {
  color: #f1f4f6 !important;
  animation: none !important;
}

html[data-theme="grafite"] .support-compare-metric-row-blue .support-compare-metric-value {
  color: #66caff !important;
}

html[data-theme="grafite"] .support-compare-metric-row-green .support-compare-metric-value {
  color: #6cf0a7 !important;
}

html[data-theme="grafite"] .support-compare-metric-row-red .support-compare-metric-value {
  color: #ff7370 !important;
}

html[data-theme="grafite"] .support-compare-column .support-compare-header,
html[data-theme="grafite"] .support-compare-column .support-status-inline,
html[data-theme="grafite"] .hero-card-status-ticket-list-compact .support-status-ticket-list,
html[data-theme="grafite"] .support-status-ticket-row,
html[data-theme="grafite"] .support-status-ticket-more,
html[data-theme="grafite"] .support-status-ticket-empty {
  border-color: rgba(196, 208, 217, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(7, 9, 11, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 24px rgba(0,0,0,0.14) !important;
}

html[data-theme="grafite"] .support-compare-column .support-status-inline {
  border-radius: 14px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .support-status-inline-item {
  min-height: 52px !important;
}

html[data-theme="grafite"] .support-status-bar {
  box-shadow: 0 0 12px color-mix(in srgb, var(--status-color, #63c8ff) 14%, transparent) !important;
}

html[data-theme="grafite"] .support-status-bar-inline.support-status-bar {
  box-shadow: 0 0 8px color-mix(in srgb, var(--status-color, #63c8ff) 12%, transparent) !important;
}

html[data-theme="grafite"] .support-status-ticket-row:hover,
html[data-theme="grafite"] .support-status-ticket-row:focus-visible,
html[data-theme="grafite"] .support-status-ticket-more:hover,
html[data-theme="grafite"] .support-status-ticket-more:focus-visible,
html[data-theme="grafite"] .support-compare-metric-row.is-clickable:hover,
html[data-theme="grafite"] .support-compare-metric-row.is-clickable:focus-visible {
  border-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 12px 26px rgba(0,0,0,0.18) !important;
  outline: none !important;
}

html[data-theme="grafite"] .hero-weekly-summary-icon,
html[data-theme="grafite"] .hero-weekly-today-icon {
  border-color: rgba(198, 210, 218, 0.14) !important;
  background: linear-gradient(180deg, rgba(34, 38, 42, 0.96), rgba(12, 14, 17, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

html[data-theme="grafite"] .hero-weekly-summary-icon::before {
  background: #c8d0d6 !important;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.10)) !important;
}

html[data-theme="grafite"] .hero-weekly-summary-icon::after {
  background: #ff6a6f !important;
  box-shadow:
    7px -8px 0 #ff6a6f,
    16px -13px 0 #ff6a6f !important;
}

html[data-theme="grafite"] .hero-weekly-summary-label,
html[data-theme="grafite"] .hero-weekly-summary-note,
html[data-theme="grafite"] .hero-weekly-today-note,
html[data-theme="grafite"] .hero-mini-day-weekday {
  color: #b8c1c8 !important;
}

html[data-theme="grafite"] .hero-weekly-summary-rule,
html[data-theme="grafite"] .hero-mini-day-rule,
html[data-theme="grafite"] .hero-weekly-today-divider {
  background: linear-gradient(90deg, transparent, rgba(255, 71, 77, 0.62), transparent) !important;
}

html[data-theme="grafite"] .hero-weekly-today-icon::before {
  border-color: #c8d0d6 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}

html[data-theme="grafite"] .hero-weekly-today-icon::after {
  background: #ff6a6f !important;
  box-shadow:
    -6px 0 0 #ff6a6f,
    6px 0 0 #ff6a6f,
    -6px 6px 0 rgba(255, 106, 111, 0.72),
    0 6px 0 rgba(255, 106, 111, 0.72),
    6px 6px 0 rgba(255, 106, 111, 0.72) !important;
}

html[data-theme="grafite"] .hero-weekly-today-label {
  color: #d6dce1 !important;
}

html[data-theme="grafite"] .hero-weekly-day-track::before {
  background: rgba(168, 177, 184, 0.26) !important;
}

html[data-theme="grafite"] .hero-weekly-day-dot {
  border-color: rgba(168, 177, 184, 0.46) !important;
  background: #14181b !important;
}

html[data-theme="grafite"] .hero-weekly-day-dot.is-active {
  border-color: #ff6a6f !important;
  background: #ff6a6f !important;
  box-shadow: 0 0 14px rgba(255, 71, 77, 0.24) !important;
}

html[data-theme="grafite"] .hero-open-closed-side,
html[data-theme="grafite"] .hero-open-closed-side-open,
html[data-theme="grafite"] .hero-open-closed-side-pending,
html[data-theme="grafite"] .hero-open-closed-side-closed,
html[data-theme="grafite"] .hero-open-closed-side-goal,
html[data-theme="grafite"] .hero-open-closed-side-goal.is-complete {
  background:
    linear-gradient(180deg, rgba(23, 27, 31, 0.96), rgba(8, 10, 12, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    0 8px 18px rgba(0,0,0,0.14) !important;
}

html[data-theme="grafite"] .hero-open-closed-card-icon {
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}

html[data-theme="grafite"] .hero-card::after,
html[data-theme="grafite"] .hero-glow,
html[data-theme="grafite"] .hero-open-closed-card-watermark {
  opacity: 0.28 !important;
  filter: saturate(0.72) brightness(0.92) !important;
}

html[data-theme="grafite"] .hero-card::after {
  border-color: rgba(198, 210, 218, 0.05) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-weekly-handling,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-weekly-comparison,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-blue,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-green,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-amber,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-purple {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 24px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-weekly-handling::after,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-weekly-comparison::after,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-blue::after,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-green::after,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-amber::after,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-purple::after {
  border-color: rgba(198, 210, 218, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-status-ticket-list,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-status-ranking,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-red {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    inset 0 0 24px rgba(255, 71, 77, 0.08),
    0 10px 24px rgba(0,0,0,0.20) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-status-ticket-list::after,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-status-ranking::after,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card.metric-red::after {
  border-color: rgba(255, 71, 77, 0.26) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 71, 77, 0.06) !important;
}

html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-grid-general > .hero-card .hero-glow,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-weekly-handling .hero-glow,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-weekly-comparison .hero-glow,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-status-ticket-list .hero-glow,
html[data-theme="grafite"] .support-page:not(.support-page-compact) .hero-card-status-ranking .hero-glow {
  opacity: 0 !important;
  display: none !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .hero-card-weekly-handling,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card-weekly-comparison,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-blue,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-green,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-amber,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-purple {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 24px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .hero-card-weekly-handling::after,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card-weekly-comparison::after,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-blue::after,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-green::after,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-amber::after,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-purple::after {
  border-color: rgba(198, 210, 218, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .hero-card-status-ticket-list,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card-status-ranking,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-red {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    inset 0 0 24px rgba(255, 71, 77, 0.08),
    0 10px 24px rgba(0,0,0,0.20) !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .hero-card-status-ticket-list::after,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card-status-ranking::after,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card.metric-red::after {
  border-color: rgba(255, 71, 77, 0.26) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 71, 77, 0.06) !important;
}

html[data-theme="grafite"] .support-page.support-page-compact .hero-grid-general > .hero-card .hero-glow,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card-weekly-handling .hero-glow,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card-weekly-comparison .hero-glow,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card-status-ticket-list .hero-glow,
html[data-theme="grafite"] .support-page.support-page-compact .hero-card-status-ranking .hero-glow {
  opacity: 0 !important;
  display: none !important;
}

html[data-theme="grafite"] .weekly-summary-button,
html[data-theme="grafite"] .support-compare-operator-name .weekly-summary-button {
  border-color: rgba(196, 208, 217, 0.18) !important;
  background: linear-gradient(180deg, rgba(28, 32, 36, 0.96), rgba(10, 12, 14, 0.96)) !important;
  color: #c7d0d6 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

html[data-theme="grafite"] .weekly-summary-button:hover,
html[data-theme="grafite"] .weekly-summary-button:focus-visible,
html[data-theme="grafite"] .support-compare-operator-name .weekly-summary-button:hover,
html[data-theme="grafite"] .support-compare-operator-name .weekly-summary-button:focus-visible {
  border-color: rgba(255, 71, 77, 0.30) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  color: #f1f4f6 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 8px 18px rgba(0,0,0,0.16) !important;
}

html[data-theme="grafite"] .hero-open-closed-ring-core,
html[data-theme="grafite"] .chamados-clock-core,
html[data-theme="grafite"] .chamados-clock-inner-core {
  background: radial-gradient(circle, rgba(255,255,255,0.06), rgba(8,10,12,0.97) 64%) !important;
  fill: rgba(8,10,12,0.98) !important;
  stroke: rgba(202,214,222,0.16) !important;
  border-color: rgba(255,71,77,0.20) !important;
}

html[data-theme="grafite"] .hero-open-closed-ring {
  --ring-color: #ff4248;
  --ring-glow: rgba(255, 66, 72, 0.42);
  background:
    radial-gradient(circle at 50% 50%, rgba(8, 10, 12, 0.98) 58%, transparent 59%),
    conic-gradient(var(--ring-color) 0 var(--closed-percent), rgba(129, 138, 145, 0.25) var(--closed-percent) 100%) !important;
}

html[data-theme="grafite"].support-br-flag-enabled .hero-open-closed-ring {
  background:
    radial-gradient(circle at 50% 50%, rgba(8, 10, 12, 0.98) 58%, transparent 59%),
    conic-gradient(var(--ring-color) 0 var(--closed-percent), rgba(129, 138, 145, 0.25) var(--closed-percent) 100%) !important;
}

html[data-theme="grafite"].support-br-flag-enabled .hero-open-closed-ring-core {
  background: transparent !important;
  fill: transparent !important;
  stroke: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .hero-weekly-summary-value,
html[data-theme="grafite"] .hero-weekly-today-value,
html[data-theme="grafite"] .operator-handling-row-value,
html[data-theme="grafite"] .support-grid-main .operator-handling-row-value,
html[data-theme="grafite"] .metric-amber,
html[data-theme="grafite"] .text-amber {
  color: #f2bf59 !important;
}

html[data-theme="grafite"] .operator-handling-row-value-secondary,
html[data-theme="grafite"] .support-grid-main .operator-handling-row-value-secondary,
html[data-theme="grafite"] .support-compare-total-open,
html[data-theme="grafite"] .metric-blue,
html[data-theme="grafite"] .text-blue {
  color: #62c8ff !important;
}

html[data-theme="grafite"] .support-compare-total-closed,
html[data-theme="grafite"] .metric-green,
html[data-theme="grafite"] .text-green {
  color: #58d889 !important;
}

/* Chamados: later-loaded stylesheet needs an explicit final override */
html[data-theme="grafite"] .chamados-page .topbar-unified,
html[data-theme="grafite"] .chamados-page .chamados-header-shell,
html[data-theme="grafite"] .chamados-page .chamados-filters-panel,
html[data-theme="grafite"] .chamados-page .chamados-attendants-panel,
html[data-theme="grafite"] .chamados-page .chamados-calendar-day,
html[data-theme="grafite"] .chamados-page .chamados-schedule-pill,
html[data-theme="grafite"] .chamados-page .chamados-highlight-card,
html[data-theme="grafite"] .chamados-page .chamados-clock-center-card {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background: var(--graphite-surface) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 24px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .chamados-page .chamados-attendant-button:hover,
html[data-theme="grafite"] .chamados-page .chamados-attendant-button.active,
html[data-theme="grafite"] .chamados-page .chamados-calendar-day.active {
  border-color: rgba(255,71,77,0.48) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255,71,77,0.18), transparent 58%),
    var(--graphite-surface-raised) !important;
}

html[data-theme="grafite"] .chamados-page .top-tabs .nav-tab,
html[data-theme="grafite"] .chamados-page .top-tabs .nav-tab-static.active,
html[data-theme="grafite"] .chamados-page .dashboard-theme-select-shell,
html[data-theme="grafite"] .chamados-page .topbar-actions-segmented .refresh-button {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background: linear-gradient(180deg, rgba(24, 28, 32, 0.96), rgba(10, 12, 14, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

html[data-theme="grafite"] .chamados-page .topbar-unified,
html[data-theme="grafite"] .chamados-page .topbar-unified > .topbar-actions-row,
html[data-theme="grafite"] .chamados-page .status-progress-embedded,
html[data-theme="grafite"] .chamados-page .status-progress-group {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .chamados-page .dashboard-theme-select-shell {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
}

html[data-theme="grafite"] body.support-page-body .chamados-page .dashboard-theme-select-shell,
html[data-theme="grafite"] body.support-page-body .chamados-page .dashboard-theme-select {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .chamados-page .dashboard-theme-select {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .chamados-page .top-tabs .nav-tab:hover,
html[data-theme="grafite"] .chamados-page .top-tabs .nav-tab:focus-visible,
html[data-theme="grafite"] .chamados-page .topbar-actions-segmented .refresh-button:hover,
html[data-theme="grafite"] .chamados-page .topbar-actions-segmented .refresh-button:focus-visible {
  border-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 8px 18px rgba(0,0,0,0.16) !important;
}

html[data-theme="grafite"] .chamados-page .top-tabs .nav-tab.active,
html[data-theme="grafite"] .chamados-page .top-tabs .nav-tab-static.active {
  border-color: rgba(255, 71, 77, 0.38) !important;
  background:
    radial-gradient(circle at 50% 125%, rgba(255, 71, 77, 0.16), transparent 60%),
    linear-gradient(180deg, rgba(35, 39, 44, 0.98), rgba(13, 15, 18, 0.98)) !important;
  box-shadow:
    inset 0 -2px 0 #ff474d,
    inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

html[data-theme="grafite"] .chamados-page .top-tabs .nav-tab.active::after,
html[data-theme="grafite"] .chamados-page .top-tabs .nav-tab-static.active::after {
  background: linear-gradient(90deg, #ff6a6f, #ff474d) !important;
  box-shadow: 0 0 10px rgba(255, 71, 77, 0.28) !important;
}

html[data-theme="grafite"] .chamados-page .chamados-header-calendar,
html[data-theme="grafite"] .chamados-page .department-filter-date-button,
html[data-theme="grafite"] .chamados-page .department-filter-search-shell,
html[data-theme="grafite"] body.support-page-body .chamados-page .department-native-select,
html[data-theme="grafite"] .chamados-page .department-native-select,
html[data-theme="grafite"] .chamados-page .department-filter-input {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background: linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(11, 13, 16, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 8px 16px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="grafite"] body.support-page-body .chamados-page .department-native-select,
html[data-theme="grafite"] .chamados-page .department-native-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  color: #edf2f5 !important;
  background-image:
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(11, 13, 16, 0.98)),
    linear-gradient(45deg, transparent 50%, rgba(214, 232, 255, 0.9) 50%),
    linear-gradient(135deg, rgba(214, 232, 255, 0.9) 50%, transparent 50%) !important;
  background-position:
    0 0,
    calc(100% - 16px) 50%,
    calc(100% - 11px) 50% !important;
  background-size:
    100% 100%,
    5px 5px,
    5px 5px !important;
  background-repeat: no-repeat !important;
}

html[data-theme="grafite"] .chamados-page .chamados-filters-top-panel #filter-status {
  border: 1px solid rgba(196, 208, 217, 0.14) !important;
  background: rgba(24, 28, 32, 0.98) !important;
  background-image:
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(11, 13, 16, 0.98)),
    linear-gradient(45deg, transparent 50%, rgba(214, 232, 255, 0.9) 50%),
    linear-gradient(135deg, rgba(214, 232, 255, 0.9) 50%, transparent 50%) !important;
  color: #edf2f5 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 8px 16px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="grafite"] .chamados-page .department-filter-field-search {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .chamados-page .department-filter-search-shell {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 0 !important;
}

html[data-theme="grafite"] .chamados-page .department-filter-search-icon {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

html[data-theme="grafite"] .chamados-page .department-filter-search-icon::before {
  border: 1.5px solid rgba(212, 224, 245, 0.72) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .chamados-page .department-filter-search-input {
  min-height: 36px !important;
  width: 100% !important;
  padding: 0 14px 0 36px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(196, 208, 217, 0.14) !important;
  background: linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(11, 13, 16, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 8px 16px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="grafite"] .chamados-page .department-filter-date-button.is-active,
html[data-theme="grafite"] .chamados-page .department-filter-date-button:focus,
html[data-theme="grafite"] body.support-page-body .chamados-page .department-native-select:focus,
html[data-theme="grafite"] .chamados-page .department-native-select:focus,
html[data-theme="grafite"] .chamados-page .department-filter-input:focus {
  border-color: rgba(255, 71, 77, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 0 0 3px rgba(255, 71, 77, 0.10),
    0 10px 18px rgba(0,0,0,0.16) !important;
}

html[data-theme="grafite"] .chamados-page .department-filter-search-shell:focus-within {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .chamados-page .department-filter-field span,
html[data-theme="grafite"] .chamados-page .department-filter-input::placeholder {
  color: rgba(158, 168, 176, 0.78) !important;
}

/* Admin / Usuarios: force graphite over legacy blue cards */
html[data-theme="grafite"] .admin-page .topbar-unified,
html[data-theme="grafite"] .admin-page .topbar-unified > .topbar-actions-row {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .admin-page .status-progress-embedded,
html[data-theme="grafite"] .admin-page .status-progress-group {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .admin-page .chart-totals,
html[data-theme="grafite"] .admin-page .chart-total-card {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .admin-page .top-tabs .nav-tab,
html[data-theme="grafite"] .admin-page .refresh-button,
html[data-theme="grafite"] .admin-page .topbar-page-control,
html[data-theme="grafite"] .admin-page .dashboard-theme-select-shell {
  border-color: rgba(198, 210, 218, 0.14) !important;
  background: linear-gradient(180deg, rgba(27, 31, 35, 0.96), rgba(10, 12, 14, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

html[data-theme="grafite"] .admin-page .dashboard-theme-select-shell {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
}

html[data-theme="grafite"] .admin-page .dashboard-theme-select {
  border-color: rgba(198, 210, 218, 0.14) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .admin-page .topbar-actions-segmented .refresh-button {
  border-right: 1px solid rgba(198, 210, 218, 0.14) !important;
  background: linear-gradient(180deg, rgba(27, 31, 35, 0.96), rgba(10, 12, 14, 0.96)) !important;
  color: #dfe5e9 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

html[data-theme="grafite"] .admin-page .topbar-actions-segmented .refresh-button:last-child {
  border-right: 0 !important;
}

html[data-theme="grafite"] .admin-page .top-tabs .nav-tab:hover,
html[data-theme="grafite"] .admin-page .top-tabs .nav-tab:focus-visible,
html[data-theme="grafite"] .admin-page .refresh-button:hover,
html[data-theme="grafite"] .admin-page .refresh-button:focus-visible {
  border-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 8px 18px rgba(0,0,0,0.16) !important;
}

html[data-theme="grafite"] .admin-page .topbar-actions-segmented .refresh-button:hover,
html[data-theme="grafite"] .admin-page .topbar-actions-segmented .refresh-button:focus-visible {
  border-right-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
}

html[data-theme="grafite"] .admin-page .top-tabs .nav-tab.active,
html[data-theme="grafite"] .admin-page .top-tabs .nav-tab-static.active {
  border-color: rgba(255, 71, 77, 0.38) !important;
  background:
    radial-gradient(circle at 50% 125%, rgba(255, 71, 77, 0.16), transparent 60%),
    linear-gradient(180deg, rgba(35, 39, 44, 0.98), rgba(13, 15, 18, 0.98)) !important;
  box-shadow:
    inset 0 -2px 0 #ff474d,
    inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

html[data-theme="grafite"] .admin-page .top-tabs .nav-tab.active::after,
html[data-theme="grafite"] .admin-page .top-tabs .nav-tab-static.active::after {
  background: linear-gradient(90deg, #ff6a6f, #ff474d) !important;
  box-shadow: 0 0 10px rgba(255, 71, 77, 0.28) !important;
}

html[data-theme="grafite"] .admin-page .access-approval-card,
html[data-theme="grafite"] .admin-page .access-approval-item,
html[data-theme="grafite"] .admin-page .access-approval-empty {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(7, 9, 11, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 24px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .admin-page .access-approval-empty {
  color: #9ea8b0 !important;
  border-style: dashed !important;
}

html[data-theme="grafite"] .admin-page .access-approval-badge {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background: linear-gradient(180deg, rgba(24, 28, 32, 0.96), rgba(10, 12, 14, 0.96)) !important;
  color: #7fd4ff !important;
}

html[data-theme="grafite"] .admin-page .access-approval-meta {
  color: #9ea8b0 !important;
}

/* Admin / BOT */
html[data-theme="grafite"] .admin-page .bot-top-strip-shell,
html[data-theme="grafite"] .admin-page .bot-top-strip-dropdown,
html[data-theme="grafite"] .admin-page #bot-cards .hero-mini-item,
html[data-theme="grafite"] .admin-page #bot-cards .hero-mini-empty,
html[data-theme="grafite"] .admin-page .bot-kanban-search-panel,
html[data-theme="grafite"] .admin-page .bot-kanban-column,
html[data-theme="grafite"] .admin-page .bot-kanban-ticket,
html[data-theme="grafite"] .admin-page .bot-kanban-extra-count {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(7, 9, 11, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 24px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .admin-page #bot-cards .hero-expand-button,
html[data-theme="grafite"] .admin-page .bot-kanban-column-stat,
html[data-theme="grafite"] .admin-page .bot-kanban-column-count,
html[data-theme="grafite"] .admin-page .bot-top-strip-count,
html[data-theme="grafite"] .admin-page .bot-top-strip-toggle summary {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background: linear-gradient(180deg, rgba(24, 28, 32, 0.94), rgba(10, 12, 14, 0.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

html[data-theme="grafite"] .admin-page #bot-cards .hero-mini-item-id,
html[data-theme="grafite"] .admin-page .bot-kanban-ticket-id {
  border-color: color-mix(in srgb, var(--item-color, var(--theme-info)) 50%, rgba(196, 208, 217, 0.16)) !important;
}

html[data-theme="grafite"] .admin-page #bot-cards .hero-mini-item-title,
html[data-theme="grafite"] .admin-page .bot-kanban-column-title,
html[data-theme="grafite"] .admin-page .bot-kanban-ticket-title,
html[data-theme="grafite"] .admin-page .bot-top-strip-summary {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .admin-page #bot-cards .hero-mini-empty,
html[data-theme="grafite"] .admin-page .bot-kanban-ticket-meta,
html[data-theme="grafite"] .admin-page .bot-kanban-extra-summary,
html[data-theme="grafite"] .admin-page .bot-kanban-column-stat,
html[data-theme="grafite"] .admin-page .bot-top-strip-count.is-empty {
  color: #9ea8b0 !important;
}

html[data-theme="grafite"] .admin-page .bot-kanban-search-input {
  color: #edf2f5 !important;
}

html[data-theme="grafite"] .admin-page .bot-kanban-search-input::placeholder {
  color: rgba(158, 168, 176, 0.72) !important;
}

html[data-theme="grafite"] .admin-page .bot-kanban-search-submit {
  background: rgba(46, 34, 8, 0.92) !important;
}

html[data-theme="grafite"] .admin-page .bot-kanban-column-count {
  color: #7fd4ff !important;
}

html[data-theme="grafite"] .admin-page .bot-kanban-extra-label::before {
  background: rgba(88, 216, 137, 0.62) !important;
}

html[data-theme="grafite"] .admin-page .bot-kanban-extra-count {
  color: #7df0b0 !important;
}

/* Admin / Geral */
html[data-theme="grafite"] .admin-page .support-summary-item,
html[data-theme="grafite"] .admin-page .support-apoio-classification-pill,
html[data-theme="grafite"] .admin-page .support-apoio-classification-card,
html[data-theme="grafite"] .admin-page .stack-row,
html[data-theme="grafite"] .admin-page .stack-row-neon,
html[data-theme="grafite"] .admin-page .stack-row-button,
html[data-theme="grafite"] .admin-page .status-totalizer,
html[data-theme="grafite"] .admin-page .status-panel-toggle {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(7, 9, 11, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 24px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .admin-page .stack-row-card::after {
  border-color: rgba(196, 208, 217, 0.10) !important;
}

html[data-theme="grafite"] .admin-page .support-summary-label,
html[data-theme="grafite"] .admin-page .support-summary-note,
html[data-theme="grafite"] .admin-page .support-apoio-classification-title,
html[data-theme="grafite"] .admin-page .stack-row-button,
html[data-theme="grafite"] .admin-page .status-panel-toggle-button {
  color: #9ea8b0 !important;
}

html[data-theme="grafite"] .admin-page .support-summary-value,
html[data-theme="grafite"] .admin-page .support-apoio-classification-pill,
html[data-theme="grafite"] .admin-page .stack-row-label,
html[data-theme="grafite"] .admin-page .status-totalizer {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .admin-page .support-summary-blue .support-summary-value {
  color: #62c8ff !important;
}

html[data-theme="grafite"] .admin-page .support-summary-green .support-summary-value {
  color: #58d889 !important;
}

html[data-theme="grafite"] .admin-page .support-summary-amber .support-summary-value {
  color: #f2bf59 !important;
}

html[data-theme="grafite"] .admin-page .support-summary-purple .support-summary-value {
  color: #aa9cff !important;
}

html[data-theme="grafite"] .admin-page .support-summary-red .support-summary-value {
  color: #ff7370 !important;
}

html[data-theme="grafite"] .admin-page .support-apoio-classification-pill strong,
html[data-theme="grafite"] .admin-page .stack-row-value,
html[data-theme="grafite"] .admin-page .stack-row-card .stack-row-value {
  color: #62c8ff !important;
}

html[data-theme="grafite"] .admin-page .support-apoio-classification-pill-total strong {
  color: #f2bf59 !important;
}

html[data-theme="grafite"] .admin-page .stack-row-neon .stack-row-value {
  color: var(--row-color) !important;
  text-shadow: none !important;
}

html[data-theme="grafite"] .admin-page .stack-bar,
html[data-theme="grafite"] .admin-page .stack-row-neon .stack-bar,
html[data-theme="grafite"] .admin-page .stack-row-card .stack-bar {
  background: rgba(34, 39, 44, 0.72) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.22) !important;
}

html[data-theme="grafite"] .admin-page .stack-row-card .stack-bar-fill {
  box-shadow: 0 0 10px color-mix(in srgb, var(--row-color, #62c8ff) 18%, transparent) !important;
}

html[data-theme="grafite"] .admin-page .stack-row-button:hover,
html[data-theme="grafite"] .admin-page .support-apoio-classification-pill:hover {
  border-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 12px 26px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .admin-page .status-panel-toggle-button.active {
  background: linear-gradient(180deg, rgba(35, 39, 44, 0.98), rgba(13, 15, 18, 0.98)) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 -2px 0 #ff474d,
    inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

/* Routing */
html[data-theme="grafite"] .routing-mode-badge,
html[data-theme="grafite"] .routing-category-pill,
html[data-theme="grafite"] .routing-chip,
html[data-theme="grafite"] .routing-status-badge {
  color: #dce4e9 !important;
  border-color: rgba(196,208,217,0.14) !important;
  background: rgba(6,8,10,0.58) !important;
}

html[data-theme="grafite"] .routing-row.selected td:first-child {
  box-shadow: inset 3px 0 0 #ff474d !important;
}

/* Modais, drawers e camadas */
html[data-theme="grafite"] .department-overlay,
html[data-theme="grafite"] .support-details-overlay,
html[data-theme="grafite"] .routing-config-overlay,
html[data-theme="grafite"] .support-alert-admin-overlay,
html[data-theme="grafite"] .access-popup-overlay {
  background: rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: blur(5px);
}

html[data-theme="grafite"] .support-alert-admin-card,
html[data-theme="grafite"] .routing-config-card,
html[data-theme="grafite"] .access-popup-modal,
html[data-theme="grafite"] .operator-filter-modal,
html[data-theme="grafite"] .department-drawer,
html[data-theme="grafite"] .support-details-modal-shell,
html[data-theme="grafite"] .support-startup-detail-card,
html[data-theme="grafite"] .support-startup-detail-day-card,
html[data-theme="grafite"] .support-operator-detail-card,
html[data-theme="grafite"] .support-compare-metrics-card,
html[data-theme="grafite"] .support-compare-month-card {
  color: #f1f4f6 !important;
  border-color: rgba(208,220,228,0.18) !important;
  background: linear-gradient(180deg, rgba(28, 32, 36, 0.99), rgba(8,10,12,0.99)) !important;
  box-shadow: var(--graphite-shadow-strong) !important;
}

html[data-theme="grafite"] .support-startup-detail-day-card {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background: linear-gradient(180deg, rgba(22, 26, 30, 0.94), rgba(10, 12, 14, 0.94)) !important;
}

html[data-theme="grafite"] button.support-startup-detail-day-card:hover,
html[data-theme="grafite"] button.support-startup-detail-day-card:focus-visible {
  border-color: rgba(255, 71, 77, 0.26) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.08), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.96), rgba(9, 11, 13, 0.96)) !important;
  outline: none !important;
}

html[data-theme="grafite"] .support-startup-detail-day-bar-shell {
  background: linear-gradient(180deg, rgba(20, 24, 28, 0.72), rgba(8, 10, 12, 0.92)) !important;
  box-shadow: inset 0 0 0 1px rgba(196, 208, 217, 0.06) !important;
}

html[data-theme="grafite"] .weekly-summary-overlay {
  background: rgba(0, 0, 0, 0.76) !important;
}

html[data-theme="grafite"] .weekly-summary-card,
html[data-theme="grafite"] .weekly-summary-stat,
html[data-theme="grafite"] .weekly-summary-status-overview,
html[data-theme="grafite"] .weekly-summary-week-status-panel,
html[data-theme="grafite"] .weekly-summary-day,
html[data-theme="grafite"] .weekly-summary-status-group,
html[data-theme="grafite"] .weekly-summary-escalated {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(28, 32, 36, 0.98), rgba(8, 10, 12, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 18px 38px rgba(0,0,0,0.24) !important;
}

html[data-theme="grafite"] .weekly-summary-head,
html[data-theme="grafite"] .weekly-summary-stats,
html[data-theme="grafite"] .weekly-summary-day-head,
html[data-theme="grafite"] .weekly-summary-status-group header,
html[data-theme="grafite"] .weekly-summary-section-title {
  border-bottom-color: rgba(196, 208, 217, 0.10) !important;
}

html[data-theme="grafite"] .weekly-summary-head h3,
html[data-theme="grafite"] .weekly-summary-day-head strong,
html[data-theme="grafite"] .weekly-summary-section-title span,
html[data-theme="grafite"] .weekly-summary-ticket h4,
html[data-theme="grafite"] .weekly-summary-status-legend-row strong,
html[data-theme="grafite"] .weekly-summary-protocol,
html[data-theme="grafite"] .weekly-summary-meta strong {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .weekly-summary-head p,
html[data-theme="grafite"] .weekly-summary-day-head span,
html[data-theme="grafite"] .weekly-summary-section-title strong,
html[data-theme="grafite"] .weekly-summary-stat-label,
html[data-theme="grafite"] .weekly-summary-stat small,
html[data-theme="grafite"] .weekly-summary-status-title,
html[data-theme="grafite"] .weekly-summary-week-status-title,
html[data-theme="grafite"] .weekly-summary-meta,
html[data-theme="grafite"] .weekly-summary-empty {
  color: #9ea8b0 !important;
}

html[data-theme="grafite"] .weekly-summary-eyebrow,
html[data-theme="grafite"] .weekly-summary-close,
html[data-theme="grafite"] .weekly-summary-filter-search input,
html[data-theme="grafite"] .weekly-summary-filter-select select,
html[data-theme="grafite"] .weekly-summary-ticket-search input,
html[data-theme="grafite"] .weekly-summary-finalized-toggle,
html[data-theme="grafite"] .weekly-summary-status-counter,
html[data-theme="grafite"] .weekly-summary-day-status {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(22, 26, 30, 0.96), rgba(8, 10, 12, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

html[data-theme="grafite"] .weekly-summary-eyebrow {
  color: #c7d0d6 !important;
}

html[data-theme="grafite"] .weekly-summary-close:hover,
html[data-theme="grafite"] .weekly-summary-close:focus-visible,
html[data-theme="grafite"] .weekly-summary-filter-search input:focus,
html[data-theme="grafite"] .weekly-summary-filter-select select:focus,
html[data-theme="grafite"] .weekly-summary-ticket-search input:focus,
html[data-theme="grafite"] .weekly-summary-finalized-toggle:focus-within,
html[data-theme="grafite"] .weekly-summary-status-counter:hover,
html[data-theme="grafite"] .weekly-summary-status-counter:focus-visible,
html[data-theme="grafite"] .weekly-summary-status-counter.active,
html[data-theme="grafite"] .weekly-summary-day-status:hover,
html[data-theme="grafite"] .weekly-summary-day-status:focus-visible,
html[data-theme="grafite"] .weekly-summary-day-status.active {
  border-color: rgba(255, 71, 77, 0.28) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 8px 18px rgba(0,0,0,0.16) !important;
  outline: none !important;
}

html[data-theme="grafite"] .weekly-summary-filter-search span {
  background: #9ea8b0 !important;
}

html[data-theme="grafite"] .weekly-summary-filter-select::after {
  border-color: #9ea8b0 !important;
}

html[data-theme="grafite"] .weekly-summary-finalized-switch {
  background: rgba(79, 86, 92, 0.82) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

html[data-theme="grafite"] .weekly-summary-finalized-switch::after {
  background: #d7dde2 !important;
}

html[data-theme="grafite"] .weekly-summary-finalized-toggle input:checked + .weekly-summary-finalized-switch {
  background: rgba(88, 216, 137, 0.52) !important;
  box-shadow: inset 0 0 0 1px rgba(88, 216, 137, 0.18), 0 0 10px rgba(88, 216, 137, 0.08) !important;
}

html[data-theme="grafite"] .weekly-summary-status-counter strong,
html[data-theme="grafite"] .weekly-summary-day-status strong {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .weekly-summary-ticket {
  box-shadow: inset 3px 0 0 var(--status-color) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--status-color) 10%, transparent), transparent 34%),
    rgba(16, 18, 21, 0.92) !important;
}

html[data-theme="grafite"] .weekly-summary-status {
  background: color-mix(in srgb, var(--status-color) 12%, rgba(10, 12, 14, 0.92)) !important;
}

html[data-theme="grafite"] .weekly-summary-chip-open,
html[data-theme="grafite"] .weekly-summary-chip-closed {
  box-shadow: none !important;
}

html[data-theme="grafite"] .support-compare-month-title-icon,
html[data-theme="grafite"] .support-compare-month-period span,
html[data-theme="grafite"] .support-compare-month-stat-icon,
html[data-theme="grafite"] .support-compare-month-balance-icon {
  border-color: rgba(196, 208, 217, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

html[data-theme="grafite"] .support-compare-month-title-icon,
html[data-theme="grafite"] .support-compare-month-stat-icon {
  background: rgba(18, 21, 24, 0.92) !important;
}

html[data-theme="grafite"] .support-compare-month-title-icon::before {
  border-color: #c7d0d6 !important;
}

html[data-theme="grafite"] .support-compare-month-title-icon::after {
  background: #c7d0d6 !important;
  box-shadow:
    -6px -1px 0 -1px #c7d0d6,
    6px -1px 0 -1px #c7d0d6 !important;
}

html[data-theme="grafite"] .support-compare-month-period span {
  border-color: #9ea8b0 !important;
}

html[data-theme="grafite"] .support-compare-month-period span::before {
  background: #9ea8b0 !important;
}

html[data-theme="grafite"] .support-compare-month-stat-open strong {
  color: #66caff !important;
}

html[data-theme="grafite"] .support-compare-month-stat-closed strong {
  color: #6cf0a7 !important;
}

html[data-theme="grafite"] .support-compare-month-balance-icon {
  background:
    linear-gradient(var(--month-balance-color), var(--month-balance-color)) 7px 16px / 4px 7px no-repeat,
    linear-gradient(var(--month-balance-color), var(--month-balance-color)) 13px 13px / 4px 10px no-repeat,
    linear-gradient(var(--month-balance-color), var(--month-balance-color)) 19px 10px / 4px 13px no-repeat,
    rgba(18, 21, 24, 0.92) !important;
}

html[data-theme="grafite"] .support-compare-month-balance-positive {
  --month-balance-color: #39e585 !important;
}

html[data-theme="grafite"] .support-compare-month-balance-negative {
  --month-balance-color: #ff7370 !important;
}

html[data-theme="grafite"] .support-compare-month-balance-positive > strong {
  color: #39e585 !important;
}

html[data-theme="grafite"] .support-compare-month-balance-negative > strong {
  color: #ff7370 !important;
}

html[data-theme="grafite"] .support-live-status-button:focus-visible {
  outline: 2px solid rgba(255, 71, 77, 0.72) !important;
  outline-offset: 3px;
}

html[data-theme="grafite"] .support-availability-menu {
  border-color: rgba(196, 208, 217, 0.16) !important;
  background: linear-gradient(180deg, rgba(28, 32, 36, 0.99), rgba(8, 10, 12, 0.99)) !important;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(14px);
}

html[data-theme="grafite"] .support-availability-menu button {
  color: #edf2f5 !important;
  background: transparent !important;
}

html[data-theme="grafite"] .support-availability-menu button:hover,
html[data-theme="grafite"] .support-availability-menu button:focus-visible {
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.96), rgba(9, 11, 13, 0.96)) !important;
  outline: none !important;
}

html[data-theme="grafite"] .support-availability-menu-dot {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="grafite"] .support-startup-detail-top,
html[data-theme="grafite"] .support-compare-month-head,
html[data-theme="grafite"] .department-drawer-head {
  border-bottom-color: rgba(196, 208, 217, 0.10) !important;
}

html[data-theme="grafite"] .department-drawer::before {
  background: linear-gradient(180deg, transparent, rgba(255, 71, 77, 0.72), transparent) !important;
  box-shadow: 0 0 20px rgba(255, 71, 77, 0.18) !important;
}

html[data-theme="grafite"] .department-drawer-head,
html[data-theme="grafite"] .department-drawer-filters,
html[data-theme="grafite"] .department-ticket-card,
html[data-theme="grafite"] .department-custom-select-menu {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(7, 9, 11, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 14px 28px rgba(0,0,0,0.20) !important;
}

html[data-theme="grafite"] .department-drawer-count {
  color: #f1f4f6 !important;
  text-shadow: none !important;
}

html[data-theme="grafite"] .department-filter-field span,
html[data-theme="grafite"] .department-drawer-stat-kicker,
html[data-theme="grafite"] .department-ticket-subject-meta,
html[data-theme="grafite"] .department-ticket-date-row span,
html[data-theme="grafite"] .department-ticket-responsible-row,
html[data-theme="grafite"] .department-ticket-justification-row {
  color: #9ea8b0 !important;
}

html[data-theme="grafite"] body.support-page-body .department-native-select,
html[data-theme="grafite"] .department-custom-select-button,
html[data-theme="grafite"] .department-filter-input {
  border-color: rgba(196, 208, 217, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(11, 13, 16, 0.98)) !important;
  color: #edf2f5 !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 8px 16px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="grafite"] .department-filter-input::placeholder {
  color: rgba(158, 168, 176, 0.62) !important;
}

html[data-theme="grafite"] .department-custom-select-caret::before,
html[data-theme="grafite"] .department-custom-select-caret::after {
  background: #9ea8b0 !important;
}

html[data-theme="grafite"] .department-custom-select-option {
  color: #edf2f5 !important;
}

html[data-theme="grafite"] .department-custom-select-option:hover,
html[data-theme="grafite"] .department-custom-select-option.active {
  background:
    radial-gradient(circle at 50% 120%, rgba(255, 71, 77, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.98), rgba(9, 11, 13, 0.98)) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 10px 20px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .department-custom-select.active .department-custom-select-button,
html[data-theme="grafite"] .department-custom-select-button:hover,
html[data-theme="grafite"] .department-custom-select-button:focus,
html[data-theme="grafite"] .department-filter-input:focus,
html[data-theme="grafite"] body.support-page-body .department-native-select:focus {
  border-color: rgba(255, 71, 77, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 0 0 3px rgba(255, 71, 77, 0.10),
    0 10px 18px rgba(0,0,0,0.16) !important;
}

html[data-theme="grafite"] .department-ticket-subject,
html[data-theme="grafite"] .department-ticket-subject-meta strong,
html[data-theme="grafite"] .department-ticket-responsible-row strong,
html[data-theme="grafite"] .department-ticket-justification-row strong {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .department-ticket-protocol,
html[data-theme="grafite"] .department-ticket-status,
html[data-theme="grafite"] .department-ticket-lookup-pills span {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.02),
    0 0 12px color-mix(in srgb, var(--status-color, var(--drawer-accent)) 16%, transparent) !important;
}

html[data-theme="grafite"] .support-operator-detail-table,
html[data-theme="grafite"] .support-operator-detail-table-wrap,
html[data-theme="grafite"] .support-operator-detail-table thead th,
html[data-theme="grafite"] .support-operator-detail-table td,
html[data-theme="grafite"] .department-ticket-detail-grid,
html[data-theme="grafite"] .department-ticket-detail-grid > div,
html[data-theme="grafite"] .department-ticket-lookup-panel,
html[data-theme="grafite"] .department-ticket-lookup-summary > div,
html[data-theme="grafite"] .department-ticket-lookup-section > div,
html[data-theme="grafite"] .department-ticket-lookup-customer > div,
html[data-theme="grafite"] .department-drawer-stat,
html[data-theme="grafite"] .department-ticket-highlight,
html[data-theme="grafite"] .department-ticket-highlight-side-item,
html[data-theme="grafite"] .department-ticket-highlight-side-item.is-startup,
html[data-theme="grafite"] .department-ticket-highlight-side-item.is-received,
html[data-theme="grafite"] .department-ticket-highlight-side-item.is-received.is-duration,
html[data-theme="grafite"] .department-ticket-highlight-interval,
html[data-theme="grafite"] .department-ticket-highlight-empty,
html[data-theme="grafite"] .department-ticket-highlight-timeline-marker-label {
  border-color: rgba(196, 208, 217, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(7, 9, 11, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 24px rgba(0,0,0,0.18) !important;
}

html[data-theme="grafite"] .department-drawer-stat::before,
html[data-theme="grafite"] .support-startup-detail-card::before {
  opacity: 0.45 !important;
  filter: saturate(0.55) brightness(0.82) !important;
}

html[data-theme="grafite"] .department-ticket-highlight-timeline-track-base {
  background:
    repeating-linear-gradient(
      90deg,
      rgba(194, 206, 215, 0.16) 0,
      rgba(194, 206, 215, 0.16) 1px,
      transparent 1px,
      transparent 10%
    ),
    linear-gradient(180deg, rgba(58, 64, 70, 0.20), rgba(19, 23, 27, 0.20)) !important;
  box-shadow: inset 0 0 0 1px rgba(171, 196, 236, 0.08) !important;
}

html[data-theme="grafite"] .department-ticket-highlight-timeline-tick {
  background: rgba(205, 221, 247, 0.18) !important;
}

html[data-theme="grafite"] .department-ticket-highlight-timeline-tick.is-ten {
  background: rgba(220, 233, 255, 0.28) !important;
}

html[data-theme="grafite"] .department-drawer-title,
html[data-theme="grafite"] .support-startup-detail-heading h4,
html[data-theme="grafite"] .support-operator-detail-heading h4,
html[data-theme="grafite"] .support-operator-detail-table td,
html[data-theme="grafite"] .department-ticket-grid strong,
html[data-theme="grafite"] .department-ticket-detail-grid strong,
html[data-theme="grafite"] .department-ticket-lookup-panel strong,
html[data-theme="grafite"] .department-ticket-highlight-value,
html[data-theme="grafite"] .department-ticket-highlight-side-value,
html[data-theme="grafite"] .department-ticket-highlight-interval-subtitle strong,
html[data-theme="grafite"] .department-ticket-highlight-interval-grid strong,
html[data-theme="grafite"] .department-ticket-highlight-timeline-times strong,
html[data-theme="grafite"] .department-ticket-highlight-timeline-marker-label strong,
html[data-theme="grafite"] .department-ticket-highlight-timeline-row-label,
html[data-theme="grafite"] .department-ticket-highlight-timeline-row-total,
html[data-theme="grafite"] .department-drawer-stat-value {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .department-drawer-subtitle,
html[data-theme="grafite"] .department-drawer-count-label,
html[data-theme="grafite"] .department-drawer-eyebrow,
html[data-theme="grafite"] .department-ticket-grid span,
html[data-theme="grafite"] .department-ticket-detail-grid span,
html[data-theme="grafite"] .department-ticket-lookup-panel span,
html[data-theme="grafite"] .department-ticket-highlight-meta,
html[data-theme="grafite"] .department-ticket-highlight-side-label,
html[data-theme="grafite"] .department-ticket-highlight-interval-title,
html[data-theme="grafite"] .department-ticket-highlight-interval-grid span,
html[data-theme="grafite"] .department-ticket-highlight-timeline-legend-item,
html[data-theme="grafite"] .department-ticket-highlight-timeline-date,
html[data-theme="grafite"] .department-ticket-highlight-timeline-scale,
html[data-theme="grafite"] .department-ticket-highlight-timeline-times span,
html[data-theme="grafite"] .department-ticket-highlight-timeline-inline-note,
html[data-theme="grafite"] .department-ticket-highlight-timeline-marker-label span,
html[data-theme="grafite"] .support-operator-detail-table thead th {
  color: #9ea8b0 !important;
}

html[data-theme="grafite"] .department-drawer-list::-webkit-scrollbar-thumb,
html[data-theme="grafite"] .support-compare-list::-webkit-scrollbar-thumb,
html[data-theme="grafite"] .operator-handling-list::-webkit-scrollbar-thumb {
  background: rgba(180,192,201,0.28) !important;
  border-color: transparent !important;
}

html[data-theme="grafite"] .department-ticket-highlight-timeline-marker-label {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Login */
html[data-theme="grafite"] .login-panel {
  border-color: rgba(204,216,224,0.18) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(255,71,77,0.12), transparent 32%),
    linear-gradient(180deg, rgba(28,32,36,0.99), rgba(9,11,13,0.99)) !important;
}

html[data-theme="grafite"] .login-eyebrow,
html[data-theme="grafite"] .login-panel-kicker {
  color: #7fd4ff !important;
  border-color: rgba(98,200,255,0.26) !important;
  background: rgba(7,9,11,0.62) !important;
}

html[data-theme="grafite"] .login-submit {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ff5d62 0%, #ff3f46 58%, #d92b32 100%) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.24) !important;
}

html[data-theme="grafite"] .login-alert {
  color: #ffd9da !important;
  border-color: rgba(255,71,77,0.34) !important;
  background: rgba(83,19,23,0.54) !important;
}

/* Scrollbar discreta e consistente */
html[data-theme="grafite"] * {
  scrollbar-color: rgba(175, 187, 196, 0.30) transparent;
}
html[data-theme="grafite"] *::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="grafite"] *::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background: rgba(180,192,201,0.28);
  background-clip: padding-box;
}
html[data-theme="grafite"] *::-webkit-scrollbar-thumb:hover { background: rgba(210,221,228,0.42); background-clip: padding-box; }

/* Menos ruído cromático em elementos decorativos, preservando cores de status. */
html[data-theme="grafite"] .dashboard-theme-select-icon,
html[data-theme="grafite"] .routing-theme-select-icon {
  border-color: rgba(255,71,77,0.60) !important;
  background:
    radial-gradient(circle at 35% 32%, rgba(255,255,255,0.82) 0 10%, transparent 12%),
    linear-gradient(135deg, #24292e 0%, #737c84 52%, #0a0c0e 100%) !important;
  box-shadow: 0 0 12px rgba(255,71,77,0.16) !important;
}

/* Roteamento: a barra já fornece a superfície visual do menu. */
html[data-theme="grafite"] body.routing-admin-page .routing-menu-shell .routing-tabs {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] body.routing-admin-page .routing-menu-shell .routing-tab.active {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] body.routing-admin-page .routing-theme-select-shell {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Gerenciamento de chamados sem organizacao */
html[data-theme="grafite"] .support-ticket-trash-overlay {
  background: rgba(3, 4, 5, 0.82) !important;
}

html[data-theme="grafite"] .support-ticket-trash-shell {
  color: var(--text) !important;
  border-color: var(--graphite-border-strong) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 71, 77, 0.07), transparent 30%),
    linear-gradient(180deg, rgba(24, 28, 32, 0.995), rgba(8, 10, 12, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    var(--graphite-shadow-strong) !important;
}

html[data-theme="grafite"] .support-ticket-trash-head,
html[data-theme="grafite"] .support-ticket-trash-toolbar {
  border-color: var(--graphite-border) !important;
}

html[data-theme="grafite"] .support-ticket-trash-head h3,
html[data-theme="grafite"] .support-ticket-trash-row-copy > strong {
  color: #f1f4f6 !important;
}

html[data-theme="grafite"] .support-ticket-trash-head p,
html[data-theme="grafite"] .support-ticket-trash-row-id span,
html[data-theme="grafite"] .support-ticket-trash-row-copy > span,
html[data-theme="grafite"] .support-ticket-trash-empty {
  color: #929da5 !important;
}

html[data-theme="grafite"] .support-ticket-trash-eyebrow {
  color: #ff7479 !important;
}

html[data-theme="grafite"] .support-ticket-trash-empty-button {
  color: #ff8f94 !important;
  border-color: rgba(255, 71, 77, 0.4) !important;
  background: rgba(255, 71, 77, 0.09) !important;
}

html[data-theme="grafite"] .support-ticket-trash-empty-button:hover:not(:disabled),
html[data-theme="grafite"] .support-ticket-trash-empty-button:focus-visible:not(:disabled) {
  color: #ffffff !important;
  border-color: rgba(255, 92, 98, 0.68) !important;
  background: rgba(255, 71, 77, 0.2) !important;
}

html[data-theme="grafite"] .support-ticket-trash-tabs {
  border-color: rgba(196, 208, 217, 0.13) !important;
  background: rgba(5, 6, 7, 0.72) !important;
}

html[data-theme="grafite"] .support-ticket-trash-tab {
  color: #929da5 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="grafite"] .support-ticket-trash-tab strong {
  color: inherit !important;
  background: rgba(196, 208, 217, 0.09) !important;
}

html[data-theme="grafite"] .support-ticket-trash-tab.is-active {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 50% 125%, rgba(255, 71, 77, 0.18), transparent 62%),
    linear-gradient(180deg, rgba(36, 40, 44, 0.98), rgba(16, 18, 21, 0.98)) !important;
  box-shadow:
    inset 0 -2px 0 #ff474d,
    inset 0 0 0 1px rgba(255, 71, 77, 0.22) !important;
}

html[data-theme="grafite"] .support-ticket-trash-search input {
  color: #eef2f5 !important;
  border-color: rgba(196, 208, 217, 0.14) !important;
  background: var(--graphite-surface-inset) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="grafite"] .support-ticket-trash-search input:focus {
  border-color: rgba(255, 71, 77, 0.38) !important;
  box-shadow: 0 0 0 3px rgba(255, 71, 77, 0.08) !important;
}

html[data-theme="grafite"] .support-ticket-trash-row {
  border-color: rgba(196, 208, 217, 0.12) !important;
  background: linear-gradient(180deg, rgba(20, 23, 26, 0.92), rgba(10, 12, 14, 0.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

html[data-theme="grafite"] .support-ticket-trash-row:hover,
html[data-theme="grafite"] .support-ticket-trash-row:focus-visible {
  border-color: rgba(210, 221, 228, 0.23) !important;
  background: linear-gradient(180deg, rgba(27, 31, 35, 0.96), rgba(13, 15, 18, 0.96)) !important;
}

html[data-theme="grafite"] .support-ticket-trash-row-id strong,
html[data-theme="grafite"] .support-ticket-trash-row-id a {
  color: #dce4e9 !important;
}

html[data-theme="grafite"] .support-ticket-trash-row-id a:hover {
  color: #ffffff !important;
}

html[data-theme="grafite"] .support-ticket-trash-row-meta small {
  color: #a6b0b7 !important;
  background: rgba(196, 208, 217, 0.075) !important;
}