:root {
    --tone-info: #173c70;
    --tone-info-bg: #edf1f6;
    --tone-info-border: #d4deeb;
    --tone-success: #18794e;
    --tone-success-bg: #edf8f1;
    --tone-success-border: #c8e9d4;
    --tone-warning: #9a6100;
    --tone-warning-bg: #fff7e8;
    --tone-warning-border: #f0dfb8;
    --tone-danger: #b33636;
    --tone-danger-bg: #fff0ef;
    --tone-danger-border: #f2d0cd;
    --tone-neutral: #5c6b80;
    --tone-neutral-bg: #f1f4f8;
    --tone-neutral-border: #dce3ec;
}

.stat {
    min-width: 0;
    overflow-wrap: anywhere;
    border-top: 3px solid var(--card-tone, #dce3ec);
}

.stat .tag {
    color: var(--card-tone, var(--blue));
}

.stat.tone-info {
    --card-tone: var(--tone-info);
    background: linear-gradient(145deg, var(--tone-info-bg), #fff 70%);
}

.stat.tone-success {
    --card-tone: var(--tone-success);
    background: linear-gradient(145deg, var(--tone-success-bg), #fff 70%);
}

.stat.tone-warning {
    --card-tone: var(--tone-warning);
    background: linear-gradient(145deg, var(--tone-warning-bg), #fff 70%);
}

.stat.tone-danger {
    --card-tone: var(--tone-danger);
    background: linear-gradient(145deg, var(--tone-danger-bg), #fff 70%);
}

.stat.tone-neutral {
    --card-tone: var(--tone-neutral);
    background: linear-gradient(145deg, var(--tone-neutral-bg), #fff 70%);
}

a.stat-link {
    display: flex;
    height: 100%;
    min-height: 150px;
    flex-direction: column;
    align-items: flex-start;
    color: inherit;
    text-decoration: none;
    transition: box-shadow .16s ease, border-color .16s ease, transform .16s ease;
}

a.stat-link:hover {
    border-color: var(--card-tone, var(--blue));
    box-shadow: 0 8px 20px #17263c12;
    text-decoration: none;
    transform: translateY(-2px);
}

a.stat-link:focus-visible {
    outline: 3px solid #6683ae;
    outline-offset: 3px;
}

[data-card-clickable] {
    cursor: pointer;
}

article[data-card-clickable],
.dashboard-row[data-card-clickable] {
    transition: border-color .16s ease, box-shadow .16s ease;
}

article[data-card-clickable]:hover,
.dashboard-row[data-card-clickable]:hover {
    border-color: #42658d;
    box-shadow: 0 8px 22px #02081735;
}

.dashboard-row[data-card-clickable]:hover {
    background-color: #132947;
}

tbody tr[data-card-clickable] {
    transition: background-color .16s ease;
}

tbody tr[data-card-clickable]:hover {
    background-color: #1a2e4d;
}

[data-card-keyboard-link]:focus-within { outline: 3px solid #55c9f5; outline-offset: 3px; }
html[data-theme="light"] [data-card-keyboard-link]:focus-within { outline-color: #15599f; }

.ticket-filters {
    display: grid;
    grid-template-columns: minmax(220px, 1.7fr) repeat(4, minmax(115px, 1fr)) auto;
    align-items: end;
    gap: 14px 12px;
}
.ticket-filter-field { min-width: 0; }
.ticket-filter-field label { margin-bottom: 7px; }
.ticket-filter-field input,
.ticket-filter-field select { width: 100%; min-width: 0; max-width: none; min-height: 44px; }
.ticket-filter-actions { display: flex; align-items: center; gap: 8px; }
.ticket-filter-actions > * { min-height: 44px; white-space: nowrap; }
.ticket-filters-manager { grid-template-columns: minmax(220px, 1.7fr) repeat(5, minmax(115px, 1fr)) auto; }
.routine-filter-actions { display: flex; align-items: end; gap: 8px; }
.routine-filter-actions > * { min-height: 44px; white-space: nowrap; }
.ops-filter-actions { display: flex; align-items: end; gap: 8px; }
.ops-filter-actions > * { min-height: 44px; white-space: nowrap; }

@media (max-width: 1300px) {
    .ticket-filters,
    .ticket-filters-manager { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ticket-filter-search { grid-column: span 2; }
    .ticket-filter-actions { align-self: end; }
}

@media (max-width: 750px) {
    .ticket-filters { grid-template-columns: 1fr; gap: 13px; }
    .ticket-filter-search { grid-column: auto; }
    .ticket-filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .tickets-table td > div { flex: 1 1 0; text-align: right; }
    .routine-filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .ops-filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .responsive-table.glpi-import-table { min-width: 0; }
    .responsive-table.glpi-import-table th { min-width: 0; }
    .responsive-table td > input,
    .responsive-table td > select,
    .responsive-table td > textarea { flex: 1 1 0; width: auto; min-width: 0; max-width: 100%; }
    .responsive-table td[data-label="Ação"],
    .responsive-table td[data-label="Ações"] { display: block; text-align: left; }
    .responsive-table td[data-label="Ação"]::before,
    .responsive-table td[data-label="Ações"]::before { display: block; margin-bottom: 6px; }
    .responsive-table td[data-label="Ação"] > form,
    .responsive-table td[data-label="Ações"] > form { margin: 8px 0 0; }
}

.stat-link .card-action {
    margin-top: auto;
    padding-top: 14px;
    color: var(--card-tone, var(--blue));
    font-size: 12px;
    font-weight: 650;
}

.pill.tone-info,
.pill.status-open,
.pill.status-in-progress,
.pill.status-in_progress,
.pill.status-in_use,
.pill.status-in-use,
.pill.status-todo,
.pill.status-trial {
    background: var(--tone-info-bg);
    color: #214e86;
}

.pill.tone-success,
.pill.status-resolved,
.pill.status-closed,
.pill.status-done,
.pill.status-available,
.pill.status-active {
    background: var(--tone-success-bg);
    color: var(--tone-success);
}

.pill.tone-warning,
.pill.status-waiting,
.pill.status-maintenance,
.pill.status-due,
.pill.status-suspended {
    background: var(--tone-warning-bg);
    color: var(--tone-warning);
}

.pill.tone-danger,
.pill.status-blocked,
.pill.status-overdue {
    background: var(--tone-danger-bg);
    color: var(--tone-danger);
}

.pill.status-cancelled,
.pill.status-retired,
.pill.status-paused,
.pill.status-draft,
.pill.status-ended {
    background: var(--tone-neutral-bg);
    color: var(--tone-neutral);
}

.pill.priority-low {
    background: var(--tone-neutral-bg);
    color: var(--tone-neutral);
}

.pill.priority-normal {
    background: var(--tone-info-bg);
    color: #214e86;
}

.pill.priority-high {
    background: var(--tone-warning-bg);
    color: var(--tone-warning);
}

.pill.priority-urgent {
    background: var(--tone-danger-bg);
    color: var(--tone-danger);
}

.overdue,
.sla-warning {
    color: var(--tone-danger);
    font-weight: 650;
}

.due-soon {
    color: var(--tone-warning);
    font-weight: 650;
}

.sla-met {
    color: var(--tone-success);
    font-weight: 650;
}

.kanban-column {
    border-top: 3px solid var(--lane-tone, #aeb9c9);
    background: var(--lane-bg, #f1f4f8);
}

.kanban-column[data-status="todo"] {
    --lane-tone: var(--tone-info);
    --lane-bg: var(--tone-info-bg);
}

.kanban-column[data-status="in_progress"] {
    --lane-tone: #7351c8;
    --lane-bg: #f3f0ff;
}

.kanban-column[data-status="blocked"] {
    --lane-tone: var(--tone-danger);
    --lane-bg: var(--tone-danger-bg);
}

.kanban-column[data-status="done"] {
    --lane-tone: var(--tone-success);
    --lane-bg: var(--tone-success-bg);
}

.kanban-column[data-status="cancelled"] {
    --lane-tone: var(--tone-neutral);
    --lane-bg: var(--tone-neutral-bg);
}

.kanban-column > summary {
    color: #17263c;
}

.kanban-column .lane-link {
    display: inline-flex;
    margin: 0 12px 12px;
    font-size: 12px;
    font-weight: 650;
}

.calendar-appointment {
    background: #f1edff;
    color: #5e43a5;
}

.calendar-task {
    background: var(--tone-info-bg);
    color: #214e86;
}

.calendar-task.calendar-done {
    background: var(--tone-success-bg);
    color: var(--tone-success);
}

.calendar-task.calendar-overdue {
    background: var(--tone-danger-bg);
    color: var(--tone-danger);
}

.service-analytics {
    margin: 22px 0 26px;
    padding: 22px;
    border: 1px solid var(--tone-neutral-border);
    border-radius: 14px;
    background: linear-gradient(145deg, #f9fbfd, #fff 62%);
}

.service-analytics-head,
.platform-analytics-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.service-analytics-head h2,
.platform-analytics-section-head h2 {
    margin: 0 0 5px;
}

.service-analytics-head p,
.platform-analytics-section-head p {
    margin: 0;
    color: #596b82;
    font-size: 12px;
}

.analytics-scope {
    flex: 0 0 auto;
    padding: 6px 9px;
    border: 1px solid #d6e0ec;
    border-radius: 999px;
    color: #173c70;
    background: #edf1f6;
    font-size: 10px;
    font-weight: 650;
}

.service-analytics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.service-analytics-card {
    --analytics-tone: #173c70;
    display: flex;
    min-width: 0;
    min-height: 204px;
    flex-direction: column;
    padding: 16px;
    border: 1px solid #d8e1ec;
    border-top: 3px solid var(--analytics-tone);
    border-radius: 10px;
    color: inherit;
    background: #fff;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.service-analytics-card:hover {
    border-color: var(--analytics-tone);
    box-shadow: 0 8px 22px #152b4814;
    text-decoration: none;
    transform: translateY(-2px);
}

.service-analytics-card:focus-visible,
.platform-analytics-kpi:focus-visible,
.platform-service-card:focus-visible {
    outline: 3px solid #7189aa;
    outline-offset: 3px;
}

.analytics-tone-info { --analytics-tone: #173c70; }
.analytics-tone-success { --analytics-tone: #18794e; }
.analytics-tone-warning { --analytics-tone: #9a6100; }
.analytics-tone-danger { --analytics-tone: #b33636; }
.analytics-tone-neutral { --analytics-tone: #5c6b80; }

.service-analytics-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.analytics-service-name {
    color: var(--analytics-tone);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .06em;
    line-height: 1.35;
    text-transform: uppercase;
}

.analytics-arrow {
    color: var(--analytics-tone);
    font-size: 14px;
    opacity: .7;
}

.analytics-value {
    margin-top: 14px;
    color: #132b4a;
    font-size: 30px;
    font-weight: 750;
    letter-spacing: -.045em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.analytics-caption {
    margin-top: 5px;
    color: #30445e;
    font-size: 11px;
    line-height: 1.45;
}

.analytics-detail {
    min-height: 31px;
    margin-top: 8px;
    color: #687b91;
    font-size: 10px;
    line-height: 1.5;
}

.analytics-stacked-bar {
    display: flex;
    height: 6px;
    gap: 2px;
    margin-top: auto;
    overflow: hidden;
    border-radius: 99px;
    background: #edf1f6;
}

.analytics-segment { display: block; height: 100%; border-radius: 99px; }
.analytics-segment.tone-info,.analytics-dot.tone-info { background: #315d91; }
.analytics-segment.tone-success,.analytics-dot.tone-success { background: #32805d; }
.analytics-segment.tone-warning,.analytics-dot.tone-warning { background: #bf8321; }
.analytics-segment.tone-danger,.analytics-dot.tone-danger { background: #bd4b4b; }
.analytics-segment.tone-neutral,.analytics-dot.tone-neutral { background: #8391a3; }
.analytics-segment.tone-purple,.analytics-dot.tone-purple { background: #7654c7; }

.analytics-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 11px;
    margin-top: 9px;
}

.analytics-legend span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #687b91;
    font-size: 9px;
    line-height: 1.35;
}

.analytics-legend strong { color: #30445e; font-weight: 700; }
.analytics-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; }

.platform-analytics-kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.platform-analytics-kpi {
    --analytics-tone: #5c6b80;
    display: flex;
    min-width: 0;
    min-height: 120px;
    flex-direction: column;
    padding: 16px 17px;
    border: 1px solid #e3e6eb;
    border-top: 3px solid var(--analytics-tone);
    border-radius: 4px;
    color: #202a36;
    background: #fff;
    text-decoration: none;
}

.platform-analytics-kpi:hover,
.platform-service-card:hover { border-color: var(--analytics-tone); text-decoration: none; }
.platform-analytics-kpi.tone-info { --analytics-tone: #405d83; }
.platform-analytics-kpi.tone-neutral { --analytics-tone: #8391a3; }
.platform-analytics-kpi.tone-warning { --analytics-tone: #bf8321; }
.platform-analytics-kpi.tone-success { --analytics-tone: #33835f; }
.platform-analytics-kpi > span,.platform-service-card > span { color: #697584; font-size: 10px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
.platform-analytics-kpi > strong { margin-top: 9px; color: #202a36; font-size: 26px; font-variant-numeric: tabular-nums; line-height: 1.1; }
.platform-analytics-kpi > strong small { font-size: 13px; font-weight: 600; }
.platform-analytics-kpi > small,.platform-service-card > small { margin-top: 7px; color: #697584; font-size: 10px; line-height: 1.45; }

.platform-analytics-section {
    margin: 0 0 22px;
    padding: 20px;
    border: 1px solid #e3e6eb;
    border-radius: 4px;
    background: #fff;
}

.platform-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.platform-service-card {
    --analytics-tone: #405d83;
    display: flex;
    min-width: 0;
    min-height: 135px;
    flex-direction: column;
    padding: 14px;
    border: 1px solid #e3e6eb;
    border-top: 3px solid var(--analytics-tone);
    border-radius: 4px;
    color: #202a36;
    background: #fff;
    text-decoration: none;
}

.platform-service-card.tone-warning { --analytics-tone: #bf8321; }
.platform-service-card.tone-success { --analytics-tone: #33835f; }
.platform-service-card.tone-info { --analytics-tone: #405d83; }
.platform-service-card > strong { margin-top: 8px; font-size: 22px; font-variant-numeric: tabular-nums; }
.platform-service-card > b { margin-top: auto; padding-top: 8px; color: var(--analytics-tone); font-size: 10px; font-weight: 600; }

.platform-adoption-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; }
.platform-adoption-row { display: grid; grid-template-columns: minmax(0, 1fr) 34px; align-items: center; gap: 7px 12px; }
.platform-adoption-row > div:first-child { display: flex; justify-content: space-between; gap: 12px; min-width: 0; }
.platform-adoption-row strong { color: #344255; font-size: 11px; font-weight: 600; }
.platform-adoption-row span { color: #697584; font-size: 10px; text-align: right; }
.platform-adoption-track { grid-column: 1; height: 6px; overflow: hidden; border-radius: 3px; background: #edf0f4; }
.platform-adoption-track span { display: block; height: 100%; background: #405d83; }
.platform-adoption-row > b { grid-column: 2; grid-row: 2; color: #56616e; font-size: 10px; font-variant-numeric: tabular-nums; text-align: right; }

.platform-analytics-search { display: flex; align-items: end; gap: 10px; margin-bottom: 14px; }
.platform-analytics-search label { margin-bottom: 7px; color: #56616e; font-size: 11px; }
.platform-analytics-search input { width: min(100%, 340px); min-height: 38px; }
.platform-analytics-search button { min-height: 38px; }
.platform-analytics-search > a { padding: 10px 4px; color: #56616e; font-size: 11px; }
.platform-analytics-table { width: 100%; min-width: 1120px; border-collapse: collapse; font-size: 11px; }
.platform-analytics-table th { padding: 11px 12px; border-bottom: 1px solid #e3e6eb; background: #f4f5f7; color: #56616e; font-size: 9px; font-weight: 650; text-align: left; white-space: nowrap; }
.platform-analytics-table td { padding: 13px 12px; border-bottom: 1px solid #edf0f3; vertical-align: top; }
.platform-analytics-table tbody tr:last-child td { border-bottom: 0; }
.platform-analytics-table td > strong,.platform-analytics-table td > small { display: block; }
.platform-analytics-table td > strong { color: #293647; font-size: 11px; font-variant-numeric: tabular-nums; }
.platform-analytics-table td > small { margin-top: 4px; color: #697584; font-size: 9px; line-height: 1.45; }
.platform-analytics-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.platform-analytics-badge { padding: 3px 6px; border-radius: 3px; color: #56616e; background: #edf0f4; font-size: 8px; font-weight: 600; }
.platform-analytics-badge.is-operator { color: #294d79; background: #eaf0f7; }
.platform-analytics-badge.is-active { color: #296b4a; background: #edf8f1; }
.platform-analytics-badge.is-inactive { color: #8a4141; background: #fff0ef; }
.platform-analytics-muted { display: block; margin-top: 6px; color: #697584; font-size: 9px; }
.platform-analytics-actions { display: flex; min-width: 78px; flex-direction: column; gap: 7px; }
.platform-analytics-actions a { color: #294d79; font-size: 10px; text-decoration: underline; text-underline-offset: 2px; }
.platform-analytics-actions span { color: #8a4141; font-size: 10px; }
.platform-analytics-section .pagination { margin-top: 14px; }

@media (max-width: 1100px) {
    .service-analytics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .platform-analytics-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .platform-service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 750px) {
    .service-analytics { padding: 17px; }
    .service-analytics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .service-analytics-card { min-height: 195px; padding: 14px; }
    .analytics-value { font-size: 26px; }
    .platform-analytics-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .platform-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .platform-analytics-section { padding: 15px; }
    .platform-adoption-grid { grid-template-columns: 1fr; }
    .platform-analytics-search { align-items: stretch; flex-direction: column; }
    .platform-analytics-search input { width: 100%; }
    .platform-analytics-search label { margin-bottom: 0; }
    .platform-analytics-search > a { min-height: 38px; }
    .platform-analytics-table-wrap { overflow: visible; }
    .platform-analytics-table,.platform-analytics-table tbody { display: block; min-width: 0; }
    .platform-analytics-table thead { display: none; }
    .platform-analytics-table tr { display: block; margin: 0 0 10px; padding: 6px 13px; border: 1px solid #e3e6eb; border-radius: 4px; }
    .platform-analytics-table tr:last-child { margin-bottom: 0; }
    .platform-analytics-table td { display: grid; grid-template-columns: minmax(100px, 36%) minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid #edf0f3; overflow-wrap: anywhere; }
    .platform-analytics-table td::before { content: attr(data-label); color: #697584; font-size: 9px; font-weight: 600; line-height: 1.5; }
    .platform-analytics-table td:last-child { border-bottom: 0; }
    .platform-analytics-table td.empty { display: block; }
    .platform-analytics-table td.empty::before { display: none; }
    .platform-analytics-actions { flex-direction: row; flex-wrap: wrap; gap: 8px 14px; }
    .platform-analytics-actions a { display: inline-flex; min-height: 34px; align-items: center; }
}

@media (max-width: 480px) {
    .service-analytics-head { flex-direction: column; }
    .service-analytics-grid,
    .platform-analytics-kpis,
    .platform-service-grid { grid-template-columns: 1fr; }
    .service-analytics-card { min-height: 174px; }
    .analytics-detail { min-height: 0; }
    .platform-analytics-kpi { min-height: 100px; }
}

@media (prefers-reduced-motion: reduce) {
    .service-analytics-card { transition: none; }
}

body:not(.platform-admin) .sidebar {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-color: #536881 #102139;
    overflow-anchor: none;
    scroll-behavior: auto;
}

body:not(.platform-admin) .nav a {
    min-height: 44px;
    line-height: 1.35;
}

.platform-admin .stat.tone-info,
.platform-admin .stat.tone-success,
.platform-admin .stat.tone-warning,
.platform-admin .stat.tone-danger,
.platform-admin .stat.tone-neutral {
    background: #fff;
}

.platform-admin a.stat-link:hover {
    box-shadow: none;
    transform: none;
}

@media (max-width: 750px) {
    body:not(.platform-admin) .mobile-nav[open] .nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-content: start;
        max-height: min(58vh, 480px);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-right: 4px;
    }

    body:not(.platform-admin) .mobile-nav .nav a {
        min-width: 0;
        min-height: 46px;
        overflow-wrap: anywhere;
    }

    body:not(.platform-admin) .kanban-column .lane-link {
        min-height: 40px;
        align-items: center;
    }

    body:not(.platform-admin) .dashboard-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body:not(.platform-admin) a.stat-link {
        min-height: 140px;
        padding: 18px;
    }

    body:not(.platform-admin) .grid.three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    body:not(.platform-admin) .mobile-nav[open] .nav,
    body:not(.platform-admin) .dashboard-metrics,
    body:not(.platform-admin) .grid.three {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    body:not(.platform-admin) a.stat-link {
        transition: none;
    }
}

/* Analytical workspaces: dark, high-contrast treatment inspired by the 2Desk brand. */
.service-analytics {
    --analytics-panel: #0b1730;
    --analytics-card: #111f3a;
    --analytics-line: #263958;
    margin: 22px 0 26px;
    padding: clamp(18px, 2.2vw, 28px);
    overflow: hidden;
    border: 1px solid #1c3152;
    border-radius: 16px;
    color: #edf5ff;
    background:
        radial-gradient(ellipse at 88% 0%, #183b6b66 0, transparent 34%),
        linear-gradient(145deg, #081326, #0b1730 58%, #101c36);
    box-shadow: 0 18px 45px #10213b18;
}

.service-analytics-head h2,
.platform-analytics-dashboard h1,
.platform-analytics-dashboard h2 { color: #f4f8ff; }
.service-analytics-head p,
.platform-analytics-dashboard .analytics-dashboard-hero p,
.platform-analytics-dashboard .platform-analytics-section-head p { color: #9bb0cf; }
.service-analytics-head .eyebrow { color: #73cfff; }

.analytics-scope {
    padding: 7px 11px;
    border-color: #3d6892;
    color: #c6edff;
    background: #132c4c;
}

.service-analytics-card {
    --analytics-tone: #42c5ff;
    min-height: 218px;
    padding: 17px;
    border: 1px solid #263958;
    border-top: 3px solid var(--analytics-tone);
    border-radius: 12px;
    color: #eef6ff;
    background: linear-gradient(155deg, #142440, #101d36 75%);
    box-shadow: inset 0 1px #ffffff08;
}

.service-analytics-card:hover {
    border-color: color-mix(in srgb, var(--analytics-tone) 70%, #263958);
    background: linear-gradient(155deg, #192d4d, #111f3a 75%);
    box-shadow: 0 12px 28px #02081755, 0 0 22px color-mix(in srgb, var(--analytics-tone) 14%, transparent);
}

.analytics-tone-info { --analytics-tone: #38c5f5; }
.analytics-tone-success { --analytics-tone: #39d6a0; }
.analytics-tone-warning { --analytics-tone: #ffc45c; }
.analytics-tone-danger { --analytics-tone: #ff7185; }
.analytics-tone-neutral { --analytics-tone: #a6b7d0; }
.analytics-service-name,.analytics-arrow { color: var(--analytics-tone); }
.analytics-value { color: #f6f9ff; font-size: 34px; }
.analytics-caption { color: #d4e2f4; }
.analytics-detail { color: #91a7c6; }
.analytics-stacked-bar { height: 7px; background: #263854; }
.analytics-segment.tone-info,.analytics-dot.tone-info { background: #39c9f5; }
.analytics-segment.tone-success,.analytics-dot.tone-success { background: #39d6a0; }
.analytics-segment.tone-warning,.analytics-dot.tone-warning { background: #ffc45c; }
.analytics-segment.tone-danger,.analytics-dot.tone-danger { background: #ff7185; }
.analytics-segment.tone-neutral,.analytics-dot.tone-neutral { background: #8ca3c2; }
.analytics-segment.tone-purple,.analytics-dot.tone-purple { background: #a477ff; }
.analytics-legend span { color: #9bb0cf; }
.analytics-legend strong { color: #e7f0fc; }

.platform-analytics-dashboard {
    --analytics-dark-bg: #081326;
    --analytics-dark-panel: #0d1b33;
    --analytics-dark-card: #12213c;
    --analytics-dark-line: #253957;
    --analytics-text: #edf5ff;
    --analytics-muted: #9bb0cf;
    margin: 0;
    min-height: calc(100vh - 78px);
    padding: clamp(24px, 3vw, 42px);
    color: var(--analytics-text);
    background:
        radial-gradient(ellipse at 78% -6%, #16467a70 0, transparent 33%),
        radial-gradient(ellipse at 5% 58%, #40276d35 0, transparent 34%),
        linear-gradient(145deg, #071124, #0a1730 58%, #0c1930);
}

.platform-admin.analytics-platform-page .content {
    max-width: none;
    padding: 0;
    background: #081326;
}

.platform-analytics-dashboard .analytics-dashboard-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 25px;
}

.platform-analytics-dashboard .analytics-kicker {
    margin-bottom: 10px;
    color: #6ed7ff;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .16em;
}

.platform-analytics-dashboard h1 {
    margin: 0 0 7px;
    font-size: clamp(26px, 3vw, 36px);
    letter-spacing: -.045em;
}

.platform-analytics-dashboard .analytics-dashboard-hero p { margin: 0; font-size: 13px; }
.platform-admin .platform-analytics-dashboard .analytics-dashboard-action { flex: 0 0 auto; color: #071a33; background: linear-gradient(105deg, #42d4f5, #a07cff); border: 0; }
.platform-admin .platform-analytics-dashboard .analytics-dashboard-action:hover { color: #061329; background: linear-gradient(105deg, #70e3fb, #b497ff); }
.platform-analytics-dashboard .analytics-dashboard-action span { color: #61d2ff; }

.platform-analytics-dashboard .platform-analytics-kpis { gap: 13px; margin-bottom: 18px; }
.platform-admin .platform-analytics-dashboard .platform-analytics-kpi {
    min-height: 132px;
    padding: 17px;
    border: 1px solid var(--analytics-dark-line);
    border-top: 3px solid var(--analytics-tone);
    border-radius: 12px;
    color: var(--analytics-text);
    background: linear-gradient(150deg, #142440, #0e1c34 78%);
    box-shadow: inset 0 1px #ffffff08;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.platform-admin .platform-analytics-dashboard .platform-analytics-kpi:hover,
.platform-admin .platform-analytics-dashboard .platform-service-card:hover {
    border-color: color-mix(in srgb, var(--analytics-tone) 65%, var(--analytics-dark-line));
    box-shadow: 0 10px 25px #02081745;
    transform: translateY(-2px);
}

.platform-analytics-dashboard .platform-analytics-kpi.tone-info { --analytics-tone: #3bc6f5; }
.platform-analytics-dashboard .platform-analytics-kpi.tone-neutral { --analytics-tone: #9db0cc; }
.platform-analytics-dashboard .platform-analytics-kpi.tone-warning { --analytics-tone: #ffc45c; }
.platform-analytics-dashboard .platform-analytics-kpi.tone-success { --analytics-tone: #39d6a0; }
.platform-admin .platform-analytics-dashboard .platform-analytics-kpi > span,
.platform-admin .platform-analytics-dashboard .platform-service-card > span { color: var(--analytics-tone); font-size: 9px; letter-spacing: .1em; }
.platform-admin .platform-analytics-dashboard .platform-analytics-kpi > strong { color: #f5f9ff; font-size: 28px; }
.platform-admin .platform-analytics-dashboard .platform-analytics-kpi > small,
.platform-admin .platform-analytics-dashboard .platform-service-card > small { color: #9bb0cf; }

.platform-admin .platform-analytics-dashboard .platform-analytics-section {
    margin-bottom: 17px;
    padding: clamp(17px, 2vw, 24px);
    border: 1px solid var(--analytics-dark-line);
    border-radius: 14px;
    background: linear-gradient(145deg, #0e1c34ed, #0c192fee);
    box-shadow: 0 12px 32px #02081720, inset 0 1px #ffffff05;
    scroll-margin-top: 18px;
}

.platform-analytics-dashboard .platform-analytics-section-head { margin-bottom: 18px; }
.platform-analytics-dashboard .platform-analytics-section-head h2 { margin-bottom: 5px; font-size: 17px; }
.platform-analytics-dashboard .platform-service-grid { gap: 12px; }
.platform-admin .platform-analytics-dashboard .platform-service-card {
    min-height: 153px;
    padding: 16px;
    border: 1px solid var(--analytics-dark-line);
    border-top: 3px solid var(--analytics-tone);
    border-radius: 11px;
    color: var(--analytics-text);
    background: linear-gradient(155deg, #142440, #101d36 78%);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.platform-analytics-dashboard .platform-service-card.tone-warning { --analytics-tone: #ffc45c; }
.platform-analytics-dashboard .platform-service-card.tone-success { --analytics-tone: #39d6a0; }
.platform-analytics-dashboard .platform-service-card.tone-info { --analytics-tone: #3bc6f5; }
.platform-admin .platform-analytics-dashboard .platform-service-card > strong { color: #f5f9ff; font-size: 28px; }
.platform-admin .platform-analytics-dashboard .platform-service-card > b { color: var(--analytics-tone); }

.platform-analytics-dashboard .platform-adoption-grid { gap: 11px 14px; }
.platform-analytics-dashboard .platform-adoption-row {
    grid-template-columns: minmax(0, 1fr) 46px;
    gap: 9px 12px;
    padding: 13px 14px;
    border: 1px solid #233653;
    border-radius: 10px;
    background: #111f39;
}
.platform-analytics-dashboard .platform-adoption-row strong { color: #e5effc; }
.platform-analytics-dashboard .platform-adoption-row span { color: #91a7c6; }
.platform-analytics-dashboard .platform-adoption-track { height: 8px; background: #263854; }
.platform-analytics-dashboard .platform-adoption-track span { border-radius: 4px; background: linear-gradient(90deg, #27c3eb, #8671ff); }
.platform-analytics-dashboard .platform-adoption-row > b { color: #c4d5eb; }

.platform-analytics-dashboard .platform-analytics-search { align-items: end; }
.platform-analytics-dashboard .platform-analytics-search label { color: #a7bad4; }
.platform-analytics-dashboard .platform-analytics-search input {
    border-color: #304767;
    color: #edf5ff;
    background: #0a172d;
}
.platform-analytics-dashboard .platform-analytics-search input::placeholder { color: #7f94b2; }
.platform-analytics-dashboard .platform-analytics-search button.secondary { color: #eaf5ff; background: #1a3354; }
.platform-analytics-dashboard .platform-analytics-search > a { color: #63d0fa; }

.platform-analytics-dashboard .platform-analytics-table { color: #d9e6f7; }
.platform-analytics-dashboard .platform-analytics-table th {
    border-bottom-color: #304563;
    color: #92afd1;
    background: #132440;
}
.platform-analytics-dashboard .platform-analytics-table td { border-bottom-color: #223550; }
.platform-analytics-dashboard .platform-analytics-table td > strong { color: #eff6ff; }
.platform-analytics-dashboard .platform-analytics-table td > small,
.platform-analytics-dashboard .platform-analytics-muted { color: #91a7c6; }
.platform-analytics-dashboard .platform-analytics-badge { color: #bdd0e8; background: #1c304d; }
.platform-analytics-dashboard .platform-analytics-badge.is-operator { color: #d2bdff; background: #332653; }
.platform-analytics-dashboard .platform-analytics-badge.is-active { color: #7ce2b5; background: #123b36; }
.platform-analytics-dashboard .platform-analytics-badge.is-inactive { color: #ff9ca8; background: #442532; }
.platform-analytics-dashboard .platform-analytics-actions a { color: #65d1fa; }
.platform-analytics-dashboard .platform-analytics-actions span { color: #ff9ca8; }
.platform-analytics-dashboard .platform-analytics-table tr { border-color: #2a405e; }
.platform-analytics-dashboard .platform-analytics-table td::before { color: #91a7c6; }
.platform-analytics-dashboard .pagination,
.platform-analytics-dashboard .pagination a,
.platform-analytics-dashboard .pagination span { color: #b8cbe4; }
.platform-analytics-dashboard .platform-analytics-kpi:focus-visible,
.platform-analytics-dashboard .platform-service-card:focus-visible { outline-color: #66d8ff; }

@media (max-width: 1100px) {
    .platform-admin.analytics-platform-page .content { padding: 0; }
}

@media (max-width: 750px) {
    .platform-analytics-dashboard { padding: 22px 16px; }
    .platform-analytics-dashboard .analytics-dashboard-hero { flex-direction: column; }
    .platform-analytics-dashboard .analytics-dashboard-action { width: 100%; }
    .platform-analytics-dashboard .platform-adoption-row > div:first-child { flex-direction: column; gap: 4px; }
    .platform-analytics-dashboard .platform-analytics-table td { border-bottom-color: #223550; }
}

@media (max-width: 480px) {
    .service-analytics { padding: 16px; border-radius: 12px; }
    .service-analytics-card { min-height: 190px; }
    .analytics-value { font-size: 30px; }
    .platform-analytics-dashboard { padding: 20px 13px; }
    .platform-analytics-dashboard .platform-analytics-section { padding: 15px 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .platform-analytics-dashboard .platform-analytics-kpi,
    .platform-analytics-dashboard .platform-service-card { transition: none; }
}

body.company-dashboard-page .content {
    width: 100%;
    max-width: none;
    padding: 0;
    background: #081326;
}

body.company-dashboard-page .topbar,
body.analytics-platform-page .topbar {
    color: #edf5ff;
    background: #0b1730;
    border-bottom-color: #253957;
}

body.company-dashboard-page .topbar .context,
body.analytics-platform-page .topbar .context { color: #9bb0cf; }
body.company-dashboard-page .topbar .account-name,
body.analytics-platform-page .topbar .account-name { color: #edf5ff; }
body.company-dashboard-page .topbar .account-name small,
body.analytics-platform-page .topbar .account-name small { color: #91a7c6; }
body.company-dashboard-page .topbar .avatar,
body.analytics-platform-page .topbar .avatar { color: #d9ebff; background: #1a2d49; }
body.company-dashboard-page .topbar .notification-bell,
body.analytics-platform-page .topbar .notification-bell { color: #cfe4ff; background: #12213c; border-color: #304767; }
body.company-dashboard-page .topbar form button.secondary,
body.analytics-platform-page .topbar form button.secondary { color: #deebfa; background: #1a2d49; }

.company-dashboard {
    --company-dashboard-line: #263958;
    --company-dashboard-panel: #0d1b33;
    min-height: calc(100vh - 78px);
    padding: clamp(20px, 3vw, 42px);
    color: #edf5ff;
    background:
        radial-gradient(ellipse at 83% -5%, #16467a66 0, transparent 32%),
        radial-gradient(ellipse at 8% 47%, #40276d2e 0, transparent 34%),
        linear-gradient(145deg, #071124, #0a1730 58%, #0c1930);
}

.company-dashboard h1,
.company-dashboard h2,
.company-dashboard h3 { color: #f4f8ff; }
.company-dashboard .page-head { margin-bottom: 20px; }
.company-dashboard .page-head h1 { font-size: clamp(26px, 3vw, 34px); letter-spacing: -.045em; }
.company-dashboard .page-head p { color: #9bb0cf; font-size: 13px; }
.company-dashboard .eyebrow,
.company-dashboard .stat .tag { color: #70d5fa; }
.company-dashboard .pill.green { color: #7ce2b5; background: #123b36; }
.company-dashboard .grid { gap: 14px; }

.company-dashboard .panel {
    padding: clamp(17px, 2vw, 24px);
    margin-bottom: 18px;
    border: 1px solid var(--company-dashboard-line);
    border-radius: 12px;
    color: #eaf3ff;
    background: linear-gradient(145deg, #101f39, #0d1b33 78%);
    box-shadow: 0 12px 32px #02081720, inset 0 1px #ffffff05;
}

.company-dashboard .panel p,
.company-dashboard .panel .small,
.company-dashboard .panel .muted { color: #9bb0cf; }
.company-dashboard .panel h2 { margin-bottom: 13px; }
.company-dashboard .panel a:not(.button),
.company-dashboard .member-name { color: #64d4fb; }
.company-dashboard .panel a:not(.button):hover,
.company-dashboard .member-name:hover { color: #a4eaff; }
.company-dashboard .ticket-welcome { border-left: 3px solid #45caf4; }
.company-dashboard .ticket-welcome h2 { margin-bottom: 7px; }
.company-dashboard .ticket-welcome p { margin: 0; }
.company-dashboard .ticket-actions .button { color: #06182e; background: linear-gradient(105deg, #42d4f5, #8d83ff); }
.company-dashboard .ticket-actions .button:hover { background: linear-gradient(105deg, #75e3fb, #ac9bff); }
.company-dashboard .ticket-actions .button.secondary,
.company-dashboard .button.secondary { color: #deebfa; background: #1a2d49; border: 1px solid #304767; }
.company-dashboard .ticket-actions .button.secondary:hover,
.company-dashboard .button.secondary:hover { background: #223a5c; }

.company-dashboard .stat {
    --card-tone: #a0b4d0;
    min-height: 158px;
    padding: 17px;
    border: 1px solid var(--company-dashboard-line);
    border-top: 3px solid var(--card-tone);
    border-radius: 11px;
    color: #edf5ff;
    background: linear-gradient(150deg, #142440, #0e1c34 78%);
    box-shadow: inset 0 1px #ffffff08;
}

.company-dashboard .stat.tone-info { --card-tone: #3bc6f5; background: linear-gradient(150deg, #132a46, #0e1c34 78%); }
.company-dashboard .stat.tone-success { --card-tone: #39d6a0; background: linear-gradient(150deg, #123329, #0e1c34 78%); }
.company-dashboard .stat.tone-warning { --card-tone: #ffc45c; background: linear-gradient(150deg, #392b1b, #0e1c34 78%); }
.company-dashboard .stat.tone-danger { --card-tone: #ff7185; background: linear-gradient(150deg, #3a202e, #0e1c34 78%); }
.company-dashboard .stat.tone-neutral { --card-tone: #a0b4d0; }
.company-dashboard .stat .tag { color: var(--card-tone); font-size: 9px; letter-spacing: .1em; }
.company-dashboard .stat .value { color: #f5f9ff; font-size: 30px; }
.company-dashboard .stat .label { color: #9bb0cf; }
.company-dashboard .stat .card-action { color: var(--card-tone); }
.company-dashboard a.stat-link:hover {
    border-color: var(--card-tone);
    box-shadow: 0 12px 26px #0208174a, 0 0 20px color-mix(in srgb, var(--card-tone) 13%, transparent);
}
.company-dashboard a.stat-link:focus-visible { outline-color: #66d8ff; }

.company-dashboard .dashboard-row { border-color: #263958; }
.company-dashboard .dashboard-row .help { color: #91a7c6; }
.company-dashboard .dashboard-row .help.overdue,
.company-dashboard .overdue { color: #ff8496; }
.company-dashboard .dashboard-row .help.due-soon { color: #ffd27d; }
.company-dashboard .knowledge-quick-search input {
    border-color: #304767;
    color: #edf5ff;
    background: #09172d;
}
.company-dashboard .knowledge-quick-search input::placeholder { color: #7f94b2; }
.company-dashboard .knowledge-quick-search label { color: #bdd0e8; }
.company-dashboard .stat:focus-visible,
.company-dashboard .panel a:focus-visible { outline-color: #66d8ff; }

@media (max-width: 750px) {
    .company-dashboard-page .content { padding: 0; }
    .company-dashboard { padding: 22px 16px; }
    .company-dashboard .page-head { align-items: flex-start; }
    .company-dashboard .ticket-actions { flex-direction: column; }
    .company-dashboard .ticket-actions .button { width: 100%; }
}

@media (max-width: 480px) {
    .company-dashboard { padding: 20px 13px; }
    .company-dashboard .panel { padding: 16px 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .company-dashboard a.stat-link { transition: none; }
}

.company-dashboard .dashboard-section {
    margin: 0;
}

.company-dashboard .dashboard-sections {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.company-dashboard .dashboard-overview-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .68fr);
    align-items: center;
    gap: 22px;
}

.company-dashboard .dashboard-overview-toolbar .page-head {
    min-width: 0;
    align-items: center;
    gap: 14px;
    margin: 0;
}

.company-dashboard .dashboard-overview-toolbar .page-head > div {
    min-width: 0;
}

.company-dashboard .dashboard-overview-toolbar .page-head .eyebrow {
    margin-bottom: 6px;
}

.company-dashboard .dashboard-overview-toolbar .page-head h1 {
    margin-bottom: 3px;
    font-size: clamp(24px, 2.2vw, 30px);
}

.company-dashboard .dashboard-overview-toolbar .page-head p {
    margin: 0;
    font-size: 12px;
}

.company-dashboard .dashboard-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.company-dashboard [data-dashboard-sections]:not(.dashboard-order-ready) .dashboard-overview-toolbar {
    display: block;
}

.company-dashboard .dashboard-order-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-height: 0;
    padding: 0;
    color: #91a7c6;
    font-size: 10px;
    line-height: 1.45;
}

.company-dashboard .dashboard-order-bar > span { max-width: 230px; }

.company-dashboard .dashboard-order-reset {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 11px;
}

@media (max-width: 1050px) {
    .company-dashboard .dashboard-overview-toolbar {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .company-dashboard .dashboard-overview-toolbar .page-head { align-items: flex-start; }
    .company-dashboard .dashboard-order-bar { justify-content: space-between; }
}

.company-dashboard .dashboard-order-status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.company-dashboard [data-dashboard-sections]:not(.dashboard-order-ready) .dashboard-order-bar,
.company-dashboard [data-dashboard-sections]:not(.dashboard-order-ready) .dashboard-section-order-controls {
    display: none;
}

.company-dashboard .dashboard-section-order-controls {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    margin-left: auto;
}

.company-dashboard .dashboard-section-order-button {
    display: inline-grid;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
    border: 1px solid #304767;
    border-radius: 8px;
    color: #cfe7ff;
    background: #142b49;
    font-size: 15px;
    line-height: 1;
}

.company-dashboard .dashboard-section-order-button:hover:not(:disabled) {
    border-color: #3b8ab3;
    color: #fff;
    background: #1a3a5e;
}

.company-dashboard .dashboard-section-order-button:disabled {
    cursor: not-allowed;
    opacity: .38;
}

.company-dashboard .dashboard-drag-handle { cursor: grab; }
.company-dashboard .dashboard-drag-handle:active { cursor: grabbing; }
.company-dashboard .dashboard-section-dragging { opacity: .48; }
.company-dashboard .dashboard-section-drop-target { outline: 2px dashed #42cdf6; outline-offset: 5px; }
.company-dashboard .dashboard-recent-tickets { padding: 20px 22px; }
.company-dashboard .dashboard-recent-tickets .dashboard-section-head { align-items: center; }
.company-dashboard .dashboard-recent-tickets .dashboard-section-head h2 { margin-bottom: 4px; }

.company-dashboard .dashboard-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 13px;
    margin: 0 0 15px;
}

.company-dashboard .dashboard-section-head > div {
    min-width: 0;
}

.company-dashboard .dashboard-section-index {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #2b527a;
    border-radius: 11px;
    color: #71dcff;
    background: #132c4c;
    font-size: 12px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.company-dashboard .dashboard-section-head h2 {
    margin: 0 0 5px;
    font-size: clamp(19px, 1.8vw, 24px);
    letter-spacing: -.035em;
}

.company-dashboard .dashboard-section-head p {
    margin: 0;
    color: #9bb0cf;
    font-size: 12px;
    line-height: 1.5;
}

.company-dashboard .ticket-welcome {
    margin-bottom: 13px;
    padding: 17px 20px;
}

.company-dashboard .ticket-welcome h2 {
    font-size: 16px;
}

.company-dashboard .dashboard-priority-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 215px), 1fr));
    gap: 12px;
    margin-bottom: 13px;
}

.company-dashboard .dashboard-priority-grid .stat {
    min-height: 132px;
    padding: 14px 16px;
}

.company-dashboard .dashboard-priority-grid .value {
    margin-top: 8px;
    font-size: 27px;
}

.company-dashboard .dashboard-priority-grid .label {
    margin-top: 5px;
    font-size: 11px;
}

.company-dashboard .dashboard-priority-grid .card-action {
    padding-top: 8px;
    font-size: 11px;
}

.company-dashboard .dashboard-sla-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 13px;
    margin-bottom: 13px;
    padding: 12px 16px;
    border: 1px solid #263958;
    border-radius: 10px;
    color: #dce9f9;
    background: #101f39;
}

.company-dashboard .dashboard-sla-summary:hover {
    border-color: #3d6892;
    color: #fff;
    text-decoration: none;
}

.company-dashboard .dashboard-sla-label {
    color: #70d5fa;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.company-dashboard .dashboard-sla-summary strong {
    color: #55d9a5;
    font-size: 18px;
    font-variant-numeric: tabular-nums;
}

.company-dashboard .dashboard-sla-summary > span:not(.dashboard-sla-label) {
    font-size: 12px;
}

.company-dashboard .dashboard-sla-summary small {
    margin-left: auto;
    color: #91a7c6;
    font-size: 11px;
}

.company-dashboard .dashboard-recent-tickets {
    margin-bottom: 0;
}

.company-dashboard .dashboard-recent-tickets h3,
.company-dashboard .dashboard-list-heading h3 {
    margin: 0 0 4px;
    font-size: 15px;
}

.company-dashboard .dashboard-worklists-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

@media (max-width: 750px) {
    .company-dashboard .dashboard-order-bar { align-items: flex-start; }
    .company-dashboard .dashboard-section-head { flex-wrap: wrap; }
    .company-dashboard .dashboard-section-order-controls { margin-left: auto; }
    .company-dashboard .dashboard-recent-tickets .dashboard-section-head { align-items: flex-start; }
}

@media (max-width: 480px) {
    .company-dashboard .dashboard-order-bar { flex-direction: column; align-items: stretch; }
    .company-dashboard .dashboard-order-reset { align-self: flex-end; }
    .company-dashboard .ticket-actions { flex-direction: column; }
    .company-dashboard .ticket-actions .button { width: 100%; }
}

.company-dashboard .dashboard-worklists-grid .panel {
    min-width: 0;
    margin-bottom: 0;
}

.company-dashboard .dashboard-list-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.company-dashboard .dashboard-list-heading > div {
    min-width: 0;
}

.company-dashboard .dashboard-list-heading p {
    margin: 0;
    font-size: 11px;
}

.company-dashboard .dashboard-list-heading .button {
    flex: 0 0 auto;
    padding: 8px 11px;
    font-size: 11px;
}

.company-dashboard .service-analytics {
    margin: 0;
}

.company-dashboard .service-analytics-head {
    align-items: center;
    margin-bottom: 17px;
}

.company-dashboard .service-analytics-head .analytics-scope {
    flex: 0 0 auto;
    margin-left: auto;
}

.company-dashboard .service-analytics-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
    gap: 12px;
}

.company-dashboard .service-analytics-card {
    min-height: 160px;
    padding: 16px;
}

.company-dashboard .analytics-value {
    margin-top: 17px;
}

.company-dashboard .analytics-detail {
    min-height: 0;
    margin-top: auto;
    padding-top: 12px;
    font-size: 11px;
}

.company-dashboard .dashboard-service-monitoring {
    margin-top: 17px;
    padding-top: 16px;
    border-top: 1px solid #263958;
}

.company-dashboard .dashboard-service-monitoring h3 {
    margin: 0 0 11px;
    font-size: 14px;
}

.company-dashboard .dashboard-alert-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
    gap: 9px;
}

.company-dashboard .dashboard-alert-card {
    --alert-tone: #55c9f5;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 10px;
    min-width: 0;
    padding: 12px 13px;
    border: 1px solid #263958;
    border-left: 3px solid var(--alert-tone);
    border-radius: 9px;
    color: #eaf3ff;
    background: #101f39;
}

.company-dashboard .dashboard-alert-card:hover {
    border-color: var(--alert-tone);
    color: #fff;
    text-decoration: none;
}

.company-dashboard .dashboard-alert-card.tone-info { --alert-tone: #55c9f5; }
.company-dashboard .dashboard-alert-card.tone-warning { --alert-tone: #ffc45c; }
.company-dashboard .dashboard-alert-card.tone-danger { --alert-tone: #ff7185; }
.company-dashboard .dashboard-alert-card > span:first-child { color: var(--alert-tone); font-size: 10px; font-weight: 750; }
.company-dashboard .dashboard-alert-card strong { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #f5f9ff; font-size: 23px; }
.company-dashboard .dashboard-alert-card small { color: #9bb0cf; font-size: 10px; }
.company-dashboard .dashboard-alert-card .dashboard-alert-action { grid-column: 1 / -1; padding-top: 4px; color: var(--alert-tone); font-size: 10px; font-weight: 650; }
.company-dashboard .dashboard-clear-state { margin: 0; font-size: 12px; }

@media (max-width: 850px) {
    .company-dashboard .dashboard-worklists-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .company-dashboard .dashboard-section-head { gap: 10px; }
    .company-dashboard .dashboard-section-index { flex-basis: 34px; width: 34px; height: 34px; border-radius: 9px; }
    .company-dashboard .service-analytics-head { align-items: flex-start; }
    .company-dashboard .service-analytics-head .analytics-scope { display: none; }
    .company-dashboard .dashboard-sla-summary { align-items: flex-start; flex-direction: column; gap: 5px; }
    .company-dashboard .dashboard-sla-summary small { margin-left: 0; }
    .company-dashboard .dashboard-list-heading { flex-direction: column; }
    .company-dashboard .dashboard-list-heading .button { width: 100%; }
}
.glpi-import-table { min-width: 1500px; }
.glpi-import-table th { min-width: 130px; }
.glpi-import-table td:first-child { white-space: nowrap; }
.glpi-import-table input,
.glpi-import-table select { min-width: 140px; margin: 0; }

.inventory-results { position: relative; }
.inventory-search-bar {
    position: sticky;
    top: 8px;
    z-index: 7;
    display: flex;
    align-items: end;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px 18px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--surface, #fff);
    box-shadow: 0 8px 24px #02081722;
}
.inventory-search-bar .field { flex: 1; min-width: 0; margin: 0; }
.inventory-search-bar button { flex: 0 0 auto; min-height: 44px; }
.inventory-advanced-filters { align-items: end; }
.inventory-advanced-filters button { flex: 0 0 auto; }
.pill.status-in_use,
.pill.status-in-use { background: var(--tone-info-bg); color: #214e86; }
select[data-inventory-status][data-status="available"] { color: #18794e; border-color: #57a777; }
select[data-inventory-status][data-status="in_use"] { color: #1461aa; border-color: #57a0e9; }
select[data-inventory-status][data-status="maintenance"] { color: #956000; border-color: #d39c32; }
select[data-inventory-status][data-status="retired"] { color: #596579; border-color: #96a1b3; }
select[data-inventory-status] option[value="available"] { color: #18794e; background: #edf8f1; }
select[data-inventory-status] option[value="in_use"] { color: #1461aa; background: #edf6ff; }
select[data-inventory-status] option[value="maintenance"] { color: #956000; background: #fff7e8; }
select[data-inventory-status] option[value="retired"] { color: #596579; background: #f1f4f8; }

@media (max-width: 750px) {
    .inventory-search-bar { top: 6px; gap: 8px; padding: 12px; }
    .inventory-search-bar button { padding: 10px 12px; }
    .asset-quick-status { width: 100%; max-width: 280px; }
}

.attachment-preview-dialog {
    width: min(94vw, 1280px);
    max-width: none;
    max-height: 94vh;
    margin: auto;
    padding: 20px;
    color: #edf5ff;
    background: #0d1b32;
    border: 1px solid #304767;
    border-radius: 14px;
    box-shadow: 0 28px 90px #000a;
}
.attachment-preview-dialog::backdrop { background: #020817d9; backdrop-filter: blur(3px); }
.attachment-preview-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.attachment-preview-dialog__header h2 { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.attachment-preview-dialog__actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.attachment-preview-dialog__stage { display: grid; place-items: center; min-height: 160px; }
.attachment-preview-dialog__stage img { display: block; max-width: 100%; max-height: calc(94vh - 110px); object-fit: contain; border-radius: 8px; }
.nav-section-label { padding: 13px 12px 2px; color: #8496b0; font-size: 9px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }
.platform-admin .nav-section-label { color: #8b96a5; }
@media (max-width: 650px) {
    .attachment-preview-dialog { width: calc(100vw - 24px); padding: 14px; }
    .attachment-preview-dialog__header { align-items: stretch; flex-direction: column; gap: 12px; }
    .attachment-preview-dialog__actions { flex-wrap: wrap; }
    .attachment-preview-dialog__actions > * { flex: 1; }
    .attachment-preview-dialog__stage img { max-height: calc(94vh - 150px); }
}
@media (max-width: 750px) { .nav-section-label { width: 100%; padding-top: 10px; } }

/* Notification bell preview and support request conversation. */
.notification-menu{position:relative;flex:0 0 auto;z-index:30}
.notification-menu>.notification-bell{list-style:none;cursor:pointer}
.notification-menu>.notification-bell::-webkit-details-marker{display:none}
.notification-menu>.notification-bell:focus-visible{outline:3px solid #6683ae;outline-offset:2px}
.notification-menu[open]>.notification-bell{box-shadow:0 0 0 3px #54c8f533}
.notification-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 110px));overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:inherit;box-shadow:0 18px 48px #07132630;padding:0 14px;z-index:80}
.notification-popover-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 3px 12px;background:var(--surface,#fff);border-bottom:1px solid var(--line);font-size:13px;z-index:1}
.notification-popover-heading>span,.notification-preview time{color:var(--muted);font-size:11px;font-weight:500}
.notification-preview-list{display:grid}
.notification-preview-form{margin:0}
.notification-preview{display:grid;width:100%;gap:6px;padding:13px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:inherit;text-align:left;text-decoration:none;font-size:12px;font-weight:400;cursor:pointer}
.notification-popover .notification-preview{color:inherit;background:transparent;border-color:var(--line);font-weight:400}
a.notification-preview:hover,.notification-preview-form .notification-preview:hover{background:var(--surface-sunken,#f4f6fa);text-decoration:none}
.notification-popover a.notification-preview:hover,.notification-popover .notification-preview-form .notification-preview:hover{background:var(--surface-sunken,#f4f6fa);color:inherit}
.notification-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.notification-preview-top strong{font-size:12px;line-height:1.45;color:inherit}
.notification-preview-body,.notification-preview-company{display:block;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.notification-preview time{justify-self:end}
.notification-unread-dot{width:8px;height:8px;flex:0 0 8px;margin-top:4px;border-radius:50%;background:#2872c7}
.notification-preview-empty{margin:0;padding:22px 4px;color:var(--muted);font-size:12px}
.notification-preview-all{display:block;padding:13px 4px;text-align:center;font-size:12px;font-weight:700}
.support-conversation,.support-reply-panel{max-width:1100px}
.support-message{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.support-message:last-child{border-bottom:0}
.support-message-initial{padding-top:4px}
.support-message-platform,.support-message-company{padding-left:16px;border-left:3px solid var(--tone-info,#54c8f5)}
.support-message-company{border-left-color:var(--tone-success,#35c68d)}
.support-message h3{margin:12px 0}
.support-message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px;color:var(--muted);font-size:11px}
.support-message-meta strong{color:inherit;font-size:12px}
.support-message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:14px}
.support-message-attachments{display:grid;gap:8px;margin-top:14px;font-size:12px}
.support-message-attachments>a{width:fit-content;max-width:100%;overflow-wrap:anywhere}
.support-message-attachments span{color:var(--muted)}
.support-reply-panel .help{margin-top:-10px;margin-bottom:18px}
.support-reply-fields{align-items:start}
.support-reply-fields .field{min-width:0}
.support-request-list{padding:20px 24px}
.support-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.support-list-heading h2{margin-bottom:0}
.support-list-heading p{margin:5px 0 0}
.support-request-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 2px;border-bottom:1px solid var(--line);color:inherit}
.support-request-row:last-of-type{border-bottom:0}
.support-request-row:hover{text-decoration:none}
.support-request-row:hover .support-request-main>strong{text-decoration:underline}
.support-request-main{display:grid;gap:5px;min-width:0}
.support-request-main>strong{overflow-wrap:anywhere;font-size:13px}
.support-request-main>span{font-size:11px;color:var(--muted)}
@media(max-width:750px){.notification-popover{position:fixed;top:72px;right:10px;width:min(390px,calc(100vw - 20px));max-height:calc(100vh - 90px)}.support-request-list{padding:16px}.support-request-row{align-items:flex-start}.support-request-row .pill{flex-shrink:0}.support-message-meta{align-items:flex-start}.support-reply-fields{grid-template-columns:1fr}}
.purchase-item-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px 160px auto;gap:12px;align-items:end;margin:12px 0}
.purchase-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,220px) auto auto;gap:12px;align-items:end}.purchase-filters .field{margin:0}
.purchase-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.purchase-item-row label{min-width:0}.purchase-item-row input{width:100%}.purchase-event,.purchase-quote{padding:14px 0;border-bottom:1px solid var(--border)}
.purchase-sector-choices{max-height:220px;overflow:auto;margin:12px 0}.purchase-sector-choices .check{display:flex;align-items:center;gap:8px}
.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:750px){.purchase-item-row{grid-template-columns:1fr;gap:8px;padding:14px 0;border-bottom:1px solid var(--border)}.purchase-filters{grid-template-columns:1fr}.purchase-actions{width:100%}.purchase-actions .button{flex:1;text-align:center}}
.plan-modules .module-group{display:grid;gap:6px;min-width:220px;align-content:start}.plan-modules .module-group>strong{font-size:12px;letter-spacing:.04em;margin-bottom:5px}.plan-modules .module-group label{min-height:28px}
.platform-admin .plan-modules .module-group-featured{padding:14px;border:2px solid #39bdf0;border-radius:12px;background:rgba(57,189,240,.09);box-shadow:0 0 0 3px rgba(57,189,240,.08)}
.platform-admin .sales-module-state{display:inline-flex;align-items:center;margin-left:8px;padding:4px 9px;border-radius:999px;background:#d9f4ff;color:#075985;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.platform-admin .sales-module-activation-notice{border-left:4px solid #20b8e8;padding-left:16px}
.sales-pos-root:fullscreen{box-sizing:border-box;min-height:100vh;overflow:auto;padding:20px;background:var(--surface,#fff);color:inherit}
.sales-pos-root:fullscreen .sales-tables-panel{max-height:35vh;overflow:auto}
.sales-tables-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sales-tables-heading h2{margin-bottom:6px}.sales-table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sales-table-actions form{margin:0}.sales-table-create{margin:14px 0}.sales-table-create summary{cursor:pointer;font-weight:700}.sales-table-create form{margin-top:12px}
.sales-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;margin-top:16px}.sales-table-card{display:grid;width:100%;align-content:start;gap:7px;min-height:100px;padding:13px;border:1px solid var(--line);border-radius:12px;color:inherit;text-align:left;background:var(--surface,#fff);cursor:pointer}.sales-table-card:hover,.sales-table-card.is-selected{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 22%,transparent)}.sales-table-card.is-occupied{border-top:3px solid #f2a93b}.sales-table-card.is-free{border-top:3px solid #20bd8b}.sales-table-card span{font-size:12px;font-weight:700}.sales-table-card small{color:var(--muted);font-size:11px}#sales-table-feedback:empty{display:none}
.sales-catalog-title{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px;font-size:14px}.sales-product-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;max-height:280px;overflow:auto;padding:2px 4px 10px 2px}.sales-product-choice{display:grid;justify-items:start;align-content:start;gap:6px;min-height:90px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:inherit;text-align:left;cursor:pointer}.sales-product-choice:hover:not(:disabled){border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 18%,transparent)}.sales-product-choice small{color:var(--muted);font-weight:500}.sales-product-choice:disabled{opacity:.65;cursor:not-allowed}
.sales-tables-panel{scroll-margin-top:18px}#sales-register,#sales-cash,#sales-products{scroll-margin-top:18px}
.sales-pos-root.sales-pos-fullscreen-fallback{position:fixed!important;inset:0!important;z-index:2147483647!important;width:100vw!important;height:100vh!important;max-height:100vh!important;overflow:auto!important;margin:0!important;padding:20px!important;box-sizing:border-box!important;border-radius:0!important;background:var(--surface,#fff)!important}
 .sales-mode-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.sales-mode-panel h2{margin-bottom:5px}.sales-mode-panel p{margin-bottom:0}.sales-mode-form{display:flex;align-items:end;gap:10px;min-width:min(460px,100%)}.sales-mode-form label{min-width:260px;flex:1}.sales-mode-form button{white-space:nowrap}
@media(max-width:650px){.sales-tables-heading{display:grid}.sales-pos-root:fullscreen{padding:10px}.sales-pos-root:fullscreen .sales-tables-panel{max-height:30vh}}
@media(max-width:760px){.sales-mode-panel{align-items:stretch;flex-direction:column}.sales-mode-form{min-width:0;display:grid;grid-template-columns:1fr}.sales-mode-form label{min-width:0}}
.sales-order-data,.sales-adjustments,.sales-payment-split{margin-top:16px}.sales-adjustments{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-payment-split{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-list{display:grid;gap:8px;margin:14px 0;padding:0;list-style:none}.compact-list li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}.compact-list li span{color:var(--muted)}
.sales-pos-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sales-pos-steps{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.sales-pos-steps span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);font-size:13px;font-weight:700}.sales-pos-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px}.sales-pos-session-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:11px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff)}.sales-pos-session-bar span{color:var(--muted)}.sales-pos-session-bar a{margin-left:auto}.sales-pos-focused #sales-register[hidden]{display:none!important}.sales-pos-focused .sales-tables-panel{margin-bottom:16px}.sales-pos-focused .sales-product-catalog{max-height:360px}
@media(max-width:760px){.sales-pos-header-actions{justify-content:flex-start}.sales-pos-session-bar a{margin-left:0}.sales-pos-steps span{flex:1 1 130px}}
@media(max-width:760px){.sales-adjustments,.sales-payment-split{grid-template-columns:1fr}.compact-list li{display:grid;gap:3px}}
.adm-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.adm-summary-card{display:grid;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none}.adm-summary-card:hover{border-color:var(--blue);text-decoration:none}.adm-summary-value{font-size:30px;font-weight:800;line-height:1}
.adm-kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto}.adm-kanban .panel{min-width:220px}.adm-kanban .purchase-quote:last-child{border-bottom:0}
@media(max-width:1050px){.adm-kanban{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:600px){.adm-kanban{grid-template-columns:1fr}.adm-overview{grid-template-columns:1fr}}
.sales-transfer-form{align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.sales-kitchen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.sales-kitchen-item{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}.sales-kitchen-item>div{display:grid;gap:4px}.sales-kitchen-item small,.sales-kitchen-item span{color:var(--muted)}.sales-kitchen-item form{min-width:150px}.sales-kitchen-item label{margin:0}
@media(max-width:700px){.sales-kitchen-item{align-items:stretch;flex-direction:column}.sales-kitchen-item form{min-width:0}}
.sales-history-filters{grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) auto auto;align-items:end;margin:12px 0 16px}@media(max-width:760px){.sales-history-filters{grid-template-columns:1fr}}