/* ===== FM THEME – Prodotti (DDT, produzione, magazzino) =====
   Stessa identità della suite, ma campi e pulsanti più alti: si usa anche da tablet in magazzino. */
:root{--blu:#1f5f9e;--blu2:#184d81;--blu-l:#eaf1f8;--bg:#f5f6f7;--card:#fff;--tx:#1b1f24;--tx2:#5b636d;--bd:#e3e5e8;
  --ok:#2f7d4f;--ok-l:#edf5f0;--err:#b3261e;--err-l:#fbefee;--warn:#a86b00;--warn-l:#fbf6ea;--r:8px}
html,body{font-family:'Inter','Segoe UI',system-ui,sans-serif!important;font-variant-numeric:tabular-nums}
.bar{height:52px}
.brand{font-weight:600;font-size:14px}
.brand small{font-size:12px;color:#6b737d}
.logo{width:26px;height:26px}.logo img,.logo svg{border-radius:5px}
nav.menu{align-self:stretch}
nav.menu a{border-radius:0;display:flex;align-items:center;font-size:13px;border-bottom:2px solid transparent;padding:0 12px}
nav.menu a:hover{background:none}
nav.menu a.on{background:none;color:var(--tx);border-bottom-color:var(--blu)}
.ico-btn{border-radius:8px}
@media (max-width:1120px){nav.menu a{padding:12px;border-bottom:0;border-left:3px solid transparent}nav.menu a.on{border-left-color:var(--blu);background:var(--blu-l)}}
h1{font-size:19px;font-weight:600;letter-spacing:-.01em}
.testa p{font-size:13px;color:#6b737d}
.card{border-radius:8px}
.card h3{font-size:13px;font-weight:600;margin:-18px -18px 14px;padding:12px 18px;border-bottom:1px solid var(--bd)}
.kpi .l{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b737d;font-weight:600}
.kpi .n{font-size:22px;font-weight:600}
.btn{border-radius:8px;border-color:#d0d4d9;min-height:40px;font-size:14px;font-weight:500}
.btn.sm{min-height:32px;font-size:13px}
input,select,textarea{border-radius:8px!important;border-color:#d0d4d9!important;min-height:42px}
textarea{min-height:80px}
input[type=checkbox],input[type=radio]{min-height:0;width:20px;height:20px;accent-color:var(--blu)}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:var(--blu)!important;box-shadow:0 0 0 3px var(--blu-l)}
th{font-size:11px;letter-spacing:.04em;color:#6b737d;background:#fafbfc}
td{padding:12px 10px}
tr.click:hover td{background:#fafbfc}
.badge{border-radius:5px;font-weight:500}
.msg{border-radius:8px}
.modale{border-radius:8px}
.griglia>.card+.card{margin-top:0}