/* Stili della Regia, ripresi dalla pagina originale e limitati al contenitore .regia
   per non interferire con le pagine di account (Bootstrap). */
:root{
  /* Palette del manuale del marchio MgmtFlow v1.0: area di lavoro su Crema, schede bianche, testi Terra scura,
     menu e pulsante principale in Acciaio scuro (--deep, --brand), voce attiva e assistente in Acciaio (--acciaio),
     Terracotta solo per avvisi, ritardi e modifiche richieste. */
  --bg:#F5EFE4; --surface:#ffffff; --sunk:#ece5d9; --line:#e0d7c8; --fg:#2B2420; --muted:#6b6058;
  --brand:#36454F; --brand-ink:#ffffff; --deep:#36454F; --acciaio:#6E8494; --brand-light:#6E8494; --brand-bg:#e3e8ec;
  --terracotta:#C4572E; --crema:#F5EFE4; --terra:#2B2420;
  --ok:#3f7a2a; --ok-bg:#e3f0d8; --warn:#9a6a00; --warn-bg:#fbefcc; --bad:#a8461f; --bad-bg:#f6e2d8; --info:#36454F; --info-bg:#e3e8ec;
  --f-display:"Poppins",system-ui,sans-serif; --f-body:"Inter",system-ui,sans-serif; /* caratteri del manuale FlowModus */
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#1c1815; --surface:#26211d; --sunk:#201b18; --line:#3a332d; --fg:#F5EFE4; --muted:#b3a99c;
  --brand:#9fb0bd; --brand-ink:#1c1815; --deep:#2a353d; --acciaio:#6E8494; --brand-light:#6E8494; --brand-bg:#2c3842;
  --ok:#9fd47c; --ok-bg:#24361c; --warn:#e9c46a; --warn-bg:#3a2f12; --bad:#ec9a78; --bad-bg:#40241a; --info:#c5d1da; --info-bg:#2c3842; color-scheme:dark}}

.regia{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.5;min-height:100vh}
.regia *{box-sizing:border-box}
.regia .wrap{max-width:1080px;margin:0 auto;padding:24px 16px 64px}
.regia header{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.regia .eyebrow{font:600 12px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.regia h1{font:700 30px/1.15 var(--f-display);margin:0;text-wrap:balance}
.regia .lede{color:var(--muted);margin:0;max-width:65ch}
.regia .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:18px 0}
.regia .stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:2px;cursor:pointer;text-align:left;font:inherit;color:inherit}
.regia .stat b{font:700 26px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.regia .stat span{color:var(--muted);font-size:14px}
.regia .stat.hot{border-color:var(--warn);background:var(--warn-bg)}
.regia :is(.stat,button,select,input,textarea,a):focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.regia .tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:16px}
.regia .tab{background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px;font:600 15px var(--f-display);color:var(--muted);cursor:pointer}
.regia .tab[aria-selected="true"]{color:var(--fg);border-color:var(--brand)}
.regia .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.regia .chip{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:5px 12px;font:500 14px var(--f-body);cursor:pointer}
.regia .chip[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.regia .week{font:600 13px var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:22px 0 8px}
.regia .list{display:flex;flex-direction:column;gap:12px}
.regia .post{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--ch,var(--line));border-radius:var(--r);display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px;margin-bottom:12px}
.regia .post.stato-DaApprovare{border-left:4px solid var(--warn)}
.regia .post.stato-Modifiche{border-left:4px solid var(--bad)}
.regia .post.stato-Approvato,.regia .post.stato-Programmato{border-left:4px solid var(--info)}
.regia .post.stato-Pubblicato{border-left:4px solid var(--ok);opacity:.85}
.regia .post.stato-Scartato{opacity:.55}
.regia .media{width:150px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--sunk);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;text-align:center;max-width:100%}
.regia .media img,.regia .media video{width:100%;height:100%;object-fit:cover;display:block}
.regia .meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.regia .code{font:700 14px var(--f-display);color:var(--fg)}
.regia .pill{font:600 12px var(--f-display);letter-spacing:.03em;padding:3px 10px;border-radius:999px}
.regia .p-DaApprovare{background:var(--brand-bg);color:var(--info)}
.regia .p-Modifiche{background:var(--bad-bg);color:var(--bad)}
.regia .p-Approvato,.regia .p-Programmato{background:var(--ok-bg);color:var(--ok)}
.regia .p-Pubblicato{background:var(--deep);color:var(--crema)}
.regia .p-Scartato{background:var(--sunk);color:var(--muted)}
.regia .title{font:600 18px/1.3 var(--f-display);margin:6px 0}
.regia .text{white-space:pre-wrap;margin:0;max-width:65ch}
.regia .text.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.regia .link{background:none;border:0;padding:0;color:var(--brand);font:600 14px var(--f-body);cursor:pointer}
.regia .first{margin-top:8px;font-size:14px;color:var(--muted)}
.regia .first b{color:var(--fg);font-weight:600}
.regia .note{margin-top:10px;background:var(--bad-bg);color:var(--fg);border-radius:10px;padding:8px 12px;font-size:14px}
.regia .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.regia .btn{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:8px 14px;font:600 14px var(--f-body);cursor:pointer}
.regia .btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.regia .btn.ai{background:var(--acciaio);color:#fff;border-color:var(--acciaio)} /* pulsanti dell'assistente: Acciaio, come da manuale */
.regia .btn.danger{color:var(--bad)}
.regia .btn[disabled]{opacity:.5;cursor:not-allowed}
.regia :is(textarea,input,select){font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%}
.regia textarea{min-height:110px;resize:vertical}
.regia .editor{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.regia label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.regia .empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:28px;text-align:center;color:var(--muted)}
.regia .empty b{display:block;color:var(--fg);font:600 17px var(--f-display);margin-bottom:4px}
.regia .banner{background:var(--info-bg);color:var(--fg);border-radius:var(--r);padding:10px 14px;font-size:14px;margin-bottom:14px}
.regia .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;z-index:20}
.regia .form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:16px}
.regia .form .full{grid-column:1/-1}
.regia .lead{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:8px}
.regia .lead.overdue{border-color:var(--bad)}
.regia .lead h3{font:600 17px var(--f-display);margin:0}
.regia .lead .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0}
.regia .hist{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.regia .hist div span{color:var(--muted);margin-right:6px;font-variant-numeric:tabular-nums}
.regia .todo{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}
.regia .todo.late{border-color:var(--bad)}
.regia .todo.done{opacity:.6}
.regia .todo.done .t-testo{text-decoration:line-through}
.regia .todo input[type=checkbox]{width:22px;height:22px;margin:2px 0 0;padding:0;accent-color:var(--brand);cursor:pointer}
.regia .t-testo{font:600 16px/1.35 var(--f-body);margin:0}
.regia .t-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:13px;color:var(--muted);align-items:center}
.regia .t-note{font-size:14px;color:var(--muted);margin:4px 0 0;white-space:pre-wrap}
.regia .grp{font:600 13px var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:20px 0 8px}
.regia .banner.avviso{background:var(--warn-bg)}
.regia h2.sezione{font:600 20px var(--f-display);margin:28px 0 10px}
.regia .aiuto{font-size:14px;color:var(--muted);margin:0 0 8px}
.regia .aggiungi{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.regia .aggiungi .btn{flex:none}
.regia label.riga{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--fg)}
.regia label.riga input[type=checkbox]{width:18px;height:18px;padding:0;accent-color:var(--brand)}
.regia .lead.spento{opacity:.6}
.regia a.lead.cliente{color:inherit;text-decoration:none}
.regia a.lead.cliente:hover{border-color:var(--brand)}
.regia .validation-message{color:var(--bad);font-size:13px}
.regia .canali{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:10px}
.regia .cbtn{display:flex;align-items:center;gap:10px;border:2px solid var(--line);background:var(--surface);color:var(--fg);border-radius:12px;padding:8px 12px;font:600 14px var(--f-body);cursor:pointer;text-align:left;min-height:48px}
.regia .cbtn small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.regia .cbtn[aria-pressed="true"]{border-color:var(--ch,var(--fg));background:color-mix(in srgb,var(--ch,var(--fg)) 10%,var(--surface))}
.regia .ico{flex:none;width:28px;height:28px;border-radius:8px;background:var(--ch,#5b6b7a);color:#fff;display:flex;align-items:center;justify-content:center;font:700 13px var(--f-display)}
.regia .ico.out{background:transparent;color:var(--ch);border:2px solid var(--ch)}
.regia .chan{display:flex;align-items:center;gap:8px;font:700 15px var(--f-display);color:var(--ch);margin-bottom:4px}
.regia .filtri-lab{font:600 12px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 6px}
@media (max-width:560px){.regia .post{grid-template-columns:1fr}.regia .media{width:100%;max-width:260px}.regia h1{font-size:25px}}

.regia .form .brief{background:var(--bg);border:1px dashed var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:8px}
.regia .form .uso{color:var(--muted)}
/* Calendario editoriale */
.regia .cal-testa{display:flex;align-items:center;gap:8px;margin:4px 0 10px;flex-wrap:wrap}
.regia .cal-testa h3{font:600 18px var(--f-display);margin:0 4px;min-width:160px;text-align:center}
.regia .cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:10px}
.regia .cal-g{font:600 12px var(--f-display);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:center;padding:4px 0}
.regia .cal-c{min-height:120px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:5px;display:flex;flex-direction:column;align-items:stretch;gap:3px;text-align:left;color:var(--fg);font:inherit;cursor:pointer}
.regia .cal-c:hover{border-color:var(--brand)}
.regia .cal-c{position:relative}
.regia .cal-giorno{border:0;background:none;color:inherit;cursor:pointer}
.regia .cal-giorno::after{content:"";position:absolute;inset:0;border-radius:10px}
.regia button.cal-p{position:relative;z-index:1;width:100%;border-top:0;border-right:0;border-bottom:0;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
.regia button.cal-p:hover{background:color-mix(in srgb,var(--ch) 24%,var(--surface))}
.regia .cal-p.scelto{outline:2px solid var(--ch);outline-offset:0}
.regia .link-giorno{background:none;border:0;color:var(--brand);font:600 14px var(--f-body);cursor:pointer;padding:0 0 10px}
.regia .cal-c.fuori{background:var(--sunk);opacity:.6}
.regia .cal-c.scelto{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.regia .cal-n{font:600 13px var(--f-display);align-self:flex-start;min-width:24px;height:24px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.regia .cal-c.oggi .cal-n{background:var(--brand);color:var(--brand-ink)}
.regia .cal-p{display:flex;align-items:center;gap:4px;min-width:0;font-size:13px;line-height:1.35;border-left:3px solid var(--ch);background:color-mix(in srgb,var(--ch) 12%,var(--surface));border-radius:5px;padding:2px 5px}
.regia .cal-p i{flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}
.regia .cal-p b{flex:none;font:700 11px var(--f-display);color:var(--ch)}
.regia .cal-p span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.regia .cal-p.stato-Scartato{opacity:.5;text-decoration:line-through}
@media (max-width:560px){
  .regia .cal{gap:2px}
  .regia .cal-c{min-height:58px;padding:3px;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:2px}
  .regia .cal-n{flex-basis:100%;justify-content:flex-start;font-size:12px;height:20px}
  .regia .cal-c.oggi .cal-n{flex-basis:auto}
  .regia .cal-p{border-left:0;padding:2px;background:none}
  .regia button.cal-p{width:auto;pointer-events:none}
  .regia .cal-p b,.regia .cal-p span{display:none}
  .regia .cal-p i{width:9px;height:9px;background:var(--ch)}
}
/* Versioni per gli altri canali nel modulo Nuovo post */
.regia .adatta{border-top:1px solid var(--line);padding-top:12px}
.regia .versione{margin-top:12px;border:1px solid var(--line);border-left:4px solid var(--ch);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.regia .versione.esclusa{opacity:.55}
.regia .cerca{max-width:420px;margin:0 0 12px;display:block}
/* Registro */
.regia .fatto-da{font-size:13px;color:var(--muted);margin:-2px 0 6px}
.regia .registro{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.regia .riga-reg{display:grid;grid-template-columns:120px 160px minmax(0,1fr) minmax(0,220px);gap:10px;padding:8px 14px;border-top:1px solid var(--line);font-size:14px;align-items:baseline}
.regia .riga-reg:first-child{border-top:0}
.regia .riga-reg .quando{color:var(--muted);font-variant-numeric:tabular-nums}
.regia .riga-reg .cosa{font-weight:600}
.regia .riga-reg .rif,.regia .riga-reg .chi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.regia .riga-reg .chi{color:var(--muted)}
@media (max-width:640px){.regia .riga-reg{grid-template-columns:1fr 1fr}.regia .riga-reg .rif,.regia .riga-reg .chi{grid-column:span 1}}
.regia .row-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.regia .consumi{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}
.regia .consumi .pieno{color:var(--bad);font-weight:600}

/* ===== Vista compatta della Regia ===== */
/* Contatori: una riga bassa di pillole */
.regia .stats{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.regia .stat{flex-direction:row;align-items:baseline;gap:6px;padding:5px 12px;border-radius:999px}
.regia .stat b{font-size:16px}
.regia .stat span{font-size:13px}
/* Barra dei filtri fissa in alto */
.regia .barra{position:sticky;top:0;z-index:15;background:var(--bg);display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;margin-bottom:6px;border-bottom:1px solid var(--line)}
.regia .barra .cerca{flex:1 1 180px;max-width:300px;margin:0;width:auto}
.regia .barra .stato{width:auto;flex:none}
.regia .barra .vista{display:flex;gap:4px}
.regia .canali-mini{display:flex;flex-wrap:wrap;gap:4px}
.regia .cmini{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:2px 10px 2px 3px;font:600 13px var(--f-body);cursor:pointer;min-height:32px}
.regia .cmini:first-child{padding:2px 12px}
.regia .cmini .ico{width:24px;height:24px;font-size:11px;border-radius:999px}
.regia .cmini[aria-pressed="true"]{border-color:var(--ch,var(--fg));background:color-mix(in srgb,var(--ch,var(--fg)) 12%,var(--surface))}
/* Pannello laterale per nuovo post e piano */
.regia .velo{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:29}
.regia .cassetto{position:fixed;top:0;right:0;bottom:0;width:min(600px,100%);background:var(--bg);z-index:30;overflow:auto;padding:14px 16px;box-shadow:-8px 0 30px rgba(0,0,0,.25)}
.regia .cassetto .form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.regia .cassetto-testa{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.regia .cassetto-testa h2{margin:0;font:700 18px var(--f-display)}
/* Elenco a righe */
.regia .righe{display:flex;flex-direction:column;gap:4px}
.regia .riga-post{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ch);border-radius:10px}
.regia .riga-testa{display:grid;grid-template-columns:118px 24px 36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:6px 10px;cursor:pointer;min-height:44px}
.regia .riga-testa .ico{width:24px;height:24px;font-size:11px}
.regia .r-quando{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.regia .r-thumb{width:36px;height:28px;border-radius:6px;background:var(--sunk);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}
.regia .r-thumb img{width:100%;height:100%;object-fit:cover}
.regia .r-titolo{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.regia .r-titolo b{font:700 13px var(--f-display);color:var(--muted);margin-right:4px}
.regia .riga-post.aperta{box-shadow:0 2px 12px rgba(0,0,0,.08)}
.regia .riga-post .post{border:0;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin:0}
.regia .riga-post .post :is(.chan,.meta,.title){display:none}
.regia .grp-toggle{display:block;margin:20px 0 6px;background:none;border:0;color:var(--muted);font:600 13px var(--f-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:6px 0}
/* Calendario con il pannello del giorno */
.regia .cal-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}
.regia .giorno-pannello{position:sticky;top:64px;max-height:calc(100vh - 80px);overflow:auto;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.regia .giorno-pannello .post{grid-template-columns:1fr}
.regia .giorno-pannello .media{width:100%;max-width:none;aspect-ratio:4/3}
.regia .giorno-pannello .media :is(img,video){object-fit:contain}
.regia .wrap:has(.cal-layout){max-width:1400px}
@media (max-width:1400px){.regia .cal-layout{grid-template-columns:minmax(0,1fr) 340px}}
@media (max-width:760px){
  .regia .stats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .regia .stat{flex:none}
  .regia .barra{gap:6px;position:static}
  .regia .canali-mini{flex-wrap:nowrap;overflow-x:auto;max-width:100%;order:5;flex-basis:100%}
  .regia .cm-nome{display:none}
  .regia .cmini{padding:2px 3px}
  .regia .cmini:first-child{padding:2px 10px}
  .regia .riga-testa{grid-template-columns:24px minmax(0,1fr) auto;row-gap:0}
  .regia .riga-testa .r-quando{grid-column:2/4;grid-row:2;font-size:12px}
  .regia .riga-testa .r-thumb{display:none}
  .regia .riga-testa .ico{grid-row:1/3}
  .regia .cal-layout{grid-template-columns:1fr}
  .regia .giorno-pannello{display:none}
  .regia .con-giorno .giorno-pannello{display:block;position:fixed;left:0;right:0;bottom:0;top:auto;max-height:75vh;z-index:25;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
}
.regia :is(.riga-post,.giorno-pannello) .media.vuota{aspect-ratio:auto;height:40px;font-size:12px}