/* FixIT Track — interface publique
   Palette : nuit cargo, kraft, signal orange (action), balise cyan (trajet), papier étiquette. */
@font-face{font-family:"Unbounded";src:url(../fonts/unbounded.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/manrope-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jbmono-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jbmono-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --night:#12183A; --surface:#1C2452; --surface-2:#253066; --line:#33407A;
  --ink:#F3F1EC; --muted:#A9B0D6; --faint:#7680B3;
  --kraft:#C8935A; --kraft-d:#9C6B3A; --tape:#E9D9B5;
  --signal:#FF7A2F; --signal-ink:#1B0E05; --beacon:#6FE3E1;
  --ok:#5FD39A; --warn:#FFC857; --err:#FF6B6B;
  --r-lg:26px; --r:16px; --r-sm:10px;
  --shadow:0 24px 60px -24px #04081fcc;
  --display:"Unbounded",system-ui,sans-serif;
  --text:"Manrope",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --pad:clamp(16px,4vw,40px);
  --safe-top:env(safe-area-inset-top,0px);
}
[data-theme="light"]{
  --night:#E9ECF6; --surface:#FFFFFF; --surface-2:#EEF0F8; --line:#D3D8EC;
  --ink:#141A3C; --muted:#4F5885; --faint:#8088AE;
  --signal:#E8611A; --signal-ink:#FFFFFF; --beacon:#0B8C93;
  --ok:#14915A; --warn:#B57A00; --err:#D13B3B;
  --shadow:0 24px 50px -28px #2a356c55;
}
*{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
[data-theme="light"]{color-scheme:light}
body{margin:0;background:var(--night);color:var(--ink);font:16px/1.55 var(--text);min-height:100vh;overflow-x:hidden;background-attachment:fixed;
  background-image:radial-gradient(1100px 700px at 85% -5%,color-mix(in srgb,var(--beacon) 9%,transparent),transparent 70%)}
a{color:var(--beacon)}
button{font:inherit;color:inherit}
svg{width:20px;height:20px;flex:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.muted{color:var(--muted)}
.mono{font-family:var(--mono);font-weight:700;letter-spacing:.04em}
:focus-visible{outline:2.5px solid var(--beacon);outline-offset:3px;border-radius:8px}
[hidden]{display:none!important}

/* Barre du haut */
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:calc(12px + var(--safe-top)) var(--pad) 12px;background:color-mix(in srgb,var(--night) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.logo-box{width:30px;height:24px;border-radius:6px;position:relative;background:var(--kraft);box-shadow:inset 0 -6px 0 var(--kraft-d)}
.logo-box::after{content:"";position:absolute;left:42%;width:16%;top:0;bottom:0;background:var(--tape);opacity:.9}
.logo-word{font:600 17px var(--display);letter-spacing:-.02em}
.logo-word b{font-weight:300;margin-left:2px}
.top-actions{display:flex;align-items:center;gap:8px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}
.pill .count{background:var(--signal);color:var(--signal-ink);border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:12px;padding:0 6px}
.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:var(--surface);cursor:pointer;color:var(--ink);flex:none}
.icon-btn:hover{background:var(--surface-2)}
.icon-btn.small{width:32px;height:32px;background:transparent}
.icon-btn.small svg{width:17px;height:17px}

/* Accueil */
.view{padding:0 var(--pad);max-width:1240px;margin:0 auto}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,40px);min-height:min(78vh,720px);padding:clamp(8px,3vw,30px) 0 10px}
.hero-title{font:700 clamp(40px,6.4vw,86px)/.98 var(--display);letter-spacing:-.045em;margin:0 0 18px;max-width:9ch}
.hero-sub{font-size:clamp(16px,1.5vw,18.5px);color:var(--muted);max-width:46ch;margin:0 0 28px}
.hero-stage{position:relative;height:100%;min-height:420px}
.stage{position:absolute;inset:0}
.stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}
.stage-fallback{display:none;position:absolute;inset:0;place-items:center}
.no-webgl .stage-fallback{display:grid}
.no-webgl .stage canvas{display:none}
.cssbox{width:180px;height:130px;border-radius:14px;background:linear-gradient(90deg,transparent 43%,var(--tape) 43% 57%,transparent 57%),var(--kraft);box-shadow:inset 0 -26px 0 var(--kraft-d),var(--shadow);transform:rotate(-6deg)}

