/* Filiera Ittica – Schede. Palette della registrazione: laguna, sale, fondale, linea, bragozzo. */
.fsc{--laguna:#0E3B43;--sale:#F2F5F4;--fondale:#56676B;--linea:#D3DCDA;--bragozzo:#E7B522;--scaduta:#B3261E;--vicina:#A8650B;color:var(--laguna)}
.fsc [hidden]{display:none!important}
.fsc a{color:inherit}
.fsc a.fia-btn{color:#1d2430}
.fsc a.fia-btn.fia-primario{color:#fff}

/* Archivi: una fila di linguette, ciascuna col suo colore. */
.fsc-archivi{display:flex;gap:6px;overflow-x:auto;padding:0 0 2px;margin:0 0 16px;border-bottom:2px solid var(--linea);scrollbar-width:thin}
.fsc-archivi a{flex:none;display:flex;align-items:baseline;gap:8px;padding:9px 12px 8px;text-decoration:none;color:var(--fondale);border-bottom:3px solid transparent;margin-bottom:-2px;font-size:14.5px}
.fsc-archivi a strong{font-weight:600}
.fsc-archivi a span{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--fondale);background:var(--sale);border-radius:10px;padding:1px 7px}
.fsc-archivi a:hover{color:var(--laguna)}
.fsc-archivi a[aria-current]{color:var(--laguna);border-bottom-color:var(--c)}
.fsc-archivi a[aria-current] span{background:var(--c);color:#fff}
.fsc-archivi .fsc-allarme{background:var(--vicina);color:#fff}

.fsc-testa{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:0 0 12px}
.fsc-cerca{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 420px;margin:0 0 12px}
.fsc-testa .fsc-cerca{margin:0}
.fsc-cerca input[type=search],.fsc-cerca input:not([type]){flex:1 1 220px;min-width:0;padding:8px 10px;border:1px solid #c9d0da;border-radius:6px;font:inherit}
.fsc-cerca select{padding:8px;border:1px solid #c9d0da;border-radius:6px;font:inherit;max-width:100%}
.fsc .fia-primario{background:var(--laguna);border-color:var(--laguna)}
.fsc .fia-primario:hover{background:#16525C}
.fsc .fia-btn:focus-visible,.fsc a:focus-visible,.fsc input:focus-visible,.fsc select:focus-visible,.fsc textarea:focus-visible{outline:3px solid var(--bragozzo);outline-offset:1px}

/* Categorie: pillole sotto le linguette. */
.fsc-cats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.fsc-cats a{padding:5px 12px;border:1px solid var(--linea);border-radius:999px;text-decoration:none;font-size:14px;background:#fff}
.fsc-cats a small{color:var(--fondale);font-variant-numeric:tabular-nums}
.fsc-cats a[aria-current]{background:var(--laguna);border-color:var(--laguna);color:#fff}
.fsc-cats a[aria-current] small{color:#C9D6D4}
.fsc-sub{padding-left:14px;border-left:2px solid var(--linea)}
.fsc-sub a{font-size:13.5px;padding:4px 10px}
.fsc-descr{color:var(--fondale);font-size:14px;margin:0 0 12px}

.fsc-tab td small{color:var(--fondale)}
.fsc-num{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.fsc-stato{font-size:12px;padding:1px 6px;border-radius:3px;background:var(--sale);color:var(--fondale);margin-left:4px}
.fsc-archiviata{text-decoration:line-through}
.fsc-scadbadge{white-space:nowrap;font-variant-numeric:tabular-nums}
.fsc-scadbadge small{display:block;font-size:12px}
.fsc-scaduta.fsc-scadbadge,.fsc-scaduta small{color:var(--scaduta);font-weight:600}
.fsc-vicina.fsc-scadbadge,.fsc-vicina small{color:var(--vicina);font-weight:600}
.fsc-vuoto{border:1.5px dashed var(--linea);border-radius:8px;padding:28px 20px;text-align:center;color:var(--fondale)}
.fsc-vuoto strong{color:var(--laguna)}
.fsc-zero td{color:var(--fondale)}
.fsc-allarme-t{color:var(--vicina);font-weight:600}
.fsc-lotto{display:inline-block;margin:0 8px 2px 0;font-size:13px;font-variant-numeric:tabular-nums}
.fsc-sibanco{font-size:12.5px;font-weight:600;color:#0E6E73}

/* Scelta della categoria per una scheda nuova. */
.fsc-grp{margin:0 0 18px}
.fsc-grp h4{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:15px;padding-left:10px;border-left:4px solid var(--c)}
.fsc-carte{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.fsc-carta{display:grid;gap:3px;padding:12px 14px;border:1.5px solid var(--linea);border-radius:6px;text-decoration:none;background:#fff}
.fsc-carta:hover{border-color:var(--c)}
.fsc-carta small{color:var(--fondale);font-size:13px;line-height:1.35}

/* Scheda */
.fsc-briciole{font-size:14px;color:var(--fondale);margin:0 0 10px}
.fsc-form{border-top:4px solid var(--c);padding-top:14px}
.fsc-titolo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px 16px;margin:0 0 14px}
.fsc-titolo input#fsc-titolo{font-size:18px;font-weight:600}
.fsc-campi{margin-bottom:14px}
.fsc-largo{grid-column:1/-1}
.fsc-euro{display:flex;align-items:center;border:1px solid #c9d0da;border-radius:6px;background:#fff}
.fsc-euro span{padding:0 0 0 9px;color:var(--fondale)}
.fsc-euro input{border:0!important}
.fsc-scad label::after{content:"scadenza";margin-left:6px;font-size:11.5px;font-weight:600;color:var(--vicina);background:#F9EEDA;border-radius:3px;padding:0 5px}
.fsc-sino{align-self:end;padding-bottom:6px}
.fsc-azioni .fsc-elimina{margin-left:auto;color:var(--scaduta);border-color:#e3b4b0}
.fsc-azioni{display:flex;flex-wrap:wrap;gap:8px}
.fsc-magbox{border:1px solid var(--linea);background:var(--sale);border-radius:8px;padding:12px 16px;margin:0 0 14px}
.fsc-magbox h4{margin:0 0 6px;font-size:15px}
.fsc-magbox ul{margin:0 0 8px 18px;font-size:14px}

/* Scadenze */
.fsc-scadenze{list-style:none;margin:0;padding:0}
.fsc-scadenze li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--linea)}
.fsc-scadenze time strong{display:block;font-variant-numeric:tabular-nums}
.fsc-scadenze time small{font-size:13px;color:var(--fondale)}
.fsc-scadenze li.fsc-scaduta time small{color:var(--scaduta);font-weight:600}
.fsc-scadenze li.fsc-vicina time small{color:var(--vicina);font-weight:600}
.fsc-scadenze li.fsc-scaduta{border-left:4px solid var(--scaduta);padding-left:10px}
.fsc-scadenze li.fsc-vicina{border-left:4px solid var(--bragozzo);padding-left:10px}
.fsc-scadenze div a{font-weight:600}
.fsc-scadenze div span{display:block;font-size:13.5px;color:var(--fondale)}

/* Magazzino */
.fsc-tabs{display:flex;gap:4px;margin:0 0 14px;border-bottom:2px solid var(--linea);overflow-x:auto}
.fsc-tabs a{padding:9px 14px;text-decoration:none;color:var(--fondale);border-bottom:3px solid transparent;margin-bottom:-2px;font-weight:600;white-space:nowrap}
.fsc-tabs a[aria-current]{color:var(--laguna);border-bottom-color:var(--bragozzo)}
.fsc-car{color:#1D6B4F;font-weight:600}
.fsc-sca{color:#8A3B12;font-weight:600}
.fsc-ittico legend{color:#0E6E73}
.fsc-tracc{border:1px solid var(--linea);border-radius:8px;padding:12px 16px;margin:0 0 14px;background:var(--sale)}
.fsc-tracc h4{margin:0 0 8px}
.fsc-tracc dl{display:grid;grid-template-columns:max-content 1fr;gap:3px 16px;margin:0;font-size:14px}
.fsc-tracc dt{color:var(--fondale)}
.fsc-tracc dd{margin:0;font-weight:500}

/* Editor delle categorie */
.fsc-albero{margin:0 0 0 18px;padding:0}
.fsc-albero li{margin:3px 0}
.fsc-albero small{color:var(--fondale)}
.fsc-spenta{opacity:.55}
.fsc-ruoli{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 14px}
.fsc-ruoli label{display:flex;flex-direction:column;gap:3px;font-weight:600;font-size:14px}
.fsc-ruoli select{padding:7px;border:1px solid #c9d0da;border-radius:6px;font:inherit;font-weight:400}
.fsc-tipi{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.fsc-rc{border:1px solid var(--linea);border-radius:6px;margin:0 0 8px;background:#fff}
.fsc-rc summary{cursor:pointer;padding:9px 12px;font-weight:600}
.fsc-rc summary small{font-weight:400;color:var(--fondale)}
.fsc-rc[open] summary{border-bottom:1px solid var(--linea)}
.fsc-rc>.fia-griglia{padding:12px}

@media (max-width:700px){
	.fsc-titolo{grid-template-columns:1fr 1fr}
	.fsc-titolo .fsc-largo{grid-column:1/-1}
	.fsc-scadenze li{grid-template-columns:1fr;gap:4px}
	.fsc-testa{flex-direction:column;align-items:stretch}
}

/* ==================================================================
 * 1.1.0 – nuovo archivio: colonna dei tipi, riquadri, filtri, pannello
 * ================================================================== */
.fsc2{--ok:#1F6B3D;--okbg:#DCF2E3;--scbg:#FDE2E1;--vibg:#FDECC8;--nobg:#E9EEF3;--ombra:0 1px 2px rgba(14,59,67,.06),0 2px 8px rgba(14,59,67,.05)}
.fsc-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}
.fsc-main{min-width:0}

/* Colonna laterale */
.fsc-side{position:sticky;top:16px;border:1px solid var(--linea);border-radius:12px;background:#fff;padding:8px;max-height:calc(100vh - 32px);overflow:auto}
.fsc-side>summary{display:none}
.fsc-side nav{display:grid;gap:2px}
.fsc-s-voce,.fsc-s-arch{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border-radius:8px;text-decoration:none;font-size:14.5px;color:var(--laguna)}
.fsc-s-voce:hover,.fsc-s-arch:hover{background:var(--sale)}
.fsc-s-voce[aria-current],.fsc-s-arch[aria-current]{background:#E1ECEA;font-weight:700}
.fsc-s-tutte{font-weight:600}
.fsc-s-grp{margin-top:10px;padding-top:8px;border-top:1px solid var(--linea)}
.fsc-s-arch{min-height:32px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4E5F63}
.fsc-s-nome{display:flex;align-items:center;gap:9px;min-width:0}
.fsc-n{font-size:12.5px;font-variant-numeric:tabular-nums;color:#4E5F63;background:var(--sale);border-radius:10px;padding:1px 8px;flex:none}
.fsc-n.fsc-allarme{background:var(--vicina);color:#fff}
.fsc-mono{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#fff;background:var(--c,var(--laguna))}

/* Intestazione e ricerca */
.fsc-intesta{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;margin:0 0 14px}
.fsc-h{margin:0 0 2px;font-size:24px;line-height:1.25}
.fsc-intesta .fsc-descr{margin:0}
.fsc-nuova{min-height:44px;display:inline-flex;align-items:center}
.fsc-ae{background:var(--sale);border:1px solid var(--linea);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.fsc-ae-l{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin:0 0 8px}
.fsc-ae-av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1F6B3D;color:#fff;font-size:10.5px;font-weight:800;flex:none}
.fsc-ae-riga{display:flex;flex-wrap:wrap;gap:8px}
.fsc-ae-riga input[type=search]{flex:1 1 260px;min-width:0;min-height:44px;padding:8px 12px;border:1px solid #b9c4c2;border-radius:8px;font:inherit;background:#fff}
.fsc-ae-riga select{min-height:44px;padding:0 8px;border:1px solid #b9c4c2;border-radius:8px;font:inherit;background:#fff}
.fsc-ae-riga .fia-btn{min-height:44px}
.fsc-mic{display:inline-grid;place-items:center;width:44px;padding:0}
.fsc-mic[aria-pressed=true]{background:#B3261E;border-color:#B3261E;color:#fff}
.fsc-ae-r{margin:8px 0 0;font-size:14px;color:#33474B;min-height:1em}
.fsc-ae-r:empty{display:none}

/* Filtri */
.fsc-filtri{display:grid;gap:10px;margin:0 0 14px}
.fsc-chips,.fsc-lettere{display:flex;flex-wrap:wrap;gap:6px}
.fsc-chip{min-height:36px;padding:4px 12px;border:1px solid var(--linea);border-radius:999px;background:#fff;font:inherit;font-size:14px;color:var(--laguna);cursor:pointer}
.fsc-chip span{font-variant-numeric:tabular-nums;color:#4E5F63;margin-left:2px}
.fsc-chip[aria-pressed=true]{background:var(--laguna);border-color:var(--laguna);color:#fff}
.fsc-chip[aria-pressed=true] span{color:#D3E0DE}
.fsc-chip:disabled{opacity:.45;cursor:default}
.fsc-strum{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.fsc-strum label{display:flex;align-items:center;gap:8px;font-size:14px;color:#33474B}
.fsc-strum select{min-height:36px;padding:0 8px;border:1px solid #b9c4c2;border-radius:8px;font:inherit}
.fsc-vista{display:inline-flex;border:1px solid #b9c4c2;border-radius:8px;overflow:hidden}
.fsc-vista button{min-height:36px;padding:0 14px;border:0;background:#fff;font:inherit;font-size:14px;color:var(--laguna);cursor:pointer}
.fsc-vista button[aria-pressed=true]{background:var(--laguna);color:#fff}
.fsc-lettere button{min-width:30px;min-height:30px;padding:0 6px;border:1px solid transparent;border-radius:6px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--laguna);cursor:pointer}
.fsc-lettere button:hover:not(:disabled){border-color:var(--linea)}
.fsc-lettere button[aria-pressed=true]{background:var(--laguna);color:#fff}
.fsc-lettere button:disabled{color:#9AA7A9;cursor:default}

/* Riquadri */
.fsc-carte2{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.fsc-c{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--linea);border-radius:12px;background:#fff;box-shadow:var(--ombra)}
.fsc-c:hover{border-color:var(--c)}
.fsc-c:focus-within{outline:3px solid var(--bragozzo);outline-offset:1px}
.fsc-c-top{display:flex;align-items:center;gap:8px;min-width:0}
.fsc-c-cat{flex:1;min-width:0;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4E5F63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fsc-c-t{margin:2px 0 0;font-size:16.5px;line-height:1.3}
.fsc-c-t a{text-decoration:none;color:var(--laguna)}
.fsc-c-t a::after{content:"";position:absolute;inset:0;border-radius:12px}
.fsc-c-t a:focus-visible{outline:none}
.fsc-c-cod{margin:0;font-size:12.5px;color:#4E5F63;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:1em}
.fsc-c-dl{margin:4px 0 0;display:grid;gap:4px;font-size:13.5px}
.fsc-c-dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline}
.fsc-c-dl dt{color:#4E5F63;min-width:0}
.fsc-c-dl dd{margin:0;font-weight:600;text-align:right;max-width:15ch;overflow-wrap:break-word}
.fsc-c-scad dd{max-width:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.fsc-c-scad dd small{display:block;font-size:12px}
.fsc-st-scaduta .fsc-c-scad dd{color:var(--scaduta)}
.fsc-st-vicina .fsc-c-scad dd{color:#8A4B06}
.fsc-c-mod{margin:auto 0 0;padding-top:6px;font-size:12.5px;color:#4E5F63}
.fsc-pill{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.fsc-p-scaduta{background:var(--scbg);color:#9A1F18}
.fsc-p-vicina{background:var(--vibg);color:#7A3E04}
.fsc-p-ok{background:var(--okbg);color:var(--ok)}
.fsc-p-nessuna{background:var(--nobg);color:#3F4F5C}

/* Vista elenco: i riquadri diventano righe */
.fsc-carte2[data-vista=righe]{grid-template-columns:1fr;gap:0;border:1px solid var(--linea);border-radius:12px;overflow:hidden;background:#fff}
.fsc-carte2[data-vista=righe] .fsc-c{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) minmax(0,1.6fr) auto;grid-template-areas:"t top dl mod" "cod top dl mod";align-items:center;column-gap:16px;row-gap:0;padding:10px 14px;border:0;border-bottom:1px solid var(--linea);border-radius:0;box-shadow:none}
.fsc-carte2[data-vista=righe] .fsc-c:last-child{border-bottom:0}
.fsc-carte2[data-vista=righe] .fsc-c-top{grid-area:top}
.fsc-carte2[data-vista=righe] .fsc-c-t{grid-area:t;margin:0;font-size:15px}
.fsc-carte2[data-vista=righe] .fsc-c-cod{grid-area:cod}
.fsc-carte2[data-vista=righe] .fsc-c-dl{grid-area:dl;margin:0}
.fsc-carte2[data-vista=righe] .fsc-c-mod{grid-area:mod;margin:0;padding:0;white-space:nowrap}
.fsc-nessuna{margin-top:12px}
.fsc-nessuna .fia-btn{margin-left:8px}

/* Scheda con pannello */
.fsc-scheda2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.fsc-pann{display:grid;gap:12px;position:sticky;top:16px}
.fsc-pann section{border:1px solid var(--linea);border-radius:12px;background:#fff;padding:12px 14px}
.fsc-pann h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4E5F63}
.fsc-pann .fia-nota{margin:0;font-size:13.5px}
.fsc-pl{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.fsc-pl li>span:first-child{display:block;font-size:12.5px;color:#4E5F63}
.fsc-pl a{font-weight:600}
.fsc-pl small{color:#4E5F63}
.fsc-pann-ae{background:#EEF7F1!important;border-color:#A9D3B8!important}
.fsc-pann-ae ul{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:10px}
.fsc-pann-ae li p{margin:0 0 6px;font-size:14px;line-height:1.45}
.fsc-pann-ae .fia-btn{min-height:40px;display:inline-flex;align-items:center}

/* L'impaginazione segue la larghezza del riquadro (non dello schermo): funziona con qualsiasi tema. */
.fsc2{container-type:inline-size;container-name:fsc}
@container fsc (max-width:1000px){
	.fsc-scheda2{grid-template-columns:1fr}
	.fsc-pann{position:static;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
}
@container fsc (max-width:820px){
	.fsc-layout{grid-template-columns:1fr;gap:14px}
	.fsc-side{position:static;max-height:none;padding:0}
	.fsc-side>summary{display:flex;align-items:center;min-height:44px;padding:8px 14px;font-weight:700;cursor:pointer}
	.fsc-side[open]>summary{border-bottom:1px solid var(--linea)}
	.fsc-side nav{padding:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:8px}
	.fsc-s-grp{display:grid;gap:2px;align-content:start}
}
@container fsc (max-width:620px){
	.fsc-lettere{display:none}
	.fsc-carte2[data-vista=righe] .fsc-c{grid-template-columns:1fr;grid-template-areas:"top" "t" "cod" "dl" "mod";row-gap:4px}
	.fsc-pann{grid-template-columns:1fr}
	.fsc-side nav{grid-template-columns:1fr}
}