/* MP Equestrian · calendario editoriale — il foglio della pagina LYS di Manux (lys.css, copia intatta in ../base-lys/pagina/)
   rifatto coi colori e i caratteri di MP. Da ui-ux-pro-max (15/09/2026): palette «premium black + gold» e coppia «Classic
   Elegant», cioè Playfair Display per i titoli (la famiglia della serif del logo MP) e Inter per il testo.
   Contrasti misurati il 15/09/2026, tema chiaro e scuro: tutti i testi ≥ 4,5. L'oro del sito MP (#C6A766) sul bianco sta a
   2,3: fa solo filetti e bordi, mai testo; per il testo c'è --accent. Gli stati tengono le coppie misurate della pagina LYS. */
:root{
  --paper:#FAFAF9; --surface:#FFFFFF; --sunk:#F2F0ED;
  --ink:#1C1917; --muted:#57534E; --faint:#716A64; --rule:#E4E0DB;
  --accent:#9A5B05; --accent-soft:#F6EEDC; --oro:#C6A766;
  --s-prep:#6B6775;   --s-prep-bg:#EFEEF1;
  --s-prod:#8A5A10;   --s-prod-bg:#F8EEDE;
  --s-pronto:#4A6B4E; --s-pronto-bg:#E6EEE7;
  --s-prog:#5B4B8A;   --s-prog-bg:#EDE9F6;
  --s-pubbl:#27714F;  --s-pubbl-bg:#E2F0E9;
  --shadow:0 1px 2px rgba(28,25,23,.05), 0 10px 28px -20px rgba(28,25,23,.35);
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#131211; --surface:#1C1A18; --sunk:#26231F;
  --ink:#F4F2EF; --muted:#B8B1A9; --faint:#948C84; --rule:#36312C;
  --accent:#DDB05A; --accent-soft:#2E2616; --oro:#C6A766;
  --s-prep:#A9A5B3;   --s-prep-bg:#26262D;
  --s-prod:#D2A052;   --s-prod-bg:#2E2517;
  --s-pronto:#8FB894; --s-pronto-bg:#1D2820;
  --s-prog:#A796D8;   --s-prog-bg:#241F33;
  --s-pubbl:#6DC49C;  --s-pubbl-bg:#172A22;
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 10px 28px -20px rgba(0,0,0,.8);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --paper:#131211; --surface:#1C1A18; --sunk:#26231F;
  --ink:#F4F2EF; --muted:#B8B1A9; --faint:#948C84; --rule:#36312C;
  --accent:#DDB05A; --accent-soft:#2E2616; --oro:#C6A766;
  --s-prep:#A9A5B3;   --s-prep-bg:#26262D;
  --s-prod:#D2A052;   --s-prod-bg:#2E2517;
  --s-pronto:#8FB894; --s-pronto-bg:#1D2820;
  --s-prog:#A796D8;   --s-prog-bg:#241F33;
  --s-pubbl:#6DC49C;  --s-pubbl-bg:#172A22;
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 10px 28px -20px rgba(0,0,0,.8);
  color-scheme:dark;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--paper)}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;margin:0;
  padding:0 16px 72px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{max-width:1000px;margin:0 auto}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.35}
a{color:var(--accent);text-underline-offset:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---- testata ---- */
header{padding:36px 0 4px}
.marchio{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.marchio img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 1px var(--rule);flex:none}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;font-weight:600}
h1{font-family:var(--display);font-weight:600;font-size:clamp(2.2rem,7vw,3.3rem);line-height:1.04;letter-spacing:-.01em;margin:0 0 12px}
.dek{color:var(--muted);margin:0;max-width:62ch;font-size:15.5px}
.modo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:16px 0 0;font-size:13.5px;color:var(--muted)}
.modo:empty{display:none}
.modo b{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:999px;
  background:var(--sunk);color:var(--muted)}
.modo.attiva b{background:var(--accent-soft);color:var(--accent)}

.regola{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--oro);border-radius:8px;
  padding:15px 17px;margin:22px 0 0;box-shadow:var(--shadow);max-width:780px}
.regola h2{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
.regola p{margin:0 0 7px;font-size:14.5px}
.regola p:last-child{margin-bottom:0}
.regola b{font-weight:600}

.tally{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0}
.tally b{font-variant-numeric:tabular-nums}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap;background:var(--sunk);color:var(--muted)}
.chip.forte{background:var(--ink);color:var(--paper)}
.st-dapreparare{background:var(--s-prep-bg);color:var(--s-prep)}
.st-inproduzione{background:var(--s-prod-bg);color:var(--s-prod)}
.st-pronto{background:var(--s-pronto-bg);color:var(--s-pronto)}
.st-programmato{background:var(--s-prog-bg);color:var(--s-prog)}
.st-pubblicato{background:var(--s-pubbl-bg);color:var(--s-pubbl)}