.track-form{max-width:620px}
.field{position:relative;display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:20px;padding:8px 8px 8px 20px;box-shadow:var(--shadow);
  outline:2px solid transparent;transition:outline-color .2s}
.field:focus-within{outline-color:var(--beacon)}
.field textarea{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);resize:none;font:700 clamp(17px,2vw,21px)/1.35 var(--mono);letter-spacing:.05em;padding:12px 0;max-height:220px;outline:none}
.field textarea::placeholder{color:var(--faint);font-weight:500;letter-spacing:.03em}
.field.multi{align-items:flex-end}
.btn-track{border:0;cursor:pointer;background:var(--signal);color:var(--signal-ink);font:700 16px var(--display);letter-spacing:-.01em;padding:16px 24px;border-radius:14px;flex:none;transition:transform .15s}
.btn-track:active{transform:scale(.97)}
.scan-btn{background:transparent}
.detect{min-height:34px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:14px;color:var(--muted)}
.detect button{cursor:pointer;border:0}
.form-hint{font-size:13.5px;color:var(--faint);margin:2px 0 0}
.demo-line{margin-top:22px;font-size:14.5px;color:var(--muted)}
.link{background:none;border:0;padding:0;color:var(--beacon);font-family:var(--mono);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap}
.chip i{font:700 10px/1 var(--display);font-style:normal;display:grid;place-items:center;min-width:30px;height:20px;padding:0 4px;border-radius:999px;letter-spacing:.02em}
.chip.on{box-shadow:inset 0 0 0 2px var(--beacon)}

/* Blocs */
.block{margin:clamp(30px,6vw,70px) 0}
.block h2,.panel h2{font:600 clamp(19px,2.2vw,24px)/1.2 var(--display);letter-spacing:-.02em;margin:0 0 16px}
.block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.block-head h2{margin:0}
.seg{display:inline-flex;background:var(--surface);border-radius:999px;padding:4px}
.seg button{border:0;background:transparent;padding:7px 14px;border-radius:999px;font-weight:700;font-size:13.5px;cursor:pointer;color:var(--muted)}
.seg button.on{background:var(--surface-2);color:var(--ink)}
.empty{background:var(--surface);border-radius:var(--r);padding:22px 24px;color:var(--muted);max-width:640px}
.empty p{margin:0 0 6px}.empty strong{color:var(--ink)}

.parcel-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.parcel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;background:var(--surface);border-radius:var(--r);padding:14px 14px 14px 16px;cursor:pointer;position:relative}
.parcel:hover{background:color-mix(in srgb,var(--surface) 80%,var(--surface-2))}
.parcel .p-main{min-width:0}
.parcel .p-name{font-weight:800;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.parcel .p-sub{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.parcel .p-num{font:700 12px var(--mono);letter-spacing:.05em;color:var(--faint)}
.parcel .p-side{text-align:right;display:grid;gap:4px;justify-items:end}
.parcel .p-eta{font:600 13px var(--display);white-space:nowrap}
.parcel .p-tools{display:flex;gap:2px}
.mini-route{display:flex;gap:3px;margin-top:8px;max-width:240px}
.mini-route span{height:4px;flex:1;border-radius:4px;background:var(--surface-2)}
.mini-route span.on{background:var(--beacon)}
.mini-route.st-delivered span.on{background:var(--ok)}
.mini-route.st-exception span.on{background:var(--warn)}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--surface-2);white-space:nowrap}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st-in_transit .badge,.badge.st-in_transit{color:var(--beacon)}
.badge.st-out_for_delivery,.badge.st-pickup{color:var(--signal)}
.badge.st-delivered{color:var(--ok)}
.badge.st-exception,.badge.st-returned{color:var(--warn)}
.badge.st-pending,.badge.st-unknown{color:var(--muted)}

