/* Adempimenti — Impianti a gas — variante corazzata. Ancorata a #adegas-app-root e con !important su ogni dichiarazione: serve quando l'applicazione convive nella stessa pagina con il foglio di stile del tema. La cascata interna non cambia, perché fra dichiarazioni tutte importanti decide la specificità. Generato da costruisci.py: non modificare a mano. */ #adegas-app-root :is(h1,h2,h3,h4,h5,h6,p,div,span,section,article,header,footer, nav,aside,main,ul,ol,li,dl,dt,dd,a,small,strong,em,b,i,figure,figcaption, blockquote,label,summary,details,form,fieldset,legend){ font-family:inherit!important; color:inherit!important; background:transparent none!important; border:0 none transparent!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; text-transform:none!important; letter-spacing:normal!important; float:none!important; /* transform senza !important: così vince sui temi (che dichiarano normale) ma lascia passare le animazioni di ingresso, che !important bloccherebbe */ transform:none; } #adegas-app-root{ color-scheme:light; /* superfici e testo */ --ink:#0E1B29; --muted:#59687A; --faint:#8494A6; --line:#E4E9EF; --line2:#EFF2F6; --bg:#F5F7FA; --surface:#FFFFFF; --surface-2:#FAFBFD; --surface-3:#F4F7FA; /* marchio */ --primary:#16304F; --primary-2:#22507F; --primary-soft:#EAF0F8; --primary-line:#D3E0EF; --accent:#B8863B; --accent-soft:#FBF4E8; /* semantici */ --amber:#8F5F10; --amber-bg:#FDF5E6; --amber-line:#EEDCB4; --red:#95301D; --red-bg:#FCEFEC; --red-line:#EFCCC3; --green:#1F5B41; --green-bg:#E9F3EE; --green-line:#C7DED2; /* forma */ --r-xs:7px; --r-sm:10px; --r:15px; --r-lg:20px; --ease:cubic-bezier(.22,.61,.36,1); /* elevazione: ombre tinte, non nere */ --sh-xs:0 1px 1px rgba(14,27,41,.04); --sh:0 1px 2px rgba(14,27,41,.05), 0 2px 6px -1px rgba(14,27,41,.05); --sh-h:0 2px 4px rgba(14,27,41,.06), 0 12px 26px -6px rgba(14,27,41,.14); --sh-lg:0 24px 56px -20px rgba(14,27,41,.28), 0 4px 12px rgba(14,27,41,.06); --ring:0 0 0 3px rgba(34,80,127,.22); --grad-top:linear-gradient(180deg,#1B3A5E 0%,#16304F 100%); } html[data-theme="dark"] #adegas-app-root{ color-scheme:dark!important; --ink:#E8EDF3; --muted:#9BAABC; --faint:#7A8AA0; --line:#22303F; --line2:#1B2836; --bg:#0C1521; --surface:#121D2B; --surface-2:#16222F; --surface-3:#1A2735; --primary:#5C9BE0; --primary-2:#7FB2EA; --primary-soft:#152436; --primary-line:#243954; --accent:#D6A65B; --accent-soft:#241D10; --amber:#E0AE5E; --amber-bg:#251D0F; --amber-line:#3D3018; --red:#E8927E; --red-bg:#261512; --red-line:#3E211B; --green:#79C6A0; --green-bg:#10241B; --green-line:#1E3B2C; --sh-xs:0 1px 1px rgba(0,0,0,.3); --sh:0 1px 2px rgba(0,0,0,.4), 0 2px 6px -1px rgba(0,0,0,.35); --sh-h:0 2px 4px rgba(0,0,0,.45), 0 12px 26px -6px rgba(0,0,0,.55); --sh-lg:0 24px 56px -20px rgba(0,0,0,.7); --ring:0 0 0 3px rgba(92,155,224,.3); --grad-top:linear-gradient(180deg,#16233A 0%,#101A29 100%)} @media (prefers-reduced-motion:reduce){ #adegas-app-root *, #adegas-app-root *::before, #adegas-app-root *::after{animation-duration:.01ms!important;transition-duration:.01ms!important} } #adegas-app-root *{box-sizing:border-box!important} #adegas-app-root{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif!important; background:var(--bg)!important; color:var(--ink)!important; line-height:1.55!important; -webkit-font-smoothing:antialiased!important; -moz-osx-font-smoothing:grayscale!important; font-size:15px!important; font-feature-settings:"kern" 1,"liga" 1,"cv11" 1!important; text-rendering:optimizeLegibility!important; transition:background-color .3s var(--ease), color .3s var(--ease)!important} #adegas-app-root input, #adegas-app-root select, #adegas-app-root textarea, #adegas-app-root button{font-family:inherit!important} #adegas-app-root :where(input, #adegas-app-root select, #adegas-app-root textarea, #adegas-app-root button, #adegas-app-root a, #adegas-app-root [tabindex]):focus-visible{outline:2px solid var(--primary-2)!important;outline-offset:2px!important;border-radius:4px!important} #adegas-app-root ::selection{background:var(--primary-soft)!important;color:var(--ink)!important} #adegas-app-root .skip{position:absolute!important;left:-9999px!important;top:0!important;z-index:100!important;background:var(--surface)!important;color:var(--ink)!important; padding:12px 18px!important;border-radius:0 0 var(--r-sm) 0!important;font-weight:650!important;box-shadow:var(--sh-h)!important} #adegas-app-root .skip:focus{left:0!important} #adegas-app-root .wrap{max-width:1200px!important;margin:0 auto!important;padding:0 22px!important} #adegas-app-root svg{display:block!important} #adegas-app-root button{font:inherit!important;color:inherit!important;border:0!important;background:none!important;cursor:pointer!important} #adegas-app-root h1, #adegas-app-root h2, #adegas-app-root h3, #adegas-app-root h4{margin:0!important;line-height:1.25!important;letter-spacing:-.01em!important} /* ── HEADER ────────────────────────────── */ #adegas-app-root .top{background:var(--primary)!important;color:#fff!important;position:sticky!important;top:0!important;z-index:40!important;box-shadow:0 1px 0 rgba(0,0,0,.08)!important} #adegas-app-root .top-in{display:flex!important;align-items:center!important;gap:18px!important;padding:13px 0!important;flex-wrap:wrap!important} #adegas-app-root .brand{display:flex!important;align-items:center!important;gap:11px!important;margin-right:auto!important;text-align:left!important} #adegas-app-root .brand .mk{width:34px!important;height:34px!important;border-radius:9px!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;flex:none!important} #adegas-app-root .brand .mk svg{width:19px!important;height:19px!important;stroke:#fff!important;stroke-width:1.7!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .brand b{display:block!important;font-size:15px!important;font-weight:650!important;letter-spacing:-.015em!important} #adegas-app-root .brand span{display:block!important;font-size:11.5px!important;opacity:.7!important;letter-spacing:.01em!important} #adegas-app-root .nav{display:flex!important;gap:4px!important;background:rgba(255,255,255,.10)!important;padding:3px!important;border-radius:10px!important} #adegas-app-root .nav button{display:flex!important;align-items:center!important;gap:6px!important;padding:7px 11px!important;border-radius:7px!important;font-size:12.5px!important;font-weight:550!important;color:rgba(255,255,255,.82)!important;transition:.15s!important;white-space:nowrap!important} #adegas-app-root .nav button svg{width:15px!important;height:15px!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .nav button:hover{color:#fff!important;background:rgba(255,255,255,.10)!important} #adegas-app-root .nav button.on{background:#fff!important;color:var(--primary)!important} #adegas-app-root .srch{position:relative!important;display:flex!important;align-items:center!important} #adegas-app-root .srch svg{position:absolute!important;left:11px!important;width:15px!important;height:15px!important;stroke:rgba(255,255,255,.6)!important;stroke-width:1.9!important;fill:none!important;stroke-linecap:round!important} #adegas-app-root .srch input{ width:180px!important;padding:8px 12px 8px 33px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.18)!important; background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:13px!important;outline:none!important;transition:.15s!important} #adegas-app-root .srch input::placeholder{color:rgba(255,255,255,.55)!important} #adegas-app-root .srch input:focus{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.4)!important;width:210px!important} /* ── FILTRO A CASCATA ──────────────────── */ #adegas-app-root .filt{background:var(--surface)!important;border-bottom:1px solid var(--line)!important} #adegas-app-root .filt-head{display:flex!important;align-items:center!important;gap:12px!important;padding:13px 0!important;cursor:pointer!important} #adegas-app-root .filt-head svg.i{width:17px!important;height:17px!important;stroke:var(--primary)!important;stroke-width:1.8!important;fill:none!important;stroke-linecap:round!important;flex:none!important} #adegas-app-root .filt-head h2{font-size:14px!important;font-weight:650!important} #adegas-app-root .filt-head .res{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:12.5px!important;color:var(--muted)!important} #adegas-app-root .pillcount{background:var(--primary-soft)!important;color:var(--primary)!important;font-weight:650!important;padding:3px 10px!important;border-radius:20px!important;font-size:12px!important} #adegas-app-root .caret{width:16px!important;height:16px!important;stroke:var(--faint)!important;stroke-width:2!important;fill:none!important;stroke-linecap:round!important;transition:.2s!important;transform:rotate(90deg)!important} #adegas-app-root .filt.open .caret{transform:rotate(-90deg)!important} #adegas-app-root .filt-body{display:none!important;padding-bottom:20px!important;border-top:1px solid var(--line2)!important;padding-top:16px!important} #adegas-app-root .filt.open .filt-body{display:block!important} #adegas-app-root .steps{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important;gap:22px!important} #adegas-app-root .step .lab{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:9px!important} #adegas-app-root .step .n{width:19px!important;height:19px!important;border-radius:50%!important;background:var(--primary)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;display:grid!important;place-items:center!important;flex:none!important} #adegas-app-root .step .lab b{font-size:13px!important;font-weight:620!important} #adegas-app-root .step .hint{font-size:11.5px!important;color:var(--faint)!important;margin:-4px 0 9px 27px!important} #adegas-app-root .chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important} #adegas-app-root .chip{ padding:6px 12px!important;border-radius:20px!important;border:1px solid var(--line)!important;background:var(--surface)!important; font-size:12.5px!important;color:var(--muted)!important;transition:.13s!important;font-weight:520!important} #adegas-app-root .chip:hover{border-color:#C3CEDA!important;color:var(--ink)!important} #adegas-app-root .chip.on{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;font-weight:600!important} #adegas-app-root .filt-foot{display:flex!important;align-items:center!important;gap:14px!important;margin-top:18px!important;padding-top:14px!important;border-top:1px solid var(--line2)!important} #adegas-app-root .linkbtn{font-size:12.5px!important;color:var(--primary)!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important} #adegas-app-root .filt-foot .note{font-size:12.5px!important;color:var(--muted)!important} /* ── LAYOUT ────────────────────────────── */ #adegas-app-root main{padding:28px 0 70px!important} #adegas-app-root .crumb{display:flex!important;align-items:center!important;gap:7px!important;font-size:12.5px!important;color:var(--muted)!important;margin-bottom:16px!important;flex-wrap:wrap!important} #adegas-app-root .crumb button{color:var(--primary)!important;font-weight:600!important} #adegas-app-root .crumb button:hover{text-decoration:underline!important;text-underline-offset:3px!important} #adegas-app-root .crumb svg{width:13px!important;height:13px!important;stroke:var(--faint)!important;stroke-width:2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important} #adegas-app-root .phead{margin-bottom:22px!important} #adegas-app-root .phead h1{font-size:25px!important;font-weight:680!important;letter-spacing:-.022em!important} #adegas-app-root .phead p{margin:7px 0 0!important;color:var(--muted)!important;font-size:14.5px!important;max-width:72ch!important} /* ── PIASTRELLE ────────────────────────── */ #adegas-app-root .grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(305px,1fr))!important;gap:15px!important} #adegas-app-root .tile{ background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;padding:19px!important; text-align:left!important;display:flex!important;flex-direction:column!important;gap:11px!important;transition:.16s!important;position:relative!important;overflow:hidden!important; box-shadow:var(--sh)!important;width:100%!important} #adegas-app-root .tile:hover{transform:translateY(-2px)!important;box-shadow:var(--sh-h)!important;border-color:#CDD8E3!important} #adegas-app-root .tile:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important} #adegas-app-root .tile.dim{opacity:.4!important;filter:grayscale(.55)!important} #adegas-app-root .tile .bar{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:3px!important} #adegas-app-root .tile .ico{width:42px!important;height:42px!important;border-radius:11px!important;display:grid!important;place-items:center!important;flex:none!important} #adegas-app-root .tile .ico svg{width:22px!important;height:22px!important;stroke:currentColor!important;stroke-width:1.6!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .tile h3{font-size:15.5px!important;font-weight:640!important;letter-spacing:-.012em!important} #adegas-app-root .tile .sub{font-size:12.5px!important;color:var(--muted)!important;margin-top:2px!important;font-weight:520!important} #adegas-app-root .tile p{margin:0!important;font-size:13px!important;color:var(--muted)!important;line-height:1.5!important} #adegas-app-root .tile .foot{margin-top:auto!important;padding-top:11px!important;border-top:1px solid var(--line2)!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:11.5px!important;color:var(--faint)!important;flex-wrap:wrap!important} #adegas-app-root .tile .go{margin-left:auto!important;display:flex!important;align-items:center!important;gap:4px!important;color:var(--primary)!important;font-weight:640!important;font-size:12px!important} #adegas-app-root .tile .go svg{width:13px!important;height:13px!important;stroke:currentColor!important;stroke-width:2.2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .badge{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:2.5px 8px!important;border-radius:5px!important;font-size:10.5px!important;font-weight:680!important;letter-spacing:.02em!important;text-transform:uppercase!important} #adegas-app-root .badge svg{width:11px!important;height:11px!important;stroke:currentColor!important;stroke-width:2.2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .b-urg{background:var(--amber-bg)!important;color:var(--amber)!important;border:1px solid var(--amber-line)!important} #adegas-app-root .b-old{background:var(--red-bg)!important;color:var(--red)!important;border:1px solid var(--red-line)!important} #adegas-app-root .b-neutral{background:var(--line2)!important;color:var(--muted)!important} #adegas-app-root .meta-line{font-size:11.5px!important;color:var(--faint)!important} /* ── DETTAGLIO ─────────────────────────── */ #adegas-app-root .card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important} #adegas-app-root .dhead{padding:24px 26px!important;border-bottom:1px solid var(--line2)!important;display:flex!important;gap:17px!important;align-items:flex-start!important} #adegas-app-root .dhead .ico{width:52px!important;height:52px!important;border-radius:13px!important;display:grid!important;place-items:center!important;flex:none!important} #adegas-app-root .dhead .ico svg{width:27px!important;height:27px!important;stroke:currentColor!important;stroke-width:1.55!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .dhead h1{font-size:22px!important;font-weight:670!important;letter-spacing:-.02em!important} #adegas-app-root .dhead .sum{margin:6px 0 0!important;color:var(--muted)!important;font-size:14px!important;max-width:70ch!important} #adegas-app-root .metagrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:1px!important;background:var(--line2)!important;border-bottom:1px solid var(--line2)!important} #adegas-app-root .metagrid div{background:var(--surface)!important;padding:13px 18px!important} #adegas-app-root .metagrid .k{font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--faint)!important;font-weight:680!important;margin-bottom:3px!important} #adegas-app-root .metagrid .v{font-size:13px!important;font-weight:560!important} #adegas-app-root .dbody{padding:24px 26px!important} #adegas-app-root .dbody .intro{font-size:14.5px!important;color:#31414F!important;max-width:78ch!important;margin:0 0 4px!important} #adegas-app-root h4.sec{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--faint)!important;font-weight:700!important;margin:28px 0 14px!important;display:flex!important;align-items:center!important;gap:9px!important} #adegas-app-root h4.sec svg{width:15px!important;height:15px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important} #adegas-app-root h4.sec::after{content:""!important;flex:1!important;height:1px!important;background:var(--line2)!important} /* stepper */ #adegas-app-root .stepper{display:flex!important;flex-direction:column!important} #adegas-app-root .stp{display:flex!important;gap:16px!important;position:relative!important;padding-bottom:16px!important} #adegas-app-root .stp:last-child{padding-bottom:0!important} #adegas-app-root .stp .rail{display:flex!important;flex-direction:column!important;align-items:center!important;flex:none!important} #adegas-app-root .stp .num{width:27px!important;height:27px!important;border-radius:50%!important;background:var(--primary)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:700!important;flex:none!important} #adegas-app-root .stp .line{width:2px!important;flex:1!important;background:var(--line)!important;margin:5px 0 -2px!important;border-radius:2px!important} #adegas-app-root .stp:last-child .line{display:none!important} #adegas-app-root .stp .content{flex:1!important;padding-bottom:4px!important} #adegas-app-root .stp .cosa{font-size:14px!important;font-weight:530!important;color:var(--ink)!important;margin-bottom:9px!important;max-width:76ch!important} #adegas-app-root .kv{display:flex!important;flex-wrap:wrap!important;gap:7px!important} #adegas-app-root .kv span{display:inline-flex!important;align-items:baseline!important;gap:6px!important;background:#F7F9FB!important;border:1px solid var(--line2)!important;border-radius:7px!important;padding:4.5px 10px!important;font-size:12px!important} #adegas-app-root .kv span i{font-style:normal!important;font-size:9.5px!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:var(--faint)!important;font-weight:700!important} #adegas-app-root .kv span.term{background:var(--primary-soft)!important;border-color:#D6E1EF!important;color:var(--primary)!important;font-weight:600!important} #adegas-app-root .kv span.term i{color:#6C88AC!important} /* tabella regole */ #adegas-app-root .rules{width:100%!important;border-collapse:collapse!important;font-size:13px!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;overflow:hidden!important} #adegas-app-root .rules td{padding:10px 14px!important;border-bottom:1px solid var(--line2)!important;vertical-align:top!important} #adegas-app-root .rules tr:last-child td{border-bottom:0!important} #adegas-app-root .rules tr:nth-child(even){background:#FAFBFD!important} #adegas-app-root .rules td:first-child{font-weight:640!important;width:34%!important;color:var(--primary)!important} /* pannelli */ #adegas-app-root .panel{border-radius:var(--r-sm)!important;padding:16px 18px!important;font-size:13.5px!important} #adegas-app-root .p-soft{background:#F7F9FB!important;border:1px solid var(--line)!important} #adegas-app-root .p-amber{background:var(--amber-bg)!important;border:1px solid var(--amber-line)!important} #adegas-app-root .p-red{background:var(--red-bg)!important;border:1px solid var(--red-line)!important} #adegas-app-root .panel .ph{display:flex!important;align-items:center!important;gap:8px!important;font-weight:670!important;font-size:12.5px!important;margin-bottom:9px!important} #adegas-app-root .panel .ph svg{width:15px!important;height:15px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .panel ul{margin:0!important;padding-left:19px!important} #adegas-app-root .panel li{margin-bottom:6px!important;line-height:1.5!important} #adegas-app-root .panel li:last-child{margin-bottom:0!important} #adegas-app-root .p-amber .ph{color:var(--amber)!important} #adegas-app-root .p-red .ph{color:var(--red)!important} #adegas-app-root .two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important} @media(max-width:820px){ #adegas-app-root .two{grid-template-columns:1fr!important} } /* ── SCADENZARIO ───────────────────────── */ #adegas-app-root .tl{display:flex!important;flex-direction:column!important;gap:11px!important} #adegas-app-root .tlrow{ background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important; display:flex!important;gap:16px!important;padding:15px 18px!important;align-items:flex-start!important;text-align:left!important;width:100%!important; transition:.14s!important;box-shadow:var(--sh)!important} #adegas-app-root .tlrow:hover{border-color:#CDD8E3!important;box-shadow:var(--sh-h)!important} #adegas-app-root .tlrow .when{flex:none!important;width:148px!important;display:block!important} #adegas-app-root .tlrow .when .d{display:block!important;font-size:14.5px!important;font-weight:680!important;letter-spacing:-.012em!important;line-height:1.3!important} #adegas-app-root .tlrow .when .rel{display:block!important;font-size:11.5px!important;font-weight:600!important;margin-top:3px!important} #adegas-app-root .tlrow .body{display:block!important;flex:1!important;min-width:0!important} #adegas-app-root .tlrow .body h4{font-size:14.5px!important;font-weight:620!important;margin-bottom:4px!important} #adegas-app-root .tlrow .body p{margin:0!important;font-size:13px!important;color:var(--muted)!important;max-width:78ch!important} #adegas-app-root .tlrow .mark{width:3px!important;align-self:stretch!important;border-radius:3px!important;flex:none!important} #adegas-app-root .sect-lab{font-size:11.5px!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--faint)!important;font-weight:700!important;margin:22px 0 10px!important} #adegas-app-root .sect-lab:first-child{margin-top:0!important} /* ── ELENCO ────────────────────────────── */ #adegas-app-root .list{display:flex!important;flex-direction:column!important;gap:8px!important} #adegas-app-root .lrow{ background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:13px 16px!important; display:flex!important;align-items:center!important;gap:14px!important;text-align:left!important;width:100%!important;transition:.14s!important;box-shadow:var(--sh)!important} #adegas-app-root .lrow:hover{border-color:#CDD8E3!important;box-shadow:var(--sh-h)!important} #adegas-app-root .lrow.dim{opacity:.42!important} #adegas-app-root .lrow .ico{width:34px!important;height:34px!important;border-radius:9px!important;display:grid!important;place-items:center!important;flex:none!important} #adegas-app-root .lrow .ico svg{width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:1.6!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .lrow .t{flex:1!important;min-width:0!important} #adegas-app-root .lrow .t b{display:block!important;font-size:14px!important;font-weight:610!important} #adegas-app-root .lrow .t span{display:block!important;font-size:12.5px!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #adegas-app-root .lrow .r{flex:none!important;font-size:11.5px!important;color:var(--faint)!important;text-align:right!important} @media(max-width:700px){ #adegas-app-root .lrow .r{display:none!important} } /* ── CTA E CONTINUITÀ OPERATIVA ────────── */ #adegas-app-root .cta{ display:flex!important;align-items:center!important;gap:18px!important;padding:20px 26px!important; background:linear-gradient(135deg,#1F3A5F 0%,#2C5280 100%)!important;color:#fff!important;flex-wrap:wrap!important} #adegas-app-root .cta .txt{flex:1!important;min-width:220px!important} #adegas-app-root .cta .txt b{display:block!important;font-size:15px!important;font-weight:650!important;margin-bottom:3px!important} #adegas-app-root .cta .txt span{display:block!important;font-size:13px!important;opacity:.78!important;line-height:1.45!important} #adegas-app-root .btn{ display:inline-flex!important;align-items:center!important;gap:9px!important;padding:13px 24px!important;border-radius:10px!important; font-size:14.5px!important;font-weight:650!important;transition:.15s!important;white-space:nowrap!important;border:1px solid transparent!important} #adegas-app-root .btn svg{width:17px!important;height:17px!important;stroke:currentColor!important;stroke-width:2.1!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important} #adegas-app-root .btn-go{background:#fff!important;color:var(--primary)!important;box-shadow:0 2px 10px rgba(0,0,0,.18)!important} #adegas-app-root .btn-go:hover{transform:translateY(-1px)!important;box-shadow:0 5px 18px rgba(0,0,0,.24)!important} #adegas-app-root .btn-ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important} #adegas-app-root .btn-ghost:hover{background:rgba(255,255,255,.2)!important} #adegas-app-root .btn-pri{background:var(--primary)!important;color:#fff!important} #adegas-app-root .btn-pri:hover{background:#284A76!important} #adegas-app-root .btn-sec{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important} #adegas-app-root .btn-sec:hover{border-color:#B9C6D4!important} #adegas-app-root .btn-sm{padding:8px 15px!important;font-size:13px!important;border-radius:8px!important} #adegas-app-root .btn[disabled]{opacity:.45!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important} #adegas-app-root .prog{height:6px!important;border-radius:6px!important;background:rgba(255,255,255,.22)!important;overflow:hidden!important;margin-top:9px!important;max-width:340px!important} #adegas-app-root .prog i{display:block!important;height:100%!important;background:#fff!important;border-radius:6px!important;transition:width .3s!important} #adegas-app-root .prog.dark{background:var(--line)!important} #adegas-app-root .prog.dark i{background:var(--primary)!important} #adegas-app-root .contbar{background:#12283F!important;color:#fff!important} #adegas-app-root .contbar .in{display:flex!important;align-items:center!important;gap:14px!important;padding:11px 0!important;flex-wrap:wrap!important} #adegas-app-root .contbar .dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#7FD1A5!important;flex:none!important;box-shadow:0 0 0 4px rgba(127,209,165,.18)!important} #adegas-app-root .contbar .lab{display:block!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:700!important;opacity:.55!important;margin-bottom:1px!important} #adegas-app-root .contbar b{display:block!important;font-size:13.5px!important;font-weight:620!important;line-height:1.3!important} #adegas-app-root .contbar .st{font-size:12.5px!important;opacity:.75!important;flex:1!important;min-width:60px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} #adegas-app-root .contbar .sp{display:flex!important;gap:8px!important;flex:none!important} #adegas-app-root .statechip{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:2.5px 9px!important;border-radius:20px!important;font-size:10.5px!important;font-weight:680!important;letter-spacing:.02em!important;text-transform:uppercase!important} #adegas-app-root .s-new{background:var(--line2)!important;color:var(--faint)!important} #adegas-app-root .s-run{background:#E7F1FB!important;color:#1D5A96!important} #adegas-app-root .s-done{background:var(--green-bg)!important;color:var(--green)!important} /* ── WIZARD ────────────────────────────── */ #adegas-app-root .wz{display:grid!important;grid-template-columns:288px 1fr!important;gap:0!important} @media(max-width:900px){ #adegas-app-root .wz{grid-template-columns:1fr!important} } #adegas-app-root .wz-side{background:#F8FAFC!important;border-right:1px solid var(--line2)!important;padding:22px 20px!important} @media(max-width:900px){ #adegas-app-root .wz-side{border-right:0!important;border-bottom:1px solid var(--line2)!important} } #adegas-app-root .wz-side h5{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--faint)!important;font-weight:700!important;margin:0 0 14px!important} #adegas-app-root .wsteps{display:flex!important;flex-direction:column!important;gap:2px!important} #adegas-app-root .wstep{display:flex!important;gap:11px!important;align-items:flex-start!important;padding:9px 10px!important;border-radius:9px!important;text-align:left!important;width:100%!important;transition:.13s!important} #adegas-app-root .wstep:hover{background:#EDF2F7!important} #adegas-app-root .wstep.on{background:var(--primary)!important;color:#fff!important} #adegas-app-root .wstep .n{width:22px!important;height:22px!important;border-radius:50%!important;border:1.5px solid var(--line)!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:700!important;flex:none!important;background:#fff!important;color:var(--muted)!important} #adegas-app-root .wstep.on .n{background:#fff!important;border-color:#fff!important;color:var(--primary)!important} #adegas-app-root .wstep.ok .n{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important} #adegas-app-root .wstep.ok.on .n{background:#fff!important;border-color:#fff!important;color:var(--green)!important} #adegas-app-root .wstep .n svg{width:12px!important;height:12px!important;stroke:currentColor!important;stroke-width:2.6!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .wstep .tx{font-size:12.5px!important;line-height:1.4!important;font-weight:520!important} #adegas-app-root .wstep.on .tx{font-weight:600!important} #adegas-app-root .wz-main{padding:24px 26px!important} #adegas-app-root .wz-main .sub{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--faint)!important;font-weight:700!important;margin-bottom:6px!important} #adegas-app-root .wz-main h3{font-size:18px!important;font-weight:650!important;letter-spacing:-.015em!important;margin-bottom:10px!important} #adegas-app-root .fase-box{background:#F7F9FB!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:15px 17px!important;margin-bottom:22px!important} #adegas-app-root .fase-box .cosa{font-size:13.5px!important;margin-bottom:10px!important} #adegas-app-root .fgrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important} @media(max-width:700px){ #adegas-app-root .fgrid{grid-template-columns:1fr!important} } #adegas-app-root .field.wide{grid-column:1/-1!important} #adegas-app-root .field label{display:block!important;font-size:12px!important;font-weight:640!important;margin-bottom:5px!important} #adegas-app-root .field label i{color:var(--red)!important;font-style:normal!important} #adegas-app-root .field .hint{font-size:11.5px!important;color:var(--faint)!important;margin-top:5px!important;line-height:1.4!important} #adegas-app-root .field input, #adegas-app-root .field select, #adegas-app-root .field textarea{ width:100%!important;padding:9px 12px!important;border:1px solid var(--line)!important;border-radius:8px!important;font:inherit!important;font-size:13.5px!important; background:#fff!important;color:var(--ink)!important;outline:none!important;transition:.13s!important} #adegas-app-root .field textarea{min-height:78px!important;resize:vertical!important;line-height:1.5!important} #adegas-app-root .field input:focus, #adegas-app-root .field select:focus, #adegas-app-root .field textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(31,58,95,.10)!important} #adegas-app-root .multichips{display:flex!important;flex-wrap:wrap!important;gap:6px!important} #adegas-app-root .calcbox{grid-column:1/-1!important;background:var(--amber-bg)!important;border:1px solid var(--amber-line)!important;border-radius:var(--r-sm)!important;padding:13px 16px!important;font-size:13px!important} #adegas-app-root .calcbox b{color:var(--amber)!important;display:block!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:5px!important} #adegas-app-root .calcbox .val{font-size:15px!important;font-weight:650!important} #adegas-app-root .wz-foot{display:flex!important;align-items:center!important;gap:10px!important;margin-top:24px!important;padding-top:18px!important;border-top:1px solid var(--line2)!important;flex-wrap:wrap!important} #adegas-app-root .wz-foot .sp{margin-left:auto!important;display:flex!important;gap:10px!important} #adegas-app-root .donecheck{display:flex!important;align-items:center!important;gap:10px!important;background:var(--green-bg)!important;border:1px solid #CFE3D8!important;border-radius:var(--r-sm)!important;padding:12px 15px!important;margin-bottom:18px!important;cursor:pointer!important} #adegas-app-root .donecheck input{width:17px!important;height:17px!important;accent-color:var(--green)!important;cursor:pointer!important} #adegas-app-root .donecheck span{font-size:13.5px!important;font-weight:560!important} #adegas-app-root .riepilogo{border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;overflow:hidden!important} #adegas-app-root .riepilogo .r{display:flex!important;gap:14px!important;padding:10px 15px!important;border-bottom:1px solid var(--line2)!important;font-size:13px!important} #adegas-app-root .riepilogo .r:last-child{border-bottom:0!important} #adegas-app-root .riepilogo .r:nth-child(odd){background:#FAFBFD!important} #adegas-app-root .riepilogo .r b{width:38%!important;font-weight:620!important;color:var(--muted)!important;flex:none!important} /* numero di fase nel menu laterale */ #adegas-app-root .wstep .fnum{display:block!important;font-size:9.5px!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-weight:750!important;color:var(--primary)!important;opacity:.62!important;margin-bottom:2px!important} #adegas-app-root .wstep.on .fnum{color:#fff!important;opacity:.82!important} #adegas-app-root .wstep.ok .fnum{color:var(--green)!important;opacity:.8!important} #adegas-app-root .wstep.ok.on .fnum{color:#fff!important} /* toast */ #adegas-app-root .toast{ position:fixed!important;left:50%!important;bottom:26px!important;transform:translate(-50%,20px)!important;z-index:90!important; display:flex!important;align-items:center!important;gap:10px!important;background:#12283F!important;color:#fff!important;padding:12px 20px!important; border-radius:11px!important;font-size:13.5px!important;font-weight:550!important;box-shadow:0 8px 30px rgba(0,0,0,.28)!important; opacity:0!important;pointer-events:none!important;transition:.25s!important;max-width:min(520px,90vw)!important} #adegas-app-root .toast.show{opacity:1!important;transform:translate(-50%,0)!important} #adegas-app-root .toast svg{width:17px!important;height:17px!important;stroke:#7FD1A5!important;stroke-width:2.2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important} #adegas-app-root .toast.warn svg{stroke:#F0C177!important} /* tabelle e schede di amministrazione */ #adegas-app-root .tabs{display:flex!important;gap:5px!important;margin-bottom:18px!important;flex-wrap:wrap!important;border-bottom:1px solid var(--line)!important;padding-bottom:0!important} #adegas-app-root .tabs button{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;font-size:13.5px!important;font-weight:570!important;color:var(--muted)!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important;transition:.13s!important} #adegas-app-root .tabs button svg{width:15px!important;height:15px!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .tabs button:hover{color:var(--ink)!important} #adegas-app-root .tabs button.on{color:var(--primary)!important;border-bottom-color:var(--primary)!important;font-weight:650!important} #adegas-app-root .adminhead{display:flex!important;align-items:flex-start!important;gap:18px!important;margin-bottom:18px!important;flex-wrap:wrap!important} #adegas-app-root .adminhead h3{font-size:16.5px!important;font-weight:650!important} #adegas-app-root .adminhead p{margin:5px 0 0!important;font-size:13px!important;color:var(--muted)!important;max-width:74ch!important} #adegas-app-root .adminhead .btn{margin-left:auto!important;flex:none!important} #adegas-app-root .editbox{background:#F7F9FB!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:18px 20px!important;margin-bottom:20px!important} #adegas-app-root .editbox h4{font-size:13.5px!important;font-weight:660!important;margin-bottom:14px!important} #adegas-app-root .tbl{width:100%!important;border-collapse:collapse!important;font-size:13.5px!important} #adegas-app-root .tbl th{text-align:left!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:var(--faint)!important;font-weight:700!important;padding:9px 12px!important;border-bottom:1px solid var(--line)!important} #adegas-app-root .tbl td{padding:11px 12px!important;border-bottom:1px solid var(--line2)!important;vertical-align:top!important} #adegas-app-root .tbl tr:last-child td{border-bottom:0!important} #adegas-app-root .tbl tr:hover td{background:#FAFBFD!important} #adegas-app-root .tbl .sm{font-size:12px!important;color:var(--muted)!important} #adegas-app-root .tbl .act{text-align:right!important;white-space:nowrap!important;width:1%!important} #adegas-app-root .tinychip{display:inline-block!important;background:var(--line2)!important;color:var(--muted)!important;border-radius:5px!important;padding:2px 7px!important;font-size:10.5px!important;font-weight:600!important;margin:1px 0!important} #adegas-app-root .tinychip.nw{background:var(--green-bg)!important;color:var(--green)!important} #adegas-app-root .iconbtn{width:30px!important;height:30px!important;border-radius:7px!important;display:inline-grid!important;place-items:center!important;color:var(--muted)!important;transition:.13s!important} #adegas-app-root .iconbtn svg{width:16px!important;height:16px!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .iconbtn:hover{background:var(--line2)!important;color:var(--ink)!important} #adegas-app-root .iconbtn.danger:hover{background:var(--red-bg)!important;color:var(--red)!important} #adegas-app-root .inlinelink{margin-top:6px!important} #adegas-app-root .inlinelink button{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:11.5px!important;color:var(--primary)!important;font-weight:600!important} #adegas-app-root .inlinelink button svg{width:13px!important;height:13px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .inlinelink button:hover{text-decoration:underline!important;text-underline-offset:3px!important} #adegas-app-root label.inlinecheck{display:flex!important;align-items:center!important;gap:9px!important;font-size:13.5px!important;font-weight:550!important;cursor:pointer!important} #adegas-app-root label.inlinecheck input{width:17px!important;height:17px!important;accent-color:var(--primary)!important;cursor:pointer!important} /* repeater materiali */ #adegas-app-root .matlist{display:flex!important;flex-direction:column!important;gap:9px!important} #adegas-app-root .matrow{display:flex!important;gap:11px!important;align-items:flex-start!important;background:#F7F9FB!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:12px 13px!important} #adegas-app-root .matrow .mn{width:22px!important;height:22px!important;border-radius:50%!important;background:var(--primary)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:700!important;flex:none!important;margin-top:20px!important} #adegas-app-root .matrow .mgrid{flex:1!important;display:grid!important;grid-template-columns:1fr 1fr 1fr 78px!important;gap:10px!important;min-width:0!important} @media(max-width:900px){ #adegas-app-root .matrow .mgrid{grid-template-columns:1fr 1fr!important} } @media(max-width:560px){ #adegas-app-root .matrow .mgrid{grid-template-columns:1fr!important} } #adegas-app-root .matrow label{display:block!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--faint)!important;font-weight:700!important;margin-bottom:4px!important} #adegas-app-root .matrow input, #adegas-app-root .matrow select{width:100%!important;padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:7px!important;font:inherit!important;font-size:13px!important;background:#fff!important;outline:none!important} #adegas-app-root .matrow input:focus, #adegas-app-root .matrow select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(31,58,95,.10)!important} #adegas-app-root .matrow .iconbtn{margin-top:18px!important;flex:none!important} #adegas-app-root .matempty{background:var(--amber-bg)!important;border:1px dashed var(--amber-line)!important;border-radius:var(--r-sm)!important;padding:14px 16px!important;font-size:13px!important;color:var(--amber)!important} /* documento generato */ #adegas-app-root .docbar{display:flex!important;align-items:center!important;gap:16px!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;padding:14px 20px!important;margin-bottom:18px!important;box-shadow:var(--sh)!important;flex-wrap:wrap!important} #adegas-app-root .docbar .lab{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--faint)!important;font-weight:700!important} #adegas-app-root .docbar b{font-size:15px!important;font-weight:640!important} #adegas-app-root .docbar .sp{margin-left:auto!important;display:flex!important;gap:9px!important;flex-wrap:wrap!important} #adegas-app-root .doc{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--sh)!important;max-width:820px!important;margin:0 auto 40px!important;padding:44px 48px!important;font-size:12.5px!important;line-height:1.55!important;color:#14202E!important} #adegas-app-root .doc-head{display:flex!important;gap:24px!important;align-items:flex-start!important;border-bottom:2px solid var(--primary)!important;padding-bottom:14px!important;margin-bottom:22px!important} #adegas-app-root .doc-head .dz{font-size:16px!important;font-weight:700!important;color:var(--primary)!important;letter-spacing:-.015em!important} #adegas-app-root .doc-head .ds{font-size:11px!important;color:var(--muted)!important;line-height:1.5!important;margin-top:3px!important} #adegas-app-root .doc-head .dr{margin-left:auto!important;text-align:right!important;flex:none!important} #adegas-app-root .doc-head .dz2{font-size:14px!important;font-weight:700!important;letter-spacing:.02em!important} #adegas-app-root .doc-t{font-size:19px!important;font-weight:700!important;letter-spacing:-.02em!important;margin-bottom:4px!important} #adegas-app-root .doc-rif{font-size:11.5px!important;color:var(--muted)!important;font-style:italic!important;margin-bottom:22px!important} #adegas-app-root .doc-sec{margin-bottom:20px!important;break-inside:avoid!important} #adegas-app-root .doc-sec h3{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--primary)!important;font-weight:750!important;margin-bottom:8px!important;padding-bottom:5px!important;border-bottom:1px solid var(--line)!important} #adegas-app-root .doc-sec table{width:100%!important;border-collapse:collapse!important} #adegas-app-root .doc-sec td{padding:5px 0!important;vertical-align:top!important;border-bottom:1px solid var(--line2)!important} #adegas-app-root .doc-sec td.k{width:42%!important;color:var(--muted)!important;padding-right:14px!important} #adegas-app-root .doc-sec table.dgrid{border:1px solid var(--line)!important;width:100%!important;table-layout:fixed!important} #adegas-app-root .doc-sec table.dgrid td{word-wrap:break-word!important} #adegas-app-root .doc-sec table.mat td:nth-child(1), #adegas-app-root .doc-sec table.mat th:nth-child(1){width:6%!important} #adegas-app-root .doc-sec table.mat td:nth-child(2), #adegas-app-root .doc-sec table.mat th:nth-child(2){width:27%!important} #adegas-app-root .doc-sec table.mat td:nth-child(3), #adegas-app-root .doc-sec table.mat th:nth-child(3){width:19%!important} #adegas-app-root .doc-sec table.mat td:nth-child(4), #adegas-app-root .doc-sec table.mat th:nth-child(4){width:34%!important} #adegas-app-root .doc-sec table.mat td:nth-child(5), #adegas-app-root .doc-sec table.mat th:nth-child(5){width:14%!important} #adegas-app-root .doc-sec table.fasi td:nth-child(1), #adegas-app-root .doc-sec table.fasi th:nth-child(1){width:6%!important} #adegas-app-root .doc-sec table.fasi td:nth-child(2), #adegas-app-root .doc-sec table.fasi th:nth-child(2){width:40%!important} #adegas-app-root .doc-sec table.fasi td:nth-child(3), #adegas-app-root .doc-sec table.fasi th:nth-child(3){width:13%!important} #adegas-app-root .doc-sec table.fasi td:nth-child(4), #adegas-app-root .doc-sec table.fasi th:nth-child(4){width:17%!important} #adegas-app-root .doc-sec table.fasi td:nth-child(5), #adegas-app-root .doc-sec table.fasi th:nth-child(5){width:24%!important} #adegas-app-root .doc-sec table.dgrid th{background:#F2F5F8!important;text-align:left!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--muted)!important;padding:6px 9px!important;border-bottom:1px solid var(--line)!important} #adegas-app-root .doc-sec table.dgrid td{padding:6px 9px!important;border-bottom:1px solid var(--line2)!important} #adegas-app-root .doc-sec table.chk td.bx{width:22px!important;font-size:15px!important;line-height:1.2!important;color:var(--primary)!important} #adegas-app-root .doc-sec .pr{margin:0!important;font-size:12px!important} #adegas-app-root .doc-sec .vuoto{color:var(--muted)!important;font-style:italic!important;margin:0!important} #adegas-app-root .doc-firme{display:flex!important;gap:40px!important;margin:32px 0 18px!important;break-inside:avoid!important} #adegas-app-root .doc-firme>div{flex:1!important} #adegas-app-root .doc-firme .ds{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--faint)!important;font-weight:700!important} #adegas-app-root .doc-firme .fl{margin-top:26px!important;border-top:1px solid var(--ink)!important;padding-top:5px!important;font-size:12px!important} #adegas-app-root .doc-note{background:#F7F9FB!important;border-left:3px solid var(--primary)!important;padding:11px 14px!important;font-size:11.5px!important;margin-bottom:16px!important} #adegas-app-root .doc-foot{border-top:1px solid var(--line)!important;padding-top:11px!important;font-size:10.5px!important;color:var(--faint)!important;line-height:1.5!important} /* ── MAPPA DEI CANTIERI ────────────────── */ #adegas-app-root .maplayout{display:grid!important;grid-template-columns:1fr 380px!important;gap:16px!important;align-items:start!important} @media(max-width:1020px){ #adegas-app-root .maplayout{grid-template-columns:1fr!important} } #adegas-app-root .mapbox{position:relative!important;background:#EEF2F7!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;overflow:hidden!important;padding:10px!important} #adegas-app-root .mapbox svg{width:100%!important;height:min(72vh,640px)!important;display:block!important;cursor:grab!important;touch-action:none!important} #adegas-app-root .lnd-mare{fill:#D8E3EE!important;stroke:#C2CFDC!important;stroke-width:1!important} #adegas-app-root .lnd-altro{fill:#C3D0DD!important} #adegas-app-root .lnd-ita{fill:#FCFDFE!important;stroke:#7E93A8!important;stroke-width:1.3!important;stroke-linejoin:round!important} #adegas-app-root .mk{cursor:pointer!important} #adegas-app-root .mk circle{transition:.15s!important} #adegas-app-root .mk:hover circle:nth-of-type(2), #adegas-app-root .mk.on circle:nth-of-type(2){stroke-width:3!important} #adegas-app-root .mk.on circle:first-of-type{opacity:.34!important} #adegas-app-root .mkn{font-size:10.5px!important;font-weight:750!important;fill:#fff!important;pointer-events:none!important;font-family:inherit!important} #adegas-app-root .mkl{font-size:9.5px!important;font-weight:680!important;fill:#2B3B4C!important;pointer-events:none!important;font-family:inherit!important;paint-order:stroke!important;stroke:#fff!important;stroke-width:3px!important;stroke-linejoin:round!important} #adegas-app-root .mkl.onl{fill:var(--primary)!important;font-size:10.5px!important} #adegas-app-root .maptools{position:absolute!important;top:16px!important;right:16px!important;z-index:3!important;display:flex!important;flex-direction:column!important;gap:3px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:9px!important;padding:4px!important;box-shadow:var(--sh-h)!important} #adegas-app-root .maptools .iconbtn{width:32px!important;height:32px!important;color:var(--primary)!important} #adegas-app-root .maptools .iconbtn svg{width:18px!important;height:18px!important} #adegas-app-root .maplegend{position:absolute!important;left:16px!important;bottom:14px!important;z-index:2!important;display:flex!important;gap:13px!important;flex-wrap:wrap!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--line)!important;border-radius:9px!important;padding:8px 13px!important;font-size:11.5px!important;color:var(--muted)!important;box-shadow:var(--sh)!important} #adegas-app-root .maplegend span{display:flex!important;align-items:center!important;gap:6px!important} #adegas-app-root .maplegend i{width:10px!important;height:10px!important;border-radius:50%!important;display:block!important} #adegas-app-root .maplegend i.ring{border:1.6px dashed var(--amber)!important;background:none!important;width:12px!important;height:12px!important} #adegas-app-root .maphint{position:absolute!important;right:16px!important;bottom:14px!important;z-index:2!important;font-size:11px!important;color:var(--faint)!important;background:rgba(255,255,255,.9)!important;padding:5px 10px!important;border-radius:7px!important} @media(max-width:760px){ #adegas-app-root .maphint{display:none!important} } #adegas-app-root .mapside{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;max-height:min(72vh,660px)!important} #adegas-app-root .msh{display:flex!important;align-items:center!important;gap:12px!important;padding:15px 18px!important;border-bottom:1px solid var(--line2)!important;flex:none!important} #adegas-app-root .msh .lab{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--faint)!important;font-weight:700!important} #adegas-app-root .msh b{font-size:15px!important;font-weight:650!important} #adegas-app-root .msh .btn{margin-left:auto!important} #adegas-app-root .mslist{overflow:auto!important;flex:1!important} #adegas-app-root .msrow{display:flex!important;gap:11px!important;align-items:flex-start!important;width:100%!important;text-align:left!important;padding:13px 18px!important;border-bottom:1px solid var(--line2)!important;transition:.13s!important} #adegas-app-root .msrow:hover{background:#F7F9FB!important} #adegas-app-root .msrow .dotc{width:9px!important;height:9px!important;border-radius:50%!important;flex:none!important;margin-top:5px!important} #adegas-app-root .msrow .t{flex:1!important;min-width:0!important} #adegas-app-root .msrow .t b{display:block!important;font-size:13.5px!important;font-weight:620!important;line-height:1.35!important} #adegas-app-root .msrow .t>span{display:block!important;font-size:12px!important;color:var(--muted)!important;margin-top:2px!important} #adegas-app-root .msrow .pc{font-size:11.5px!important;color:var(--faint)!important;font-weight:650!important;flex:none!important} #adegas-app-root .msorf{padding:14px 18px!important;background:var(--amber-bg)!important;border-top:1px solid var(--amber-line)!important;flex:none!important} #adegas-app-root .msorf b{display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;color:var(--amber)!important;margin-bottom:8px!important} #adegas-app-root .msorf b svg{width:14px!important;height:14px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .msorf button{display:block!important;text-align:left!important;font-size:12.5px!important;color:var(--ink)!important;padding:3px 0!important;font-weight:550!important} #adegas-app-root .msorf button:hover{text-decoration:underline!important;text-underline-offset:3px!important} #adegas-app-root .msorf span{display:block!important;font-size:11.5px!important;color:var(--amber)!important;margin-top:8px!important;line-height:1.45!important} #adegas-app-root .msfoot{padding:13px 18px!important;border-top:1px solid var(--line2)!important;flex:none!important} #adegas-app-root .pratlist{border-bottom:1px solid var(--line2)!important} #adegas-app-root .pratrow{display:flex!important;align-items:center!important;gap:13px!important;width:100%!important;text-align:left!important;padding:13px 26px!important;border-bottom:1px solid var(--line2)!important;transition:.13s!important} #adegas-app-root .pratrow:last-child{border-bottom:0!important} #adegas-app-root .pratrow:hover{background:#F7F9FB!important} #adegas-app-root .pratrow .pn{width:26px!important;height:26px!important;border-radius:7px!important;background:var(--primary-soft)!important;color:var(--primary)!important;display:grid!important;place-items:center!important;font-size:11.5px!important;font-weight:700!important;flex:none!important} #adegas-app-root .pratrow .t{flex:1!important;min-width:0!important} #adegas-app-root .pratrow .t b{display:block!important;font-size:13.5px!important;font-weight:620!important} #adegas-app-root .pratrow .t span{display:block!important;font-size:12px!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #adegas-app-root .pratrow .st{flex:none!important;text-align:right!important} #adegas-app-root .pratrow .cv{width:15px!important;height:15px!important;stroke:var(--faint)!important;stroke-width:2.2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important} /* ── funzioni nuove ────────────────────── */ #adegas-app-root .res .opsel{display:flex!important;align-items:center!important;gap:7px!important} #adegas-app-root .res .opsel label{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--faint)!important;font-weight:700!important} #adegas-app-root .res .opsel select{padding:5px 9px!important;border:1px solid var(--line)!important;border-radius:7px!important;font:inherit!important;font-size:12.5px!important;background:#fff!important;color:var(--ink)!important;outline:none!important} #adegas-app-root .res .opsel select:focus{border-color:var(--primary)!important} #adegas-app-root .dirtybadge{display:inline-flex!important;align-items:center!important;gap:5px!important;background:var(--amber-bg)!important;color:var(--amber)!important;border:1px solid var(--amber-line)!important;border-radius:20px!important;padding:3px 10px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.03em!important} #adegas-app-root .dirtybadge::before{content:""!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--amber)!important} #adegas-app-root .filt-head .res{gap:8px!important;flex-wrap:wrap!important} @media(max-width:900px){ #adegas-app-root .filt-head{flex-wrap:wrap!important} } #adegas-app-root .payload{background:#0F1E2E!important;color:#CFE0F0!important;border-radius:var(--r-sm)!important;padding:15px 17px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:11.5px!important;line-height:1.55!important;overflow:auto!important;max-height:420px!important;margin:0!important;white-space:pre-wrap!important;word-break:break-word!important} #adegas-app-root .ivat{width:100%!important;border-collapse:collapse!important;margin-top:10px!important;font-size:13px!important} #adegas-app-root .ivat td{padding:5px 0!important;border-bottom:1px solid rgba(0,0,0,.06)!important} #adegas-app-root .ivat td.n{text-align:right!important;font-variant-numeric:tabular-nums!important;font-weight:600!important} #adegas-app-root .ivat tr.tot td{border-bottom:0!important;border-top:1.5px solid var(--amber)!important;padding-top:8px!important;font-weight:750!important;font-size:14px!important} #adegas-app-root .firmabox{display:flex!important;gap:18px!important;align-items:flex-start!important;background:#F7F9FB!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:16px 18px!important;flex-wrap:wrap!important} #adegas-app-root .firmabox canvas{background:#fff!important;border:1px dashed #B9C6D4!important;border-radius:8px!important;touch-action:none!important;cursor:crosshair!important;max-width:100%!important} #adegas-app-root .firmabox .fx{flex:1!important;min-width:200px!important} #adegas-app-root .firmabox.done{background:var(--green-bg)!important;border-color:#CFE3D8!important;align-items:center!important} #adegas-app-root .firmabox.done img{height:70px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:4px!important} #adegas-app-root .firmabox.done b{display:block!important;font-size:13.5px!important} #adegas-app-root .firmabox.done span{display:block!important;font-size:12px!important;color:var(--muted)!important} #adegas-app-root .doc-sec table.reg{width:100%!important;table-layout:fixed!important} #adegas-app-root .doc-sec table.reg td:nth-child(1), #adegas-app-root .doc-sec table.reg th:nth-child(1){width:34%!important} #adegas-app-root .doc-sec table.reg td:nth-child(2), #adegas-app-root .doc-sec table.reg th:nth-child(2){width:22%!important} #adegas-app-root .doc-sec table.reg td:nth-child(3), #adegas-app-root .doc-sec table.reg th:nth-child(3){width:16%!important} #adegas-app-root .doc-sec table.reg td:nth-child(4), #adegas-app-root .doc-sec table.reg th:nth-child(4){width:14%!important} #adegas-app-root .doc-sec table.reg td:nth-child(5), #adegas-app-root .doc-sec table.reg th:nth-child(5){width:14%!important} #adegas-app-root .doc .dp{font-size:12.5px!important;line-height:1.75!important;margin:0 0 12px!important;text-align:justify!important} #adegas-app-root .doc .dp u{text-decoration:none!important;border-bottom:1px solid var(--ink)!important;padding:0 2px!important;font-weight:600!important} #adegas-app-root .doc .ck{display:inline-block!important;margin-right:16px!important;font-size:12.5px!important;white-space:nowrap!important} #adegas-app-root .doc .dichiara{text-align:center!important;font-size:15px!important;font-weight:750!important;letter-spacing:.18em!important;margin:20px 0 12px!important;padding:7px 0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important} #adegas-app-root .doc ul.dl{margin:0 0 14px!important;padding-left:20px!important;font-size:12.5px!important;line-height:1.7!important} #adegas-app-root .doc ul.dl li{margin-bottom:5px!important} #adegas-app-root .doc .ann{font-size:11px!important;color:var(--muted)!important;font-style:italic!important;margin:8px 0 0!important} #adegas-app-root .doc .sig{max-height:56px!important;display:block!important} #adegas-app-root .doc-firme>div{flex:1!important;min-width:0!important} /* ── moduli tecnici, checklist, archivio ─ */ #adegas-app-root .cklist{display:flex!important;flex-direction:column!important;gap:8px!important} #adegas-app-root .ckrow{display:flex!important;gap:12px!important;align-items:flex-start!important;background:#F7F9FB!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:12px 14px!important} #adegas-app-root .ckrow .cn{width:22px!important;height:22px!important;border-radius:50%!important;background:var(--primary)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:700!important;flex:none!important;margin-top:1px!important} #adegas-app-root .ckrow .cb{flex:1!important;min-width:0!important} #adegas-app-root .ckrow .cv{font-size:13.5px!important;margin-bottom:9px!important;line-height:1.45!important} #adegas-app-root .cbtns{display:flex!important;gap:6px!important;flex-wrap:wrap!important} #adegas-app-root .ckb{padding:5px 12px!important;border-radius:20px!important;border:1px solid var(--line)!important;background:#fff!important;font-size:12px!important;font-weight:560!important;color:var(--muted)!important;transition:.13s!important} #adegas-app-root .ckb:hover{border-color:#B9C6D4!important;color:var(--ink)!important} #adegas-app-root .ckb.on.ok{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important;font-weight:650!important} #adegas-app-root .ckb.on.no{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;font-weight:650!important} #adegas-app-root .ckb.on.na{background:var(--muted)!important;border-color:var(--muted)!important;color:#fff!important;font-weight:650!important} #adegas-app-root .cnote{width:100%!important;margin-top:9px!important;padding:8px 11px!important;border:1px solid var(--red-line)!important;background:var(--red-bg)!important;border-radius:7px!important;font:inherit!important;font-size:12.5px!important;outline:none!important} #adegas-app-root .imgbox{display:flex!important;align-items:center!important;gap:12px!important;background:#F7F9FB!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:10px 12px!important} #adegas-app-root .imgbox img{max-height:52px!important;max-width:150px!important;background:#fff!important;border:1px solid var(--line2)!important;border-radius:6px!important;padding:3px!important} #adegas-app-root .field input[type=file]{padding:8px 10px!important;font-size:12.5px!important;background:#fff!important} #adegas-app-root .doc-head .logo{max-height:56px!important;max-width:170px!important;flex:none!important;margin-right:6px!important} #adegas-app-root .doc-sec table.ck{width:100%!important;table-layout:fixed!important} #adegas-app-root .doc-sec table.ck td:nth-child(1), #adegas-app-root .doc-sec table.ck th:nth-child(1){width:6%!important} #adegas-app-root .doc-sec table.ck td:nth-child(2), #adegas-app-root .doc-sec table.ck th:nth-child(2){width:50%!important} #adegas-app-root .doc-sec table.ck td:nth-child(3), #adegas-app-root .doc-sec table.ck th:nth-child(3){width:16%!important} #adegas-app-root .doc-sec table.ck td:nth-child(4), #adegas-app-root .doc-sec table.ck th:nth-child(4){width:28%!important} #adegas-app-root .doc-sec table.ck td.nc{color:var(--red)!important;font-weight:700!important} #adegas-app-root .doc-sec table td{overflow-wrap:anywhere!important;word-break:break-word!important} #adegas-app-root .doc .ckdoc{border:1px solid var(--line)!important;border-radius:4px!important;overflow:hidden!important} #adegas-app-root .doc .ckd{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:6px 10px!important;border-bottom:1px solid var(--line2)!important;font-size:12px!important} #adegas-app-root .doc .ckd:last-child{border-bottom:0!important} #adegas-app-root .doc .ckd .j{width:18px!important;flex:none!important;color:var(--faint)!important;font-weight:700!important} #adegas-app-root .doc .ckd .v{flex:1!important;min-width:0!important;line-height:1.5!important} #adegas-app-root .doc .ckd .v .nt{display:block!important;color:var(--red)!important;font-size:11.5px!important;margin-top:2px!important} #adegas-app-root .doc .ckd .e{flex:none!important;width:105px!important;text-align:right!important;font-weight:650!important} #adegas-app-root .doc .ckd.nc .e{color:var(--red)!important} #adegas-app-root .doc .ckd.ok .e{color:var(--green)!important} #adegas-app-root .doc .ckd.na .e{color:var(--muted)!important} #adegas-app-root .doc .ckd.vuoto .e{color:var(--faint)!important;font-weight:400!important} #adegas-app-root .doc table{max-width:100%!important} #adegas-app-root .empty{text-align:center!important;padding:60px 20px!important;color:var(--muted)!important} #adegas-app-root .empty b{display:block!important;font-size:16px!important;color:var(--ink)!important;margin-bottom:6px!important} #adegas-app-root footer{border-top:1px solid var(--line)!important;padding:22px 0 40px!important;font-size:12px!important;color:var(--faint)!important;line-height:1.6!important} #adegas-app-root footer b{color:var(--muted)!important} @media print{ #adegas-app-root .top, #adegas-app-root .filt, #adegas-app-root .crumb, #adegas-app-root .tile .go, #adegas-app-root .contbar, #adegas-app-root .docbar, #adegas-app-root .toast, #adegas-app-root footer, #adegas-app-root .panel.p-amber{display:none!important} #adegas-app-root{background:#fff!important} #adegas-app-root .card, #adegas-app-root .tile, #adegas-app-root .tlrow, #adegas-app-root .lrow{box-shadow:none!important;break-inside:avoid!important} #adegas-app-root main{padding:0!important} #adegas-app-root .wrap{padding:0!important;max-width:none!important} #adegas-app-root .doc{border:0!important;box-shadow:none!important;padding:0!important;max-width:none!important;margin:0!important;font-size:11pt!important} @page{size:A4;margin:16mm 15mm} } @media(max-width:640px){ #adegas-app-root .top-in{gap:11px!important} #adegas-app-root .srch input{width:100%!important} #adegas-app-root .srch{flex:1!important} #adegas-app-root .nav{order:3!important;width:100%!important;justify-content:space-between!important} #adegas-app-root .nav button{flex:1!important;justify-content:center!important} #adegas-app-root .dhead{flex-direction:column!important} #adegas-app-root .tlrow{flex-wrap:wrap!important} #adegas-app-root .tlrow .when{width:100%!important} } /* ══════════════════════════════════════════════════════════ LIVELLO PREMIUM — rifinitura visiva, tema scuro, responsive Sovrascrive i componenti definiti sopra usando i token. ══════════════════════════════════════════════════════════ */ /* ── superfici coerenti col tema ───────────────────────── */ #adegas-app-root .card, #adegas-app-root .mapside, #adegas-app-root .mapbox, #adegas-app-root .tlrow, #adegas-app-root .lrow, #adegas-app-root .tile, #adegas-app-root .docbar, #adegas-app-root .doc{background:var(--surface)!important} #adegas-app-root .editbox, #adegas-app-root .fase-box, #adegas-app-root .p-soft, #adegas-app-root .matrow, #adegas-app-root .ckrow, #adegas-app-root .wz-side{background:var(--surface-2)!important;border-color:var(--line)!important} #adegas-app-root .tbl tr:hover td, #adegas-app-root .msrow:hover, #adegas-app-root .pratrow:hover, #adegas-app-root .rules tr:nth-child(even), #adegas-app-root .riepilogo .r:nth-child(odd){background:var(--surface-3)!important} #adegas-app-root .kv span{background:var(--surface-3)!important;border-color:var(--line)!important} #adegas-app-root .field input, #adegas-app-root .field select, #adegas-app-root .field textarea, #adegas-app-root .matrow input, #adegas-app-root .matrow select, #adegas-app-root .ckb, #adegas-app-root .cnote{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important} #adegas-app-root .field input::placeholder, #adegas-app-root .field textarea::placeholder, #adegas-app-root .matrow input::placeholder{color:var(--faint)!important} #adegas-app-root .doc-sec table.dgrid th{background:var(--surface-3)!important;color:var(--muted)!important} #adegas-app-root .payload{background:#0B1622!important;color:#BFD4E8!important;border:1px solid var(--line)!important} html[data-theme="dark"] #adegas-app-root .lnd-mare{fill:#152131!important;stroke:#22303F!important} html[data-theme="dark"] #adegas-app-root .lnd-altro{fill:#1D2C3C!important} html[data-theme="dark"] #adegas-app-root .lnd-ita{fill:#23374C!important;stroke:#3D5570!important} html[data-theme="dark"] #adegas-app-root .mkl{fill:#DCE6F1!important;stroke:#0C1521!important} html[data-theme="dark"] #adegas-app-root .doc{border-color:var(--line)!important} html[data-theme="dark"] #adegas-app-root .doc .sig, html[data-theme="dark"] #adegas-app-root .doc-head .logo, html[data-theme="dark"] #adegas-app-root .firmabox.done img{filter:invert(1) hue-rotate(180deg)!important} html[data-theme="dark"] #adegas-app-root .mapbox{background:#0F1A28!important} /* ── intestazione ──────────────────────────────────────── */ #adegas-app-root .top{background:var(--grad-top)!important;box-shadow:0 1px 0 rgba(255,255,255,.06),0 4px 20px -8px rgba(0,0,0,.4)!important; backdrop-filter:saturate(1.4)!important;border-bottom:1px solid rgba(255,255,255,.07)!important} #adegas-app-root .top-in{padding:14px 0!important;gap:16px!important} #adegas-app-root .brand .mk{background:linear-gradient(150deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 8px rgba(0,0,0,.2)!important;border-radius:10px!important} #adegas-app-root .brand b{letter-spacing:-.02em!important;font-weight:680!important} #adegas-app-root .brand:hover .mk{transform:translateY(-1px)!important} #adegas-app-root .brand .mk{transition:transform .25s var(--ease)!important} #adegas-app-root .nav{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.09)!important;padding:4px!important;border-radius:12px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important} #adegas-app-root .nav button{border-radius:8px!important;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)!important} #adegas-app-root .nav button:hover{transform:translateY(-1px)!important} #adegas-app-root .nav button.on{background:var(--surface)!important;color:var(--primary)!important;box-shadow:0 2px 8px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.6)!important;font-weight:650!important} html[data-theme="dark"] #adegas-app-root .nav button.on{background:#25405F!important;color:#DCE9F8!important} #adegas-app-root .srch input{border-radius:10px!important;transition:width .25s var(--ease),background .2s var(--ease)!important} #adegas-app-root .hdr-tools{display:flex!important;align-items:center!important;gap:6px!important} #adegas-app-root .iconhdr{width:36px!important;height:36px!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:rgba(255,255,255,.86)!important; background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.09)!important;transition:.18s var(--ease)!important} #adegas-app-root .iconhdr svg{width:17px!important;height:17px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .iconhdr:hover{background:rgba(255,255,255,.18)!important;color:#fff!important} #adegas-app-root .burger{display:none!important} /* ── barra profilo ─────────────────────────────────────── */ #adegas-app-root .filt{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;position:sticky!important;top:63px!important;z-index:30!important} #adegas-app-root .filt-head{padding:11px 0!important} #adegas-app-root .filt-head h2{letter-spacing:-.01em!important} #adegas-app-root .chip{border-radius:22px!important;transition:.16s var(--ease)!important;background:var(--surface)!important} #adegas-app-root .chip:hover{transform:translateY(-1px)!important;box-shadow:var(--sh-xs)!important} #adegas-app-root .chip.on{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 2px 8px -2px rgba(22,48,79,.5)!important} html[data-theme="dark"] #adegas-app-root .chip.on{color:#0C1521!important} /* ── pulsanti ──────────────────────────────────────────── */ #adegas-app-root .btn{border-radius:11px!important;letter-spacing:-.005em!important;transition:.18s var(--ease)!important} #adegas-app-root .btn-pri{background:linear-gradient(180deg,var(--primary-2) 0%,var(--primary) 100%)!important; box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 2px 8px -2px rgba(22,48,79,.5)!important} #adegas-app-root .btn-pri:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px -3px rgba(22,48,79,.55)!important} #adegas-app-root .btn-pri:active{transform:translateY(0)!important} html[data-theme="dark"] #adegas-app-root .btn-pri{color:#0C1521!important;font-weight:700!important} #adegas-app-root .btn-sec{background:var(--surface)!important;box-shadow:var(--sh-xs)!important} #adegas-app-root .btn-sec:hover{border-color:var(--primary-line)!important;color:var(--primary)!important;transform:translateY(-1px)!important} #adegas-app-root .btn-go{box-shadow:0 2px 10px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.7)!important} #adegas-app-root .linkbtn{text-decoration:none!important;border-bottom:1px solid currentColor!important;padding-bottom:1px!important} /* ── piastrelle ────────────────────────────────────────── */ #adegas-app-root .tile{border-radius:var(--r)!important;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)!important; position:relative!important;isolation:isolate!important} #adegas-app-root .tile::after{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important; background:radial-gradient(120% 100% at 0% 0%,rgba(255,255,255,.5),transparent 60%)!important;opacity:0!important;transition:opacity .22s var(--ease)!important} html[data-theme="dark"] #adegas-app-root .tile::after{background:radial-gradient(120% 100% at 0% 0%,rgba(255,255,255,.05),transparent 60%)!important} #adegas-app-root .tile:hover{transform:translateY(-3px)!important;box-shadow:var(--sh-h)!important;border-color:var(--primary-line)!important} #adegas-app-root .tile:hover::after{opacity:1!important} #adegas-app-root .tile .bar{width:4px!important;border-radius:var(--r) 0 0 var(--r)!important} #adegas-app-root .tile .ico{border-radius:12px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)!important} #adegas-app-root .tile h3{letter-spacing:-.018em!important;font-weight:660!important} #adegas-app-root .grid{gap:16px!important} /* ── card e sezioni ────────────────────────────────────── */ #adegas-app-root .card{border-radius:var(--r-lg)!important;box-shadow:var(--sh)!important} #adegas-app-root .dhead{padding:26px 28px!important} #adegas-app-root .dhead h1{font-size:23px!important;letter-spacing:-.026em!important;font-weight:690!important} #adegas-app-root .phead h1{font-size:27px!important;letter-spacing:-.03em!important;font-weight:700!important} #adegas-app-root .phead p{font-size:15px!important;line-height:1.62!important} #adegas-app-root .metagrid{background:var(--line2)!important} #adegas-app-root .metagrid div{background:var(--surface)!important} #adegas-app-root .badge{border-radius:6px!important} #adegas-app-root .statechip{letter-spacing:.025em!important} #adegas-app-root .cta{background:linear-gradient(135deg,var(--primary-2) 0%,var(--primary) 55%,#0F2540 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important} html[data-theme="dark"] #adegas-app-root .cta{background:linear-gradient(135deg,#1E3B5C 0%,#152941 100%)!important} #adegas-app-root .stp .num, #adegas-app-root .matrow .mn, #adegas-app-root .ckrow .cn, #adegas-app-root .pratrow .pn{box-shadow:0 2px 6px -2px rgba(22,48,79,.5)!important} #adegas-app-root .wstep.on{box-shadow:0 4px 12px -4px rgba(22,48,79,.6)!important} #adegas-app-root .prog{border-radius:99px!important} #adegas-app-root .prog i{background:linear-gradient(90deg,#fff,rgba(255,255,255,.8))!important} #adegas-app-root .prog.dark i{background:linear-gradient(90deg,var(--primary-2),var(--primary))!important} #adegas-app-root .contbar{background:linear-gradient(180deg,#101F31 0%,#0C1826 100%)!important;border-bottom:1px solid rgba(255,255,255,.06)!important} #adegas-app-root h4.sec{letter-spacing:.085em!important} #adegas-app-root .toast{border-radius:13px!important;box-shadow:var(--sh-lg)!important;backdrop-filter:blur(8px)!important} #adegas-app-root .tabs button{border-radius:9px 9px 0 0!important} #adegas-app-root .numeri, #adegas-app-root .ivat td.n, #adegas-app-root .msrow .pc, #adegas-app-root .lrow .r{font-variant-numeric:tabular-nums!important} /* ── animazione di ingresso ────────────────────────────── */ @keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} #adegas-app-root #app>*{animation:rise .32s var(--ease) both!important} #adegas-app-root .grid>*{animation:rise .34s var(--ease) both!important} #adegas-app-root .grid>*:nth-child(2){animation-delay:.03s!important} #adegas-app-root .grid>*:nth-child(3){animation-delay:.06s!important} #adegas-app-root .grid>*:nth-child(4){animation-delay:.09s!important} #adegas-app-root .grid>*:nth-child(5){animation-delay:.12s!important} #adegas-app-root .grid>*:nth-child(n+6){animation-delay:.15s!important} /* ══════════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════════ */ /* con otto voci di menu le etichette vanno nascoste prima: sotto questa soglia resta il nome della sola vista aperta, le altre solo icona */ @media(max-width:1500px){ #adegas-app-root .nav button span{display:none!important} #adegas-app-root .nav button{padding:9px 11px!important} #adegas-app-root .nav button.on span{display:inline!important} } @media(max-width:1180px){ #adegas-app-root .srch input{width:150px!important} #adegas-app-root .srch input:focus{width:180px!important} } @media(max-width:900px){ #adegas-app-root .wrap{padding:0 16px!important} #adegas-app-root .burger{display:grid!important} #adegas-app-root .nav{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;z-index:60!important;background:var(--grad-top)!important; flex-direction:column!important;justify-content:center!important;gap:6px!important;padding:26px!important;border-radius:0!important;border:0!important; transform:translateX(100%)!important;transition:transform .3s var(--ease)!important;overflow:auto!important} #adegas-app-root.menu .nav{transform:none!important} #adegas-app-root .nav button{width:100%!important;justify-content:flex-start!important;font-size:17px!important;padding:15px 18px!important;border-radius:12px!important} #adegas-app-root .nav button span{display:inline!important} #adegas-app-root .nav button svg{width:20px!important;height:20px!important} #adegas-app-root .nav::before{content:"Vai a"!important;display:block!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.1em!important; color:rgba(255,255,255,.5)!important;font-weight:700!important;margin-bottom:10px!important;padding-left:18px!important} #adegas-app-root .navclose{position:fixed!important;top:16px!important;right:16px!important;z-index:61!important;display:none!important} #adegas-app-root.menu .navclose{display:grid!important} #adegas-app-root .srch{order:5!important;flex:1 1 100%!important} #adegas-app-root .srch input{width:100%!important} #adegas-app-root .srch input:focus{width:100%!important} #adegas-app-root .filt{position:static!important} #adegas-app-root .filt-head{flex-wrap:wrap!important;gap:10px!important} #adegas-app-root .filt-head .res{width:100%!important;margin-left:0!important;justify-content:flex-start!important} #adegas-app-root .two{grid-template-columns:1fr!important} #adegas-app-root .maplayout{grid-template-columns:1fr!important} #adegas-app-root .mapside{max-height:none!important} #adegas-app-root .wz{grid-template-columns:1fr!important} #adegas-app-root .wz-side{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:16px!important} #adegas-app-root .wsteps{flex-direction:row!important;overflow-x:auto!important;gap:8px!important;padding-bottom:6px!important;scrollbar-width:thin!important} #adegas-app-root .wstep{flex:0 0 auto!important;width:190px!important;white-space:normal!important} #adegas-app-root .wz-main{padding:20px 18px!important} #adegas-app-root .dhead, #adegas-app-root .dbody{padding:20px!important} #adegas-app-root .cta{padding:18px 20px!important} #adegas-app-root .doc{padding:26px 20px!important} #adegas-app-root .phead h1{font-size:23px!important} #adegas-app-root .stp{gap:12px!important} } @media(max-width:700px){ /* tabelle a schede */ #adegas-app-root .tbl thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important} #adegas-app-root .tbl tr{display:block!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;margin-bottom:10px!important;padding:6px 2px!important;background:var(--surface)!important} #adegas-app-root .tbl td{display:flex!important;gap:12px!important;border-bottom:1px solid var(--line2)!important;padding:8px 12px!important} #adegas-app-root .tbl tr td:last-child{border-bottom:0!important} #adegas-app-root .tbl td::before{content:attr(data-l)!important;flex:0 0 40%!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.05em!important; color:var(--faint)!important;font-weight:700!important;padding-top:2px!important} #adegas-app-root .tbl .act{justify-content:flex-end!important} #adegas-app-root .tbl .act::before{display:none!important} #adegas-app-root .matrow{flex-wrap:wrap!important} #adegas-app-root .matrow .mgrid{grid-template-columns:1fr!important} #adegas-app-root .matrow .mn{margin-top:0!important} #adegas-app-root .matrow .iconbtn{margin-top:0!important} #adegas-app-root .ckrow{flex-direction:column!important;gap:8px!important} #adegas-app-root .cbtns{width:100%!important} #adegas-app-root .ckb{flex:1!important;text-align:center!important} #adegas-app-root .docbar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important} #adegas-app-root .docbar .sp{margin-left:0!important;width:100%!important} #adegas-app-root .docbar .sp .btn{flex:1!important;justify-content:center!important} #adegas-app-root .wz-foot{flex-direction:column!important;align-items:stretch!important} #adegas-app-root .wz-foot .sp{margin-left:0!important;width:100%!important;flex-direction:column!important} #adegas-app-root .wz-foot .btn{width:100%!important;justify-content:center!important} #adegas-app-root .fgrid{grid-template-columns:1fr!important} #adegas-app-root .doc-firme{flex-direction:column!important;gap:26px!important} #adegas-app-root .contbar .in{gap:9px!important} #adegas-app-root .contbar .st{flex:1 1 100%!important;order:5!important;white-space:normal!important} #adegas-app-root .contbar .sp{width:100%!important} #adegas-app-root .contbar .sp .btn{flex:1!important;justify-content:center!important} #adegas-app-root .tile{padding:17px!important} #adegas-app-root .grid{grid-template-columns:1fr!important} #adegas-app-root .adminhead .btn{margin-left:0!important;width:100%!important;justify-content:center!important} #adegas-app-root .firmabox canvas{width:100%!important} #adegas-app-root .doc .ckd{flex-wrap:wrap!important} #adegas-app-root .doc .ckd .e{width:auto!important;margin-left:auto!important} } @media(max-width:430px){ #adegas-app-root .phead h1{font-size:21px!important} #adegas-app-root .doc{padding:20px 15px!important} #adegas-app-root .btn{padding:11px 18px!important} } /* touch: bersagli più generosi */ @media(hover:none){ #adegas-app-root .btn-sm{padding:10px 16px!important} #adegas-app-root .iconbtn{width:38px!important;height:38px!important} #adegas-app-root .chip{padding:9px 15px!important} } /* correzioni di impaginazione dell'intestazione */ #adegas-app-root .navclose{display:none!important} #adegas-app-root .top-in{flex-wrap:nowrap!important;gap:12px!important} #adegas-app-root .brand{min-width:0!important} #adegas-app-root .brand>span:last-child{min-width:0!important} #adegas-app-root .brand b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #adegas-app-root .nav{flex:0 1 auto!important;min-width:0!important} #adegas-app-root .srch{flex:0 1 200px!important;min-width:120px!important} #adegas-app-root .srch input{width:100%!important} #adegas-app-root .srch input:focus{width:100%!important} #adegas-app-root .res .opsel select{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important} #adegas-app-root .res .pillcount{background:var(--primary-soft)!important;color:var(--primary)!important} @media(max-width:1320px){ #adegas-app-root .brand span:last-child span{display:none!important} } @media(max-width:900px){ #adegas-app-root .top-in{flex-wrap:wrap!important} #adegas-app-root .navclose{display:none!important} #adegas-app-root.menu .navclose{display:grid!important} #adegas-app-root .filt{top:0!important} #adegas-app-root .brand{flex:1 1 auto!important;margin-right:0!important} #adegas-app-root .srch{order:5!important;flex:1 1 100%!important;min-width:0!important} #adegas-app-root .hdr-tools{margin-left:auto!important} } @media(max-width:430px){ #adegas-app-root .brand span:last-child span{display:none!important} #adegas-app-root .brand b{font-size:14px!important} } @media(max-width:700px){ #adegas-app-root .contbar .in{padding-top:12px!important;padding-bottom:12px!important} #adegas-app-root .contbar .sp{width:100%!important;flex-wrap:wrap!important} #adegas-app-root .contbar .sp .btn{flex:1 1 auto!important;min-width:0!important;font-size:12.5px!important;padding:9px 12px!important;justify-content:center!important} #adegas-app-root .contbar b{font-size:13px!important} #adegas-app-root .crumb{font-size:12px!important} #adegas-app-root .phead h1 span{display:block!important} } /* ════════════════════════════════════════════════════════ COLORI DELLE ATTIVITÀ Sei tonalità scelte e verificate con il validatore di tavolozze: banda di luminosità, croma minima, separazione sotto daltonismo (protanopia e deuteranopia), soglia a visione normale e contrasto sulla superficie. Il rosso e l'ambra restano riservati agli stati (scaduto, in scadenza) e non entrano nella tavolozza delle attività. Il colore non porta mai da solo l'informazione: accanto ci sono sempre l'icona e il nome per esteso. ════════════════════════════════════════════════════════ */ #adegas-app-root{ --att-ele:#0F9EDA; --att-ter:#963304; --att-gas:#998700; --att-anti:#C3518D; --att-asc:#6C4AB3; --att-fgas:#007D51; } html[data-theme="dark"] #adegas-app-root{ --att-ele:#14A1DD; --att-ter:#B34920; --att-gas:#A99604; --att-anti:#D66BA2; --att-asc:#8265C7; --att-fgas:#079864} #adegas-app-root .secttl{font-size:17px!important;font-weight:660!important;letter-spacing:-.018em!important;color:var(--ink)!important} #adegas-app-root .sectsub{font-size:13px!important;color:var(--muted)!important;max-width:78ch!important;line-height:1.55!important} /* pastiglia con pallino: identifica l'attività ovunque compaia */ #adegas-app-root .attpill{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:3px 9px 3px 7px!important;border-radius:20px!important; font-size:11.5px!important;font-weight:620!important;letter-spacing:.005em!important;border:1px solid!important;white-space:nowrap!important} #adegas-app-root .attpill .pt{width:8px!important;height:8px!important;border-radius:50%!important;flex:none!important;background:currentColor!important} #adegas-app-root .attpill svg{width:13px!important;height:13px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .attpills{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important} /* pallini compatti sulle righe e sulle piastrelle */ #adegas-app-root .attdots{display:inline-flex!important;gap:3px!important;align-items:center!important;flex:none!important} #adegas-app-root .attdot{width:9px!important;height:9px!important;border-radius:50%!important;display:inline-block!important;box-shadow:0 0 0 1.5px var(--surface)!important} /* fascia colorata a sinistra della piastrella, divisa fra le attività */ #adegas-app-root .attstrip{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:3px!important;display:flex!important;flex-direction:column!important} #adegas-app-root .attstrip i{flex:1!important;display:block!important} /* piastrelle della vista Attività */ #adegas-app-root .atttile{position:relative!important;overflow:hidden!important} #adegas-app-root .atttile .ico{width:46px!important;height:46px!important;border-radius:12px!important} #adegas-app-root .atttile .cnt{font-size:26px!important;font-weight:700!important;letter-spacing:-.03em!important;line-height:1!important} #adegas-app-root .atttile .cntlab{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--faint)!important;font-weight:680!important} #adegas-app-root .attlegenda{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:2px 0 20px!important} #adegas-app-root .attlegenda .attpill{cursor:pointer!important} #adegas-app-root .attlegenda .attpill:hover{filter:brightness(.94)!important} /* competenze dell'impresa, con lo stesso colore dell'attività */ #adegas-app-root .compgrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(232px,1fr))!important;gap:11px!important} #adegas-app-root .comprow{display:flex!important;align-items:center!important;gap:11px!important;padding:12px 14px!important;border:1px solid var(--line)!important; border-radius:var(--r-sm)!important;background:var(--surface)!important} #adegas-app-root .comprow .lt{width:30px!important;height:30px!important;border-radius:8px!important;display:grid!important;place-items:center!important;flex:none!important; font-weight:720!important;font-size:14px!important;text-transform:uppercase!important} #adegas-app-root .comprow .tx b{display:block!important;font-size:13.5px!important;font-weight:620!important} #adegas-app-root .comprow .tx span{display:block!important;font-size:11.5px!important;color:var(--muted)!important} #adegas-app-root .comprow.off{opacity:.42!important} #adegas-app-root .comprow.off .lt{background:var(--line2)!important;color:var(--faint)!important} /* ── guida vocale ─────────────────────────────────────── */ #adegas-app-root .vocebar{position:fixed!important;right:18px!important;bottom:18px!important;z-index:70!important;display:flex!important;align-items:center!important;gap:8px!important; padding:9px 11px!important;border-radius:999px!important;background:var(--surface)!important;border:1px solid var(--line)!important; box-shadow:var(--sh-lg)!important;max-width:calc(100vw - 36px)!important} #adegas-app-root .vocebar button{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;flex:none!important; border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--ink)!important;cursor:pointer!important;transition:.15s var(--ease)!important} #adegas-app-root .vocebar button:hover{border-color:var(--primary-line)!important;background:var(--primary-soft)!important} #adegas-app-root .vocebar button.pri{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;width:38px!important;height:38px!important} #adegas-app-root .vocebar button.pri:hover{background:var(--primary-2)!important} #adegas-app-root .vocebar button svg{width:16px!important;height:16px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .vocebar .vt{font-size:11.5px!important;color:var(--muted)!important;max-width:230px!important;overflow:hidden!important;text-overflow:ellipsis!important; white-space:nowrap!important;padding:0 4px!important} #adegas-app-root .vocebar .vt b{color:var(--ink)!important;font-weight:640!important} #adegas-app-root .vocebar select{border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface-2)!important;color:var(--ink)!important; font-size:11.5px!important;padding:5px 6px!important;font-family:inherit!important} #adegas-app-root .vocebar.spenta .vt, #adegas-app-root .vocebar.spenta select{display:none!important} #adegas-app-root .voceon{box-shadow:0 0 0 3px rgba(34,80,127,.18)!important;border-radius:var(--r-sm)!important} @media(max-width:700px){ #adegas-app-root .vocebar{right:10px!important;bottom:10px!important;padding:7px 9px!important} #adegas-app-root .vocebar .vt{display:none!important} } @media print{ #adegas-app-root .vocebar{display:none!important} } /* ════════════════════════════════════════════════════════ OPZIONI DI TEMA Vivono su attributi dell'elemento html, così cambiano tutta l'interfaccia senza toccare una sola regola dei componenti. Il colore d'accento arriva invece da variabili scritte a parte, perché è un valore libero. ════════════════════════════════════════════════════════ */ /* Contrasto alto: inchiostro più nero, bordi più marcati, anelli di messa a fuoco più spessi. Serve al lavoro in cantiere, dove lo schermo si guarda in piena luce. */ html[data-contrasto="alto"] #adegas-app-root{ --ink:#000000; --muted:#233246; --faint:#33455B; --line:#93A3B5; --line2:#BDC9D6; --bg:#EEF2F7; --surface:#FFFFFF; --surface-2:#F6F9FC; --surface-3:#EEF3F8; --primary-soft:#DDE8F5; --primary-line:#9DB8D6; --amber:#6B4506; --amber-bg:#FCEFD5; --amber-line:#C9A45B; --red:#761504; --red-bg:#FBE7E2; --red-line:#D79A8C; --green:#0E4630; --green-bg:#DFEFE7; --green-line:#93BCA8; --sh-xs:0 1px 1px rgba(14,27,41,.10); --sh:0 1px 2px rgba(14,27,41,.14), 0 2px 6px -1px rgba(14,27,41,.12); --sh-h:0 2px 4px rgba(14,27,41,.16), 0 12px 26px -6px rgba(14,27,41,.24); --ring:0 0 0 3.5px rgba(11,36,64,.45)} html[data-contrasto="alto"][data-theme="dark"] #adegas-app-root{ --ink:#FFFFFF; --muted:#D8E0EA; --faint:#B7C3D2; --line:#5C6E82; --line2:#3B4959; --bg:#050C15; --surface:#101B29; --surface-2:#16222F; --surface-3:#1B2836; --primary-soft:#17304C; --primary-line:#3D5D85; --ring:0 0 0 3.5px rgba(146,196,255,.55)} html[data-contrasto="alto"] #adegas-app-root .card, html[data-contrasto="alto"] #adegas-app-root .tile, html[data-contrasto="alto"] #adegas-app-root .lrow, html[data-contrasto="alto"] #adegas-app-root .tlrow, html[data-contrasto="alto"] #adegas-app-root .comprow{border-width:1.5px!important} html[data-contrasto="alto"] #adegas-app-root .badge{border:1px solid currentColor!important} html[data-contrasto="alto"] #adegas-app-root .sub, html[data-contrasto="alto"] #adegas-app-root .tile p, html[data-contrasto="alto"] #adegas-app-root .phead p{color:var(--muted)!important} html[data-contrasto="alto"] #adegas-app-root :focus-visible{outline:3px solid var(--primary)!important;outline-offset:2px!important} /* Densità compatta: stessa informazione, meno aria. Utile a chi lavora su schermi piccoli o vuole più righe sotto gli occhi. */ html[data-densita="compatta"] #adegas-app-root .tile{padding:14px!important;gap:8px!important} html[data-densita="compatta"] #adegas-app-root .card .dhead{padding:17px 19px!important} html[data-densita="compatta"] #adegas-app-root .lrow{padding:9px 12px!important} html[data-densita="compatta"] #adegas-app-root .grid{gap:11px!important} html[data-densita="compatta"] #adegas-app-root .phead{margin-bottom:16px!important} html[data-densita="compatta"] #adegas-app-root .metagrid div{padding:9px 13px!important} html[data-densita="compatta"] #adegas-app-root .fase-box{padding:11px 13px!important;margin-bottom:15px!important} html[data-densita="compatta"] #adegas-app-root .top-in{padding:9px 0!important} /* Raggio: morbido è il valore nativo, netto squadra tutto. */ html[data-raggio="netto"] #adegas-app-root{--r-xs:2px; --r-sm:3px; --r:4px; --r-lg:6px} html[data-raggio="tondo"] #adegas-app-root{--r-xs:10px; --r-sm:14px; --r:20px; --r-lg:26px} /* Dimensione del testo. L'ingrandimento agisce sull'intero contenitore dell'applicazione: è l'unico modo di scalare in blocco un'interfaccia che ha misure in pixel, senza riscriverne ogni regola. */ html[data-testo="grande"] #adegas-app-root #app-main, html[data-testo="grande"] #adegas-app-root .filt, html[data-testo="grande"] #adegas-app-root .top{zoom:1.09!important} html[data-testo="enorme"] #adegas-app-root #app-main, html[data-testo="enorme"] #adegas-app-root .filt, html[data-testo="enorme"] #adegas-app-root .top{zoom:1.2!important} /* Pannello delle opzioni */ #adegas-app-root .tmgrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:18px!important} #adegas-app-root .tmvoce{display:flex!important;flex-direction:column!important;gap:7px!important} #adegas-app-root .tmvoce .k{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--faint)!important;font-weight:680!important} #adegas-app-root .tmscelte{display:flex!important;flex-wrap:wrap!important;gap:6px!important} #adegas-app-root .tmscelte button{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--muted)!important; border-radius:var(--r-xs)!important;padding:7px 12px!important;font-size:12.5px!important;font-weight:580!important;cursor:pointer!important;transition:.15s var(--ease)!important} #adegas-app-root .tmscelte button:hover{border-color:var(--primary-line)!important;color:var(--ink)!important} #adegas-app-root .tmscelte button.on{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;font-weight:640!important} #adegas-app-root .tmcolori{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important} #adegas-app-root .tmcolori button{width:30px!important;height:30px!important;border-radius:50%!important;border:2px solid var(--surface)!important; box-shadow:0 0 0 1px var(--line)!important;cursor:pointer!important;padding:0!important} #adegas-app-root .tmcolori button.on{box-shadow:0 0 0 2.5px var(--primary)!important} #adegas-app-root .tmante{border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:15px 17px!important;background:var(--surface-3)!important} #adegas-app-root .tmante .riga{display:flex!important;gap:9px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:11px!important} /* Amministrazione: azioni sui dati, conferme, esiti */ #adegas-app-root .azgrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:13px!important} #adegas-app-root .azbox{border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;padding:16px 17px!important;background:var(--surface-3)!important; display:flex!important;flex-direction:column!important;gap:8px!important} #adegas-app-root .azbox b{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:640!important} #adegas-app-root .azbox b svg{width:17px!important;height:17px!important;stroke:currentColor!important;stroke-width:1.7!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important} #adegas-app-root .azbox p{margin:0!important;font-size:12.5px!important;color:var(--muted)!important;line-height:1.55!important;flex:1!important} #adegas-app-root .azbox .btn{align-self:flex-start!important} #adegas-app-root .azbox.pericolo{border-color:var(--red-line)!important;background:var(--red-bg)!important} #adegas-app-root .azbox.pericolo b{color:var(--red)!important} #adegas-app-root .azbox.pericolo p{color:var(--red)!important;opacity:.86!important} #adegas-app-root .btn-dan{background:var(--red)!important;color:#fff!important;border:1px solid var(--red)!important} #adegas-app-root .btn-dan:hover{filter:brightness(1.1)!important} #adegas-app-root .confbox{display:flex!important;gap:13px!important;align-items:flex-start!important;padding:15px 17px!important;border-radius:var(--r-sm)!important; background:var(--amber-bg)!important;border:1px solid var(--amber-line)!important;color:var(--amber)!important;flex-wrap:wrap!important} #adegas-app-root .confbox .ci svg{width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .confbox .ct{flex:1!important;min-width:220px!important} #adegas-app-root .confbox .ct b{display:block!important;font-size:14px!important;font-weight:660!important;margin-bottom:3px!important} #adegas-app-root .confbox .ct p{margin:0!important;font-size:13px!important;line-height:1.55!important} #adegas-app-root .confbox .ca{display:flex!important;gap:8px!important;align-items:center!important} #adegas-app-root .okbox{display:flex!important;gap:13px!important;align-items:center!important;padding:16px 18px!important;border-radius:var(--r-sm)!important; background:var(--green-bg)!important;border:1px solid var(--green-line)!important;color:var(--green)!important;flex-wrap:wrap!important} #adegas-app-root .okbox svg{width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:2.2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important} #adegas-app-root .okbox b{display:block!important;font-size:14px!important;font-weight:660!important} #adegas-app-root .okbox p{margin:2px 0 0!important;font-size:13px!important;line-height:1.5!important;opacity:.9!important} #adegas-app-root .okbox .btn{margin-left:auto!important} #adegas-app-root .errmsg{display:flex!important;align-items:center!important;gap:7px!important;margin:10px 0 0!important;font-size:13px!important;color:var(--red)!important;font-weight:560!important} #adegas-app-root .errmsg svg{width:16px!important;height:16px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} /* ── la prima domanda: che tipo di utente sei? ──────────── */ #adegas-app-root .bv{max-width:980px!important;margin:0 auto!important;padding:10px 0 30px!important} #adegas-app-root .bv-testa{text-align:center!important;max-width:60ch!important;margin:14px auto 30px!important} #adegas-app-root .bv-testa h1{font-size:30px!important;font-weight:690!important;letter-spacing:-.025em!important;margin-bottom:10px!important} #adegas-app-root .bv-testa p{color:var(--muted)!important;font-size:15px!important;line-height:1.6!important} #adegas-app-root .bv-passo{margin-bottom:24px!important} #adegas-app-root .bv-passo .lab{display:flex!important;align-items:baseline!important;gap:9px!important;margin-bottom:12px!important;flex-wrap:wrap!important} #adegas-app-root .bv-passo .lab b{font-size:15.5px!important;font-weight:650!important} #adegas-app-root .bv-hint{font-size:12.5px!important;color:var(--faint)!important} #adegas-app-root .bv-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important} #adegas-app-root .bv-tile{cursor:pointer!important;gap:9px!important} #adegas-app-root .bv-tile h3{font-size:14.5px!important} #adegas-app-root .bv-tile p{font-size:12px!important} #adegas-app-root .bv-check{width:24px!important;height:24px!important;border-radius:50%!important;border:2px solid var(--line)!important;flex:none!important; display:grid!important;place-items:center!important;color:#fff!important;transition:.15s var(--ease)!important} #adegas-app-root .bv-check svg{width:14px!important;height:14px!important;stroke:currentColor!important;stroke-width:2.6!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .bv-due{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important} #adegas-app-root .bv-piede{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;margin-top:8px!important; padding:16px 18px!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;background:var(--surface)!important;box-shadow:var(--sh)!important} #adegas-app-root .bv-esito{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;color:var(--green)!important;flex:1!important;min-width:240px!important} #adegas-app-root .bv-esito svg{width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:2.4!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #adegas-app-root .bv-esito.vuoto{color:var(--muted)!important} #adegas-app-root .bv-azioni{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important} #adegas-app-root .bv-vai{font-size:14.5px!important;padding:12px 22px!important} #adegas-app-root .bv-vai:disabled{opacity:.45!important;cursor:not-allowed!important} #adegas-app-root .bv-nota{margin:16px 4px 0!important;font-size:12.5px!important;color:var(--faint)!important;text-align:center!important} @media(max-width:760px){ #adegas-app-root .bv-due{grid-template-columns:1fr!important} #adegas-app-root .bv-testa h1{font-size:24px!important} #adegas-app-root .bv-piede{flex-direction:column!important;align-items:stretch!important} #adegas-app-root .bv-azioni{justify-content:stretch!important} #adegas-app-root .bv-azioni .btn{flex:1!important;justify-content:center!important} }