@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#10264a;--muted:#687e9c;--paper:#eff5fb;--line:#dce6f1;--green:#216cf0;--mint:#e5efff;--gold:#f0a01c;--danger:#dc646d}
body{font-family:'DM Sans',Arial,sans-serif;background:#eef4fa;color:var(--ink)}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5aa1ff;outline-offset:2px}
.sidebar{width:220px;background:#071c33;padding:21px 13px;box-shadow:8px 0 24px #11365b16}
.sidebar .brand{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:0;padding:0 8px}
.brand img{width:35px;height:35px;filter:grayscale(1) brightness(0) invert(1)}
.brand span span{color:#fff}.brand small{color:#8fabcf;font-size:7px}
.sidebar nav{margin-top:35px;gap:5px}
.nav-link{color:#b6c9df;padding:10px 11px;font-size:12px;align-items:center;border-radius:6px}
.nav-link img{width:17px;height:17px;filter:brightness(0) invert(1);opacity:.75}
.nav-link:hover,.nav-link.active{background:#d9eaff;color:#0d3566}
.nav-link:hover img,.nav-link.active img{filter:invert(33%) sepia(85%) saturate(2886%) hue-rotate(207deg);opacity:1}
.profile-card{grid-template-columns:45px 1fr;border-color:#27415d;margin-top:auto;padding:17px 7px 2px;gap:9px}
.profile-card img{width:45px;height:45px;border:1px solid #8fb4eb;box-shadow:none}
.profile-card strong{font-size:10px}.profile-card small{font-size:9px;color:#9cb8d8}
main{margin-left:220px}
.topbar{height:88px;padding:0 30px;background:#fff;border-color:#dce6f2}
.topbar .eyebrow{color:#7388a4;font-size:10px;letter-spacing:.8px}
.topbar h1{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.6px}
.header-actions{gap:10px}.demo-badge{background:#eaf2ff;color:#2668cb;padding:6px 8px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.4px}.public-site-link{font-size:11px;color:#236beb;font-weight:700;text-decoration:none}
#logoutButton{border:0;background:transparent;padding:5px;cursor:pointer}.sidebar-logout{border:1px solid #37516f;background:transparent;color:#c7d7ec;border-radius:7px;padding:9px 12px;margin:0 8px 8px;text-align:left;font-size:11px;cursor:pointer}.sidebar-logout:hover{background:#183656}
.avatar{width:37px;height:37px;border:1px solid #bfd2ed}
.icon-button{border-radius:7px;background:#eff5fb}
.icon-button img{width:18px;height:18px}
.view{max-width:1600px;padding:27px 31px}
.eyebrow{color:#6e89b0;font-size:9px;letter-spacing:1.1px;font-weight:800}
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.dashboard-heading h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.6px;margin:0 0 4px}
.dashboard-heading p:not(.eyebrow){font-size:12px;color:#70839f;margin:0}
.primary,.dark-button{background:#236ff2;border:1px solid #236ff2;border-radius:6px;color:#fff;font-weight:750;box-shadow:0 5px 13px #236ff226}
.primary:hover,.dark-button:hover{background:#1558c7}
.secondary,.outline-button{border-color:#cddcec;color:#245387;background:#fff;border-radius:6px}
.metrics{margin:0 0 14px;gap:11px}
.metric,.card,.process-metric,.process-table-wrap{background:#fff;border:1px solid #e1e9f3;border-radius:9px;box-shadow:0 4px 16px #22476f08;backdrop-filter:none}
.metric{padding:16px 18px;min-height:111px}
.metric>div{display:flex;justify-content:space-between;gap:8px;align-items:start}
.metric>div img{width:32px;height:32px;padding:7px;background:#e8f1ff;border-radius:9px;filter:invert(37%) sepia(98%) saturate(2522%) hue-rotate(208deg)}
.metric.alert>div img{background:#fff0db;filter:invert(63%) sepia(81%) saturate(1965%) hue-rotate(351deg)}
.metric .eyebrow{color:#55708f;letter-spacing:0;text-transform:none;font-size:11px;margin:0}
.metric .metric-value{font-family:Manrope,sans-serif;font-size:29px;line-height:1.05;margin:2px 0 3px;color:#103a76}
.metric.alert .metric-value{color:#103a76}
.metric .metric-foot{font-size:10px;color:#8192aa}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);gap:13px;align-items:start}
.dashboard-left{display:grid;gap:13px}
.card{padding:17px}
.card-heading{padding-bottom:11px;align-items:center}
.card-heading h3{font-family:Manrope,sans-serif;font-size:14px;font-weight:800}
.text-button{color:#2471f1;font-size:10px}
.activity{padding:12px 0;gap:9px;align-items:center;border-color:#e9f0f7}
.activity-badge{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#e0edff;margin:0}
.activity-badge img{width:17px;height:17px;filter:invert(36%) sepia(93%) saturate(3031%) hue-rotate(208deg)}
.activity-title{border:0;background:none;padding:0;text-align:left;color:#14335d;font-size:11px;font-weight:800;cursor:pointer}
.activity-title:hover{text-decoration:underline}
.activity-meta{font-size:9px;margin-top:3px}
.download{border-color:#d5e4f4;color:#286fdc;background:#f6faff;font-size:9px;padding:6px 8px}
.agenda-item{padding:10px 0;gap:8px}
.agenda-title{font-size:10px}.agenda-meta{font-size:9px}
.date-box{color:#2268d1;background:#eaf2ff;font-size:9px}
.date-box b{font-size:15px}
.dashboard-search{min-height:100%}
.dashboard-search .card-heading>img{width:24px;height:24px;filter:invert(39%) sepia(92%) saturate(2848%) hue-rotate(208deg)}
.dashboard-search>p{font-size:10px;color:#7185a1;line-height:1.5;margin:11px 0}
.search-tabs{display:flex;gap:17px;border-bottom:1px solid #dae6f3}
.search-tabs button,.detail-tabs button{border:0;background:none;padding:11px 1px;color:#7184a2;font-size:10px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent}
.search-tabs button.selected,.detail-tabs button.active{color:#1c63d1;border-color:#2374f4}
#dashboardSearchForm{display:flex;gap:8px;margin:13px 0}
#dashboardSearchForm input{flex:1;min-width:0;border:1px solid #cfdded;padding:9px 11px;border-radius:5px;font-size:11px}
#dashboardSearchForm button{font-size:10px;padding:9px 15px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-result{min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;background:#eef5fb;border-radius:7px;padding:18px;color:#667f9d}
.search-result>img{width:47px;height:47px;filter:invert(56%) sepia(37%) saturate(1489%) hue-rotate(184deg)}
.search-result>strong{font-size:11px;color:#18375f}
.search-result>span{max-width:280px;font-size:10px}
.search-result.has-results{align-items:stretch;justify-content:start;text-align:left;gap:7px}
.search-result.has-results p{margin:0 0 5px;font-size:10px;font-weight:800;color:#557191}
.search-result.has-results button{display:grid;gap:3px;text-align:left;border:1px solid #d9e5f2;border-radius:5px;padding:10px;background:#fff;color:#1a3b65}
.search-result.has-results button:hover{border-color:#4b88e9}
.search-result.has-results button strong{font-size:10px}
.search-result.has-results button span{font-size:9px;color:#7588a0}
.detail-card{margin-top:13px}
.detail-top{display:flex;justify-content:space-between;gap:15px;align-items:center}
.detail-top h3{font-family:Manrope,sans-serif;font-size:15px;margin:0}
.detail-top p:not(.eyebrow){font-size:10px;color:#7688a1;margin:4px 0 0}
.detail-top button{font-size:10px;padding:8px 10px}
.detail-top button:disabled{opacity:.45;cursor:not-allowed}
.detail-tabs{display:flex;gap:22px;border-bottom:1px solid #e0e9f3;margin:13px 0}
.detail-body{min-height:180px}
.detail-body:has(.timeline){display:grid;grid-template-columns:1.2fr .8fr;gap:19px}
.timeline-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #e9f0f7}
.timeline-item>span{width:12px;height:12px;border:3px solid #3681f3;border-radius:50%;flex:none;margin-top:2px;box-shadow:0 0 0 4px #e5f0ff}
.timeline-item.muted>span{border-color:#aebed2;box-shadow:none}
.timeline-item strong{font-size:11px}.timeline-item p{font-size:10px;color:#71839d;margin:2px 0}.timeline-item small{font-size:9px;color:#8798aa}
.detail-summary,.detail-info{background:#f7faff;border:1px solid #e2ebf5;border-radius:6px;padding:14px}
.detail-summary dl,.detail-info dl{display:grid;grid-template-columns:100px 1fr;gap:6px;margin:0}
.detail-summary dt,.detail-info dt{color:#7386a0;font-size:9px}
.detail-summary dd,.detail-info dd{margin:0;color:#284362;font-size:9px;font-weight:700}
.detail-info dl{grid-template-columns:130px 1fr;gap:11px}
.document-preview{max-width:560px;margin:auto;background:#edf2f8;border:1px solid #d8e3ef;padding:0 15px 16px}
.document-toolbar{display:flex;align-items:center;gap:8px;padding:8px;color:#58718f;font-size:10px}
.document-toolbar img{width:16px;height:16px}
.document-sheet{min-height:230px;padding:25px 33px;background:white;box-shadow:0 4px 12px #14365919;font-family:Georgia,serif;color:#1b2d40}
.document-sheet p:first-child{text-align:center;font-size:9px;font-weight:800}
.document-sheet h4{text-align:center;font-size:16px;margin:18px 0}
.document-sheet p{font-size:11px;line-height:1.55}
.detail-empty{font-size:12px;color:#7285a2}
.section-heading h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.5px}
.section-heading p{color:#7386a0}
.quick-add{background:#fff;border-color:#dce6f1;border-radius:8px;margin-top:19px}
.quick-add input{font-family:'DM Sans',Arial,sans-serif}
.monitor-status{background:#eff5fc;border-color:#dce7f3;color:#49698e;border-radius:6px;margin-top:8px}
.monitor-status span{background:#4d8ce8}
.monitor-status i{background:#75a7ec;width:100%}
.monitor-status b{font-size:10px}
.process-metric{border-radius:8px}
.process-metric b{font-family:Manrope,sans-serif;color:#173e78}
.process-metric span{text-transform:none;color:#7085a1}
.process-metric.terms b{color:#e15564}
.priority-table{border-radius:8px}
.priority-table th{background:#f8fbfe;color:#607998}
.priority-table tr[data-process-id]{cursor:pointer}
.priority-table tr[data-process-id]:hover{background:#f5f9ff}
.priority-table tr[data-process-id]:focus-visible{outline:2px solid #327ff2;outline-offset:-2px}
.priority-table .high-priority td:nth-child(2){box-shadow:inset 3px 0 #2476ef}
.star.selected{color:#2b73e8}
.row-button{color:#236ce3}
.view-button{margin-right:8px}
.pill.active{background:#e0f5ed;color:#077e57}
.pill.follow{background:#fff1dc;color:#9d6312}
.calendar-day.has-hearing{background:#e7f0ff}
.calendar-day.hearing-soon{background:#dbeaff;box-shadow:inset 0 0 0 2px #4585e8}
.calendar-event.hearing,.hearing-key{background:#397fe5}
.calendar-event.deadline,.deadline-key{background:#eb827f}
.calendar-event.meeting,.meeting-key{background:#6da7bb}
.assistant-intro{background:#eaf2fe}
.assistant-intro>span{background:#226ff0}
.assistant-intro>span img{width:20px;height:20px;filter:brightness(0) invert(1)}
.assistant-shell{border-color:#dce6f1}
.assistant-response{background:#f6faff}
.toast{background:#0b213d}
.future-card{background:#eaf2fd}
@media(max-width:1120px){.dashboard-grid{grid-template-columns:1fr}.dashboard-left{grid-template-columns:1fr 1fr}.dashboard-search{min-height:0}}
@media(max-width:850px){.sidebar{width:220px}main{margin:0}.topbar{height:76px;padding:0 17px}.topbar h1{font-size:20px}.menu{display:grid;place-items:center;width:32px;height:32px;padding:6px}.menu img{width:20px;height:20px}.view{padding:18px}.dashboard-left{grid-template-columns:1fr}.dashboard-heading{align-items:start;flex-direction:column}.demo-badge{display:none}}
@media(max-width:600px){.metrics{grid-template-columns:1fr 1fr}.detail-body:has(.timeline){grid-template-columns:1fr}.detail-top{flex-direction:column;align-items:start}.dashboard-search .search-tabs{gap:11px}.search-tabs button{font-size:9px}.public-site-link{display:none}.detail-summary dl{grid-template-columns:90px 1fr}}
@media(max-width:430px){.metric{min-height:100px;padding:13px}.metric .eyebrow{font-size:10px}.metric .metric-value{font-size:24px}.metric>div img{width:27px;height:27px}.search-tabs{overflow:auto}.detail-info dl{grid-template-columns:90px 1fr}}