.carrier-wall{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.carrier-wall li .chip{height:34px;font-size:14px;padding-right:14px;background:var(--surface)}
.carrier-wall li .chip i{height:26px;min-width:38px}

.app-card{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--surface);border-radius:var(--r-lg);padding:26px 28px;
  background-image:radial-gradient(500px 200px at 100% 0,color-mix(in srgb,var(--signal) 16%,transparent),transparent 70%)}
.app-card h2{margin:0 0 6px}.app-card p{margin:0;color:var(--muted);max-width:56ch}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;background:var(--signal);color:var(--signal-ink);font-weight:800;font-size:15px;padding:12px 18px;border-radius:14px;text-decoration:none;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn.ghost{background:var(--surface);color:var(--ink)}
.btn.ghost:hover{background:var(--surface-2)}
.btn.small{padding:8px 14px;font-size:14px;border-radius:12px}
.btn.on{background:var(--surface-2);color:var(--ok)}
.btn:disabled{opacity:.5;cursor:default}

/* Résultat */
.view-result,.view-miss,.view-batch{padding-top:6px;padding-bottom:30px}
.result-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:6px 0 16px}
.result-id{display:flex;align-items:center;gap:10px;min-width:0;justify-content:center;flex-wrap:wrap}
.result-id .mono{font-size:clamp(14px,1.8vw,17px);overflow-wrap:anywhere}
.status-card{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(10px,3vw,36px);background:var(--surface);border-radius:var(--r-lg);padding:clamp(14px,2.5vw,26px) clamp(16px,3vw,36px);position:relative;overflow:hidden}
.status-stage{position:relative;height:clamp(220px,28vw,320px)}
.r-label{margin:0 0 4px;color:var(--muted);font-weight:700;font-size:15px}
.status-title{font:700 clamp(30px,4.6vw,56px)/1.02 var(--display);letter-spacing:-.04em;margin:0 0 12px}
.st-delivered .status-title{color:var(--ok)}
.st-exception .status-title,.st-returned .status-title{color:var(--warn)}
.st-out_for_delivery .status-title,.st-pickup .status-title{color:var(--signal)}
.status-last{margin:0 0 16px;color:var(--ink);font-size:16px;max-width:52ch}
.status-last small{display:block;color:var(--muted);font-size:13.5px;margin-top:2px}
.eta{display:inline-grid;gap:2px;background:var(--surface-2);border-radius:var(--r);padding:12px 16px}
.eta:empty{display:none}
.eta .k{font-size:13px;color:var(--muted);font-weight:700}
.eta .d{font:600 clamp(18px,2.2vw,23px)/1.2 var(--display);letter-spacing:-.02em}
.eta .h{font-size:14px;color:var(--muted)}
.eta .cd{color:var(--beacon);font-weight:800}

