/* Tema provvisorio: sostituire questi token dopo la verifica del brand OHS. */
:root{--accent:#b92532;--accent-dark:#961c28;--ink:#242930;--muted:#707782;--paper:#f5f6f8;--line:#e5e7eb;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--font)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{padding:25px 27px 22px;display:flex;flex-direction:column;color:var(--ink);border-bottom:1px solid var(--line)}.brand:hover{text-decoration:none}.brand-name{font-size:48px;line-height:1.1;font-weight:800;letter-spacing:-3px}.brand-dot{color:var(--accent)}.brand>span:last-child{font-size:9px;letter-spacing:1.5px;margin-top:8px;font-weight:bold}nav{overflow-y:auto;flex:1;padding:16px 12px}nav a{display:block;padding:9px 15px;border-radius:5px;font-size:13px;color:#525965;margin:2px 0}nav a.selected{background:#faecee;color:var(--accent);font-weight:700;border-left:3px solid var(--accent)}nav a:hover{background:#f5f6f8;text-decoration:none}.logout{border-top:1px solid var(--line);padding:12px}main{margin-left:250px;padding:0 40px;max-width:1800px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:bold;color:var(--accent)}.page-title{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:32px 0 26px}h1{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:10px 0}h2{font-size:18px;letter-spacing:-.3px;margin:0 0 16px}p{margin:10px 0;color:var(--muted)}.page-title p{margin:5px 0}.button,button{font:600 13px var(--font);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;padding:12px 18px;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;text-decoration:none}.button:hover,button:hover{background:var(--accent-dark);text-decoration:none}.secondary{color:var(--ink);background:#fff;border-color:var(--line)}.secondary:hover{background:#f0f1f3}.ghost{background:transparent;color:var(--muted);font-size:12px;justify-content:flex-start;width:100%}.ghost:hover{background:var(--paper)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats a{background:#fff;padding:22px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;color:var(--ink)}.stats a:hover{border-color:var(--accent);text-decoration:none}.stats span{color:var(--muted);font-size:12px}.stats strong{font-size:42px;line-height:1.6;letter-spacing:-1.5px}.stats small{color:var(--accent);font-size:11px}.quick{display:flex;gap:12px;flex-wrap:wrap;padding:22px 0 28px}.quick a{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:4px;font-size:12px;color:var(--ink)}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:24px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading a{font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{padding:13px 12px;background:#f7f8fa;color:var(--muted);font-size:10px;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:17px 12px;border-bottom:1px solid #f0f1f3;max-width:300px;overflow-wrap:anywhere}td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}td a{font-weight:600}.badge{display:inline-block;padding:4px 8px;background:#eaf4ef;color:#377259;font-size:10px;border-radius:4px;white-space:nowrap}.badge.warn{background:#fff2de;color:#946219}.empty{text-align:center;padding:48px 20px;color:var(--muted);line-height:2}.count{font-size:14px;background:#e9eaee;border-radius:20px;vertical-align:middle;margin-left:14px;padding:4px 10px;letter-spacing:0}.search{display:flex;gap:10px;margin-bottom:22px;align-items:center}.search input{max-width:420px}.search a{font-size:12px}.pagination{display:flex;gap:20px;justify-content:space-between;padding-top:20px;font-size:11px;color:var(--muted)}.pagination a{margin-left:15px}.edit-link{white-space:nowrap}.back{font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}label{display:block;font-size:12px;font-weight:600;color:#4d5560}input,select,textarea{display:block;width:100%;border:1px solid #dce0e5;background:#fff;color:var(--ink);font:14px var(--font);border-radius:4px;padding:11px 12px;margin-top:7px;min-height:42px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #b9253230;outline-offset:1px;border-color:var(--accent)}.full{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.form-actions small{color:var(--muted);margin-left:auto}.required{color:var(--accent)}.alert{padding:15px 18px;border:1px solid #d4e6db;background:#edf6f0;color:#356647;border-radius:5px;margin:20px 0;font-size:13px}.alert.error{color:#9d2733;border-color:#efcbd0;background:#fdf0f2}.danger{color:#a02633;background:transparent;border-color:#edcdd1}.danger:hover{color:#fff}.delete-form{margin-bottom:30px}.muted{color:var(--muted)}footer{display:flex;gap:16px;justify-content:space-between;color:#8b9098;font-size:10px;padding:28px 0;border-top:1px solid var(--line);margin-top:35px}.standalone{margin:0 auto;max-width:1100px}.auth{max-width:480px;margin:60px auto;background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);padding:40px;border-radius:6px}.auth h1{font-size:38px}.auth .eyebrow{margin-top:25px}.auth label{margin:20px 0}.auth button{width:100%;margin-top:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){main{padding-left:55px;padding-right:55px}}@media(max-width:1100px){aside{width:215px}main{margin-left:215px;padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.page-title{align-items:flex-start}h1{font-size:29px}}@media(max-width:720px){aside{position:static;width:100%;height:auto}.brand{padding:15px 20px;flex-direction:row;justify-content:space-between;align-items:center}.brand-name{font-size:36px}nav{display:flex;gap:4px;padding:8px;overflow:auto}nav a{white-space:nowrap}.logout{position:absolute;right:12px;top:68px;padding:0;background:#fff;display:none}main{margin:0;padding:0 16px}header{height:54px}.page-title{flex-direction:column;gap:14px;padding:24px 0}.stats{gap:10px}.stats a{padding:16px}.stats strong{font-size:34px}.panel{padding:16px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.form-actions{flex-wrap:wrap}.form-actions small{width:100%;margin:0}.auth{margin:28px auto;padding:26px}.quick{gap:8px}.quick a{font-size:11px}.panel-heading{align-items:flex-start}.pagination{flex-direction:column;gap:10px}.standalone{margin:0 auto}.logout{display:block;position:static;padding:3px 10px;border:0}.logout button{padding:6px}}
.row-actions{display:flex;gap:14px;flex-wrap:wrap;min-width:140px}section[id]{scroll-margin-top:20px}.panel-heading .button{margin-bottom:16px}
.header-actions{display:flex;align-items:center;gap:18px}.header-actions .button{padding:10px 13px;font-size:12px}.wizard-steps{list-style:none;display:flex;padding:0;margin:0 0 22px;border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.wizard-steps li{flex:1;padding:16px 20px;font-weight:600;color:var(--muted);border-right:1px solid var(--line)}.wizard-steps li:last-child{border:0}.wizard-steps li.active{background:#faecee;color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.wizard-context{display:flex;gap:36px;flex-wrap:wrap;padding:0 0 22px;color:var(--muted);font-size:12px}.wizard-context strong,.wizard-context small{display:block;color:var(--ink);margin-top:4px}.wizard-context strong{font-size:15px}.quarter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quarter-card{padding:20px}.quarter-card h3{font-size:14px;line-height:1.6;min-height:45px;margin:8px 0}.quarter-card>small{color:var(--muted);font-size:10px}.quarter-value{display:block;font-size:34px;letter-spacing:-1px;margin:18px 0;overflow-wrap:anywhere}.quarter-card .badge{white-space:normal}.quarter-card p{font-size:11px}.quarter-help{font-size:12px}details.panel summary{font-weight:600;cursor:pointer;color:var(--accent);padding:3px 0}details.panel[open]>summary{margin-bottom:22px}.edit-form [hidden],[data-wizard-new-site][hidden]{display:none}@media(max-width:1200px){.quarter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.header-actions{gap:8px}.header-actions>span{display:none}.header-actions .button{font-size:10px;padding:10px}.wizard-steps li{padding:12px 10px;font-size:11px}.wizard-context{gap:16px}.quarter-grid{gap:10px}.quarter-card{padding:14px}.quarter-card h3{font-size:12px;min-height:58px}.quarter-value{font-size:27px}}@media(max-width:390px){.quarter-grid{grid-template-columns:1fr}}
.compat-notes{margin-top:8px;min-width:170px}.compat-notes summary{color:var(--accent);font-size:11px;cursor:pointer}.compat-notes p{font-size:11px;max-width:380px;white-space:normal}.compat-notes a{font-size:11px}#catalogo-search{max-width:520px}
.product-filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.product-filter-buttons button{gap:8px}.product-filter-buttons button span{font-weight:400;font-size:11px;opacity:.8}.product-panel[hidden],[data-product-type][hidden],[data-product-empty][hidden]{display:none}.product-filters p{font-size:12px;margin-top:18px}

.machine-photo{display:flex;align-items:center;gap:2rem}.machine-photo>a{flex:0 0 320px}.machine-photo img{display:block;width:320px;height:260px;object-fit:contain}.machine-photo div{max-width:650px}.machine-thumb{display:block;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:.5rem}@media(max-width:700px){.machine-photo{flex-direction:column;align-items:flex-start}.machine-photo>a{flex:auto}.machine-photo img{max-width:100%;height:220px}}
