/* AccuXT identity: original faceted blue wordmark and circular mark. */
:root{color-scheme:light;--bg:#f4f7fc;--muted:#52677d;--accent:#006dc2;--ink:#142f50;--line:#d6e2ef;--blue:#0759ad;--navy:#082c59}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#008bd2}
.brand{display:inline-flex;flex-direction:column;gap:5px;flex-shrink:0;line-height:1}
.brand img{display:block;width:220px;height:auto;max-width:100%}
.brand small{color:#52677d;font-size:9px;font-weight:650;letter-spacing:2.5px;margin:0 0 0 9px}
header{border-color:var(--line)}
.public-nav a{font-weight:600;color:#224970;padding:10px 0}
.public-nav a:last-child{background:white;border:1px solid #c6d9ed;border-radius:7px;padding:11px 20px}
.public-nav a:hover{color:#006dc2}.contact{color:#224970}
h1{color:#102e54;font-weight:700;letter-spacing:-2.7px}h1>span{color:#006dc2}
.eyebrow{color:#436487;font-weight:650;letter-spacing:2px}
.intro{color:#4e657b}.availability{color:#52677d}
.button{background:linear-gradient(115deg,#0754a5,#007fc5);color:#fff;border:1px solid #0767b7;border-radius:7px;box-shadow:0 5px 12px #064d9c16;gap:22px;padding:14px 22px;transition:background .15s,box-shadow .15s}
.button:hover{background:#064d98;box-shadow:0 7px 18px #064d9c25}
.secondary{background:#fff;color:#194b7c;border:1px solid #b9cfe5;border-radius:7px}
.secondary:hover{background:#eaf3fc;border-color:#4988bf}
.hero{position:relative;gap:60px;padding-top:78px;padding-bottom:76px}
.drawing{background:linear-gradient(145deg,#103b6a,#071f40);border:1px solid #245c91;box-shadow:0 24px 55px #0a37652b;border-radius:14px;transform:rotate(-1deg)}
.drawing-top,.drawing-bottom{color:#d0e4f5;border-color:#315477;background:#123d672e}
.drawing-top{font-weight:600}.drawing-bottom i{background:#008bd2}.drawing-bottom span+span i{background:#75c8f4}
.features{border-color:var(--line);gap:24px;padding-top:32px;padding-bottom:55px}
.features article{padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 6px 20px #103b6a04}
.number{display:inline-grid;place-items:center;background:#e8f3ff;border:1px solid #cee4fb;border-radius:8px;color:#0066b5;width:36px;height:36px;font-weight:700}
.features h2{color:#153b65;font-weight:650}.features p{color:#52677d}
footer{color:#587087;border-color:var(--line)}footer a{color:#175e9d}
.account-main{max-width:940px;padding-top:55px}.account-main>p{max-width:700px}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 18px #143b6510}
.panel p,.account-main p{color:#52677d}
label{color:#294868;font-weight:600;font-size:13px}
input,textarea,select{background:#fbfdff;color:#153754;border:1px solid #b9cce0;border-radius:6px;min-height:45px}
input:hover,textarea:hover,select:hover{border-color:#7c9fc0}
input::placeholder,textarea::placeholder{color:#71859a}
#notice{background:#eaf4ff;border-color:#007ac5;color:#225580;border-radius:0 6px 6px 0}
#notice.error{background:#fff0ed;border-color:#c54c35;color:#962c1c}
.portal{background:#f2f6fb}
.portal-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 8px #0a305908;height:90px}
.portal-header .brand img{width:190px}.header-actions{color:#345679;font-weight:500}
.portal-shell{grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 90px)}
.sidebar{background:linear-gradient(165deg,#0b3565,#071f40);border-right:1px solid #173b65;top:90px;height:calc(100vh - 90px)}
.sidebar>.eyebrow{color:#99bbde}.sidebar nav a{color:#c4d8ec;padding:14px;border:1px solid transparent}
.sidebar nav a:hover{background:#184a7a;color:#fff}
.sidebar nav a[aria-current=page]{background:#125faa;color:#fff;border-color:#2c79bd;box-shadow:0 4px 12px #00172e30}
.sidebar-user{border-color:#315276;color:#fff}.sidebar-user small{color:#a4c1de}.avatar{background:none;width:36px;height:36px}
.workspace{padding-top:40px}.workspace h1{color:#112f51;font-size:36px;letter-spacing:-1.2px}.workspace .eyebrow{color:#527193}
.page-intro{color:#577087}.stat{background:#fff;border:1px solid var(--line);box-shadow:0 3px 12px #173a6210;border-radius:11px;border-top:3px solid #237cc0}
.stat>span{color:#48647f;font-weight:600}.stat>strong{color:#173e68;font-weight:650}.stat>small{color:#5b7590}.stat.attention>strong{color:#006bc1}.stat:hover{border-color:#2581c6;box-shadow:0 6px 18px #0d579418}
.workspace .panel{background:#fff;border-color:var(--line);border-radius:11px}.panel p{color:#526a81}.panel .eyebrow{color:#1169ac}
.text-link{color:#075fac;font-weight:600}.empty-state{background:#fafdff;border-color:#b5cde3;color:#55718c}.status-label{color:#0867a7!important}
.portal-notice{background:#e8f2fd!important;color:#2b597f;border-bottom-color:#ccdfef;border-radius:0!important}
.portal-notice.error{background:#fff0ed!important;color:#962c1c!important}
.login-panel p{color:#52677d}.login-panel a{color:#0067b9}.check-label input{accent-color:#006dc2}.skip-link{background:#006dc2;color:#fff}
@media(max-width:1100px){.portal-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:800px){.hero{gap:38px;padding-top:42px;padding-bottom:42px}.drawing{transform:none}.features article{padding:22px}}
@media(max-width:700px){.portal-header{height:82px;padding:0 16px}.portal-header .brand img{width:150px}.brand small{font-size:7px;letter-spacing:1.6px;margin-left:5px}.portal-shell{display:block}.sidebar{height:auto;position:static;border-bottom:1px solid #284d75}.sidebar nav a{padding:10px 6px}.workspace{padding:26px 18px}.workspace h1{font-size:29px}.portal-header .header-actions{gap:12px}.header-actions .secondary{padding:9px 11px}}
@media(max-width:520px){header.wrap{height:auto;min-height:104px;gap:14px;padding-top:20px;padding-bottom:20px;flex-wrap:wrap}.brand img{width:175px}.public-nav{gap:16px;flex-wrap:wrap}.public-nav a:last-child{padding:8px 14px}h1{font-size:43px;letter-spacing:-1.8px}.features{padding-bottom:35px}.account-main{padding-top:30px}.account-main h1{font-size:35px}.drawing-top,.drawing-bottom{padding:15px;font-size:10px}.header-actions{gap:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.profile-menu{position:relative}.profile-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;color:#173e68}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu img,.profile-photo img{border-radius:50%;object-fit:cover;border:1px solid #c4d9ec}.profile-menu nav{position:absolute;right:0;top:48px;min-width:250px;padding:12px;background:#fff;border:1px solid #d6e2ef;border-radius:10px;box-shadow:0 12px 35px #12355c25;display:grid;gap:5px;z-index:30}.profile-menu nav a{padding:12px;border-radius:6px}.profile-menu nav a:hover{background:#eaf4ff}.profile-menu nav button{text-align:left}.profile-photo{display:flex;gap:24px;align-items:center;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #d6e2ef}.profile-photo input{max-width:330px}.profile-photo p{font-size:12px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}#profile-completion{color:#275f8c}#download-profile-prompt{padding:18px;background:#e8f3ff;border-radius:8px}.profile-menu summary:focus-visible{outline:2px solid #006dc2;outline-offset:4px}@media(max-width:700px){.profile-menu summary>span{display:none}.profile-photo{align-items:start;flex-direction:column;gap:10px}.profile-fields{grid-template-columns:1fr}}

.collection-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:18px;background:#fff;border:1px solid #ccdfef;border-radius:10px;margin:18px 0}.collection-toolbar>input{flex:1;min-width:180px;width:auto;margin:0}.collection-toolbar label{font-size:12px;margin:0;display:grid;gap:5px}.collection-toolbar select{margin:0;min-width:100px;width:auto}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}.collection-record{padding:20px;border:1px solid #ccdfef;border-radius:10px;background:#fff;min-width:0;overflow-wrap:anywhere}.collection-record h3{margin:0 0 8px;font-size:17px}.collection-record p{margin:5px 0;font-size:13px}.record-status{color:#0069ae;font-weight:600}.record-details{margin-top:14px}.record-details>summary{cursor:pointer;color:#075fac;font-size:13px;font-weight:600}.record-details>.panel{margin:12px 0 0;padding:16px}.collection-list{display:grid;gap:8px}.collection-list>.collection-record{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.4fr) minmax(100px,.6fr);gap:8px 18px;align-items:center;padding:14px 18px}.collection-list .record-details{grid-column:1/-1;margin-top:0}.collection-details{overflow-x:auto}.collection-details table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.collection-details caption{text-align:left;font-weight:600;padding:10px}.collection-details th,.collection-details td{padding:13px;text-align:left;border-bottom:1px solid #d5e4f2;vertical-align:top;overflow-wrap:anywhere}.collection-details th{background:#e8f2fd}.collection-details td:last-child{min-width:200px}.collection-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;font-size:13px}.collection-footer span{margin-right:auto}.profile-save-status{color:#17612c;font-weight:600}.profile-save-status.error{color:#a42619}@media(max-width:700px){.collection-list>.collection-record{grid-template-columns:1fr}.collection-toolbar>input{width:100%}.collection-details table{min-width:650px}}
.sample-notice{padding:14px 18px;background:#fff4d5;border:1px solid #e7c66a;border-radius:8px;color:#735019;font-size:13px}.collection-toolbar>button{margin:0}
/* Fluid page shell: screen width controls layout, not a fixed desktop canvas. */
.wrap{width:100%;max-width:none;margin:0;padding-inline:clamp(16px,2.5vw,64px)}
body{min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1;width:100%;min-width:0}
header.wrap{height:auto;min-height:90px;gap:20px;flex-wrap:wrap;padding-block:18px;background:#fff}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,80px);padding-block:clamp(32px,4vw,72px)}
.hero>*,.features>*{min-width:0}
.hero h1{font-size:clamp(38px,4.7vw,72px)}
.intro{max-width:55ch}.availability{max-width:60ch}
.drawing{width:100%;max-width:none;transform:none}
.drawing svg{height:clamp(240px,35vw,680px);width:100%}
.features{grid-template-columns:repeat(3,minmax(0,1fr))}
.features p{max-width:65ch}
.account-main{max-width:none;padding-top:32px}
.account-main>p{max-width:75ch}
.account-main .panel{width:100%;margin-inline:0}
.account-main .panel p{max-width:75ch}
.account-main :is(input,textarea,select){max-width:640px}
footer.wrap{flex-wrap:wrap;align-items:center;margin-top:auto;line-height:1.6;background:#fff}
footer.wrap span{overflow-wrap:anywhere}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.drawing svg{height:auto;max-height:520px}.features{grid-template-columns:1fr}.account-main h1{font-size:clamp(30px,6vw,42px);overflow-wrap:anywhere}}
@media(max-width:520px){header.wrap{min-height:80px}.account-main .panel{padding:18px}.drawing-top,.drawing-bottom{gap:12px;flex-wrap:wrap}footer.wrap{align-items:flex-start}}