/* Barre de progression « route » */
.route{list-style:none;margin:18px 0;padding:18px 6px 4px;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.route::before,.route .fill{content:"";position:absolute;top:28px;left:10%;right:10%;height:4px;border-radius:4px;background:var(--surface-2)}
.route .fill{right:auto;background:linear-gradient(90deg,var(--beacon),color-mix(in srgb,var(--beacon) 60%,var(--ok)));width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.route li{position:relative;text-align:center;font-size:13px;color:var(--faint);font-weight:700;padding-top:26px}
.route li::before{content:"";position:absolute;top:2px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--night);box-shadow:inset 0 0 0 3px var(--surface-2);z-index:1}
.route li.done{color:var(--muted)}
.route li.done::before{background:var(--beacon);box-shadow:none}
.route li.now{color:var(--ink)}
.route li.now::before{background:var(--beacon);box-shadow:0 0 0 6px color-mix(in srgb,var(--beacon) 25%,transparent)}
.st-delivered .route li.done::before,.st-delivered .route li.now::before{background:var(--ok)}
.st-exception .route li.now::before{background:var(--warn);box-shadow:0 0 0 6px color-mix(in srgb,var(--warn) 25%,transparent)}
.route .truck{position:absolute;top:13px;width:34px;height:26px;margin-left:-17px;left:10%;transition:left 1.1s cubic-bezier(.2,.8,.2,1);z-index:2;pointer-events:none}
.route .truck::before{content:"";position:absolute;inset:3px 2px 0;border-radius:5px;background:linear-gradient(90deg,transparent 42%,var(--tape) 42% 58%,transparent 58%),var(--kraft);box-shadow:inset 0 -6px 0 var(--kraft-d),0 6px 14px -4px #0008}

.actions{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}
.result-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.side-col{display:grid;gap:16px}
.panel{background:var(--surface);border-radius:var(--r-lg);padding:clamp(18px,2.4vw,26px)}

.timeline{list-style:none;margin:0;padding:0}
.timeline .day{font:600 13.5px var(--display);color:var(--muted);margin:18px 0 8px;letter-spacing:-.01em}
.timeline .day:first-child{margin-top:0}
.timeline .ev{display:grid;grid-template-columns:52px 18px minmax(0,1fr);gap:10px;position:relative;padding-bottom:16px}
.timeline .ev .t{font:700 13px var(--mono);color:var(--muted);padding-top:2px;text-align:right}
.timeline .ev .dot{position:relative}
.timeline .ev .dot::before{content:"";position:absolute;top:6px;left:4px;width:10px;height:10px;border-radius:50%;background:var(--surface-2);box-shadow:0 0 0 3px var(--surface)}
.timeline .ev .dot::after{content:"";position:absolute;top:18px;bottom:-14px;left:8px;width:2px;background:var(--surface-2)}
.timeline .ev:last-child .dot::after{display:none}
.timeline .ev.first .dot::before{background:var(--beacon);box-shadow:0 0 0 4px color-mix(in srgb,var(--beacon) 28%,transparent)}
.timeline .ev.st-delivered.first .dot::before{background:var(--ok)}
.timeline .ev.st-exception .dot::before{background:var(--warn)}
.timeline .ev .x{font-weight:700;font-size:15px;line-height:1.4}
.timeline .ev.first .x{font-size:16px}
.timeline .ev .l{display:flex;align-items:center;gap:4px;font-size:13.5px;color:var(--muted);margin-top:2px}
.timeline .ev .l svg{width:14px;height:14px}
.timeline .more{background:none;border:0;color:var(--beacon);font-weight:800;cursor:pointer;padding:6px 0 0 80px}

.map{height:300px;border-radius:var(--r);overflow:hidden;background:var(--surface-2)}
.map-note{font-size:12.5px;color:var(--faint);margin:8px 0 0}
.leaflet-container{font-family:var(--text);background:var(--surface-2)}
.leaflet-control-attribution{font-size:10px}
.fx-marker{width:14px;height:14px;border-radius:50%;background:var(--beacon);box-shadow:0 0 0 4px color-mix(in srgb,var(--beacon) 30%,transparent),0 0 0 2px var(--night)}
.fx-marker.last{width:26px;height:20px;border-radius:5px;background:linear-gradient(90deg,transparent 42%,var(--tape) 42% 58%,transparent 58%),var(--kraft);box-shadow:inset 0 -5px 0 var(--kraft-d),0 8px 18px -4px #000a}
.fx-route{stroke-dasharray:6 8;animation:dash 1.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-28}}

.details{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0}
.details dt{color:var(--muted);font-size:14px;font-weight:700}
.details dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.source{font-size:12.5px;color:var(--faint);text-align:center;margin:18px 0 0}

.miss{max-width:640px;margin:8vh auto 0;text-align:left}
.miss h1{font:700 clamp(28px,4vw,44px)/1.05 var(--display);letter-spacing:-.04em;margin:0 0 12px}
.miss p{color:var(--muted);font-size:17px}
.miss-links{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}
.miss-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border-radius:var(--r);padding:12px 16px;color:var(--ink);text-decoration:none;font-weight:700}
.miss-links a:hover{background:var(--surface-2)}
.miss .pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--beacon);margin-right:10px;animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}

