/* Autolife Design: Fleet-inspired shared primitives. Application layouts are separate. */
:root{color-scheme:light;--navy:#070d16;--navy-soft:#162232;--text:#162438;--muted:#607084;--border:#dfe6ed;--bg:#f4f7fa;--cyan:#43def5;--blue:#58a6ff;--accent:#087796;--radius:16px;--shadow:0 4px 24px #102b4810}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select{font:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #00a5c5;outline-offset:4px}
input:focus,select:focus{outline:3px solid #3bbad42b;border-color:#1688a1}
h1,h2,h3,p{margin-top:0}
h1{font-size:34px;line-height:1.2;letter-spacing:-1.1px;margin-bottom:12px}
h2{font-size:19px;letter-spacing:-.3px;margin-bottom:8px}
h3{font-size:15px;margin-bottom:5px}
p{color:var(--muted);margin-bottom:16px}
small,.small-copy{font-size:12px;color:var(--muted)}
code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}
pre{background:#111d2d;color:#e0f6fc;padding:19px;border-radius:12px;overflow:auto;line-height:1.8;max-width:100%}
pre code{font-size:12px}
strong{font-weight:650}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.stat{padding:20px 23px;background:#fff;border:1px solid var(--border);border-radius:12px}
.stat>span{font-size:12px;color:var(--muted)}
.stat>strong{display:block;font-size:29px;letter-spacing:-1px;margin:4px 0 1px}
.stat>small{font-size:11px}
.icon-tile{display:inline-grid;place-items:center;flex-shrink:0;width:37px;height:37px;background:#e8f8fc;color:#08728a;border:1px solid #cff0f6;border-radius:11px;font-size:20px;font-weight:650}
input,select{background:#fff;color:var(--text);border:1px solid #cad5df;border-radius:9px;width:100%;min-width:0;min-height:43px;padding:10px 12px;font-size:13px}
input::placeholder{color:#8a98a8}
select{padding-right:24px}
.inline-note{border:1px solid #d7eaf1;background:#f2f9fc;padding:14px 15px;border-radius:10px;margin:20px 0}
.inline-note>strong{font-size:12px}
.inline-note p{font-size:11px;line-height:1.65;margin:5px 0 0}
.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:43px;border:1px solid transparent;border-radius:11px;padding:11px 17px;font-size:12px;font-weight:650;text-align:center;transition:background .15s,box-shadow .15s}
.button:hover{text-decoration:none;box-shadow:0 4px 12px #152e4715}
.button-primary{color:#052133;background:linear-gradient(135deg,var(--cyan),var(--blue));border-color:#60cce7}
.button-primary:hover{background:linear-gradient(135deg,#8cedf9,#80c8fc)}
.button-secondary{color:#344a60;background:#fff;border-color:#cad5df}
.button-secondary:hover{background:#f2f7fa}
.button-danger{color:#9c2b3a;background:#fff3f3;border-color:#efbbc2}
.compact{min-height:34px;padding:7px 10px;font-size:11px}
.full-width{width:100%;gap:9px}
.badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;line-height:1.5;padding:4px 8px;border-radius:6px;white-space:nowrap}
.badge.active{background:#e8f6ef;color:#187146}
.badge.pending{background:#fff3df;color:#936117}
.badge.neutral{background:#edf1f5;color:#657285}
.empty-state{text-align:center;padding:55px 30px 65px;max-width:420px;margin:auto}
.empty-icon{display:inline-grid;place-items:center;width:56px;height:56px;background:#eff6fa;color:#6192a5;border-radius:18px;font-size:33px;margin-bottom:18px}
.empty-state h3{font-size:16px}
.empty-state p{font-size:12px;margin:9px 0 15px}
.text-link{font-size:12px;font-weight:650}
.notice{padding:15px 20px;border:1px solid #c1e6ee;border-left:4px solid #23b4cf;border-radius:10px;color:#185363;background:#effafd;margin-bottom:24px;font-size:13px}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:#fff;z-index:100}
.skip-link:focus{top:10px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px){
.stat{padding:15px 17px}
.stat>strong{font-size:26px}
.stat>span{font-size:11px}
.stat>small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
*{transition:none!important;scroll-behavior:auto!important}
}
.button{transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,filter .16s,background .16s,border-color .16s}
.button-primary{box-shadow:0 5px 17px #43b9e526,inset 0 1px 0 #ffffff61}
.button-primary:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 9px 27px #43def53b,inset 0 1px 0 #ffffff73}
.button-primary:active,.button-secondary:active,.button-danger:active{transform:scale(.985)}
.button-secondary:hover{transform:translateY(-1px)}
.button:focus-visible{outline:2px solid #43def5;outline-offset:3px;box-shadow:0 0 0 5px #43def51c}
.card{box-shadow:0 7px 26px #13263a0c,inset 0 1px 0 #fff}
.stat{background:linear-gradient(150deg,#fff,#f9fbfd);box-shadow:0 3px 12px #13263a06,inset 0 1px 0 #fff}
.stat>strong{font-variant-numeric:tabular-nums}
.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;flex-shrink:0}
.glyph{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.empty-icon .glyph{width:30px;height:30px}
.icon-tile .glyph{width:20px;height:20px}
.empty-icon{background:linear-gradient(150deg,#effbfe,#e8f0f8);border:1px solid #daeaf1;box-shadow:0 6px 18px #163b5510}
:root[data-theme="dark"]{color-scheme:dark;--text:#eef6ff;--muted:#a0b1c5;--border:rgba(157,183,216,.18);--bg:#0b121d;--accent:#43def5;--shadow:0 16px 40px rgba(0,0,0,.18)}
[data-theme="dark"] body{background:radial-gradient(circle at 74% -10%,#4a7bda1c,transparent 31%),radial-gradient(circle at -10% 110%,#43def50a,transparent 34%),linear-gradient(150deg,#0b121d,#0d1522 50%,#09111b);background-attachment:fixed}
[data-theme="dark"] .card,[data-theme="dark"] .stat{background:linear-gradient(145deg,#172233eb,#0e1724f2);border-color:var(--border);box-shadow:var(--shadow),inset 0 1px 0 #ffffff06}
[data-theme="dark"] input,[data-theme="dark"] select{background:#081421e6;color:var(--text);border-color:#3b4e65}
[data-theme="dark"] input::placeholder{color:#8293aa}
[data-theme="dark"] input:focus,[data-theme="dark"] select:focus{border-color:#43def5;outline-color:#43def52b}
[data-theme="dark"] .icon-tile{background:#43def510;border-color:#43def52d;color:#63e2f5}
[data-theme="dark"] .inline-note{background:#102838;border-color:#274e60}
[data-theme="dark"] .inline-note strong{color:#d5f1fa}
[data-theme="dark"] .inline-note p{color:#a5bfd0}
[data-theme="dark"] .button-secondary{background:#18283a;color:#d1e4f4;border-color:#3b516b}
[data-theme="dark"] .button-secondary:hover{background:#213c50;border-color:#53b7d174;box-shadow:0 7px 18px #0003}
[data-theme="dark"] .button-danger{background:#481f2a;color:#ffadb9;border-color:#965261}
[data-theme="dark"] .button-danger:hover{background:#5c2636}
[data-theme="dark"] .badge.active{background:#3de4b514;color:#66e5be}
[data-theme="dark"] .badge.pending{background:#ffbe5517;color:#f7c77c}
[data-theme="dark"] .badge.neutral{background:#9db7d614;color:#b4c4d8}
[data-theme="dark"] .empty-icon{background:linear-gradient(145deg,#1c3c4a,#162940);border-color:#32576b;color:#72d5ed;box-shadow:0 8px 28px #0003}
[data-theme="dark"] .notice{background:#102c3d;border-color:#2a6b7e;border-left-color:#43def5;color:#c7f2fa}
[data-theme="dark"] pre{background:#070f1b;border:1px solid #293e54;box-shadow:inset 0 1px 6px #0002}
[data-theme="dark"] .skip-link{background:#15293e;color:#d8f2fb}
[data-theme="dark"] ::selection{background:#43def54d}
@media(max-width:760px){
.card{box-shadow:0 4px 16px #13263a0b}
}
@media(prefers-reduced-motion:reduce){
.button:hover,.button:active{transform:none;filter:none}
}
button:disabled,.button[aria-disabled="true"]{cursor:not-allowed;opacity:.5;transform:none;filter:none;box-shadow:none}