/* CourtControl: a quiet workspace with clear actions and readable states. */
:root { --ink:#24372e; --muted:#68756e; --line:#e3e8e2; --green:#287b65; --indigo:#287b65; --rose:#b98732; --shadow:0 3px 14px #25352a06; color-scheme:light; }
html { background:#f6f7f3; }
button,input,select { -webkit-tap-highlight-color:transparent; }
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible { outline:3px solid #66ae98; outline-offset:3px; }
.ui-icon { width:22px; height:22px; display:block; flex-shrink:0; }
[data-icon] { display:inline-flex; align-items:center; justify-content:center; }
.atlas-icon { display:block; width:80px; height:80px; flex-shrink:0; background-image:url('./assets/overview-icons.png'); background-size:200% 200%; background-repeat:no-repeat; }
.atlas-cases { background-position:0 0; }.atlas-calendar { background-position:100% 0; }.atlas-updates { background-position:0 100%; }.atlas-review { background-position:100% 100%; }
.brand-mark { display:grid; place-items:center; color:#faf8ef; background:#287b65; border:0; box-shadow:none; }
.brand-mark .ui-icon { width:25px; height:25px; }
.dashboard-view { grid-template-columns:252px minmax(0,1fr); padding:0; gap:0; background:#f6f7f3; }
.glass-light { border:1px solid var(--line); background:#fff; box-shadow:var(--shadow); backdrop-filter:none; }
.sidebar { top:0; height:100vh; border-radius:0; border:0; padding:32px 18px 22px; background:#192923; color:#eef4ee; box-shadow:none; }
.sidebar-brand { padding:0 12px 36px; color:#f6f7f1; font-size:1.04rem; letter-spacing:-.03em; }
.brand-mark-small { width:36px; height:36px; border-radius:11px; background:#36564a; color:#eadab6; }
.nav-list { gap:7px; }
.nav-item { min-height:48px; padding:0 14px; gap:11px; border-radius:11px; color:#adbdb3; }
.nav-mobile-label { display:none; }
.nav-item b { font-size:.88rem; font-weight:500; }
.nav-item span { color:inherit; }
.nav-item i { min-width:22px; background:#2a3b32; color:#bdcbbf; font-size:11px; }
.nav-item i.alert-count { color:#e3c58e; background:#3d3d2d; }
.nav-item:hover { color:#fff; background:#253d32; transform:none; }
.nav-item.active { background:#355a49; color:#fff; box-shadow:none; }
.nav-item.active i { background:#527460; }
.nav-more { display:none; }
.sidebar-note { display:flex; gap:9px; align-items:center; margin:0 10px 15px; color:#a8bbb0; font-size:11px; }
.sidebar-note .ui-icon { width:16px; height:16px; }
.profile-button { padding:12px 8px; border:0; border-top:1px solid #35463c; border-radius:0; background:transparent; color:#f1f5ef; grid-template-columns:36px minmax(0,1fr) 26px; }
.profile-button b { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-button small { font-size:10px; color:#a6b9ad; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.avatar { width:36px; height:36px; border-radius:50%; background:#e9e6d3; color:#335542; }
.logout-icon { display:grid; place-items:center; border:0; background:transparent; padding:3px; color:#adbbb1; border-radius:6px; }
.logout-icon .ui-icon { width:19px; height:19px; }
.logout-icon:hover { color:white; background:#355345; }
.mobile-nav-menu { position:absolute; z-index:35; right:8px; bottom:78px; min-width:196px; padding:8px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 14px 45px #1b39252b; }
.mobile-menu-item { width:100%; display:flex; align-items:center; gap:12px; padding:14px; border:0; border-radius:9px; background:transparent; color:var(--ink); text-align:left; }
.mobile-menu-item:hover { background:#edf4ee; }
.dashboard-main { max-width:1480px; width:100%; margin:0 auto; padding:32px 38px 56px; }
.topbar { align-items:flex-start; margin-bottom:30px; gap:18px; }
.dashboard-date { color:#69786c; font-size:12px; margin:0 0 7px; }
.topbar h2 { color:#24372e; font-size:29px; letter-spacing:-.04em; line-height:1.2; }
.view-subtitle { margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
.topbar-actions { align-items:flex-start; padding-top:5px; }
.icon-button,.sync-button { border-radius:11px; box-shadow:none; }
.icon-button { display:grid; place-items:center; background:#fff; }
.sync-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#287b65; color:white; border:1px solid transparent; font-size:12px; min-height:42px; }
.sync-button span { margin:0; }
.sync-button:hover { background:#216750; }
.sync-button:hover span { transform:none; }
.refresh-control { display:grid; gap:6px; justify-items:end; }
.refresh-control small { color:#768478; font-size:10px; }
#refreshButton { background:#fff; border:1px solid #dce3db; color:#3e594b; font-weight:600; }
#refreshButton:hover { background:#edf3ed; }
.overview-welcome { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 22px; }
.overview-welcome h3 { margin:5px 0 6px; font-size:23px; letter-spacing:-.025em; font-weight:650; }
.overview-welcome p:last-child { margin:0; color:var(--muted); font-size:13px; }
.action-button { min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 15px; border:1px solid #cddcd0; border-radius:10px; background:#f2f7f1; color:#365d49; font-size:12px; font-weight:650; text-decoration:none; }
.action-button .ui-icon { width:18px; height:18px; }
.action-button:hover { background:#e8f0e6; border-color:#9cbdab; }
.metrics-grid { gap:15px; margin-bottom:20px; }
.metric-card { min-height:199px; padding:22px; border-radius:18px; transition:border-color .2s,box-shadow .2s; }
.metric-card:hover { border-color:#b6cdbb; box-shadow:0 5px 18px #263e2d0a; }
.metric-card::after { display:none; }
.metric-top { height:48px; align-items:flex-start; }
.metric-top .atlas-icon { position:absolute; right:12px; top:10px; width:78px; height:78px; }
.trend { position:relative; max-width:calc(100% - 70px); color:#778479; font-size:10px; text-align:left; line-height:1.5; }
.trend.positive { color:#36745a; }.trend.warning,.trend.danger { color:#946b2c; }
.metric-card p { margin:12px 0 4px; color:#58695e; font-size:13px; }
.metric-card strong { color:#283e31; font-size:37px; font-weight:650; line-height:1.25; letter-spacing:-.045em; }
.metric-card.accent-rose { background:#fffcf5; }
.metric-card.accent-rose strong { color:#986d2f; }
.metric-caption { display:block; margin-top:14px; color:#738174; font-size:10px; }
.metric-caption > span { float:right; color:#4d7961; }
.metric-link { position:absolute; inset:0; z-index:1; width:100%; border:0; border-radius:18px; background:transparent; }
.overview-attention { display:flex; align-items:center; gap:16px; padding:18px 20px; border:1px solid #e7d9b9; border-radius:16px; background:#fdf9ef; margin-bottom:22px; }
.overview-attention > span { width:38px; height:38px; border-radius:12px; background:#f2e7cb; color:#947131; flex-shrink:0; }
.overview-attention > div { flex:1; min-width:0; }
.overview-attention b { font-size:13px; font-weight:650; }
.overview-attention p { margin:5px 0 0; color:#7d7764; font-size:12px; line-height:1.6; }
.overview-attention .action-button { background:white; border-color:#e1d1a9; color:#84672c; flex-shrink:0; }
.overview-attention.is-onboarding { border-color:#c9ddcc; background:#eff6ec; }
.overview-attention.is-onboarding > span { background:#dcebd9; color:#367651; }
.dashboard-grid { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:20px; }
.content-card { padding:24px; border-radius:18px; }
.card-heading { margin-bottom:20px; }
.card-heading h3 { font-size:16px; letter-spacing:-.02em; font-weight:650; }
.eyebrow.dark-eyebrow { color:#8b9589; font-size:9px; letter-spacing:.13em; }
.quiet-button { color:#397458; font-size:12px; line-height:1.5; padding:5px 0; }
.quiet-button:hover { color:#1a5139; text-decoration:underline; }
.week-strip { padding:8px; border-radius:12px; background:#f5f7f2; }
.week-strip button { min-height:57px; border-radius:9px; }
.week-strip button.selected { background:#335c48; color:#fff; box-shadow:none; }
.week-strip small { font-size:9px; }.week-strip b { font-size:14px; }
.week-strip button i { background:#c59443; }
.hearing-row { min-height:85px; padding:15px 0; }
.hearing-info b { font-size:12px; line-height:1.5; }
.hearing-info small { font-size:11px; }
.hearing-row time { color:#365b47; font-size:14px; }
.hearing-dot.indigo,.hearing-dot.green { background:#43866a; }
.activity-list { gap:18px; }
.activity-item b { font-size:12px; line-height:1.5; font-weight:600; }
.activity-item p { font-size:11px; line-height:1.5; }
.activity-item time { font-size:10px; color:#77877a; }
.activity-icon { border-radius:10px; }.activity-icon .ui-icon { width:19px; height:19px; }
.violet-bg { background:#eaf2e5; color:#59825a; }
.status-pill { font-size:10px; padding:5px 9px; line-height:1.5; }
.calm { background:#eaf3e9; color:#3b7252; }.planned { background:#edf2e8; color:#506d41; }.waiting { background:#fff0d4; color:#946b2b; }
.health-card { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); padding:19px 24px; }
.health-status b { font-size:12px; line-height:1.5; }.health-status small,.health-metrics span { font-size:10px; }
.health-metrics b { font-size:12px; }
.pulse-dot { background:#4a8c62; box-shadow:0 0 0 4px #e6f0e4; }
.health-card[data-status="warning"] .pulse-dot { background:#c69a46; box-shadow:0 0 0 4px #f7eed8; animation:none; }
.empty-state { color:var(--muted); font-size:13px; }
.illustrated-empty { display:flex; align-items:center; flex-direction:column; gap:9px; padding:22px 12px; margin:12px 0; }
.empty-state-icon { display:grid; place-items:center; width:54px; height:54px; margin-bottom:4px; border-radius:17px; background:#f0f4ec; color:#61806a; }
.empty-state-icon .ui-icon { width:28px; height:28px; }
.illustrated-empty b { color:#566d5b; font-size:13px; font-weight:600; }
.illustrated-empty p { max-width:360px; margin:0; font-size:12px; line-height:1.65; }
.illustrated-empty .action-button { margin-top:4px; }
.monitoring-preview { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding:20px 24px; }
.monitoring-preview > div { flex:1; }.monitoring-preview b { font-size:13px; }.monitoring-preview p { color:#6c7e6e; font-size:12px; }
.progress-track { height:7px; }.progress-done { background:#568c68; }.progress-working { background:#4d7e9d; }
.monitoring-hero { padding:26px; border-radius:18px; }
.monitoring-hero h3 { font-size:24px; letter-spacing:-.025em; }
.monitoring-eyebrow { color:#839383; font-size:10px; letter-spacing:.12em; }
.monitoring-hero-body p { font-size:13px; line-height:1.6; }
.monitoring-counters span { font-size:11px; border-radius:8px; }
.monitoring-toolbar { margin:20px 0; gap:14px; }
.monitoring-toolbar label { color:#637366; font-size:12px; }
.monitoring-toolbar select { color:#36523d; border-color:var(--line); background:white; }
.monitoring-filters { padding:5px; background:#edf1e8; border-radius:11px; }
.monitoring-filters button { color:#697b69; font-size:12px; padding:10px 13px; }
.monitoring-filters button.active { color:#3c6647; background:white; box-shadow:0 2px 6px #1a3c2508; }
.monitor-company { padding:24px; border-radius:18px; }
.monitor-company-heading h3 { font-size:15px; line-height:1.6; }
.monitor-company-heading small { font-size:11px; line-height:1.6; }
.monitor-company-actions { gap:12px; }
.monitor-company-actions .sync-button { max-width:280px; font-size:11px; }
.monitor-court-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.monitor-court { padding:16px; border-radius:12px; background:#fff; border-color:var(--line); }
.court-state-body b { font-size:12px; line-height:1.5; }
.court-state-body > span { font-size:11px; margin-top:5px; }
.court-state-body small { font-size:10px; line-height:1.6; }
.court-state-icon .ui-icon { width:18px; height:18px; }
.monitor-court.is-retry { background:#fffcf5; border-color:#eadebd; }
.monitor-court.state-succeeded { background:#f9fcf6; border-color:#dce8d7; }
.monitor-court.state-running { background:#f3f8fa; border-color:#b8d4de; }
.monitor-court.state-running .court-state-icon .ui-icon { display:none; }
.completed-courts { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.completed-courts summary { cursor:pointer; color:#54805b; font-size:12px; padding:4px 0; }
.completed-courts .monitor-court-grid { margin-top:16px; }
.monitoring-history summary { font-size:13px; color:#5d715f; }
.records-list { display:grid; gap:12px; }
.record-filters { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.field-label.dark-field span { color:#5f7363; font-size:12px; }
.field-label input,.dark-field select,.court-filters select,.court-filters input { border-color:#dce3d9; color:#2f4937; border-radius:10px; background:#fff; }
.field-label input:focus,.dark-field select:focus { border-color:#76a889; box-shadow:0 0 0 3px #76a88914; }
.company-form-hint,.section-copy { font-size:12px; line-height:1.65; color:#768171; }
.section-copy { margin:7px 0 0; }
.case-record { position:relative; padding:22px; border:1px solid var(--line); border-radius:13px; background:#fafcf7; }
.case-record.needs-review { border-color:#e5d9b9; background:#fffcf5; }
.case-number { color:#367054; font-size:16px; font-weight:650; }
.case-record > p { font-size:13px; margin:10px 0; }.case-record > small { font-size:11px; color:#6f7d6f; }
.case-record > .status-pill { position:absolute; right:20px; top:16px; }
.case-record > .case-number { max-width:calc(100% - 165px); text-align:left; }
.case-open-button { display:flex; align-items:center; padding:0; margin-top:15px; border:0; background:transparent; color:#397353; font-size:12px; font-weight:600; }
.case-record.needs-review .case-open-button { color:#926c2f; }
.case-open-button:hover { text-decoration:underline; }
.case-dialog { border-color:var(--line); background:#fffef9; color:#2e4735; padding:32px; border-radius:20px; }
.case-dialog h3 { color:#356c4e; font-size:22px; }.case-dialog p { font-size:13px; }.case-dialog h4 { font-size:13px; letter-spacing:.03em; }
.confirm-case-button { background:#337e5b; border-color:#337e5b; font-size:13px; box-shadow:none; }
.confirm-case-copy { font-size:11px; line-height:1.6; }
.exclude-case-button { background:transparent; border-color:#eadfce; color:#97784a; font-size:12px; }
.companies-view { gap:20px; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); }
.company-safe-note { color:#788a77; font-size:10px; line-height:1.6; }
.company-row { padding:17px; border-radius:13px; border:1px solid var(--line); background:#fbfcf8; }
.company-row-body > b { font-size:13px; line-height:1.55; }
.company-row-body > small,.company-row-body > span { font-size:11px; line-height:1.6; }
.company-configure { color:#3f7853; background:#edf5e8; border-color:#d3e2ca; border-radius:8px; font-size:11px; }
.company-configure:hover { background:#e3efda; }.company-remove { font-size:10px; color:#98694c; }
.monitoring-state { font-size:10px; }.monitoring-state.configured { color:#517b50; }
.company-monitor-progress small { font-size:10px; }.company-monitor-progress .quiet-button { font-size:11px; }
.company-details-grid { gap:14px; }.company-save-button,.monitoring-save { color:white; background:#287b65; box-shadow:none; border-radius:11px; font-size:13px; }
.arbitration-option { background:#f3f7ed; border-color:#d8e3ce; }.arbitration-icon { background:#47724f; border-radius:11px; }
.arbitration-option b { font-size:13px; }.arbitration-option small { font-size:11px; }.arbitration-option i { background:#e6f1df; color:#507144; }
.monitoring-date { background:#fbfcf7; }.monitoring-date small { font-size:11px; line-height:1.55; }
.court-section-heading h4 { font-size:14px; }.court-section-heading p { font-size:11px; }.selected-count { background:#e9f2e2; color:#507344; font-size:11px; }
.court-option { background:#fff; border-radius:11px; }.court-option b { font-size:12px; }.court-option small,.court-option i { font-size:10px; }
.court-option.selected { background:#f0f7e9; border-color:#a4c091; }.court-option input,.arbitration-option input,.calendar-review-toggle input { accent-color:#4b7d53; }
.court-option:hover { border-color:#a4c091; transform:none; }.court-filters label { font-size:11px; }.quiet-action { font-size:11px; }
.court-list-actions > span { font-size:10px; }.monitoring-footer p { font-size:12px; }.monitoring-heading h3 { font-size:17px; }
.calendar-heading h3 { font-size:18px; }.calendar-modes { background:#edf2e7; }.calendar-modes button { font-size:12px; }.calendar-modes button.active { color:#4c7046; }
.calendar-day.is-selected { border-color:#71a26b; box-shadow:0 0 0 1px #71a26b; background:#f2f8eb; }
.calendar-day.is-today { border-color:#b4cca8; }.calendar-day.is-today .calendar-day-number { color:#4a7a43; }
.calendar-event-chip { border-left-color:#5a8650; background:#eaf3e1; color:#426136; }
.calendar-day-count { background:#e1edda; color:#527546; }.calendar-more,.calendar-month-controls .quiet-button,.calendar-event-row time,.calendar-open-case { color:#4b7b46; }
.calendar-event-body p,.calendar-event-body small { font-size:12px; line-height:1.6; }.calendar-month-controls h3 { color:#405c3e; }
#settingsView > h3 { font-size:20px; }.record-pages { font-size:12px; }
/* Entry screen follows the same visual language as the signed-in workspace. */
.auth-view { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,440px); align-items:center; justify-items:stretch; gap:6vw; padding:6vh 6vw 66px; min-height:100svh; background:#f3f5ef; color:var(--ink); isolation:isolate; }
.auth-view::before,.auth-view::after,.aurora,.gold-ribbon { display:none; }
.auth-brand { z-index:2; top:calc(6vh + 30px); left:calc(6vw + 38px); color:#f0f2e9; font-size:19px; gap:12px; }
.auth-brand .brand-mark { width:36px; height:36px; border-radius:10px; background:#365d4b; color:#e4d4aa; }
.auth-intro { position:relative; align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding:100px 40px 48px; min-height:640px; border-radius:28px; background:radial-gradient(ellipse at 90% 80%,#345e4566,transparent 65%),#192923; color:#eaf0e5; overflow:hidden; }
.intro-label { color:#adbfad; font-size:10px; letter-spacing:.14em; }
.auth-intro h2 { position:relative; z-index:1; margin:21px 0 22px; font-size:clamp(28px,3.3vw,49px); line-height:1.15; letter-spacing:-.045em; font-weight:550; }
.auth-intro h2 em { font-style:normal; color:#d4c399; }
.auth-intro > p { position:relative; z-index:1; max-width:355px; font-size:15px; line-height:1.8; color:#b5c5b9; margin:0; }
.intro-illustration { position:absolute; width:205px; height:205px; right:6px; bottom:25px; opacity:.96; }
.intro-features { position:relative; z-index:1; display:grid; gap:17px; margin-top:55px; max-width:250px; }
.intro-features > span { display:flex; align-items:center; gap:10px; color:#b9cbbb; font-size:12px; }.intro-features .ui-icon { width:18px; height:18px; }
.auth-card.glass-panel { justify-self:center; width:100%; max-width:440px; margin:0; padding:38px; border:1px solid #dce5d6; border-radius:24px; background:#fffefa; color:var(--ink); backdrop-filter:none; box-shadow:0 15px 40px #273a2506; text-align:left; }
.auth-icon { display:grid; place-items:center; margin:0 0 25px; width:46px; height:46px; border-radius:14px; background:#edf4e7; border:1px solid #d9e6d0; color:#527b49; box-shadow:none; }
.auth-icon .ui-icon { width:23px; height:23px; }.auth-card .eyebrow { color:#7e8d77; font-size:10px; letter-spacing:.1em; }
.auth-card h1 { color:#2a4230; font-size:30px; letter-spacing:-.03em; margin-top:9px; }
.auth-card .auth-copy { color:#6e7d65; font-size:13px; line-height:1.7; margin-bottom:24px; }
.auth-card .field-label { color:#516d51; font-size:12px; }.auth-card .field-label input { background:#fff; color:#314b34; border-color:#d9e3d2; border-radius:10px; }
.auth-card .field-label input::placeholder { color:#9aa592; }.auth-card .primary-button { background:#287b65; color:#fff; border:0; border-radius:10px; box-shadow:none; font-size:13px; }
.auth-card .primary-button:hover { background:#226a55; }.auth-card .form-switch { color:#77846e; font-size:12px; }.auth-card .text-button { color:#487b46; font-size:12px; }
.auth-card .consent-line { color:#6d7c63; font-size:11px; line-height:1.6; }.auth-card .consent-line input { accent-color:#487b46; }
.auth-card .auth-note { color:#7a856e; font-size:11px; line-height:1.7; }.auth-card .auth-note.auth-error { color:#a55749; }.auth-card .auth-note.auth-ok { color:#427b46; }
.auth-card .otp-input { background:#f5f8f0; color:#405e3c; border-color:#dce6d3; }.auth-card .otp-input.filled { background:#edf5e5; color:#2e6735; border-color:#9dbc8c; }
.auth-card.success { background:#fffefa; border-color:#88b176; }.auth-card.success .auth-icon { background:#4e945b; color:white; box-shadow:none; border-color:#4e945b; }
.auth-card.success .eyebrow { color:#487b46; }.security-note { justify-self:center; bottom:24px; color:#7b8672; font-size:11px; }.security-note .ui-icon { width:15px; height:15px; }
@media (min-width:721px) and (max-width:1100px) {
  .dashboard-view { grid-template-columns:78px minmax(0,1fr); }.sidebar { padding:28px 10px 18px; }
  .sidebar-brand { padding:0 0 32px; }.brand-name,.sidebar-note,.nav-item b,.nav-item i { display:none; }
  .nav-item { grid-template-columns:1fr; padding:0; place-items:center; }.profile-button { grid-template-columns:1fr; justify-items:center; gap:14px; padding:14px 0; }
  .profile-button > span:not(.avatar) { display:none; }.dashboard-main { padding:26px; }.companies-view { grid-template-columns:1fr; }
  .metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-grid { grid-template-columns:1fr; }.health-card { grid-column:1/-1; }
  .auth-view { gap:4vw; padding-inline:4vw; }.auth-brand { left:calc(4vw + 28px); }.auth-intro { padding-inline:28px; }.intro-illustration { width:170px; height:170px; right:0; bottom:18px; }
  .auth-intro > p { font-size:13px; }.intro-features { font-size:11px; max-width:220px; }
}
@media (max-width:720px) {
  .dashboard-view { display:block; padding:0 0 95px; }.dashboard-main { padding:22px 16px 30px; }
  .sidebar { position:fixed; top:auto; bottom:10px; left:10px; right:10px; width:auto; height:70px; display:block; padding:7px 5px; border-radius:17px; background:#fffef9; border:1px solid #d9e3d2; box-shadow:0 4px 30px #25452b17; }
  .sidebar-brand,.sidebar-footer,.nav-item.mobile-secondary { display:none; }.dashboard-view .nav-list { display:grid; height:100%; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; }
  .nav-item,.nav-more { width:100%; height:100%; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:5px 0; border:0; border-radius:10px; background:transparent; color:#7b8a72; }
  .nav-item .ui-icon,.nav-more .ui-icon { width:20px; height:20px; }.nav-item b,.nav-more b { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; font-weight:550; }
  .nav-desktop-label { display:none; }.nav-mobile-label { display:inline; }.nav-item b span { font:inherit; }
  .nav-item i { display:none; }.nav-item.active,.nav-more.active { color:#336b44; background:#edf4e6; box-shadow:none; }.nav-item:hover { background:#f1f6ec; color:#46754b; }
  .topbar { margin-bottom:25px; gap:14px; }.topbar h2 { font-size:24px; }.dashboard-date { font-size:10px; }.view-subtitle { font-size:11px; }
  .topbar-actions { gap:7px; flex-wrap:wrap; justify-content:flex-end; padding-top:0; }.icon-button { display:none; }.mobile-logout { display:block; font-size:10px; padding:3px; }
  #refreshButton { min-height:36px; height:36px; width:auto; font-size:0; padding:0 10px; gap:0; }#refreshButton .ui-icon { width:19px; height:19px; }
  .refresh-control { gap:4px; }.refresh-control small { font-size:8px; max-width:83px; text-align:right; line-height:1.5; }
  .overview-welcome { gap:12px; align-items:flex-start; }.overview-welcome h3 { font-size:20px; }.overview-welcome p:last-child { font-size:11px; }.overview-welcome .eyebrow { font-size:8px; }
  #addOrganization { width:38px; height:38px; min-height:38px; padding:8px; font-size:0; gap:0; }#addOrganization .ui-icon { width:20px; height:20px; }
  .metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
  .metric-card { min-height:175px; padding:15px; border-radius:14px; }.metric-top { height:51px; }.metric-top .atlas-icon { width:66px; height:66px; right:2px; top:5px; }
  .trend { font-size:8px; max-width:calc(100% - 50px); }.metric-card p { font-size:11px; margin:8px 0 3px; }.metric-card strong { font-size:30px; }.metric-caption { font-size:9px; margin-top:12px; }.metric-link { border-radius:14px; }
  .overview-attention { display:grid; grid-template-columns:30px minmax(0,1fr); gap:11px; padding:15px; margin-bottom:16px; border-radius:14px; }.overview-attention > span { width:30px; height:30px; border-radius:9px; }
  .overview-attention b { font-size:12px; }.overview-attention p { font-size:11px; }.overview-attention .action-button { grid-column:2; justify-self:start; font-size:11px; min-height:35px; padding:8px 12px; }
  .dashboard-grid { grid-template-columns:1fr; gap:16px; }.content-card { padding:18px; border-radius:15px; }.card-heading { gap:10px; }.card-heading h3 { font-size:14px; }.quiet-button { font-size:11px; }
  .hearing-info b { font-size:11px; }.hearing-info small { font-size:10px; }.health-card { display:block; }.health-status { border-right:0; padding:0 0 14px; border-bottom:1px solid var(--line); }
  .health-metrics { padding:14px 0 0; grid-template-columns:repeat(3,minmax(0,1fr)); }.health-metrics span { font-size:9px; }.health-metrics b { font-size:10px; }
  .monitoring-preview { flex-direction:column; align-items:stretch; padding:18px; }.monitoring-preview p { font-size:11px; }.monitoring-preview .quiet-button { text-align:left; }
  .record-filters { grid-template-columns:1fr; gap:12px; }.case-record { padding:17px; }.case-record > .case-number { max-width:100%; font-size:16px; }
  .case-record > .status-pill { position:static; margin:9px 0 2px; }.case-record > p { font-size:12px; }.case-record > small { font-size:10px; }
  .case-dialog { padding:22px; }.confirm-case-button { font-size:12px; padding:13px; }.exclude-case-button { font-size:11px; }
  .monitoring-hero { padding:19px; }.monitoring-hero h3 { font-size:18px; }.monitoring-hero-body p { font-size:11px; }.monitoring-counters span { font-size:10px; }
  .monitoring-toolbar { flex-wrap:wrap; }.monitoring-filters { width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }.monitoring-filters button { font-size:10px; padding:9px 3px; }
  .monitor-company { padding:17px; }.monitor-company-heading { gap:12px; }.monitor-company-heading h3 { font-size:13px; }.monitor-company-heading small { font-size:10px; }.monitor-company-actions { align-items:flex-start; }
  .monitor-court-grid { grid-template-columns:1fr; }.monitor-court { padding:14px; }.court-state-body b { font-size:12px; }
  .companies-view { grid-template-columns:1fr; }.company-row { padding:15px; }.company-safe-note { display:none; }.company-details-grid { grid-template-columns:1fr; }
  .company-address-field { grid-column:auto; }.company-lookup-button { width:100%; font-size:12px; padding:0 14px; gap:7px; }.company-save-button,.monitoring-save { font-size:12px; }
  .monitoring-card { padding:17px; }.monitoring-basics,.court-filters { grid-template-columns:1fr; }.court-list { grid-template-columns:1fr; }
  .calendar-heading h3 { font-size:16px; }.calendar-toolbar { gap:16px; }.calendar-month-controls h3 { min-width:130px; font-size:15px; }.calendar-review-toggle { font-size:11px; }
  .calendar-day { border-radius:8px; }.calendar-event-chip { padding:3px; }.calendar-event-chip b,.calendar-event-chip span { font-size:8px; }.calendar-day-number { font-size:11px; }
  .calendar-event-row { gap:12px; padding:13px; }.calendar-event-row time { flex-basis:68px; font-size:11px; }.calendar-event-body small { font-size:10px; }
  .auth-view { display:flex; align-items:center; justify-content:center; padding:95px 18px 70px; min-height:100svh; }
  .auth-intro { display:none; }.auth-brand { position:absolute; top:28px; left:24px; color:#2e4931; font-size:17px; }.auth-brand .brand-mark { width:34px; height:34px; }
  .auth-card.glass-panel { padding:28px 24px; max-width:440px; border-radius:19px; }.auth-card h1 { font-size:27px; }.auth-icon { margin-bottom:22px; }
  .security-note { left:18px; right:18px; bottom:25px; justify-content:center; font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { .metric-card { transition:none; } }