/* Feuille modale */
.sheet{position:fixed;inset:0;z-index:60;display:grid;align-items:end;justify-items:center}
@media (min-width:700px){.sheet{align-items:center}}
.sheet-backdrop{position:absolute;inset:0;background:#050a24b3;backdrop-filter:blur(3px);animation:fade .2s}
.sheet-panel{position:relative;width:min(520px,100%);background:var(--surface);border-radius:26px 26px 0 0;padding:28px 24px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow);animation:up .28s cubic-bezier(.2,.8,.2,1);max-height:92vh;overflow:auto}
@media (min-width:700px){.sheet-panel{border-radius:26px}}
.sheet-x{position:absolute;top:14px;right:14px;background:var(--surface-2)}
.sheet h3{font:600 21px/1.2 var(--display);letter-spacing:-.02em;margin:0 40px 10px 0}
.sheet p{color:var(--muted);margin:0 0 14px}
.sheet label{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--muted);margin-bottom:14px}
.sheet input{width:100%;border:2px solid var(--line);background:var(--night);color:var(--ink);border-radius:12px;padding:12px 14px;font:16px var(--text)}
.sheet input:focus{border-color:var(--beacon);outline:none}
.sheet .row-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.sheet .ios-steps{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px;counter-reset:s}
.sheet .ios-steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;counter-increment:s;font-weight:700}
.sheet .ios-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-2);font-family:var(--display);font-size:14px}
.qr{display:grid;place-items:center;background:#fff;border-radius:18px;padding:18px;margin:0 auto 14px;width:min(280px,100%)}
.qr svg{width:100%;height:auto}
.scan-video{width:100%;border-radius:16px;background:#000;aspect-ratio:4/3;object-fit:cover}
@keyframes fade{from{opacity:0}}
@keyframes up{from{transform:translateY(40px);opacity:0}}

.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%,30px);background:var(--ink);color:var(--night);font-weight:800;padding:12px 18px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s;z-index:70;max-width:calc(100vw - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

.foot{padding:40px var(--pad) calc(40px + env(safe-area-inset-bottom,0px));max-width:1240px;margin:0 auto;font-size:14px;color:var(--muted)}
.foot p{margin:0 0 6px}.foot strong{color:var(--ink)}

/* Squelette de chargement */
.loading .status-title,.loading .status-last{color:transparent!important;background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 60%,var(--surface)),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:10px}
@keyframes shimmer{to{background-position:-200% 0}}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0;padding-top:0}
  .hero-stage{order:-1;min-height:0;height:min(46vh,340px);margin:0 calc(var(--pad) * -1)}
  .hero-title{max-width:none;font-size:clamp(38px,11vw,60px)}
  .status-card{grid-template-columns:1fr;text-align:left}
  .status-stage{height:200px;margin:-10px -10px 0}
  .result-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .field{padding-left:14px;border-radius:18px}
  .btn-track{padding:14px 16px;font-size:15px}
  .pill span{display:none}
  .parcel{grid-template-columns:minmax(0,1fr) auto;padding:14px}
  .parcel>.chip{display:none}
  .route li{font-size:11px}
  .actions .btn span{font-size:14px}
  .actions{display:grid;grid-template-columns:1fr 1fr}
  .actions #a-follow{grid-column:1/-1}
  .timeline .ev{grid-template-columns:44px 16px minmax(0,1fr);gap:8px}
  .timeline .more{padding-left:68px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.ok-line{color:var(--ok)!important;font-weight:800}
.sheet .btn.ghost{background:var(--surface-2)}.sheet .btn.ghost:hover{background:var(--line)}