/** * Agency Admin — full-dashboard glass theme (preview) * Scoped to body.role-agency-admin (other roles unchanged). * * Theme attribute lives on — dark rules use * html[data-theme="dark"] body.role-agency-admin … * * Backup: _backup_pre_agency_glass/ — say "revert" or "keep changes". */ /* ——— Light canvas ——— */ body.role-agency-admin { background: radial-gradient(ellipse 90% 70% at 8% -10%, rgba(184, 224, 200, 0.55), transparent 52%), radial-gradient(ellipse 70% 55% at 100% 0%, rgba(13, 72, 50, 0.12), transparent 48%), radial-gradient(ellipse 60% 40% at 50% 100%, rgba(228, 242, 234, 0.7), transparent 55%), linear-gradient(180deg, #eef5ef 0%, #f3f6f3 40%, #e8f0ea 100%); background-attachment: fixed; } /* ——— Dark canvas (Clasy-inspired: charcoal + soft color blooms) ——— */ html[data-theme="dark"] body.role-agency-admin { --glass-ink: #f4f7f5; --glass-ink-soft: #c5d0c9; --glass-ink-mute: #9aaba2; --glass-label: #9fe0bc; --glass-rim: rgba(255, 255, 255, 0.14); --glass-rim-strong: rgba(255, 255, 255, 0.22); --glass-panel: linear-gradient( 165deg, rgba(48, 58, 52, 0.92) 0%, rgba(28, 34, 31, 0.88) 45%, rgba(22, 26, 24, 0.9) 100% ); --glass-panel-soft: linear-gradient( 165deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100% ); --glass-warm: #e2a878; --glass-mint: #7dcea0; color: var(--glass-ink); background: radial-gradient(ellipse 70% 55% at 12% 0%, rgba(226, 168, 120, 0.14), transparent 55%), radial-gradient(ellipse 65% 50% at 92% 8%, rgba(125, 206, 160, 0.14), transparent 50%), radial-gradient(ellipse 55% 45% at 50% 100%, rgba(80, 120, 100, 0.12), transparent 55%), linear-gradient(180deg, #0c0e0d 0%, #101312 42%, #0e1210 100%); background-attachment: fixed; } /* ——— Shell / sidebar ——— */ body.role-agency-admin .app-shell, body.role-agency-admin .app-main, body.role-agency-admin .app-main > main, body.role-agency-admin #app-header { background: transparent !important; } body.role-agency-admin .app-sidebar, body.role-agency-admin .sidebar-desk { background: rgba(255, 255, 255, 0.42); border-right: 1px solid rgba(255, 255, 255, 0.55); backdrop-filter: blur(22px) saturate(1.4); -webkit-backdrop-filter: blur(22px) saturate(1.4); box-shadow: 4px 0 32px rgba(13, 72, 50, 0.06), 1px 0 0 rgba(255, 255, 255, 0.4) inset; } html[data-theme="dark"] body.role-agency-admin .app-sidebar, html[data-theme="dark"] body.role-agency-admin .sidebar-desk { background: linear-gradient(180deg, rgba(32, 38, 35, 0.92), rgba(18, 22, 20, 0.94)); border-right: 1px solid var(--glass-rim); box-shadow: 8px 0 40px rgba(0, 0, 0, 0.45); } body.role-agency-admin .sidebar-brand { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.35); } html[data-theme="dark"] body.role-agency-admin .sidebar-brand { border-bottom-color: var(--glass-rim); } html[data-theme="dark"] body.role-agency-admin .sidebar-brand-text strong, html[data-theme="dark"] body.role-agency-admin .sidebar-brand-text { color: var(--glass-ink); } html[data-theme="dark"] body.role-agency-admin .sidebar-brand-text span, html[data-theme="dark"] body.role-agency-admin .sidebar-section-label, html[data-theme="dark"] body.role-agency-admin .sidebar-foot .platform-owner-note { color: var(--glass-ink-mute) !important; } body.role-agency-admin .sidebar-nav .tab { background: transparent; border: 1px solid transparent; border-radius: 14px; transition: background 140ms ease, border-color 140ms ease, color 140ms ease; } body.role-agency-admin .sidebar-nav .tab:hover { background: rgba(255, 255, 255, 0.45); border-color: rgba(255, 255, 255, 0.5); color: var(--text); } body.role-agency-admin .sidebar-nav .tab.active { background: rgba(228, 242, 234, 0.75); border-color: rgba(13, 72, 50, 0.14); color: #0d4832; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) inset; } body.role-agency-admin .sidebar-nav .tab.active::before { background: #0d4832; border-radius: 999px; } html[data-theme="dark"] body.role-agency-admin .sidebar-nav .tab { color: var(--glass-ink-soft); } html[data-theme="dark"] body.role-agency-admin .sidebar-nav .tab:hover { background: rgba(255, 255, 255, 0.07); border-color: var(--glass-rim); color: var(--glass-ink); } html[data-theme="dark"] body.role-agency-admin .sidebar-nav .tab.active { background: linear-gradient(135deg, rgba(226, 168, 120, 0.95), rgba(210, 140, 90, 0.9)); border-color: rgba(226, 168, 120, 0.55); color: #14110e; box-shadow: 0 8px 22px rgba(226, 168, 120, 0.22); } html[data-theme="dark"] body.role-agency-admin .sidebar-nav .tab.active::before { display: none; } body.role-agency-admin .sidebar-foot { border-top: 1px solid rgba(255, 255, 255, 0.35); } html[data-theme="dark"] body.role-agency-admin .sidebar-foot { border-top-color: var(--glass-rim); } /* Header buttons */ body.role-agency-admin #app-header button.secondary, body.role-agency-admin #app-header .toolbar-btn { background: rgba(255, 255, 255, 0.48); border: 1px solid rgba(255, 255, 255, 0.62); color: #0d4832; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; border-radius: 14px; } html[data-theme="dark"] body.role-agency-admin #app-header button.secondary, html[data-theme="dark"] body.role-agency-admin #app-header .toolbar-btn { background: rgba(255, 255, 255, 0.08); border: 1px solid var(--glass-rim-strong); color: var(--glass-ink); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset; } html[data-theme="dark"] body.role-agency-admin #app-header button.secondary:hover, html[data-theme="dark"] body.role-agency-admin #app-header .toolbar-btn:hover { background: rgba(255, 255, 255, 0.14); } html[data-theme="dark"] body.role-agency-admin .dash-title, html[data-theme="dark"] body.role-agency-admin .map-title, html[data-theme="dark"] body.role-agency-admin #app-header h1, html[data-theme="dark"] body.role-agency-admin .header-user { color: var(--glass-ink) !important; } html[data-theme="dark"] body.role-agency-admin .dash-subtitle, html[data-theme="dark"] body.role-agency-admin .map-subtitle, html[data-theme="dark"] body.role-agency-admin .meta, html[data-theme="dark"] body.role-agency-admin #filter-summary { color: var(--glass-ink-mute) !important; } /* ——— Shared glass surfaces (light) ——— */ body.role-agency-admin .dash-kpi, body.role-agency-admin .dash-card, body.role-agency-admin .dash-workload, body.role-agency-admin .stat-card, body.role-agency-admin .officer-case-card, body.role-agency-admin .officer-next-row, body.role-agency-admin .table-wrap, body.role-agency-admin .reports-filters, body.role-agency-admin .map-toolbar, body.role-agency-admin .map-legend, body.role-agency-admin #map-legend, body.role-agency-admin .map-legend-panel, body.role-agency-admin .notif-card, body.role-agency-admin .notification-item, body.role-agency-admin .inline-form, body.role-agency-admin .dash-alert:not(.hidden) { background: rgba(255, 255, 255, 0.44); border: 1px solid rgba(255, 255, 255, 0.58); backdrop-filter: blur(18px) saturate(1.35); -webkit-backdrop-filter: blur(18px) saturate(1.35); box-shadow: 0 10px 32px rgba(13, 72, 50, 0.08), 0 1px 0 rgba(255, 255, 255, 0.65) inset; } /* Dark glass panels — lifted charcoal with rim light + top sheen */ html[data-theme="dark"] body.role-agency-admin .dash-kpi, html[data-theme="dark"] body.role-agency-admin .dash-card, html[data-theme="dark"] body.role-agency-admin .dash-workload, html[data-theme="dark"] body.role-agency-admin .stat-card, html[data-theme="dark"] body.role-agency-admin .officer-case-card, html[data-theme="dark"] body.role-agency-admin .officer-next-row, html[data-theme="dark"] body.role-agency-admin .table-wrap, html[data-theme="dark"] body.role-agency-admin .reports-filters, html[data-theme="dark"] body.role-agency-admin .map-toolbar, html[data-theme="dark"] body.role-agency-admin .map-legend, html[data-theme="dark"] body.role-agency-admin #map-legend, html[data-theme="dark"] body.role-agency-admin .map-legend-panel, html[data-theme="dark"] body.role-agency-admin .notif-card, html[data-theme="dark"] body.role-agency-admin .notification-item, html[data-theme="dark"] body.role-agency-admin .inline-form, html[data-theme="dark"] body.role-agency-admin .dash-alert:not(.hidden), html[data-theme="dark"] body.role-agency-admin #tab-notifications li, html[data-theme="dark"] body.role-agency-admin .notification-row { background: var(--glass-panel); border: 1px solid var(--glass-rim); color: var(--glass-ink); backdrop-filter: blur(20px) saturate(1.25); -webkit-backdrop-filter: blur(20px) saturate(1.25); box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 -1px 0 rgba(0, 0, 0, 0.35) inset; } html[data-theme="dark"] body.role-agency-admin .dash-kpi:hover, html[data-theme="dark"] body.role-agency-admin .officer-case-card:hover, html[data-theme="dark"] body.role-agency-admin .officer-next-row:hover { border-color: var(--glass-rim-strong); box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.16) inset; } /* ——— My Day ——— */ body.role-agency-admin .dash-kpi { border-radius: 22px; padding: 20px 22px; min-height: 120px; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease; } body.role-agency-admin .dash-kpi:hover { transform: translateY(-2px); } html[data-theme="dark"] body.role-agency-admin .dash-kpi-label { color: var(--glass-ink-mute) !important; } html[data-theme="dark"] body.role-agency-admin .dash-kpi-value { color: var(--glass-ink) !important; } html[data-theme="dark"] body.role-agency-admin .dash-kpi-value.tone-info { color: var(--glass-mint) !important; } html[data-theme="dark"] body.role-agency-admin .dash-kpi-value.tone-danger { color: #ff8a80 !important; } html[data-theme="dark"] body.role-agency-admin .dash-kpi-value.tone-warning { color: #ffcc80 !important; } body.role-agency-admin .dash-kpi-featured { background: linear-gradient(160deg, #0d4832 0%, #166b4a 100%) !important; border: 1px solid transparent !important; color: #fff !important; box-shadow: 0 16px 40px rgba(13, 72, 50, 0.28), 0 1px 0 rgba(255, 255, 255, 0.22) inset !important; } body.role-agency-admin .dash-kpi-featured .dash-kpi-label, body.role-agency-admin .dash-kpi-featured .dash-kpi-value, body.role-agency-admin .dash-kpi-featured .dash-kpi-value.tone-info, body.role-agency-admin .dash-kpi-featured .dash-kpi-value.tone-danger, body.role-agency-admin .dash-kpi-featured .dash-kpi-value.tone-warning { color: #fff !important; } html[data-theme="dark"] body.role-agency-admin .dash-kpi-featured { background: linear-gradient(160deg, #0d4832 0%, #166b4a 100%) !important; border: 1px solid rgba(184, 224, 200, 0.28) !important; color: #fff !important; box-shadow: 0 18px 44px rgba(13, 72, 50, 0.45), 0 1px 0 rgba(255, 255, 255, 0.18) inset !important; } html[data-theme="dark"] body.role-agency-admin .dash-kpi-featured .dash-kpi-label, html[data-theme="dark"] body.role-agency-admin .dash-kpi-featured .dash-kpi-value, html[data-theme="dark"] body.role-agency-admin .dash-kpi-featured .dash-kpi-value.tone-info, html[data-theme="dark"] body.role-agency-admin .dash-kpi-featured .dash-kpi-value.tone-danger, html[data-theme="dark"] body.role-agency-admin .dash-kpi-featured .dash-kpi-value.tone-warning { color: #fff !important; } body.role-agency-admin .dash-card { border-radius: 22px; padding: 18px 20px 14px; } html[data-theme="dark"] body.role-agency-admin .dash-card-head h3, html[data-theme="dark"] body.role-agency-admin .dash-card-head .linkish { color: var(--glass-ink) !important; } html[data-theme="dark"] body.role-agency-admin .dash-list li { color: var(--glass-ink-soft); border-color: rgba(255, 255, 255, 0.08); } body.role-agency-admin .dash-alert:not(.hidden) { border-radius: 18px; padding: 14px 16px; } html[data-theme="dark"] body.role-agency-admin .dash-alert:not(.hidden) { background: linear-gradient(135deg, rgba(226, 168, 120, 0.18), rgba(125, 206, 160, 0.1)); border-color: rgba(226, 168, 120, 0.35); color: var(--glass-ink); } /* ——— Next up ——— */ body.role-agency-admin .officer-next-row { border-radius: 16px; padding: 12px 14px; } html[data-theme="dark"] body.role-agency-admin .officer-next-token { color: var(--glass-mint) !important; } html[data-theme="dark"] body.role-agency-admin .officer-next-meta { color: var(--glass-ink-mute) !important; } html[data-theme="dark"] body.role-agency-admin .officer-next-row.is-urgent { background: linear-gradient(165deg, rgba(90, 40, 40, 0.75), rgba(40, 24, 24, 0.85)); border-color: rgba(255, 138, 128, 0.35); } html[data-theme="dark"] body.role-agency-admin .officer-next-row .status-advance-btn { background: linear-gradient(135deg, #7dcea0, #4ea87a); color: #0c1611; border: none; } html[data-theme="dark"] body.role-agency-admin .officer-next-row .btn-officer-nav, html[data-theme="dark"] body.role-agency-admin .officer-next-row .secondary { background: rgba(255, 255, 255, 0.08); border: 1px solid var(--glass-rim-strong); color: var(--glass-ink); width: auto; margin-top: 0; } /* ——— My Cases ——— */ body.role-agency-admin .officer-case-card { border-radius: 22px; min-height: 0; } html[data-theme="dark"] body.role-agency-admin .officer-case-token { color: var(--glass-mint) !important; } html[data-theme="dark"] body.role-agency-admin .officer-case-title, html[data-theme="dark"] body.role-agency-admin .officer-case-title-btn { color: var(--glass-ink) !important; } html[data-theme="dark"] body.role-agency-admin .officer-case-meta { color: var(--glass-ink-mute) !important; } html[data-theme="dark"] body.role-agency-admin .officer-case-card.is-urgent { border-color: rgba(255, 138, 128, 0.4); background: linear-gradient(165deg, rgba(72, 36, 36, 0.85), rgba(28, 22, 22, 0.9)); } html[data-theme="dark"] body.role-agency-admin .officer-case-card.is-selected { border-color: rgba(125, 206, 160, 0.55); box-shadow: 0 0 0 2px rgba(125, 206, 160, 0.25), 0 14px 40px rgba(0, 0, 0, 0.45); } body.role-agency-admin .officer-chip { background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } html[data-theme="dark"] body.role-agency-admin .officer-chip { background: rgba(255, 255, 255, 0.07); border: 1px solid var(--glass-rim); color: var(--glass-ink-soft); box-shadow: none; } body.role-agency-admin .officer-chip.active, html[data-theme="dark"] body.role-agency-admin .officer-chip.active { background: linear-gradient(135deg, rgba(125, 206, 160, 0.95), rgba(78, 168, 122, 0.9)); border-color: rgba(125, 206, 160, 0.5); color: #0c1611; box-shadow: 0 8px 20px rgba(125, 206, 160, 0.2); } html[data-theme="dark"] body.role-agency-admin .stat-card, html[data-theme="dark"] body.role-agency-admin .stat-card strong { color: var(--glass-ink); } html[data-theme="dark"] body.role-agency-admin .chip-sev-high, html[data-theme="dark"] body.role-agency-admin .chip-sev-critical { background: rgba(255, 138, 128, 0.18) !important; color: #ffb4ae !important; border: 1px solid rgba(255, 138, 128, 0.28); } html[data-theme="dark"] body.role-agency-admin .chip-status, html[data-theme="dark"] body.role-agency-admin .chip-sev-low { background: rgba(125, 206, 160, 0.16) !important; color: #b6f0d0 !important; border: 1px solid rgba(125, 206, 160, 0.28); } html[data-theme="dark"] body.role-agency-admin .chip-sev-medium { background: rgba(255, 204, 128, 0.16) !important; color: #ffe0a8 !important; border: 1px solid rgba(255, 204, 128, 0.28); } html[data-theme="dark"] body.role-agency-admin .chip-assigned { background: rgba(144, 180, 255, 0.16) !important; color: #b8d0ff !important; border: 1px solid rgba(144, 180, 255, 0.28); } body.role-agency-admin .reports-filters { border-radius: 18px; padding: 14px 16px; margin-bottom: 14px; } body.role-agency-admin .reports-filters input, body.role-agency-admin .reports-filters select { background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(255, 255, 255, 0.65); } html[data-theme="dark"] body.role-agency-admin .reports-filters input, html[data-theme="dark"] body.role-agency-admin .reports-filters select { background: rgba(255, 255, 255, 0.07); border: 1px solid var(--glass-rim); color: var(--glass-ink); } html[data-theme="dark"] body.role-agency-admin .officer-case-actions .status-advance-btn { background: linear-gradient(135deg, #7dcea0, #4ea87a); color: #0c1611; border: none; box-shadow: 0 8px 20px rgba(125, 206, 160, 0.22); } html[data-theme="dark"] body.role-agency-admin .officer-case-actions .btn-officer-nav, html[data-theme="dark"] body.role-agency-admin .officer-case-actions .secondary { background: rgba(255, 255, 255, 0.08); border: 1px solid var(--glass-rim-strong); color: var(--glass-ink); } /* ——— Field Map ——— */ body.role-agency-admin .map-toolbar, body.role-agency-admin .map-legend, body.role-agency-admin #map-legend, body.role-agency-admin .map-legend-panel { border-radius: 16px; padding: 12px 16px; } body.role-agency-admin #map { border-radius: 22px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.55); } html[data-theme="dark"] body.role-agency-admin #map { border: 1px solid var(--glass-rim); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45); } html[data-theme="dark"] body.role-agency-admin .map-legend-panel strong, html[data-theme="dark"] body.role-agency-admin .map-legend, html[data-theme="dark"] body.role-agency-admin #map-legend { color: var(--glass-ink-soft); } html[data-theme="dark"] body.role-agency-admin .map-toolbar .toolbar-btn, html[data-theme="dark"] body.role-agency-admin .map-toolbar button.secondary { background: rgba(255, 255, 255, 0.08); border: 1px solid var(--glass-rim-strong); color: var(--glass-ink); width: auto; margin-top: 0; border-radius: 12px; } /* ——— Notifications ——— */ body.role-agency-admin #tab-notifications li, body.role-agency-admin .notification-row { border-radius: 14px; margin-bottom: 8px; padding: 12px 14px; } html[data-theme="dark"] body.role-agency-admin .table-wrap th { color: var(--glass-ink-mute); background: rgba(255, 255, 255, 0.04); } html[data-theme="dark"] body.role-agency-admin .table-wrap td { color: var(--glass-ink-soft); border-bottom-color: rgba(255, 255, 255, 0.08); } html[data-theme="dark"] body.role-agency-admin .leaflet-popup-content-wrapper { background: linear-gradient(165deg, rgba(40, 48, 44, 0.96), rgba(22, 26, 24, 0.96)); border: 1px solid var(--glass-rim); color: var(--glass-ink); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5); } html[data-theme="dark"] body.role-agency-admin .leaflet-popup-content-wrapper .meta { color: var(--glass-ink-mute) !important; } /* ——— Agency desk surfaces (Incidents + My Day + tabs) ——— */ body.role-agency-admin .agency-incidents-card, body.role-agency-admin #dash-ops-queues .dash-card, body.role-agency-admin .dash-kpi:not(.dash-kpi-featured), body.role-agency-admin .dash-workload, body.role-agency-admin #tab-performance .table-wrap, body.role-agency-admin #tab-analytics .chart-card, body.role-agency-admin #tab-analytics .stat-card, body.role-agency-admin #tab-users .table-wrap, body.role-agency-admin #tab-users .inline-form, body.role-agency-admin #tab-notifications .table-wrap { background: rgba(255, 255, 255, 0.52) !important; border: 1px solid rgba(255, 255, 255, 0.62) !important; backdrop-filter: blur(18px) saturate(1.35); -webkit-backdrop-filter: blur(18px) saturate(1.35); box-shadow: 0 10px 28px rgba(13, 72, 50, 0.07), 0 1px 0 rgba(255, 255, 255, 0.55) inset; } body.role-agency-admin .agency-incidents-card { border-radius: 20px; overflow: hidden; } body.role-agency-admin .agency-incidents-table thead th { background: rgba(228, 242, 234, 0.72) !important; } body.role-agency-admin .agency-desk-chips .officer-chip { background: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); } body.role-agency-admin .agency-desk-chips .officer-chip.active { background: #0d4832; border-color: #0d4832; color: #fff; } body.role-agency-admin .case-drawer-root.case-drawer-agency .case-drawer, body.role-agency-admin .case-drawer-root.case-drawer-agency #case-drawer { background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(255, 255, 255, 0.65); backdrop-filter: blur(24px) saturate(1.4); -webkit-backdrop-filter: blur(24px) saturate(1.4); box-shadow: 0 24px 64px rgba(13, 72, 50, 0.18); } body.role-agency-admin .case-drawer-root.case-drawer-agency .wb-card { background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(255, 255, 255, 0.6); backdrop-filter: blur(12px); } html[data-theme="dark"] body.role-agency-admin .agency-incidents-card, html[data-theme="dark"] body.role-agency-admin #dash-ops-queues .dash-card, html[data-theme="dark"] body.role-agency-admin .dash-kpi:not(.dash-kpi-featured), html[data-theme="dark"] body.role-agency-admin .dash-workload, html[data-theme="dark"] body.role-agency-admin #tab-performance .table-wrap, html[data-theme="dark"] body.role-agency-admin #tab-analytics .chart-card, html[data-theme="dark"] body.role-agency-admin #tab-analytics .stat-card, html[data-theme="dark"] body.role-agency-admin #tab-users .table-wrap, html[data-theme="dark"] body.role-agency-admin #tab-users .inline-form, html[data-theme="dark"] body.role-agency-admin #tab-notifications .table-wrap { background: var(--glass-panel) !important; border-color: var(--glass-rim) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); } html[data-theme="dark"] body.role-agency-admin .agency-incidents-table thead th { background: rgba(111, 191, 147, 0.14) !important; color: var(--glass-label) !important; } html[data-theme="dark"] body.role-agency-admin .case-drawer-root.case-drawer-agency .case-drawer, html[data-theme="dark"] body.role-agency-admin .case-drawer-root.case-drawer-agency #case-drawer { background: var(--glass-panel); border-color: var(--glass-rim); } html[data-theme="dark"] body.role-agency-admin .agency-incidents-sub, html[data-theme="dark"] body.role-agency-admin .agency-token-cat, html[data-theme="dark"] body.role-agency-admin .agency-status { color: var(--glass-ink-mute) !important; } html[data-theme="dark"] body.role-agency-admin .agency-token-link, html[data-theme="dark"] body.role-agency-admin .agency-incidents-head h2 { color: var(--glass-ink) !important; } /* Agency workbench action controls inside glass modal */ body.role-agency-admin .agency-wb-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-top: 12px; } body.role-agency-admin .agency-wb-actions .assign-select, body.role-agency-admin .agency-wb-actions .status-select, body.role-agency-admin .agency-wb-actions .status-advance-btn, body.role-agency-admin .agency-wb-actions .secondary, body.role-agency-admin .agency-wb-actions .badge, body.role-agency-admin .agency-wb-actions .meta, body.role-agency-admin .agency-wb-actions a { width: auto; max-width: 100%; margin-top: 0; } body.role-agency-admin .agency-wb-actions .assign-select, body.role-agency-admin .agency-wb-actions .status-select { width: 100%; } /* ——— Case decision desk panel (Figma) ——— */ .chip-unassigned { background: #fff4e5; color: #c26a00; } body.role-agency-admin .case-drawer-root.case-drawer-agency .case-drawer-kicker { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #0d4832 !important; } body.role-agency-admin .case-drawer-root.case-drawer-agency .wb-card-title { font-size: 12px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: #0d4832; } body.role-agency-admin .case-drawer-root.case-drawer-agency .wb-card { border-radius: 18px; padding: 16px; gap: 10px; } body.role-agency-admin .case-drawer-root.case-drawer-agency .wb-grid { gap: 20px; } body.role-agency-admin .case-drawer-root.case-drawer-agency .wb-col-side { width: min(340px, 100%); gap: 14px; } body.role-agency-admin .case-drawer-root.case-drawer-agency .case-drawer-body { background: #f7fbf8; } .agency-desk-panel { display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 28px rgba(13, 71, 51, 0.22); background: #0d4832; } .agency-desk-panel-head { padding: 18px 18px 16px; background: linear-gradient(90deg, #0d4832 0%, #166b4a 100%); color: #fff; } .agency-desk-kicker { margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255, 255, 255, 0.75); } .agency-desk-title { margin: 0 0 8px; font-size: 20px; font-weight: 700; line-height: 1.25; color: #fff; } .agency-desk-hint { margin: 0; font-size: 13px; line-height: 1.4; color: #e4f2ea; } .agency-desk-panel-body { display: flex; flex-direction: column; gap: 12px; padding: 16px 16px 18px; background: #fff; } .agency-desk-field-label { margin: 0; font-size: 12px; font-weight: 600; color: #5a6b60; } .agency-desk-field-hint { margin: 0; font-size: 12px; font-weight: 500; color: #5a6b60; } .agency-desk-officer-name { margin: 0; font-size: 15px; font-weight: 600; color: #122018; } .agency-desk-select, body.role-agency-admin .agency-desk-select.assign-select { width: 100%; margin: 0; min-height: 44px; padding: 12px 14px; border-radius: 12px; border: 1px solid #e2eae3; background: #f3f6f3; color: #122018; font: inherit; font-size: 13px; font-weight: 500; } .agency-desk-primary, body.role-agency-admin .agency-desk-primary.status-advance-btn { appearance: none; display: inline-flex; align-items: center; justify-content: center; width: 100%; margin: 0; min-height: 44px; padding: 13px 16px; border: none; border-radius: 12px; background: #0d4832; color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; } .agency-desk-primary:hover:not(:disabled), body.role-agency-admin .agency-desk-primary.status-advance-btn:hover:not(:disabled) { background: #0a3a28; } .agency-desk-primary:disabled { opacity: 0.65; cursor: wait; } .agency-desk-secondary { display: flex; flex-wrap: wrap; gap: 16px; padding-top: 4px; } .agency-desk-link { appearance: none; background: none; border: none; padding: 0; margin: 0; width: auto; font: inherit; font-size: 12px; font-weight: 600; color: #5a6b60; cursor: pointer; text-align: left; } .agency-desk-link:hover { text-decoration: underline; } .agency-desk-link-danger { color: #b91c1c; } .agency-desk-link-muted { font-size: 12px; font-weight: 600; color: #5a6b60; } body.role-agency-admin .case-drawer-root.case-drawer-agency .agency-assign-name { font-size: 15px; font-weight: 600; } html[data-theme="dark"] .agency-desk-panel-body { background: rgba(255, 255, 255, 0.06); } html[data-theme="dark"] .agency-desk-select, html[data-theme="dark"] body.role-agency-admin .agency-desk-select.assign-select { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.14); color: var(--text); } html[data-theme="dark"] .agency-desk-officer-name { color: var(--text); }