:root{--green:#175cd3;--muted:#526780;--line:#d9e3ef;color:#172b4d;background:#f5f8fc;color-scheme:light}
body{height:100dvh;overflow:hidden;background:#f5f8fc}aside{background:#102a43;width:224px;padding:28px 18px}aside .brand{flex-direction:row;align-items:center}.brand .logo-window{width:42px;height:42px;background:transparent}.brand .logo-window img{width:42px;height:42px;position:static}.brand .brand-name{font-size:21px}.rail-label{margin:28px 0 12px;color:#b2c8e1}.rail-bottom{color:#b2c8e1}nav a{font-size:14px;border-radius:10px;color:#dcecff}nav a[aria-current=location],nav a:hover{background:#175cd3;color:white}
main{height:100%;overflow:auto;overscroll-behavior:contain;scroll-padding-top:90px;margin-left:224px;width:calc(100% - 224px);padding:0 28px 28px}main>header{position:sticky;top:0;background:#f5f8fc;z-index:5;min-height:72px;height:auto;padding:12px 0;gap:10px}h1{font-size:30px}h2{line-height:1.35}.card{border-radius:16px;box-shadow:0 4px 18px #102a4305}.pill,.badge,.badge.healthy,.badge.complete,.badge.passed{background:#eff8ff;color:#1849a9}.badge.failed,.badge.attention,.badge.rejected{background:#fff0ec;color:#a12619}.badge.unavailable{background:#fff6df;color:#795200}
button,.button{min-height:48px;border-radius:10px;font-size:14px;line-height:1.35}.secondary{border-color:#b4cbed;color:#1849a9}.quiet{color:#344e70}.management-tabs [role=tab]{background:#eff8ff;color:#1849a9}.management-tabs [aria-selected=true]{background:#175cd3;border-color:#1849a9;color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #528bff;outline-offset:3px}input,select,textarea{border-color:#b7c8dc;border-radius:9px;max-width:100%}p{font-size:14px}th{background:#eff8ff;color:#344e70}pre{color:#344e70}.part-list>div,#businesses pre{background:#eff8ff}.heading{margin-top:24px}.danger{background:#b42318;border-color:#b42318;color:white}.route-hidden{display:none!important}
#other-menu a{display:flex;min-height:52px;padding:14px 0;text-decoration:none;border-bottom:1px solid var(--line);color:#1849a9;font-weight:600}#connection-state{font-size:12px;color:#526780}#pwa-update{padding:12px;border:1px solid #b4cbed;border-radius:10px;background:#eff8ff;margin:12px 0}.account-actions{display:flex;gap:8px;flex-wrap:wrap}.pwa-install-help{margin-top:22px}.pwa-install-help p{max-width:55ch}#privacy-curtain{position:fixed;inset:0;z-index:9999;background:#102a43;color:white;display:grid;place-content:center;text-align:center;padding:24px}body.privacy-covered>aside,body.privacy-covered>main{visibility:hidden}#privacy-curtain p{color:#dcecff}
body.signed-out{height:100dvh;overflow:auto;padding-top:max(24px,env(safe-area-inset-top))}.signed-out main{height:auto;overflow:visible;margin:0 auto;width:100%;padding:0}.signed-out aside{width:100%;padding:0 0 20px;background:transparent}.signed-out .brand-name{color:#1849a9}.signed-out .login{box-shadow:0 16px 48px #102a4309}.signed-out .rail-label{display:none}.signed-out #connection-state{display:none}
@media(max-width:720px){body:not(.signed-out){display:block;padding:0}body:not(.signed-out)>aside{position:fixed;inset:auto 0 0;width:100%;height:auto;padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:10;background:#fff;border-top:1px solid var(--line)}body:not(.signed-out)>aside>.brand{display:none}#primary-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;gap:4px}#primary-nav>a{display:none}#primary-nav>a.dock-item{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:8px 2px;color:#526780;font-size:12px;text-align:center}#primary-nav>a.dock-item[aria-current=location]{background:#eff8ff;color:#1849a9;font-weight:700}.dock-icon{font-size:20px;line-height:20px}body:not(.signed-out) main{margin:0;width:100%;height:calc(100dvh - 77px - env(safe-area-inset-bottom));padding:0 16px 20px}main>header{padding-top:max(12px,env(safe-area-inset-top));min-height:70px;flex-wrap:wrap}.header-right{margin-left:auto}.eyebrow{font-size:10px;letter-spacing:.7px}.heading{margin:22px 0}.card{padding:20px;margin-bottom:16px}.heading h1{font-size:28px}.section-title>button{width:100%}.check-row{gap:10px;flex-wrap:wrap}#jobs tr{display:grid;grid-template-columns:1fr 1fr;padding:12px 0;border-bottom:1px solid var(--line)}#jobs td{padding:6px;border:0;overflow-wrap:anywhere}#backups thead{display:none}#jobs td:first-child{grid-column:1/-1;font-weight:600}#backups table,#jobs{display:block;width:100%}.table-scroll{overflow:visible}.header-right .pill{font-size:11px}.header-right button{padding:8px 12px;min-height:44px}#connection-state{width:100%;font-size:11px}.account-actions button{flex:1}.signed-out #primary-nav{display:none}.signed-out main{height:auto}.signed-out .brand{justify-content:center}.signed-out .login{padding:24px}.signed-out .login h1{font-size:28px}dialog{padding:22px;max-height:calc(100dvh - 32px - env(safe-area-inset-bottom))}.banner{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.brand .brand-name{font-size:17px;line-height:1.25;max-width:145px}.signed-out .brand-name{max-width:none;font-size:21px}@media(max-width:720px){body.keyboard-open:not(.signed-out)>aside{display:none}body.keyboard-open:not(.signed-out) main{height:var(--control-viewport,100dvh)}body.keyboard-open dialog{max-height:calc(var(--control-viewport,100dvh) - 24px)}.signed-out .brand-name{font-size:20px}}
.setup-page .logo-window{width:56px;height:56px;background:transparent}.setup-page .logo-window img{position:static;width:56px;height:56px}@media(max-width:720px){.stats{grid-template-columns:1fr 1fr;gap:12px}.stats .card:first-child{grid-column:1/-1}.stats .card{padding:16px}.stats h2{font-size:23px;margin:10px 0}.stats .card:first-child h2{font-size:23px;margin:8px 0}.stats p{font-size:12px}.stats .eyebrow{font-size:9px;letter-spacing:.5px}}

.environment-banner{position:fixed;top:0;left:0;right:0;z-index:20;background:#fff6df;color:#795200;text-align:center;font-size:12px;font-weight:700;padding:4px;letter-spacing:1px}body:has(.environment-banner){padding-top:26px;height:calc(100dvh - 26px)}body.signed-out:has(.environment-banner){padding-top:max(42px,env(safe-area-inset-top));height:auto;min-height:100dvh}.inline-notice{padding:12px;background:#eff8ff;border:1px solid #b4cbed;border-radius:9px;color:#172b4d;scroll-margin-block:20px}body:not(.signed-out):has(.environment-banner) main{height:100%}@media(max-width:720px){body:not(.signed-out):has(.environment-banner) main{height:calc(100dvh - 103px - env(safe-area-inset-bottom))}}

/* Present the supplied artwork unchanged; only its surrounding whitespace is clipped in the UI. */
.brand .brand-name{display:none}.brand .logo-window,.setup-page .logo-window{width:188px;height:80px;border-radius:9px;background:#fff;overflow:hidden;position:relative}.brand .logo-window img,.setup-page .logo-window img{position:absolute;width:140%;height:auto;max-width:none;left:-16%;top:-108%}.signed-out .brand .logo-window{width:220px;height:94px}.mobile-master-brand{display:none}.signed-out aside{padding-bottom:16px}@media(max-width:720px){.mobile-master-brand{display:flex}.mobile-master-brand .logo-window{width:112px;height:48px}.header-right{gap:5px}.header-right button{padding:8px 9px}.signed-out .brand .logo-window{width:200px;height:85px}}
/* Shared mobile cream palette; blue remains the action/identity accent. */
:root{--cream-bg:#f4f3eb;--cream-paper:#fffef9;--cream-inset:#efede2;--line:#dedbcf;background:var(--cream-bg)}
body,main,main>header{background:var(--cream-bg)}
aside,body:not(.signed-out)>aside{background:var(--cream-paper);color:#172b4d;border-right:1px solid var(--line)}
.rail-label,.rail-bottom{color:#526780}nav a{color:#344e70}nav a[aria-current=location],nav a:hover{background:var(--cream-inset);color:#1849a9}
.card,dialog,input,select,textarea,.secondary,.quiet,.brand .logo-window,.setup-page .logo-window{background:var(--cream-paper)}
.brand .logo-window img,.setup-page .logo-window img{mix-blend-mode:darken}
.pill,.badge,.badge.healthy,.badge.complete,.badge.passed,.badge.failed,.badge.attention,.badge.rejected,.badge.unavailable,th,.part-list>div,#businesses pre,.management-tabs [role=tab],.inline-notice,#pwa-update,.banner,#notice:not(:empty),.environment-banner{background:var(--cream-inset)}
.management-tabs [aria-selected=true]{background:var(--cream-inset);color:#1849a9;border-color:#1849a9}
#privacy-curtain{background:var(--cream-bg);color:#172b4d}#privacy-curtain p{color:#526780}dialog::backdrop{background:rgba(244,243,235,.9)}
.check-row,.audit-row{border-color:var(--line)}button:disabled{background:var(--cream-inset);border-color:var(--line);color:#6b716e}
@media(max-width:720px){#primary-nav>a.dock-item[aria-current=location]{background:var(--cream-inset)}}
/* Let the original logo blend into the exact surface beneath it. */
.brand .logo-window,.setup-page .logo-window{background:transparent}
.signed-out aside{border:0}
/* One viewport, fixed application chrome, one vertical content scroller. */
#app-scroll{display:contents}.access-footer{display:none}.dock-icon{width:23px;height:23px;flex:none;vertical-align:middle;margin-right:8px}.account-shortcut{width:44px;height:44px;padding:10px!important;display:inline-grid;place-items:center}.account-shortcut svg{width:22px;height:22px}
@media(max-width:720px),(max-width:1024px) and (pointer:coarse){
 html:has(body.app-shell){height:100%;overflow:hidden;overscroll-behavior:none}
 body.app-shell,body.app-shell.signed-out,body.app-shell:has(.environment-banner){position:fixed;inset:0;margin:0;padding:0!important;width:100%;height:var(--control-viewport,100dvh);min-height:0;max-height:100dvh;overflow:hidden;overscroll-behavior:none;--shell-top:env(safe-area-inset-top,0px);--shell-bottom:calc(72px + env(safe-area-inset-bottom,0px));--shell-left:max(16px,env(safe-area-inset-left,0px));--shell-right:max(16px,env(safe-area-inset-right,0px))}
 body.app-shell:has(.environment-banner){--shell-top:calc(22px + env(safe-area-inset-top,0px))}
 .app-shell .environment-banner{position:absolute;top:0;height:var(--shell-top);padding:calc(3px + env(safe-area-inset-top,0px)) 8px 3px;line-height:16px;font-size:10px;box-sizing:border-box}
 body.app-shell main,body.app-shell:not(.signed-out):has(.environment-banner) main,body.app-shell.keyboard-open main{position:absolute;top:var(--shell-top);bottom:var(--shell-bottom);left:0;right:0;width:100%;max-width:none;height:auto;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}
 .app-shell main>header{position:relative;top:auto;flex:0 0 auto;min-height:72px;padding:7px var(--shell-right) 7px var(--shell-left);gap:2px 8px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--cream-bg)}
 .app-shell .mobile-master-brand .logo-window{width:104px;height:44px}.app-shell .header-right{gap:8px}.app-shell .header-right .pill{font-size:10px;padding:5px 8px}.app-shell main>header #logout{display:none}.app-shell #connection-state{font-size:10px;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
 .app-shell #app-scroll{display:block;flex:1 1 0;min-width:0;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;padding:14px var(--shell-right) 22px var(--shell-left);scroll-padding-block:16px}
 body.app-shell:not(.signed-out)>aside,body.app-shell.keyboard-open:not(.signed-out)>aside{display:block;position:absolute;inset:auto 0 0;height:var(--shell-bottom);width:100%;margin:0;padding:5px max(8px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));border-right:0;overflow:hidden;z-index:10;background:var(--cream-paper)}
 .app-shell:not(.signed-out)>aside>.brand,.app-shell .rail-label,.app-shell .rail-bottom{display:none}.app-shell .mobile-master-brand{display:flex}.app-shell #primary-nav>a{display:none}.app-shell #primary-nav>a.dock-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.app-shell .stats{grid-template-columns:1fr 1fr}.app-shell .stats .card:first-child{grid-column:1/-1}.app-shell .restore-grid{grid-template-columns:1fr}
 .app-shell #primary-nav{display:grid;margin:0;gap:4px;height:62px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.app-shell #primary-nav>a.dock-item{min-height:56px;padding:5px 2px;gap:5px;font-size:11px;line-height:14px;border-radius:14px}.app-shell .dock-icon{margin:0;width:23px;height:23px}
 .app-shell .heading{margin:4px 0 16px;gap:12px;display:flex;align-items:center;flex-wrap:wrap}.app-shell .heading h1{font-size:25px;margin:0;line-height:1.3}.app-shell .heading .eyebrow,.app-shell .heading p{display:none}.app-shell .heading button{margin:0;min-height:44px;padding:10px 12px;font-size:12px}.app-shell .card{padding:17px;border-radius:18px;margin-bottom:14px;box-shadow:none}.app-shell .banner{padding:12px 14px;margin-bottom:14px;border-radius:14px}.app-shell .stats{gap:10px}.app-shell .stats .card{margin-bottom:4px}.app-shell .stats h2{font-size:22px}.app-shell .section-title{gap:10px}.app-shell #other-menu a{min-height:56px}
 .app-shell #dashboard footer{font-size:10px;line-height:1.5;padding:10px 0}.app-shell pre,.app-shell td,.app-shell th{overflow-wrap:anywhere;white-space:normal}.app-shell table{table-layout:fixed;max-width:100%}.app-shell .table-scroll{max-width:100%;overflow-x:hidden}
 body.app-shell.signed-out{--shell-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
 body.app-shell.signed-out>aside{position:absolute;top:var(--shell-top);left:0;right:0;bottom:auto;margin:0;width:100%;max-width:none;height:72px;padding:4px var(--shell-right) 0 var(--shell-left);background:var(--cream-bg);border:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
 .app-shell.signed-out .brand .logo-window{width:154px;height:66px}.app-shell.signed-out .brand{justify-content:center}
 body.app-shell.signed-out main,body.app-shell.signed-out:has(.environment-banner) main{top:calc(var(--shell-top) + 72px);bottom:var(--shell-bottom);height:auto}
 .app-shell.signed-out #app-scroll{padding-top:6px;padding-bottom:18px}.app-shell.signed-out .login{border:0;box-shadow:none;background:transparent;width:100%;max-width:440px;padding:8px 4px;margin:0 auto}.app-shell.signed-out .login>.eyebrow{display:none}.app-shell.signed-out .login h1{font-size:25px;margin:4px 0 8px}.app-shell.signed-out .login>p{font-size:13px}.app-shell.signed-out .login label{font-size:13px;margin:14px 0 7px}.app-shell.signed-out .login input{min-height:48px;border-radius:12px}.app-shell.signed-out .login button{margin:10px 0;min-height:48px;border-radius:13px}.app-shell.signed-out details{padding:7px 0}.app-shell.signed-out .pwa-install-help{margin-top:12px}
 .app-shell.signed-out .access-footer{position:absolute;bottom:0;left:0;right:0;height:var(--shell-bottom);display:flex;align-items:flex-start;justify-content:center;padding:5px 16px calc(5px + env(safe-area-inset-bottom,0px));font-size:10px;color:var(--muted);background:var(--cream-bg);border-top:1px solid var(--line);line-height:17px}
 .app-shell dialog{position:fixed;inset:auto 0 max(0px,calc(100dvh - var(--control-viewport,100dvh)));margin:0;width:100%;max-width:none;max-height:calc(var(--control-viewport,100dvh) - 24px);padding:22px var(--shell-right) max(22px,env(safe-area-inset-bottom,0px)) var(--shell-left);border-radius:22px 22px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
 .app-shell #pwa-update{font-size:12px;margin:0 0 12px;padding:10px}.app-shell .inline-notice{font-size:13px}
}

/* Match the status safe area and TEST strip to the page surface. */
.environment-banner{background:var(--cream-bg)}

/* Direct navigation and compact, expandable content. */
#mobile-menu{display:none}#navigation-dialog nav{display:grid;gap:6px}#navigation-dialog nav a{display:block;padding:12px;color:#1849a9;text-decoration:none;border-bottom:1px solid var(--line)}
#primary-nav>a[hidden]{display:none!important}.badge.healthy,.badge.passed{color:#17633b;background:#e9f4e8}
.health .check-row{padding:8px 0;gap:10px;align-items:center}.health .check-row strong{font-size:13px;line-height:1.35}.health .check-row p{font-size:12px;margin:4px 0}.health .badge{font-size:11px;padding:5px 9px}.health .section-title{margin-bottom:10px}
.section-disclosure{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:var(--cream-paper)}.section-disclosure>summary{min-height:48px;padding:13px 16px;font-size:14px;font-weight:600;cursor:pointer}.disclosure-content{padding:0 16px 16px;min-width:0}.section-disclosure[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}
.list-query{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;align-items:end;margin:14px 0}.list-query label{font-size:12px;margin:0}.list-query input{min-height:44px;width:100%;margin:0}.list-query label:nth-of-type(1){grid-column:1;grid-row:1}.list-query input:nth-of-type(1){grid-column:1;grid-row:2}.list-query label:nth-of-type(2){grid-column:2;grid-row:1}.list-query input:nth-of-type(2){grid-column:2;grid-row:2}.list-query label:nth-of-type(3){grid-column:3;grid-row:1}.list-query input:nth-of-type(3){grid-column:3;grid-row:2}.list-query button{margin:4px 0}.list-pager{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.list-pager p{flex:1;font-size:12px}.list-pager select{min-height:44px;max-width:90px}#record-state,#record-note,#record-code{display:block;width:100%;min-height:48px;margin:8px 0;font-size:16px}#record-note{min-height:96px}#management-record-action label{display:block;font-size:13px;margin-top:12px}
@media(max-width:720px),(max-width:1024px) and (pointer:coarse){.app-shell #primary-nav{width:75%;grid-template-columns:repeat(3,minmax(0,1fr))}#mobile-menu:not([hidden]){display:block;position:absolute;right:8px;top:5px;width:calc(25% - 8px);height:56px;font-size:12px}.app-shell .disclosure-content{padding:0 10px 12px}.app-shell .health .check-row{flex-wrap:nowrap}.app-shell .health .check-row>div{min-width:0;flex:1}.list-query{grid-template-columns:repeat(2,minmax(0,1fr))}.list-query label:nth-of-type(1){grid-column:1/-1;grid-row:1}.list-query input:nth-of-type(1){grid-column:1/-1;grid-row:2}.list-query label:nth-of-type(2){grid-column:1;grid-row:3}.list-query input:nth-of-type(2){grid-column:1;grid-row:4}.list-query label:nth-of-type(3){grid-column:2;grid-row:3}.list-query input:nth-of-type(3){grid-column:2;grid-row:4}.app-shell .section-disclosure>summary{font-size:13px}.list-pager button{font-size:12px;padding:8px}}

.assignment-query{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.assignment-query label{display:block;font-size:12px;margin:0}.assignment-query input,.assignment-query select{display:block;width:100%;min-width:0;min-height:44px;margin-top:6px}.assignment-query p{grid-column:1/-1;font-size:12px}
.record-table{width:100%;font-size:12px}.record-table td{overflow-wrap:anywhere}.record-table #management-record-action{margin:8px 0}
@media(max-width:720px){.record-table thead{display:none}.record-table,.record-table tbody,.record-table tr,.record-table td{display:block;width:100%}.record-table tr{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:8px}.record-table td{border:0;padding:5px}.record-table td:before{content:attr(data-label);display:block;font-weight:600;color:var(--muted);font-size:11px}}
/* Flat surfaces; compact headings and explicit query actions. */
.section-disclosure{border:0!important;border-bottom:1px solid var(--line,#dcdacc)!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
.section-disclosure>summary{min-height:48px;padding:12px 4px!important;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.section-disclosure>.disclosure-content{padding:12px 0!important}
.disclosure-content .card{box-shadow:none;border:0;padding:8px 0}
#health-summary{font-size:12px;white-space:normal}#workspace-last-backup{font-size:13px}
.workspace-quick{padding:8px 0 16px}.workspace-quick>button{width:100%}
.list-query{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.list-query>label{grid-column:auto!important;grid-row:auto!important;display:flex;flex-direction:column;gap:6px;margin:0!important}.list-query input,.list-query select{width:100%;min-width:0}.list-query>.list-hint{grid-column:1/-1;font-size:12px;margin:0}.list-query>button{grid-column:auto!important;grid-row:auto!important}
.list-pager{gap:8px;flex-wrap:wrap;padding:8px 0}.list-pager p{flex:1;min-width:100px;margin:0;font-size:12px}.list-pager select{max-width:76px}.list-pager button{padding:8px 12px;min-height:44px}
#backup-catalogue{width:100%;min-width:0}#backup-choice{width:100%}#backup-selection{overflow-wrap:anywhere;font-size:13px}
#management-record-action{width:100%;border-top:2px solid #175cd3;padding:16px 0}.field-label{display:block;margin-top:12px;font-weight:600}
#primary-nav a svg,#navigation-dialog a svg{width:22px;height:22px;flex-shrink:0}#navigation-dialog a{display:flex;align-items:center;gap:12px}
@media(min-width:1000px){.list-query{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.section-disclosure{padding:0!important}.section-disclosure>summary{box-sizing:border-box;margin:0!important}.section-disclosure>summary::before{content:'▸';font-size:13px;flex-shrink:0}.section-disclosure[open]>summary::before{content:'▾'}
#settings>#alarm-recipient,#settings>#device-security{border:0;border-radius:0;box-shadow:none;padding:0;margin:0}
#owner-tools>.card{padding-top:0;padding-bottom:0}#owner-tools{gap:8px}