.banner{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:11px 14px;font-size:14px;margin:16px 0 0;
  display:none;max-width:780px}
.banner.on{display:block}
.undo{display:none;align-items:center;flex-wrap:wrap;gap:9px;background:var(--sunk);border:1px solid var(--rule);border-radius:6px;
  padding:9px 12px;font-size:13.5px;margin:12px 0 0;color:var(--muted);max-width:780px}
.undo.on{display:flex}
.undo span{min-width:0;margin-right:auto}
.undo b{color:var(--ink);font-weight:600}
.letto{font-size:12px;color:var(--faint);margin:10px 0 0;font-variant-numeric:tabular-nums}
.letto:empty{display:none}

/* ---- selettore di vista ---- */
.views{display:inline-flex;gap:3px;background:var(--sunk);border-radius:999px;padding:3px;margin:22px 0 0}
.views button{border:none;background:none;border-radius:999px;padding:8px 16px;min-height:38px;font-size:13.5px;font-weight:600;
  color:var(--muted);transition:color .15s}
.views button:hover{color:var(--ink)}
.views button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}

/* ---- calendario: un mese alla volta ---- */
#griglia{margin-top:20px}
.mesebar{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mesetitolo{flex:1;min-width:0;text-align:center}
.mesetitolo h2{font-family:var(--display);font-weight:600;font-size:1.7rem;line-height:1.15;margin:0}
.mesetitolo p{margin:5px 0 0;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px}
.pil{font-weight:600;color:var(--ink);font-size:14px}
.freccia{width:44px;height:44px;border-radius:50%;border:1px solid var(--rule);background:var(--surface);display:inline-flex;
  align-items:center;justify-content:center;font-size:20px;color:var(--ink);flex:none;transition:border-color .15s,color .15s}
.freccia:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.regola-mese{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.regola-mese.ok{color:var(--s-pubbl)}
.regola-mese.fuori{color:var(--accent)}

.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);
  border-radius:10px;overflow:hidden}
.grid .dow{background:var(--sunk);color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  text-align:center;padding:9px 0}
.cell{background:var(--surface);min-height:112px;padding:6px 6px 8px;display:flex;flex-direction:column;gap:5px;min-width:0}
.cell.fuori{background:var(--sunk)}
.cell.fuori .num{opacity:.6}
.cell.oggi{box-shadow:inset 0 0 0 2px var(--accent)}
.cell .num{font-size:11.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.cell.oggi .num{color:var(--accent)}
.pill{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:none;border-left:3px solid var(--faint);
  background:var(--sunk);border-radius:0 5px 5px 0;padding:4px 6px 5px;font-size:12px;line-height:1.3;color:var(--ink);
  font-weight:500;min-width:0;transition:filter .15s}
.pill.lavoro{border-left-color:var(--oro);background:var(--accent-soft)}
.pill.fatta{opacity:.55}
.pill.fatta .pt{text-decoration:line-through}
.pill:hover{filter:brightness(.96)}
.pill .t{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pill.lavoro .t{color:var(--accent)}
.pill .t svg{width:12px;height:12px}
.pill .pt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.legenda{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.legenda span{display:inline-flex;align-items:center;gap:6px}
.legenda i{width:10px;height:10px;border-radius:2px;background:var(--faint);display:inline-block}
.legenda i.a{background:var(--oro)}
.legenda svg{width:14px;height:14px}

/* l'elenco del mese sotto la griglia: solo sui telefoni, dove nelle celle non c'è posto per i titoli */
.elenco-titolo{display:none}
.elenco-mese{display:none;list-style:none;margin:0;padding:0}
.riga{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--rule);
  border-left:3px solid var(--faint);border-radius:0 8px 8px 0;padding:10px 12px;font-size:14px;line-height:1.35;min-height:48px}
.riga.lavoro{border-left-color:var(--oro)}
.riga.fatta{opacity:.6}
.riga .rg{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);min-width:74px;
  font-variant-numeric:tabular-nums}
.riga .rt{color:var(--muted);display:inline-flex}
.riga .rt svg{width:16px;height:16px}
.riga .rti{flex:1;min-width:0;font-weight:500}

/* ---- giorno per giorno: i mesi, con le loro uscite ---- */
#mesi{max-width:800px}
.mese{margin-top:30px}
.mese-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;padding-bottom:8px;
  border-bottom:2px solid var(--ink)}
.mese-nome{font-family:var(--display);font-weight:600;font-size:1.6rem;line-height:1.1;margin:0}
.mese.now .mese-head{border-bottom-color:var(--oro)}
.mese.floating .mese-head{border-bottom:1px dashed var(--rule)}
.mese-pilastro{margin:9px 0 0;font-size:14.5px;font-weight:600}
.mese-pilastro span{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-right:8px}
.vuoto{color:var(--muted);font-size:14px;margin:12px 0 0;list-style:none}

