:root{--ink:#1b2f36;--muted:#62757c;--line:#dce6e3;--field-line:#cddcd8;--brand:#176c5a;--brand-dark:#123a3f;--bg:#f3f6f5;--card:#fff;--sunken:#eef3f2;--veil:#f3f6f5f2;color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[hidden]{display:none!important}
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;background:linear-gradient(120deg,#163f44,#102a31);color:#eaf6f2}
.bar-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.bar-brand strong{display:block;font-size:17px;letter-spacing:-.3px}
.bar-brand small{display:block;font-size:11px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#b5f4d3,#64cfbb);color:#123a3f;font-weight:800;font-size:22px;flex:none}
.bar-back{background:none;border:0;color:#eaf6f2;font-size:34px;line-height:1;padding:0 6px 4px;margin-left:-4px}
.bar-user{background:#ffffff1f;color:#eaf6f2;border:1px solid #ffffff33;border-radius:20px;padding:7px 12px;font-size:13px;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{padding:14px 14px calc(env(safe-area-inset-bottom) + 40px);max-width:640px;margin:0 auto}
h1{font-size:25px;letter-spacing:-.6px;margin:8px 0 6px}
h2{font-size:17px;margin:0 0 10px}
.muted{color:var(--muted);font-size:14px}
.center{text-align:center}
.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#397b72;font-weight:700;margin:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0;display:block}
label{display:block;font-size:14px;font-weight:600;margin:10px 0 0}
label small{font-weight:400;color:var(--muted)}
input,textarea,select{display:block;width:100%;margin-top:6px;padding:13px 12px;border:1px solid var(--field-line);border-radius:11px;font:16px/1.3 inherit;font-family:inherit;color:var(--ink);background:var(--card);-webkit-appearance:none;appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,#62757c 50%),linear-gradient(135deg,#62757c 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat}
input:focus,textarea:focus,select:focus{outline:2px solid #7cc5b1;border-color:#7cc5b1}
button,.big{font:600 16px inherit;font-family:inherit;border-radius:13px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:14px 16px;cursor:pointer}
button:disabled{opacity:.55}
.primary{background:linear-gradient(120deg,#167665,#24595f);color:#fff;border-color:transparent}
.wide{width:100%;margin-top:14px}
.status{color:#9b3b2c;font-size:14px;min-height:1em}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px}
.actions .big:first-child:nth-last-child(3){grid-column:1 / -1}
.big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;text-decoration:none;min-height:88px;font-size:15px}
.big span{font-size:24px;line-height:1}
.search input{margin-top:0;border-radius:14px;padding:14px}
.list{display:grid;gap:8px}
.item{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:inherit;text-decoration:none}
.item.closed{opacity:.72}
.item-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.item-sub{display:block;font-size:14px;color:var(--muted);margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip{display:inline-block;font-size:12px;font-weight:700;border-radius:20px;padding:4px 9px;background:#e9f1ef;color:#2c5b52;white-space:nowrap}
.chip-pronto{background:#dff4e8;color:#1e6b41}
.chip-consegnato,.chip-non-riparato{background:#eceff1;color:#56646b}
.chip-in-attesa{background:#fff1dd;color:#8a5413}
.scanner{position:fixed;inset:0;z-index:40;background:rgba(10,30,33,.72);display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.scanner[hidden]{display:none}
.scanner .card{width:100%;max-width:480px;display:grid;gap:10px}
.scanner video{width:100%;border-radius:12px;background:#000;aspect-ratio:4/3;object-fit:cover;max-height:50vh}
.scanner-manual{display:flex;gap:8px}
.scanner-manual input{flex:1;min-width:0}
.head-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.stock-item.found{outline:3px solid #2f9d73;outline-offset:2px}
.code-line{display:block;font-size:12px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}
.check{border:0;padding:0;margin:12px 0 0}
.check legend{font-size:14px;font-weight:600;margin-bottom:6px}
.segment{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.seg{margin:0;font-weight:500;position:relative}
.seg input{position:absolute;opacity:0;width:1px;height:1px;left:50%;top:50%;margin:0;pointer-events:none}
.seg span{display:block;text-align:center;padding:10px 4px;border:1px solid var(--field-line);border-radius:10px;font-size:13px;background:var(--card);color:var(--ink)}
.seg-ok input:checked+span{background:#dff4e8;border-color:#78c69b;color:#1e6b41;font-weight:700}
.seg-ko input:checked+span{background:#fde6e3;border-color:#e59a90;color:#9b2c21;font-weight:700}
.seg-nv input:checked+span{background:#eef1f2;border-color:#aab7bc;color:#46565c;font-weight:700}
details.card summary{font-weight:700;font-size:16px;cursor:pointer}
.hint{font-size:13px;color:#2c5b52}
.repair-head h1{margin:4px 0 0}
.repair-model{margin:2px 0 8px;color:#3f555c}
.phone{display:inline-block;margin-left:10px;color:var(--brand);font-weight:600;text-decoration:none}
.notice{background:#eaf6f1;border-color:#b9dfcf;color:#1f5a4a;font-size:15px}
.fact{display:flex;justify-content:space-between;gap:12px;margin:8px 0 0;font-size:14px;border-top:1px solid #edf2f0;padding-top:8px}
.fact span{color:var(--muted)}
.fact strong{text-align:right;font-weight:600}
.events{list-style:none;padding:0;margin:0}
.events li{padding:8px 0;border-top:1px solid #edf2f0;font-size:14px}
.events small{display:block;color:var(--muted);font-size:12px}
.sign-text{max-height:32vh;overflow:auto;font-size:14px;line-height:1.55}
.sign-text h2{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#397b72;margin:10px 0 4px}
.sign-text ol{padding-left:20px;margin:0}
.consent{display:flex;align-items:center;gap:12px;margin:0;padding:10px 2px;font-weight:500}
.consent input{width:24px;height:24px;margin:0;flex:none;-webkit-appearance:checkbox;appearance:auto;accent-color:var(--brand)}
.consent span{flex:1}
.consent small{font-size:10px;text-transform:uppercase;color:#a05a2c;letter-spacing:.4px}
.pad-wrap{position:relative;height:220px;border:2px dashed #9fc3b8;border-radius:16px;background:var(--card);touch-action:none}
#pad{width:100%;height:100%;display:block;touch-action:none;border-radius:16px}
.pad-line{position:absolute;left:22px;right:22px;bottom:52px;border-bottom:1px solid #c9d8d3;pointer-events:none}
.row{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:10px}
.print-grid{display:grid;gap:12px;margin:14px 0}
.print-card{display:grid;gap:10px;margin:0}
.print-card h2{margin:0 0 2px}
.print-card p{margin:0}
.print-icon{font-size:30px;line-height:1}
.print-status{margin:0;font-size:14px;min-height:1.2em;color:var(--muted)}
.print-status.ok{color:#1e6b41;font-weight:600}
.print-status.error{color:#9b3b2c}
.actions .chat-link{background:#12343a;color:#eaf6f2;border-color:transparent}
.actions .chat-link span{font-size:20px;color:#8fe6c6}
.chat-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.small-button{padding:9px 14px;font-size:14px}
.chat-list{display:grid;gap:10px;margin:12px 0 150px}
.bubble{max-width:88%;padding:11px 14px;border-radius:16px;font-size:15.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.bubble.user{justify-self:end;background:#176c5a;color:#fff;border-bottom-right-radius:5px}
.bubble.ai{justify-self:start;background:var(--card);border:1px solid var(--line);border-bottom-left-radius:5px}
.bubble.ai.typing{color:var(--muted)}
.bubble small{display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;opacity:.7;margin-bottom:3px;white-space:normal}
.chat-welcome{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.chat-welcome p{margin:0 0 10px;color:var(--muted);font-size:15px}
.chat-suggest{display:grid;gap:8px}
.chat-suggest button{text-align:left;font-weight:500;font-size:15px;padding:12px 14px}
.wa-link{display:flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#08331b;font-weight:700;text-decoration:none;border-radius:13px;padding:13px;margin-top:2px}
.chat-form{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--veil);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 14px calc(env(safe-area-inset-bottom) + 10px)}
.chat-form>*{max-width:612px;margin-left:auto;margin-right:auto}
.chat-web{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;color:var(--muted);margin:0 auto 6px}
.chat-web input{width:18px;height:18px;margin:0;-webkit-appearance:checkbox;appearance:auto;accent-color:var(--brand)}
.chat-compose{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end}
.chat-compose textarea{margin:0;resize:none;max-height:140px;border-radius:18px;padding:12px 14px}
#chat-send{width:48px;height:48px;padding:0;border-radius:50%;font-size:22px}
.chips{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}
.chip-button{padding:8px 13px;font-size:14px;border-radius:20px}
.chip-button.selected{background:#123a3f;color:#fff;border-color:#123a3f}
.stock-mode{margin:10px 0}
.row-even{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stock-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.stock-item.out{border-color:#e59a90}
.stock-item.low{border-color:#e8c07a}
.stock-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.stock-top button{all:unset;display:block;flex:1;min-width:0;cursor:pointer}
.stock-top strong{display:block}
.qty{min-width:54px;text-align:center;font-size:20px;font-weight:800;border-radius:12px;padding:6px 8px;background:#e9f1ef;color:#1d3b3f}
.out .qty{background:#fde6e3;color:#9b2c21}
.low .qty{background:#fff1dd;color:#8a5413}
.stock-panel{margin-top:12px;border-top:1px solid #edf2f0;padding-top:10px}
.stepper{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center;margin-top:8px}
.stepper input{margin:0;text-align:center;font-size:20px;font-weight:700}
.stepper button{padding:12px 0;font-size:22px}
.move-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.count-row{display:grid;grid-template-columns:1fr 92px;gap:10px;align-items:center}
.count-row input{margin:0;text-align:center;font-size:18px;font-weight:700}
.count-row input.changed{border-color:#e8b86a;background:#fffaf1}
.count-save{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 10px);width:100%;margin-top:12px;box-shadow:0 8px 20px #0003}
.count{font-style:normal;font-size:12px;font-weight:800;background:#c0392b;color:#fff;border-radius:20px;padding:2px 8px;margin-left:6px}
.price-picks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.price-picks[hidden]{display:none}
.chip-button.price-own{border-color:#78c69b;color:#1e6b41}
.speak{background:none;border:0;padding:0 0 0 8px;min-height:0;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;vertical-align:-4px}
.speak:hover,.speak:active{color:var(--brand)}
/* Microfono: un tondo pulito, con l anello che pulsa mentre registra. */
.voice{width:46px;min-width:46px;height:46px;padding:0;border-radius:50%;display:grid;place-items:center;color:var(--brand);flex:none}
.voice.recording{background:#c0392b;color:#fff;border-color:#c0392b;animation:voice-pulse 1.4s ease-out infinite}
@keyframes voice-pulse{0%{box-shadow:0 0 0 0 #c0392b66}70%{box-shadow:0 0 0 12px #c0392b00}100%{box-shadow:0 0 0 0 #c0392b00}}
@media (prefers-reduced-motion:reduce){.voice.recording{animation:none}}
.voice-line{margin:4px 2px 0;font-size:13px;color:#8a5413}
.voice-line:empty{display:none}
.count.soft{background:#1e6b41}
.day-title{font-size:13px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#2f5d57;margin:18px 2px 8px}
.day-title.overdue{color:#a4462f}
.appt{background:var(--card);border:1px solid var(--line);border-left:5px solid #6aa5c8;border-radius:14px;padding:12px 14px;display:grid;gap:6px;margin-bottom:8px}
.appt.ritiro{border-left-color:#2f9d73}
.appt.consegna{border-left-color:#d69a3a}
.appt.late{background:#fff6f2}
.appt.done{opacity:.55}
.appt .chip{justify-self:start}
.appt-head{display:flex;align-items:baseline;gap:10px;min-width:0}
.appt-head b{font-size:20px;font-variant-numeric:tabular-nums}
.appt-head strong{min-width:0;overflow-wrap:anywhere}
.appt small{color:var(--muted);overflow-wrap:anywhere}
.appt .panel-actions{margin:2px 0 0}
.when-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px}
.panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.panel-actions .wide-cell{grid-column:1 / -1}
.check-row{padding:10px 0;border-top:1px solid #edf2f0}
.check-row strong{display:block;margin-bottom:6px}
.check-row small{color:#8a5413;font-size:12px;display:block;margin:-4px 0 6px}
.progress{display:inline-block;font-size:13px;font-weight:700;padding:5px 10px;border-radius:20px;background:#fff1dd;color:#8a5413}
.progress.done{background:#dff4e8;color:#1e6b41}
.warn{color:#9b3b2c;font-size:14px;font-weight:600}
.warn:empty{display:none}
.big-total{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:4px 0}
.order-row{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:8px}
.order-row .chip{justify-self:start}
.order-row .panel-actions{margin:0}
.msg-kinds{display:flex;flex-wrap:wrap;gap:6px}
.toast{position:fixed;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:10;background:#123a3f;color:#fff;border-radius:14px;padding:13px 16px;font-size:15px;box-shadow:0 10px 30px #0004;text-align:center}
.seg input:checked+span{background:#123a3f;border-color:#123a3f;color:#fff;font-weight:700}
.seg-ok input:checked+span,.seg-ko input:checked+span,.seg-nv input:checked+span{color:inherit}
.seg-ok input:checked+span{background:#dff4e8;border-color:#78c69b;color:#1e6b41}
.seg-ko input:checked+span{background:#fde6e3;border-color:#e59a90;color:#9b2c21}
.seg-nv input:checked+span{background:#eef1f2;border-color:#aab7bc;color:#46565c}
.count-row strong,.count-row small{display:block}
.stock-panel .status:empty{display:none}

/* Mai piu larga dello schermo: su iPhone i pulsanti e i testi lunghi non devono allargare la pagina. */
html,body{max-width:100%;overflow-x:hidden}
main,.card,.list,.item,.stock-item,.chat-list{min-width:0;max-width:100%}
.actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.big,button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.item-top strong,.stock-top strong,.bubble,.fact strong,.repair-head h1{overflow-wrap:anywhere;min-width:0}
.item-top{min-width:0}
.item-top .chip{flex:none}
.segment{grid-template-columns:repeat(3,minmax(0,1fr))}
.stock-mode{grid-template-columns:repeat(2,minmax(0,1fr))}
.bar-brand small{max-width:100%}
.events li,.events span,.item-sub,.notice,.muted,p{overflow-wrap:anywhere}

.ask-layer{position:fixed;inset:0;z-index:60;background:rgba(10,30,33,.55);display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.ask-card{width:100%;max-width:480px;display:grid;gap:10px}
.ask-text{font-size:17px;font-weight:600;margin:4px 2px 6px;line-height:1.4;white-space:pre-line}
#list-filters em{font-style:normal;opacity:.7;margin-left:2px}
#list-more{margin:10px 0 24px}
.item-date{float:right}
.others .item{margin-top:8px}
.customer-counts{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.customer-counts .chip{font-size:12px}
#customers-more{margin:10px 0 24px}
#stock-photo.busy{opacity:.55;pointer-events:none}
#stock-ai-note{margin:0 0 10px;font-size:14px}
.stock-photo{width:100%;margin:10px 0 4px;cursor:pointer}
.stock-photo small{font-weight:500;font-size:13px;color:#fff;opacity:.9}
.item-deposit{display:block;font-size:13px;font-weight:700;color:#1e6b41;margin-top:2px}
.imei-photo{display:flex;flex-direction:column;align-items:center;gap:2px;margin:2px 0 14px;padding:12px;border:1px dashed var(--brand);border-radius:13px;color:var(--brand);font-weight:700;cursor:pointer;text-align:center}
.imei-photo small{font-weight:500;color:var(--muted)}
.imei-photo.busy{opacity:.55;pointer-events:none}
#imei-note{font-size:14px;margin:0 0 12px}
#imei-note.warn-note{background:#fff4e5;border-color:#f0c27a;color:#8a5300}
.purchase-customer{display:block;font-size:14px;font-weight:700;color:#1e6b41;margin-top:2px}
.notify-row{border-color:#78c69b;background:#f2fbf6}
a.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:13px;border:1px solid var(--line);padding:12px 14px;font-weight:600;font-size:15px}
a.button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.closing-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.closing-photo{margin:0;background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden}
.closing-photo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--sunken)}
.closing-photo figcaption{font-size:12px;padding:6px 8px;color:var(--muted)}
.card > .small-button{margin-top:12px}
.photo-tools{display:flex;gap:6px;padding:0 8px 8px;flex-wrap:wrap}
.photo-tools .small-button{font-size:12px;padding:6px 8px}
.repair-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.repair-photo{position:relative;margin:0;border-radius:10px;overflow:hidden;background:var(--sunken);aspect-ratio:3/4;cursor:pointer}
.repair-photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-badge{position:absolute;left:4px;bottom:4px;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;background:#123a3f;color:#fff}
.photo-badge.photo-dopo{background:#1e6b41}
.photo-full{display:block;width:100%;border-radius:13px;margin-bottom:10px}
#bar-home{text-decoration:none;color:inherit}
#sign-later{margin-top:10px}
.intake-card{padding-bottom:14px}
.check-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.check-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:20px;border:1px solid var(--line);background:var(--card);font-size:14px;font-weight:600;color:var(--muted)}
.check-chip-mark{font-weight:800}
.check-chip[data-value="ok"]{background:#dff4e8;border-color:#78c69b;color:#1e6b41}
.check-chip[data-value="ko"]{background:#fde6e3;border-color:#e59a90;color:#9b2c21}
.intake-save{position:sticky;bottom:0;padding:10px 0 14px;background:linear-gradient(180deg,#f3f6f500,var(--bg) 35%)}
#view-intake details summary{padding:10px 0;font-weight:600}
#view-intake details[open]{padding-bottom:6px}
.item.with-photo{display:flex;gap:12px;align-items:center}
.item.with-photo .item-text{flex:1;min-width:0;display:block}
.thumb{margin:0;width:64px;height:64px;flex:none;border-radius:12px;overflow:hidden;background:var(--sunken);border:1px solid var(--line)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb-missing{background:#f4f0ea}
.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stock-grid .stock-item{padding:0;overflow:hidden}
.tile-face{all:unset;display:block;cursor:pointer;padding:14px 12px;text-align:center;width:100%;box-sizing:border-box}
.tile-face .qty{display:block;width:fit-content;margin:0 auto 8px;min-width:64px;font-size:26px}
.tile-face strong{display:block;font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.tile-face small{display:block;font-size:12px}
.tile-foot{display:block;margin-top:6px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#5b6f73}
.out .tile-foot{color:#9b2c21;font-weight:700}
.low .tile-foot{color:#8a5413;font-weight:700}
.stock-grid .stock-item.open{grid-column:1 / -1}
.stock-grid .stock-panel{padding:0 12px 14px;margin-top:0}
.stock-group{grid-column:1 / -1;margin:8px 2px 0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#5b6f73}
#stock-categories{margin-top:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
#stock-categories::-webkit-scrollbar{display:none}
#stock-categories .chip-button{flex:none}
.tidy-button{margin:4px 0 10px;background:#fff6e5;border-color:#e8c07a;color:#8a5413;font-weight:600}
/* Dentro l app iPhone: niente barra della pagina, il telaio è quello dell app. */
.in-app .bar{display:none}
.in-app main{padding-top:14px}
.in-app #view-home .actions{display:none}
.in-app #view-home .search{margin-top:0}
.in-app .view h1{margin-top:2px}
/* Il titolo lo mette la barra dell app: la pagina non lo ripete. */
.in-app #view-login > h1,
.in-app #view-intake > h1,
.in-app #view-stock .head .eyebrow,
.in-app #view-stock .head h1{display:none}
.in-app #view-stock .head{justify-content:flex-end}
/* Tema scuro: lo accende l app (o Safari, se il telefono è in scuro). */
html.dark{--ink:#e6efee;--muted:#9db0b3;--line:#27383b;--field-line:#2d4145;--bg:#101819;--card:#182325;--sunken:#1c2729;--veil:#101819f2;color-scheme:dark}
html.dark .eyebrow{color:#5fbfa9}
html.dark .status,html.dark .warn{color:#ff9d8a}
html.dark .ask-layer{background:#000c}
html.dark .toast{background:#e6efee;color:#101819}
html.dark select{background-image:linear-gradient(45deg,transparent 50%,#9db0b3 50%),linear-gradient(135deg,#9db0b3 50%,transparent 50%)}
/* Pastiglie e stati: stessi significati, colori da notte. */
html.dark .chip{background:#1d3b32;color:#8ed8c3}
html.dark .chip-pronto{background:#1c4430;color:#8fe0ad}
html.dark .chip-consegnato,html.dark .chip-non-riparato{background:#26302f;color:#adbcbd}
html.dark .chip-in-attesa{background:#3a2e15;color:#f2ce8a}
html.dark .chip-button{background:var(--card);border-color:var(--line);color:var(--ink)}
html.dark .chip-button.selected{background:#1d5b4e;border-color:#1d5b4e;color:#eafaf4}
html.dark .qty{background:#1d3b32;color:#bdf0dd}
html.dark .out .qty{background:#3f201c;color:#ffb3a7}
html.dark .low .qty{background:#3a2e15;color:#f2ce8a}
html.dark .out{border-color:#7a3a31}
html.dark .low{border-color:#7a5f2a}
html.dark .progress{background:#3a2e15;color:#f2ce8a}
html.dark .progress.done{background:#1c4430;color:#8fe0ad}
html.dark .notice{background:#16302b;border-color:#2c5d51;color:#9fdcc9}
html.dark #imei-note.warn-note{background:#33280f;border-color:#7a5f2a;color:#f2ce8a}
html.dark .notify-row{background:#16302b;border-color:#2c5d51}
html.dark .tidy-button{background:#33280f;border-color:#7a5f2a;color:#f2ce8a}
html.dark .count-row input.changed{background:#33280f;border-color:#7a5f2a}
html.dark .seg-ok input:checked+span{background:#1c4430;border-color:#2f7a4f;color:#8fe0ad}
html.dark .seg-ko input:checked+span{background:#3f201c;border-color:#8a4237;color:#ffb3a7}
html.dark .seg-nv input:checked+span{background:#26302f;border-color:#3d4b4d;color:#c3d0d1}
html.dark .check-chip[data-value="ok"]{background:#1c4430;border-color:#2f7a4f;color:#8fe0ad}
html.dark .check-chip[data-value="ko"]{background:#3f201c;border-color:#8a4237;color:#ffb3a7}
/* Agenda: giorni, appuntamenti e ritardi. */
html.dark .day-title{color:#7fc9b6}
html.dark .day-title.overdue{color:#ff9d8a}
html.dark .appt.late{background:#2a1d1a}
html.dark .appt-head strong,html.dark .appt-head b{color:var(--ink)}
html.dark .stock-group,html.dark .tile-foot{color:var(--muted)}
html.dark .item-deposit{color:#f2ce8a}
html.dark .thumb-missing{background:#241f1a}
html.dark .events li{border-color:var(--line)}
html.dark .bubble.me{background:#1d5b4e;color:#eafaf4}
html.dark .voice{color:#5fbfa9}
html.dark .speak{color:var(--muted)}
html.dark .mark{color:#0f1a1c}
/* Le icone disegnate nei tasti stanno in riga con il testo. */
.small-button svg,button svg{vertical-align:-3px}
.small-button svg+*{margin-left:2px}