/* sleeve-x.com/app/globals.css design tokens, verified against live site 2026-10-27 */
:root{--green:#6cbb3c;--green-deep:#4f9a2a;--green-soft:#eef7e6;--ink:#0b1220;--ink-2:#1e293b;--ink-3:#475569;--ink-4:#94a3b8;--paper:#fff;--wash:#f6f8fa;--line:#e2e8f0;--dark:#0a0e14;--dark-2:#111820;--dark-line:#263241;--amber:#d97706}
:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;color:var(--ink);background:var(--wash);font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:rgba(10,14,20,.85);color:var(--paper);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:inherit;display:flex;gap:18px;align-items:center}.brand b{font-size:28px;letter-spacing:-1px}.brand span{color:var(--green)}.brand small{border-left:1px solid rgba(255,255,255,.2);padding-left:18px;color:#cbd5e1}a{color:var(--green-deep)}nav{max-width:1240px;margin:22px auto 0;display:flex;gap:12px;padding:0 24px}button,.btn{background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 18px;color:var(--ink-2);font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button.active,button.primary,.solid{background:var(--green);color:white;border-color:var(--green)}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}main{max-width:1240px;margin:auto;padding:24px}h1{font-size:27px;font-weight:600;margin:4px 0 10px}h2{font-size:19px;margin:0 0 18px}h3{font-size:16px}p{line-height:1.7}.muted,small{color:var(--ink-3)}.intro{margin-bottom:24px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:block;font-size:13px;color:var(--ink-3)}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:6px;padding:10px;font:inherit;color:var(--ink);background:white}textarea{min-height:80px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--green);outline-offset:1px}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.tools h2{margin:0;margin-right:auto}.rowhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hint{background:var(--green-soft);padding:12px 16px;border-left:3px solid var(--green);font-size:13px;line-height:1.7;margin:16px 0}.total{font-size:30px;font-weight:600;letter-spacing:-1px}.metric{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.results{margin-top:20px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}th{background:var(--wash);color:var(--ink-3);font-weight:500}td.num{text-align:right;font-variant-numeric:tabular-nums}.history-card{border-top:1px solid var(--line);padding:15px 0}.history-card:first-child{border-top:0}.history-card p{margin:6px 0;font-size:13px}.full{width:100%}.error{color:#a33b2b;background:#fff2ee;padding:14px;border-radius:6px}.center{display:grid;place-items:center;min-height:100vh}.login{max-width:430px;background:#fff;padding:42px;text-align:center;border-radius:14px}.footer-actions{display:flex;gap:12px;margin:20px 0}.blank{text-align:center;padding:45px;color:var(--ink-3)}details{margin:12px 0}summary{cursor:pointer}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark-2);color:white;padding:12px 22px;border-radius:8px;display:none;z-index:20}.print-only{display:none}.required{color:#a04430}@media(max-width:850px){.layout{grid-template-columns:1fr}header{padding:16px}.brand{gap:10px}.brand small{padding-left:10px}main{padding:18px 14px}nav{padding:0 14px}.panel{padding:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:24px}}@media(max-width:400px){.grid,.grid.two{grid-template-columns:1fr}header #who{font-size:12px}.brand b{font-size:23px}}@media print{header,nav,.no-print,#toast{display:none!important}body{background:white}main{padding:0;max-width:none}.print-only{display:block}.panel{border:0;padding:0;box-shadow:none}th,td{padding:9px}table{white-space:normal}.internal{display:none!important}h1{font-size:22px}@page{size:A4 landscape;margin:14mm}}
[hidden]{display:none!important}
.missing{color:#92400e}.missing input{border-color:var(--amber);background:#fffaf0}.review-check{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14px}.review-check input{width:auto;margin:0}#ocr-review{scroll-margin-top:20px}
.brand-logo{display:block;width:166px;height:61px;object-fit:contain}.brand small{font-size:15px}@media(max-width:450px){.brand-logo{width:120px;height:44px}.brand small{font-size:13px}.brand{gap:12px}}

header a{color:#cbd5e1}header a:hover{color:white}button.active,button.primary,.solid{font-weight:600}button.active:hover,button.primary:hover,.solid:hover{background:var(--green-deep);border-color:var(--green-deep);filter:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}::selection{background:var(--green);color:white}

.screenshot-drop{border:2px dashed var(--green);border-radius:10px;background:var(--green-soft);padding:22px;margin:18px 0;color:var(--ink);text-align:center;outline-offset:4px}.screenshot-drop p{margin:8px 0}.screenshot-drop:focus,.screenshot-drop.dragging{outline:3px solid var(--green);background:white}