.cards{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.card{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:12px 14px;box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:9px;scroll-margin:24px}
.card.lavoro{border-left:3px solid var(--oro)}
.card.done{opacity:.62}
.card.editing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow)}
.card.evidenzia{animation:lampo 1.6s ease-out}
@keyframes lampo{0%{box-shadow:0 0 0 3px var(--oro),var(--shadow)}100%{box-shadow:0 0 0 0 transparent,var(--shadow)}}
.card-top{display:flex;align-items:flex-start;gap:12px}
.day{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-variant-numeric:tabular-nums;
  padding-top:2px;min-width:54px;line-height:1.35}
.day em{display:block;font-style:normal;color:var(--muted);font-weight:600}
.card-body{flex:1;min-width:0}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin-bottom:3px}
.kind{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.kind svg{width:13px;height:13px}
.sub{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.card.lavoro .sub{color:var(--accent)}
.card-title{display:block;font-weight:600;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.card.done .card-title{text-decoration:line-through;text-decoration-thickness:1px}
.who{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.card-note{font-size:13.5px;color:var(--muted);margin:6px 0 0;line-height:1.45;white-space:pre-line}
.card-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding-left:66px}
.card-actions .chip{cursor:pointer;min-height:32px}
.mini{background:none;border:1px solid var(--rule);border-radius:999px;padding:5px 12px;min-height:32px;font-size:12px;color:var(--muted);
  font-weight:500;transition:border-color .15s,color .15s}
.mini:hover{border-color:var(--accent);color:var(--accent)}
input.mini{padding:4px 10px;background:var(--surface)}

.addrow{margin-top:10px}
.add-btn{width:100%;background:none;border:1px dashed var(--rule);border-radius:8px;padding:11px;color:var(--muted);font-size:13.5px;
  font-weight:500;transition:border-color .15s,color .15s}
.add-btn:hover{border-color:var(--accent);color:var(--accent)}
form.newcard{background:var(--sunk);border-radius:8px;padding:12px;display:none;flex-direction:column;gap:9px;margin-top:10px}
form.newcard.on{display:flex}
form.newcard input,form.newcard select{font-size:15px;padding:9px 11px;border:1px solid var(--rule);border-radius:6px;
  background:var(--surface);color:var(--ink);width:100%}
.form-row{display:flex;gap:8px;flex-wrap:wrap}
.form-row>*{flex:1;min-width:130px}
.form-row.bottoni>*{flex:0 0 auto;min-width:0}
.btn{background:var(--ink);color:var(--paper);border:none;border-radius:6px;padding:10px 16px;font-weight:600;font-size:14px;min-height:40px}
.btn.ghost{background:none;color:var(--muted);border:1px solid var(--rule)}

form.editcard{display:flex;flex-direction:column;gap:9px}
form.editcard input,form.editcard select,form.editcard textarea{font-size:15px;padding:9px 11px;border:1px solid var(--rule);
  border-radius:6px;background:var(--paper);color:var(--ink);width:100%}
form.editcard textarea{resize:vertical;min-height:62px;line-height:1.45}
form.editcard label{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.edit-head{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}

/* ---- storia ---- */
.storia{margin-top:44px;padding-top:22px;border-top:1px solid var(--rule);max-width:800px}
.storia h2{font-family:var(--display);font-weight:600;font-size:1.4rem;margin:0 0 4px}
.storia p{color:var(--muted);font-size:13.5px;margin:0 0 10px}
.storia ol{list-style:none;margin:0;padding:0}
.storia li{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:13.5px;line-height:1.45;padding:9px 0;border-bottom:1px solid var(--rule)}
.storia time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;font-weight:600}
.storia .da{color:var(--muted);font-size:12px}
.storia .cosa{flex-basis:100%}

footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--rule);color:var(--muted);font-size:13px;max-width:800px}
footer p{max-width:66ch;margin:0 0 8px}
footer p:empty{display:none}
footer b{color:var(--ink);font-weight:600}

/* ---- telefoni ---- */
@media (max-width:640px){
  body{padding:0 12px 56px}
  header{padding-top:24px}
  .grid .dow{font-size:9.5px;letter-spacing:.05em;padding:7px 0}
  .cell{min-height:58px;padding:4px 2px 5px;gap:3px;align-items:stretch}
  .cell .num{font-size:11px;text-align:center}
  .pill{align-items:center;border-left:none;border-bottom:2px solid var(--faint);border-radius:5px;padding:4px 0 3px}
  .pill.lavoro{border-bottom-color:var(--oro)}
  .pill .tn,.pill .pt{display:none}
  .pill .t svg{width:15px;height:15px}
  .mesetitolo h2{font-size:1.4rem}
  .elenco-titolo{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:20px 0 0}
  .elenco-mese{display:flex;flex-direction:column;gap:6px;margin-top:8px}
  .card-actions{padding-left:0}
  .day{min-width:46px}
}