/* Selective adaptation of APS brand tokens and shell patterns;
 no Dastone/module styles. */
:root{--brand-primary:#252628;
--brand-secondary:#4b5563;
--brand-surface:#f5f6f8;
--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",sans-serif;
--bs-primary:var(--brand-primary);
--bs-primary-rgb:37,38,40;
--bs-secondary:var(--brand-secondary);
--bs-secondary-rgb:75,85,99;
--bs-body-color:#252628;
--bs-body-bg:#f5f6f8;
--bs-border-color:#e4e7ec;
--bs-link-color:#374151; --bs-link-color-rgb:55,65,81;
--bs-link-hover-color:#111827;
--bs-secondary-color:#5f6b7a;
--bs-heading-color:#252628;
--sidebar-width:248px;
--topbar-height:72px;
--ui-card:#fff;
--ui-muted:#5f6b7a;
--ui-focus:#416b96;
--ui-accent:#243e57;
--ui-accent-solid:#243e57;
--ui-accent-rgb:36,62,87;
--ui-radius:.55rem;
--ui-space-2:.5rem;
--ui-space-3:.75rem;
--ui-space-4:1rem;
--ui-space-5:1.5rem;
--ui-shadow:0 8px 24px #00000016;
--bs-primary-text-emphasis:var(--ui-accent);
--bs-primary-bg-subtle:#e8eef4;
--bs-primary-border-subtle:#bacbdc}

html[data-bs-theme=dark]{--brand-surface:#171b21;
--bs-body-bg:#171b21;
--bs-body-color:#e8edf3;
--bs-heading-color:#eef2f7;
--bs-border-color:#343b45;
--bs-link-color:#e5eaf1; --bs-link-color-rgb:229,234,241;
--bs-link-hover-color:#fff;
--bs-secondary-color:#b7c0ce;
--ui-card:#222831;
--ui-muted:#b7c0ce;
--ui-focus:#94b9e3;
--ui-accent:#94b9e3;
--ui-accent-solid:#426b94;
--ui-accent-rgb:148,185,227;
--bs-primary-text-emphasis:var(--ui-accent);
--bs-primary-bg-subtle:#243443;
--bs-primary-border-subtle:#49647e}

body{font-size:.92rem;
line-height:1.6}
h1,h2,h3{font-weight:650;
letter-spacing:-.025em}
h1{font-size:clamp(1.7rem,3vw,2.2rem);
margin:0}
h2{font-size:1.13rem;
margin-bottom:.8rem}
a,button,input,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ui-focus);
outline-offset:3px}
.ui-icon{width:21px;
height:21px;
flex-shrink:0;
vertical-align:middle}
.btn{border-radius:.55rem;
font-weight:600;
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:.55rem}
.btn-primary{--bs-btn-color:#fff;
--bs-btn-bg:var(--brand-primary);
--bs-btn-border-color:var(--brand-primary);
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#414348;
--bs-btn-hover-border-color:#414348;
--bs-btn-active-bg:#414348;
--bs-btn-active-border-color:#414348;
--bs-btn-disabled-bg:var(--brand-primary);
--bs-btn-disabled-border-color:var(--brand-primary)}
html[data-bs-theme=dark] .btn-primary{--bs-btn-bg:#dbe1e8;
--bs-btn-color:#20252c;
--bs-btn-border-color:#dbe1e8;
--bs-btn-hover-bg:#fff;
--bs-btn-hover-color:#20252c;
--bs-btn-hover-border-color:#fff;
--bs-btn-disabled-bg:#dbe1e8;
--bs-btn-disabled-color:#20252c}
.btn-outline-secondary{--bs-btn-color:var(--bs-body-color);
--bs-btn-border-color:var(--bs-border-color);
--bs-btn-hover-color:var(--bs-body-color);
--bs-btn-hover-bg:var(--bs-tertiary-bg);
--bs-btn-hover-border-color:var(--bs-secondary-color)}
.btn-link{color:var(--bs-body-color)}
.icon-button{border:0;
background:transparent;
color:var(--bs-body-color);
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:.55rem;
width:42px;
height:42px;
cursor:pointer;
flex-shrink:0}
.icon-button:hover{background:var(--bs-tertiary-bg)}
[hidden]{display:none!important}
.skip-link{position:fixed;
z-index:100;
left:1rem;
top:-100px;
padding:.7rem 1rem;
border-radius:.5rem;
background:var(--ui-card);
color:var(--bs-body-color)}
.skip-link:focus{top:1rem}
.sidebar{position:fixed;
inset:0 auto 0 0;
width:var(--sidebar-width);
z-index:30;
display:flex;
flex-direction:column;
background:var(--ui-card);
border-right:1px solid var(--bs-border-color);
padding:0 18px}
.sidebar-brand{height:var(--topbar-height);
display:flex;
align-items:center;
gap:11px;
border-bottom:1px solid var(--bs-border-color)}
.sidebar-brand strong{display:block;
font-size:1.2rem;
letter-spacing:-.03em}
.sidebar-brand small{font-size:.72rem;
color:var(--ui-muted)}
.sidebar nav{overflow-y:auto;
flex:1;
padding-top:22px}
.nav-caption{font-size:.65rem;
font-weight:700;
letter-spacing:.13em;
color:var(--ui-muted);
margin:0 10px 22px}
.nav-group{color:var(--ui-muted);
font-size:.73rem;
margin:20px 10px 8px}
.menu-link{display:flex;
align-items:center;
gap:12px;
text-decoration:none;
color:var(--bs-body-color);
border-radius:.55rem;
padding:11px 12px;
margin-bottom:4px;
font-size:.86rem;
line-height:1.4}
.menu-link:hover{background:var(--bs-tertiary-bg);
color:var(--bs-body-color)}
.menu-link.active{background:color-mix(in srgb,var(--brand-secondary) 10%,var(--ui-card));
font-weight:650}
.menu-link.active .ui-icon{stroke-width:2.2}
.sidebar-note{display:flex;
align-items:flex-start;
gap:9px;
padding:19px 8px;
border-top:1px solid var(--bs-border-color);
color:var(--ui-muted);
font-size:.73rem}
.sidebar-note .ui-icon{width:18px;
height:18px}
.sidebar-note small{font-size:.67rem}
.shell-workspace{margin-left:var(--sidebar-width);
min-width:0;
min-height:100dvh;
display:flex;
flex-direction:column}
.topbar{height:var(--topbar-height);
position:sticky;
top:0;
z-index:20;
display:flex;
align-items:center;
justify-content:space-between;
background:var(--ui-card);
border-bottom:1px solid var(--bs-border-color);
padding:0 32px;
gap:16px}
.topbar-leading,.topbar-actions{display:flex;
align-items:center;
gap:12px;
min-width:0}
.topbar-system{font-size:.85rem;
color:var(--ui-muted)}
.account-menu{position:relative}
.account-menu summary{display:flex;
align-items:center;
gap:9px;
cursor:pointer;
list-style:none}
.account-menu summary::-webkit-details-marker{display:none}
.account-name{font-size:.8rem;
max-width:180px;
overflow:hidden;
text-overflow:ellipsis}
.avatar{display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:50%;
font-size:.83rem;
font-weight:650;
background:var(--bs-tertiary-bg);
color:var(--bs-body-color);
flex-shrink:0}
.avatar-lg{width:52px;
height:52px;
font-size:1.2rem}
.account-popover{position:absolute;
right:0;
top:calc(100% + 16px);
width:240px;
padding:12px;
background:var(--ui-card);
border:1px solid var(--bs-border-color);
border-radius:.7rem;
box-shadow:0 12px 30px #00000016}
.account-popover>a{display:block;
padding:8px;
text-decoration:none;
border-radius:.4rem}
.account-popover>a:hover{background:var(--bs-tertiary-bg)}
.account-popover form{margin-top:8px}
.main-content{width:100%;
max-width:1600px;
margin:auto;
padding:30px 32px;
flex:1;
display:flex;
flex-direction:column;
gap:22px;
min-width:0}
.main-content:focus{outline:none}
.page-heading{display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
margin-bottom:2px}
.eyebrow{font-size:.65rem;
letter-spacing:.14em;
font-weight:750;
color:var(--ui-muted);
margin-bottom:8px}
.page-subtitle{color:var(--ui-muted);
margin:.6rem 0 0;
max-width:62ch;
font-size:.85rem}
.breadcrumb{font-size:.72rem;
white-space:nowrap;
margin-top:7px}
.breadcrumb a{text-decoration:none}
.shell-footer{display:flex;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
font-size:.68rem;
color:var(--ui-muted);
padding:18px 32px;
border-top:1px solid var(--bs-border-color)}
.sidebar-close,.menu-trigger{display:none}
.card{border:1px solid var(--bs-border-color);
border-radius:.8rem;
background:var(--ui-card);
box-shadow:0 2px 4px #00000003;
min-width:0}
.card-body{padding:var(--ui-space-5)}
.section-heading{display:flex;
align-items:center;
justify-content:space-between;
gap:12px}
.section-heading h2{margin-bottom:5px}
.section-heading p{font-size:.82rem}
.dashboard-intro{display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
border:1px solid var(--bs-border-color);
border-radius:.8rem;
padding:var(--ui-space-5);
background:linear-gradient(120deg,var(--ui-card),var(--bs-tertiary-bg))}
.dashboard-intro h2{font-size:1.5rem;
margin:13px 0 8px}
.dashboard-intro p{color:var(--ui-muted);
margin:0;
font-size:.85rem;
max-width:55ch}
.intro-clock{display:flex;
flex-direction:column;
align-items:flex-end;
white-space:nowrap;
font-variant-numeric:tabular-nums}
.intro-clock>span{font-size:.73rem;
color:var(--ui-muted)}
.intro-clock strong{font-size:1.85rem;
font-weight:650;
letter-spacing:-.03em}
.intro-clock small{font-size:.64rem;
color:var(--ui-muted)}
.metric-grid{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px}
.metric-heading{display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:var(--ui-space-3)}
.metric-icon,.empty-icon{display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border:1px solid var(--bs-border-color);
background:var(--bs-tertiary-bg);
border-radius:11px}
.metric-card h2{font-size:.86rem;
font-weight:600;
letter-spacing:0;
min-height:2.5em;
margin:0}
.metric-value{font-size:2rem;
font-weight:600;
margin:7px 0}
.metric-detail{font-size:.74rem;
color:var(--ui-muted);
margin:0}
.status-badge{display:inline-flex;
align-items:center;
border-radius:2rem;
padding:.22rem .65rem;
font-size:.67rem;
font-weight:650;
border:1px solid transparent;
white-space:nowrap}
.status-success{color:var(--bs-success-text-emphasis);
background:var(--bs-success-bg-subtle);
border-color:var(--bs-success-border-subtle)}
.status-danger{color:var(--bs-danger-text-emphasis);
background:var(--bs-danger-bg-subtle);
border-color:var(--bs-danger-border-subtle)}
.status-warning{color:var(--bs-warning-text-emphasis);
background:var(--bs-warning-bg-subtle);
border-color:var(--bs-warning-border-subtle)}
.status-info{color:var(--bs-info-text-emphasis);
background:var(--bs-info-bg-subtle);
border-color:var(--bs-info-border-subtle)}
.status-secondary{color:var(--ui-muted);
background:var(--bs-tertiary-bg);
border-color:var(--bs-border-color)}
.filter-bar{display:flex;
align-items:flex-end;
gap:12px;
flex-wrap:wrap}
.filter-bar>div{flex:1;
max-width:480px;
min-width:min(220px,100%)}
.form-label{font-size:.8rem;
color:var(--bs-body-color);
font-weight:600;
margin-bottom:7px}
.form-control,.form-select{min-height:44px;
font-size:.86rem;
background-color:var(--ui-card);
border-color:var(--bs-border-color)}
.form-control:focus,.form-select:focus{border-color:var(--ui-focus);
box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ui-focus) 15%,transparent)}
.field-group{margin-bottom:18px}
.form-text,.hint{font-size:.76rem;
color:var(--ui-muted)}
.required-mark{color:var(--bs-danger-text-emphasis)}
.scope-caption{font-size:.72rem;
color:var(--ui-muted);
margin-top:14px}
.empty-state{text-align:center;
padding:32px 14px}
.empty-icon{margin-bottom:14px;
width:48px;
height:48px;
border-radius:14px}
.empty-state h2{font-size:.97rem;
margin-bottom:8px}
.empty-state p{font-size:.8rem;
color:var(--ui-muted);
max-width:50ch;
margin:auto}
.quick-links{display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
gap:12px}
.quick-link{display:flex;
align-items:center;
gap:10px;
padding:15px;
border:1px solid var(--bs-border-color);
border-radius:.6rem;
text-decoration:none;
font-size:.8rem}
.quick-link .ui-icon:last-child{margin-left:auto;
width:17px}
.quick-link:hover{background:var(--bs-tertiary-bg);
color:var(--bs-body-color)}
.grid{display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
gap:20px}
.button-row,.badge-list{display:flex;
flex-wrap:wrap;
gap:10px}
.table{--bs-table-bg:transparent;
margin:0;
font-size:.82rem}
.table thead{background:var(--bs-tertiary-bg)}
.table th{font-size:.7rem;
letter-spacing:.025em;
font-weight:650;
color:var(--ui-muted);
padding:13px 15px}
.table td{padding:14px 15px}
.pagination-bar{display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
margin-top:18px;
font-size:.75rem}
.pagination .page-link{font-size:.75rem}
.ui-notification{display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin:0;
font-size:.85rem}
.ui-toast{position:fixed;
bottom:24px;
right:24px;
z-index:80;
max-width:min(360px,calc(100vw - 32px));
padding:16px 20px;
border:1px solid var(--bs-border-color);
border-radius:.7rem;
background:var(--ui-card);
box-shadow:0 12px 40px #00000020}
.loading-state{display:flex;
align-items:center;
gap:10px;
color:var(--ui-muted);
padding:20px 0;
font-size:.82rem}
.ui-dialog{width:min(440px,calc(100% - 32px));
color:var(--bs-body-color);
background:var(--ui-card);
border:1px solid var(--bs-border-color);
border-radius:1rem;
padding:24px;
box-shadow:0 20px 70px #00000040}
.ui-dialog::backdrop{background:#11182766}
.dialog-heading,.dialog-actions{display:flex;
align-items:center;
justify-content:space-between;
gap:12px}
.dialog-heading h2{margin:0}
.dialog-actions{justify-content:flex-end;
margin-top:24px}
.ui-dialog p{font-size:.85rem;
margin-top:14px}
.check{display:flex;
align-items:flex-start;
gap:10px;
margin:12px 0;
cursor:pointer;
font-size:.86rem}
.check input{margin-top:5px;
accent-color:var(--brand-secondary)}
.check small{display:block;
color:var(--ui-muted);
font-size:.66rem;
overflow-wrap:anywhere}
.compact{width:min(100%,560px)}
.codes{display:flex;
flex-wrap:wrap;
gap:7px;
list-style:none;
padding:0}
.codes li{font-size:.68rem;
padding:5px 8px;
border:1px solid var(--bs-border-color);
border-radius:.4rem}
.alert{border-radius:.7rem;
font-size:.85rem}
.auth-shell{min-height:100dvh;
display:grid;
place-items:center;
padding:30px}
.auth-grid{display:grid;
grid-template-columns:1fr 1fr;
width:min(1100px,100%);
min-height:650px;
background:var(--ui-card);
border:1px solid var(--bs-border-color);
border-radius:18px;
overflow:hidden;
box-shadow:0 20px 80px #00000006}
.auth-story{background:#252628;
color:#fff;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:45px}
.auth-brand{display:inline-flex;
align-items:center;
gap:10px;
text-decoration:none;
font-size:1.3rem;
color:inherit}
.auth-brand:hover{color:inherit}
.auth-story .eyebrow{color:#c0c5ce;
font-size:.65rem}
.auth-story h2{font-size:clamp(1.8rem,3vw,2.55rem);
line-height:1.2;
color:#fff;
margin:18px 0}
.auth-story p:not(.eyebrow){color:#c8cdd5;
max-width:35ch;
font-size:.9rem}
.auth-footnote{font-size:.7rem;
color:#c0c5ce}
.auth-content{padding:75px 48px 48px;
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
gap:18px}
.auth-theme{position:absolute;
right:20px;
top:20px}
.auth-content>.card{border:0;
box-shadow:none;
width:100%}
.auth-content .card-body{padding:0}
.auth-content h1{font-size:1.9rem;
margin-bottom:10px}
.auth-content .login-description{color:var(--ui-muted);
font-size:.85rem;
margin-bottom:28px}
.auth-content form>.btn{width:100%;
margin-top:6px}
.auth-content .hint{margin:18px 0 0}
.virtual-shell{min-height:100dvh}
.virtual-container{max-width:520px;
margin:auto;
padding:24px 18px;
display:flex;
flex-direction:column;
gap:22px}
.virtual-header,.virtual-footer{display:flex;
align-items:center;
justify-content:space-between;
gap:12px}
.virtual-header{padding-bottom:12px}
.virtual-person{display:flex;
align-items:center;
gap:14px}
.virtual-person h1{font-size:1.25rem;
overflow-wrap:anywhere}
.virtual-person p:last-child{font-size:.72rem;
color:var(--ui-muted);
margin:6px 0 0}
.virtual-person .eyebrow{margin-bottom:3px}
.virtual-clock{text-align:center;
font-variant-numeric:tabular-nums}
.virtual-clock p{color:var(--ui-muted);
font-size:.87rem;
margin-bottom:4px}
.virtual-clock strong{display:block;
font-size:clamp(2.4rem,10vw,3.4rem);
font-weight:650;
letter-spacing:-.04em}
.virtual-clock small{color:var(--ui-muted);
font-size:.67rem}
.virtual-shift{display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid var(--bs-border-color);
padding-top:17px;
margin-top:22px;
gap:8px;
font-size:.79rem}
.evidence-options{display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin:22px 0}
.evidence-options>div{display:flex;
align-items:flex-start;
gap:8px;
font-size:.76rem}
.evidence-options small{display:block;
font-size:.64rem;
color:var(--ui-muted)}
.virtual-register{width:100%;
min-height:56px;
font-size:1rem}
.virtual-footer{font-size:.8rem}
.virtual-footer .btn{font-size:.8rem}
.form-busy{opacity:.7;
pointer-events:none}

@media(max-width:1199px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.main-content{padding:25px}
.topbar{padding:0 25px}
.page-heading{flex-wrap:wrap}
.breadcrumb{margin:0}
.auth-story{padding:35px}
.auth-content{padding:65px 32px 35px}
}

@media(max-width:991px){.sidebar{transform:translateX(-100%);
transition:transform .2s ease;
box-shadow:8px 0 30px #00000015}
.shell-workspace{margin-left:0}
.menu-trigger,.sidebar-close{display:inline-flex}
.sidebar-close{margin-left:auto}
.sidebar-brand small{font-size:.65rem}
.sidebar-brand strong{font-size:1.05rem}
.menu-is-open .sidebar{transform:translateX(0)}
.menu-backdrop{position:fixed;
inset:0;
z-index:25;
border:0;
background:#11182766}
.menu-is-open{overflow:hidden}
.topbar{height:64px}
.sidebar-brand{height:64px}
.shell-footer{padding:18px 25px}
.auth-grid{min-height:580px}
.auth-story h2{font-size:2rem}
}

@media(max-width:575px){.main-content{padding:22px 16px;
gap:18px}
.topbar{padding:0 12px}
.topbar-system{font-size:.73rem}
.account-name{display:none}
.topbar-actions{gap:4px}
.page-heading{gap:10px}
.page-subtitle{font-size:.79rem}
.dashboard-intro{padding:21px;
flex-direction:column;
align-items:flex-start;
gap:18px}
.dashboard-intro h2{font-size:1.25rem}
.intro-clock{align-items:flex-start}
.intro-clock strong{font-size:1.5rem}
.metric-grid{grid-template-columns:1fr;
gap:14px}
.card-body{padding:19px}
.metric-card h2{min-height:0}
.metric-heading{margin-bottom:14px}
.filter-bar>div{max-width:none;
flex-basis:100%}
.filter-bar .btn{flex:1}
.shell-footer{padding:16px;
font-size:.65rem}
.auth-shell{padding:0;
display:block}
.auth-grid{display:block;
min-height:100dvh;
border:0;
border-radius:0}
.auth-story{padding:24px}
.auth-story>div,.auth-footnote{display:none}
.auth-content{padding:72px 25px 40px}
.auth-content h1{font-size:1.7rem}
.ui-toast{right:16px;
bottom:16px}
.virtual-container{padding:18px 14px}
.virtual-clock strong{font-size:3rem}
.evidence-options{gap:8px}
.pagination-bar{align-items:flex-start}
.table th,.table td{white-space:nowrap}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;
transition:none!important;
scroll-behavior:auto!important}
}


.error-shell{padding:24px 14px;
display:grid;
place-items:center}

/* Corporate overrides for the inherited Bootstrap build, including component-local colors. */
:root{--bs-body-color-rgb:37,38,40;--bs-link-hover-color-rgb:17,24,39;--bs-focus-ring-color:color-mix(in srgb,var(--ui-focus) 25%,transparent);--bs-border-radius:var(--ui-radius);--bs-code-color:var(--ui-muted)}
html[data-bs-theme=dark]{--bs-body-color-rgb:232,237,243;--bs-link-hover-color-rgb:255,255,255}
.breadcrumb{--bs-breadcrumb-item-active-color:var(--ui-muted);--bs-breadcrumb-divider-color:var(--ui-muted)}
.form-check-input:checked,.form-check-input[type=checkbox]:indeterminate{background-color:var(--ui-accent-solid);border-color:var(--ui-accent-solid)}
.form-check-input:focus{border-color:var(--ui-focus);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ui-focus) 20%,transparent)}
.btn-primary{--bs-btn-focus-shadow-rgb:var(--ui-accent-rgb)}
.btn-link{--bs-btn-color:var(--bs-link-color);--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-active-color:var(--bs-link-hover-color)}
.btn-outline-primary{--bs-btn-color:var(--ui-accent);--bs-btn-border-color:var(--ui-accent);--bs-btn-hover-bg:var(--ui-accent-solid);--bs-btn-hover-border-color:var(--ui-accent-solid);--bs-btn-active-bg:var(--ui-accent-solid);--bs-btn-active-border-color:var(--ui-accent-solid);--bs-btn-focus-shadow-rgb:var(--ui-accent-rgb);--bs-btn-disabled-color:var(--ui-muted);--bs-btn-disabled-border-color:var(--bs-border-color)}
.pagination{--bs-pagination-active-bg:var(--ui-accent-solid);--bs-pagination-active-border-color:var(--ui-accent-solid)}
.nav-pills{--bs-nav-pills-link-active-bg:var(--ui-accent-solid)}
.progress{--bs-progress-bar-bg:var(--ui-accent-solid)}
.list-group{--bs-list-group-active-bg:var(--ui-accent-solid);--bs-list-group-active-border-color:var(--ui-accent-solid)}
.status-info{color:var(--ui-muted);background:var(--bs-tertiary-bg);border-color:var(--bs-border-color)}
.metric-card h2{min-height:0}
.topbar [data-notification-count-url]{position:relative}.topbar [data-notification-count]{position:absolute;top:-.15rem;right:-.35rem;min-width:1.2rem;padding:.05rem .2rem;border-radius:1rem;background:var(--bs-primary);color:var(--bs-light);font-size:.65rem;line-height:1.2;text-align:center}