:root{--bg:#f5f5f1;--card:#fff;--ink:#26332e;--muted:#68736e;--accent:#71877b;--line:#d8ded9;--soft:#e9eeea;--danger:#8a4f4f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px max(20px,calc((100vw - 1180px)/2));background:#edf0eb;border-bottom:1px solid var(--line)}h1,h2,h3{margin-top:0}h1{font-family:Georgia,serif;margin-bottom:3px}.top p{margin:0;color:var(--muted)}.wrap{max-width:1180px;margin:24px auto;padding:0 18px 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 4px 18px rgba(35,50,43,.04)}.narrow{max-width:520px;margin:40px auto}.grid2,.row,.row3{display:grid;gap:12px}.grid2{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr 1fr}.row3{grid-template-columns:repeat(3,1fr)}label{display:block;font-weight:650;margin:8px 0 5px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cdd5cf;border-radius:10px;background:#fff;color:var(--ink)}textarea{resize:vertical}button{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:10px 15px;cursor:pointer;font-weight:650}button.secondary{background:#dce6df;color:#314039}button.ghost{background:#fff;color:#4c5a54;border:1px solid var(--line)}button.danger{background:#f3e4e4;color:#7f3f3f}.hidden{display:none!important}.muted{color:var(--muted)}.notice{background:var(--soft);border-radius:12px;padding:12px;margin:12px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chip,.pill{display:inline-block;background:#eef2ef;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.9rem}.exercise-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.exercise-row:last-child{border-bottom:0}.exercise-actions{display:flex;gap:6px}.assignment-table{width:100%;border-collapse:collapse}.assignment-table th,.assignment-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.report-run{margin:10px 0;padding:10px;background:#fafbf9;border:1px solid var(--line);border-radius:10px}.center{text-align:center}.childwrap{max-width:900px}.stagebox{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.bigword{font-size:72px;font-weight:700;min-height:1.4em;text-align:center}.bigword .dim{color:#d2d8d4}.bigword .lit{color:#1f2925}.readingtext{font-family:Georgia,serif;font-size:30px;line-height:1.75;padding:24px;max-width:820px;margin:auto}.readingline{font-family:Georgia,serif;font-size:36px;line-height:1.55;min-height:190px;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px}.runner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.childtop{justify-content:center;text-align:center}.exercise-card{padding:14px;border:1px solid var(--line);border-radius:12px;margin:10px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.exercise-card.done{opacity:.7;background:#f2f4f2}.exercise-card.locked{opacity:.48}.result-table{width:100%;border-collapse:collapse;font-size:.92rem}.result-table td,.result-table th{padding:7px;border-bottom:1px solid var(--line);text-align:left}@media(max-width:760px){.grid2,.row,.row3{grid-template-columns:1fr}.top{padding:16px 18px}.bigword{font-size:54px}.readingline{font-size:30px}.assignment-table{font-size:.86rem}.assignment-table th:nth-child(4),.assignment-table td:nth-child(4){display:none}}
.archived-row{opacity:.68}
.archived-row td{background:#fafafa}

.foreign-context{max-width:760px;margin:18px auto;padding:16px 18px;border-radius:14px;background:#f4f5f1;font-size:1.15rem;line-height:1.55;text-align:center}
.smallnote{margin:8px 0 0}


/* v16.6 · child branding: quiet, professional, non-distracting */
.child-header{
  width:100%;
  max-width:980px;
  margin:12px auto 6px;
  padding:4px 18px 8px;
  box-sizing:border-box;
}
.child-brand{
  text-align:center;
  line-height:1.2;
}
.child-brand-title{
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:.01em;
  color:#53655d;
}
.child-brand-subtitle{
  margin-top:2px;
  font-size:.78rem;
  font-weight:400;
  color:#8a948f;
}
.child-footer{
  width:100%;
  max-width:980px;
  margin:34px auto 12px;
  padding:0 18px 12px;
  box-sizing:border-box;
  text-align:center;
  color:#87918c;
  font-size:.72rem;
  line-height:1.35;
}
.child-footer-line{
  width:54%;
  max-width:360px;
  height:1px;
  margin:0 auto 9px;
  background:#dfe4e1;
}
.child-footer-name{
  font-weight:500;
  letter-spacing:.005em;
}
.child-footer-site{
  margin-top:2px;
  font-size:.68rem;
  color:#9aa29e;
}
@media (max-width:640px){
  .child-header{
    margin-top:8px;
    padding-bottom:4px;
  }
  .child-brand-title{
    font-size:.96rem;
  }
  .child-brand-subtitle{
    font-size:.72rem;
  }
  .child-footer{
    margin-top:26px;
    font-size:.68rem;
  }
  .child-footer-line{
    width:70%;
  }
}


/* v16.9 · brani sequenziali */
.progressive-text{
  max-width:900px;
  margin:22px auto;
  line-height:1.75;
  text-align:left;
}
.seq-word{
  transition:color .10s linear, font-weight .10s linear;
}
.dim-word{
  color:#b9bfbb;
  font-weight:400;
}
.lit-word{
  color:#202522;
  font-weight:600;
}
.reading-word-stream{
  min-height:190px;
  padding:28px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#202522;
  font-weight:600;
}
.reading-word-stream.hidden{
  display:none;
}


/* =========================================================
   v16.10 · Palette coordinata al logo A chiare lettere
   Blu     #378CAF
   Giallo  #E2C44C
   Rosso   #B92C3D
   Corallo #EC5F5E
   Nero    #1B1B1B
   ========================================================= */

:root{
  --acl-blue:#378CAF;
  --acl-blue-dark:#276B87;
  --acl-blue-soft:#EAF4F8;
  --acl-yellow:#E2C44C;
  --acl-yellow-soft:#FBF6DD;
  --acl-red:#B92C3D;
  --acl-red-dark:#922333;
  --acl-coral:#EC5F5E;
  --acl-coral-soft:#FDEDEC;
  --acl-ink:#1B1B1B;
  --acl-text:#2B302E;
  --acl-muted:#6F7773;
  --acl-paper:#FBFAF6;
  --acl-panel:#FFFFFF;
  --acl-border:#D9DDDA;
}

/* Fondi e tipografia */
html,body{
  background:var(--acl-paper);
  color:var(--acl-text);
}
h1,h2,h3,h4,
.child-brand-title{
  color:var(--acl-ink);
}
.muted,
.child-brand-subtitle{
  color:var(--acl-muted);
}

/* Testata: identità presente ma discreta */
.child-header{
  border-top:3px solid var(--acl-blue);
}
.child-brand-title{
  color:var(--acl-blue-dark);
}
.child-footer-line{
  background:var(--acl-blue);
  opacity:.32;
}
.child-footer-name{
  color:var(--acl-ink);
}
.child-footer-site{
  color:var(--acl-blue-dark);
}

/* Card e campi */
.card,
.stagebox,
.exercise-card,
.exercise-row,
.report-run{
  background:var(--acl-panel);
  border-color:var(--acl-border);
}
input,select,textarea{
  border-color:#C9CFCC;
  background:#fff;
  color:var(--acl-text);
}
input:focus,select:focus,textarea:focus{
  border-color:var(--acl-blue);
  outline:3px solid rgba(55,140,175,.14);
}

/* Azione principale */
button{
  background:var(--acl-blue);
  border-color:var(--acl-blue);
  color:#fff;
}
button:hover:not(:disabled){
  background:var(--acl-blue-dark);
  border-color:var(--acl-blue-dark);
}

/* Azione secondaria */
button.secondary{
  background:var(--acl-blue-soft);
  border-color:#A9CDD9;
  color:var(--acl-blue-dark);
}
button.secondary:hover:not(:disabled){
  background:#DCEEF4;
}

/* Azioni neutre */
button.ghost{
  background:#fff;
  border-color:var(--acl-border);
  color:var(--acl-text);
}
button.ghost:hover:not(:disabled){
  border-color:var(--acl-blue);
  color:var(--acl-blue-dark);
  background:var(--acl-blue-soft);
}

/* Distruttive: rosso del logo */
button.danger{
  background:#fff;
  border-color:#D9AAB0;
  color:var(--acl-red);
}
button.danger:hover:not(:disabled){
  background:var(--acl-red);
  border-color:var(--acl-red);
  color:#fff;
}

/* Evidenze e piccoli accenti */
.chip{
  background:var(--acl-yellow-soft);
  border-color:#EAD985;
  color:var(--acl-ink);
}
.notice{
  background:var(--acl-blue-soft);
  border-color:#B7D6E1;
}
.exercise-card.done{
  background:var(--acl-yellow-soft);
  border-color:#E9D77C;
}

/* Barra/elementi di avanzamento */
progress,
.progress{
  accent-color:var(--acl-blue);
}

/* Istruzioni bambino: leggere, non decorative */
#instruction{
  background:var(--acl-blue-soft);
  border-color:#C7DFE8;
  color:var(--acl-text);
}

/* Sequenze di lettura */
.dim-word{
  color:#BEC4C1;
}
.lit-word{
  color:var(--acl-ink);
}

/* Parole straniere / contesti */
.foreign-context{
  background:var(--acl-yellow-soft);
  border:1px solid #EBDD96;
}

/* Selezioni e focus visivo */
::selection{
  background:rgba(226,196,76,.45);
  color:var(--acl-ink);
}

/* Rosso/corallo solo per stati che richiedono attenzione */
.error,
.alert-error{
  color:var(--acl-red);
}
.warning,
.alert-warning{
  background:var(--acl-coral-soft);
  border-color:#F3B1AE;
  color:#7D2B2B;
}


/* =========================================================
   v16.11 · INTERFACCIA coordinata al logo
   ATTENZIONE: i colori degli stimoli di lettura restano neutri.
   ========================================================= */

:root{
  /* Colori esatti ricavati dal logo */
  --logo-blue:#378CAF;
  --logo-yellow:#E2C44C;
  --logo-red:#B92C3D;
  --logo-coral:#EC5F5E;

  /* Sovrascrive la vecchia palette verdina dell'interfaccia */
  --bg:#FAF9F5;
  --card:#FFFFFF;
  --ink:#202322;
  --muted:#6D716F;
  --accent:#378CAF;
  --line:#DADDDC;
  --soft:#EEF6F9;
  --danger:#B92C3D;
}

/* ----- STRUTTURA GENERALE: niente verdino ----- */
html,body{
  background:#FAF9F5 !important;
  color:#202322 !important;
}

.top{
  position:relative;
  background:#FFFFFF !important;
  border-bottom:1px solid #DADDDC !important;
  box-shadow:0 2px 12px rgba(20,25,23,.035);
}

.top::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(
    90deg,
    var(--logo-blue) 0 25%,
    var(--logo-yellow) 25% 50%,
    var(--logo-red) 50% 75%,
    var(--logo-coral) 75% 100%
  );
}

.top h1{
  color:#202322 !important;
}

.top p{
  color:#6D716F !important;
}

.card{
  background:#FFFFFF !important;
  border:1px solid #DADDDC !important;
  box-shadow:0 4px 18px rgba(22,28,25,.035) !important;
}

/* ----- CAMPI ----- */
input,select,textarea{
  background:#FFFFFF !important;
  color:#202322 !important;
  border-color:#C9CECC !important;
}

input:focus,select:focus,textarea:focus{
  border-color:var(--logo-blue) !important;
  outline:3px solid rgba(55,140,175,.14) !important;
}

/* ----- PULSANTI: identità del logo ----- */
button{
  background:var(--logo-blue) !important;
  color:#FFFFFF !important;
  border-color:var(--logo-blue) !important;
}

button:hover:not(:disabled){
  background:#2C7897 !important;
  border-color:#2C7897 !important;
}

/* Secondari: giallo del logo, ma molto sobrio */
button.secondary{
  background:#F6EBC0 !important;
  color:#3A3521 !important;
  border:1px solid #E5CF6F !important;
}

button.secondary:hover:not(:disabled){
  background:#F0DFA0 !important;
  border-color:var(--logo-yellow) !important;
}

/* Neutri */
button.ghost{
  background:#FFFFFF !important;
  color:#303432 !important;
  border:1px solid #D2D6D4 !important;
}

button.ghost:hover:not(:disabled){
  background:#EEF6F9 !important;
  color:#286F8C !important;
  border-color:var(--logo-blue) !important;
}

/* Distruttivi: rosso del logo */
button.danger{
  background:#FFFFFF !important;
  color:var(--logo-red) !important;
  border:1px solid #D8A4AA !important;
}

button.danger:hover:not(:disabled){
  background:var(--logo-red) !important;
  color:#FFFFFF !important;
  border-color:var(--logo-red) !important;
}

/* ----- ELEMENTI DELL'INTERFACCIA ----- */
.notice,
#instruction{
  background:#EEF6F9 !important;
  border-color:#BDD9E4 !important;
  color:#202322 !important;
}

.pill{
  background:#EEF6F9 !important;
  border-color:#C9DFE7 !important;
  color:#286F8C !important;
}

.exercise-card.done{
  background:#FFF9E5 !important;
  border-color:#E8D47D !important;
}

.report-run,
.archived-row td{
  background:#FBFBF9 !important;
}

/* Anteprima parole: neutra, NON gialla */
.chip{
  background:#F5F5F3 !important;
  border-color:#DADDDC !important;
  color:#202322 !important;
}

/* Contesto parole straniere: neutro, non colore identitario */
.foreign-context{
  background:#F5F5F3 !important;
  border-color:#DADDDC !important;
  color:#202322 !important;
}

/* ----- AREA BAMBINO ----- */
.child-header{
  position:relative;
  border-top:0 !important;
}

.child-header::before{
  content:"";
  display:block;
  height:3px;
  width:120px;
  margin:0 auto 8px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    var(--logo-blue) 0 25%,
    var(--logo-yellow) 25% 50%,
    var(--logo-red) 50% 75%,
    var(--logo-coral) 75% 100%
  );
}

.child-brand-title{
  color:#202322 !important;
}

.child-brand-subtitle{
  color:#7A7E7C !important;
}

.child-footer-line{
  background:linear-gradient(
    90deg,
    var(--logo-blue),
    var(--logo-yellow),
    var(--logo-red),
    var(--logo-coral)
  ) !important;
  opacity:.55 !important;
}

.child-footer-name{
  color:#202322 !important;
}

.child-footer-site{
  color:#286F8C !important;
}

/* =========================================================
   STIMOLI DI LETTURA: RESTANO NEUTRI
   Nessun colore del logo viene applicato a parole o brani.
   ========================================================= */

.bigword,
.readingtext,
.readingline,
.reading-word-stream,
.progressive-text{
  color:#202322 !important;
}

.bigword .dim,
.dim-word{
  color:#BEC2C0 !important;
}

.bigword .lit,
.lit-word{
  color:#202322 !important;
}

/* Anche la selezione del testo resta neutra e leggibile */
::selection{
  background:#DCECF2;
  color:#202322;
}


/* =========================================================
   v16.12 · Area bambino: azzurro polvere coordinato al logo
   Identità presente, ma a bassa saturazione.
   Gli stimoli di lettura restano rigorosamente neutri.
   ========================================================= */

:root{
  --child-blue:#378CAF;
  --child-blue-dark:#2E718B;
  --child-blue-soft:#EEF6F9;
  --child-blue-softer:#F6FAFB;
  --child-blue-border:#C8DDE5;
}

/* Sfondo bambino: neutro, appena freddo */
body.child-page,
body:has(.child-header){
  background:#FAFBFA !important;
}

/* Testata bambino */
.child-header{
  background:transparent !important;
}
.child-brand-title{
  color:var(--child-blue-dark) !important;
}
.child-brand-subtitle{
  color:#7C8682 !important;
}

/* Card principale / contenitori attività */
#homeBox,
#runner,
#doneBox,
.stagebox,
.exercise-card{
  background:#FFFFFF !important;
  border-color:var(--child-blue-border) !important;
  box-shadow:0 5px 20px rgba(55,140,175,.055) !important;
}

/* Istruzioni: azzurro molto chiaro, non verdino */
#instruction{
  background:var(--child-blue-soft) !important;
  border:1px solid var(--child-blue-border) !important;
  color:#28312E !important;
}

/* Badge / contatori / piccole etichette */
.pill,
#exerciseCounter,
.exercise-card .muted{
  color:#5E6B67 !important;
}

/* Pulsante principale bambino: blu smorzato */
#advanceWord,
#textAdvance,
#textFinish,
#submitWrite,
#backHome,
#exerciseHome button{
  background:#4E93AC !important;
  border-color:#4E93AC !important;
  color:#FFFFFF !important;
}
#advanceWord:hover,
#textAdvance:hover,
#textFinish:hover,
#submitWrite:hover,
#backHome:hover,
#exerciseHome button:hover{
  background:#3E7F98 !important;
  border-color:#3E7F98 !important;
}

/* Pulsanti secondari bambino */
#reviewWord{
  background:#F4F8FA !important;
  color:#356E84 !important;
  border-color:#C5DCE5 !important;
}

/* Campi di riscrittura */
#writeAnswer{
  background:#FFFFFF !important;
  border-color:#BFD6DF !important;
}
#writeAnswer:focus{
  border-color:var(--child-blue) !important;
  outline:3px solid rgba(55,140,175,.12) !important;
}

/* Barra/indicatori di avanzamento, se presenti */
progress,
.progress,
progress::-webkit-progress-value{
  accent-color:#4E93AC !important;
}

/* Footer bambino */
.child-footer-line{
  background:#AFCFDC !important;
  opacity:.85 !important;
}
.child-footer-site{
  color:#3B7890 !important;
}

/* Importante: STIMOLI DI LETTURA SEMPRE NEUTRI */
#wordStimulus,
#syllableStimulus,
.bigword,
.readingtext,
.readingline,
.progressive-text,
.reading-word-stream{
  color:#202522 !important;
  background:transparent !important;
}

/* Progressione: solo grigio -> nero */
.dim-word,
.bigword .dim{
  color:#BEC3C1 !important;
}
.lit-word,
.bigword .lit{
  color:#202522 !important;
}

/* Nessun fondo azzurro dietro parola o testo */
#wordStage,
#textStage{
  background:#FFFFFF !important;
}

/* Contesto stranieri: neutro anche lato bambino */
.foreign-context{
  background:#F5F5F3 !important;
  border-color:#D9DDDA !important;
  color:#202522 !important;
}


/* =========================================================
   v16.13 · Microcorrezioni interfaccia bambino
   - "Attività" più discreto
   - "Avanti" meno saturo
   - barretta multicolore invariata
   ========================================================= */

/* Pulsante in alto a destra: resta cliccabile ma visivamente
   si comporta quasi come una piccola etichetta di navigazione. */
#backHome{
  background:#F5F9FA !important;
  color:#527787 !important;
  border:1px solid #D3E4EA !important;
  box-shadow:none !important;
  padding:8px 12px !important;
  font-weight:600 !important;
}

#backHome:hover:not(:disabled){
  background:#EDF5F7 !important;
  color:#356E84 !important;
  border-color:#BDD6DF !important;
}

/* Avanti: azzurro più morbido e meno saturo del precedente,
   mantenendo però la gerarchia di azione principale. */
#advanceWord,
#textAdvance{
  background:#588DA1 !important;
  border-color:#588DA1 !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}

#advanceWord:hover:not(:disabled),
#textAdvance:hover:not(:disabled){
  background:#4F8195 !important;
  border-color:#4F8195 !important;
}

/* Focus presente ma non aggressivo */
#advanceWord:focus-visible,
#textAdvance:focus-visible,
#backHome:focus-visible{
  outline:3px solid rgba(55,140,175,.14) !important;
  outline-offset:2px !important;
}


/* =========================================================
   v16.14 · Correzioni brani
   - font a bastone per tutti gli stimoli testuali
   - spazio esplicito tra parole nelle sequenze progressive
   ========================================================= */
.readingtext,
.readingline,
.progressive-text,
.reading-word-stream{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}

.seq-word{
  display:inline-block;
  margin-right:.34em;
}
.seq-word:last-child{
  margin-right:0;
}


/* v16.20+ · uso in seduta */
.child-brand-title{font-size:1.35rem;font-weight:700}
.child-brand-subtitle{margin-top:4px;font-size:.86rem}
.pre-exercise{max-width:680px;margin:0 auto;text-align:center;padding:10px 6px}
.pre-exercise h2{margin:14px 0 22px}.pre-exercise h3{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--acl-blue-dark)}
.pre-exercise p{max-width:620px;margin:0 auto 24px;font-size:1.05rem;line-height:1.6}
#runner #instruction.hidden{display:none!important}.reading-score-controls{margin-top:8px;padding:10px 14px;border-top:1px solid var(--acl-border)}
.reading-score-controls.hidden{display:none}.control-label{margin-bottom:7px;text-align:center;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--acl-muted)}
button.error-action{background:#fff;color:var(--acl-red);border-color:#d8aeb3}button.error-action:hover:not(:disabled){background:var(--acl-coral-soft);color:var(--acl-red-dark);border-color:var(--acl-red)}
.replay-settings{margin:12px 0 14px;padding:12px;border:1px solid var(--acl-border);border-radius:10px;background:#fbfcfc}
@media(max-width:640px){.child-brand-title{font-size:1.16rem}.child-brand-subtitle{font-size:.76rem}.reading-score-controls .actions{gap:8px;flex-wrap:wrap}}

/* =========================================================
   v16.22.1 · UX area professionista + sillabe/secondo
   ========================================================= */
#app .card.admin-section.tone-cream{background:#FBF2E3 !important;border-color:#E8D8BD !important}
#app .card.admin-section.tone-blue{background:#EAF3F7 !important;border-color:#C9DEE7 !important}
#app .admin-section{box-shadow:0 4px 16px rgba(35,50,43,.035)}
#app .admin-section input,#app .admin-section select,#app .admin-section textarea{background:#fff}
.priority-help{margin:10px 0 8px;padding:11px 13px;border:1px solid rgba(55,140,175,.18);border-radius:10px;background:rgba(255,255,255,.72)}
.priority-help p{margin:0}.priority-help p+p{margin-top:5px}.priority-help strong{color:#30434B}.filter-note{margin-top:0}
.unit-input{display:flex;align-items:center;gap:8px}.unit-input input{min-width:0}.unit-input span{white-space:nowrap;color:#65747a;font-size:.9rem}
.timing-explain{align-self:end;padding-bottom:8px}
.monitoring-card .monitor-intro{max-width:980px;margin-bottom:16px}.monitoring-card .monitor-intro p{margin:0 0 7px}
.monitor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.monitor-panel{background:rgba(255,255,255,.82)!important;border:1px solid rgba(70,104,117,.16);border-radius:14px;padding:16px}
.monitor-panel h3{margin:0 0 10px;font-size:1rem}.monitor-specs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px}.monitor-specs span{display:inline-block;padding:5px 9px;border-radius:999px;background:#F4F7F7;border:1px solid #DDE5E7;color:#526269;font-size:.82rem;line-height:1.2}.monitor-new>button{width:100%}
.monitor-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.monitor-overview-head h3{margin-bottom:2px}.monitor-overview-head p{margin:0}button.compact-button{width:auto;min-width:38px;padding:6px 10px;line-height:1;font-size:1.1rem}
.monitor-overview{display:grid;gap:7px;margin:10px 0 12px}.monitor-overview-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #DEE5E6;border-radius:10px;background:#fff}.monitor-overview-row>div:first-child,.monitor-overview-main{min-width:0;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.monitor-overview-row strong{min-width:24px;color:#263B44}.monitor-overview-row span,.monitor-overview-status{color:#637278;font-size:.88rem}.monitor-overview-row.is-empty{background:rgba(255,255,255,.56);border-style:dashed}.monitor-overview-row.is-done{border-color:#C8DCE2}button.monitor-open-entry{width:auto;padding:6px 10px;flex:0 0 auto;font-size:.86rem}button.monitor-history-open{width:100%}
.history-page{max-width:1180px;margin:0 auto;padding:24px 0 48px}.history-page-card{background:#FAF5EA!important;border-color:#E6DAC3}.history-page-header{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.history-page-header h2{margin:0 0 4px}.history-page-header button{width:auto}.monitor-history-entry{border:1px solid #D7E1E3;border-radius:12px;background:#fff;margin:12px 0;overflow:hidden}.monitor-history-entry summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-weight:500;list-style-position:inside}.monitor-history-entry summary:hover{background:#f7f9f9}.monitor-history-summary-metrics{font-size:.92rem;color:#52636a;font-weight:400;text-align:right}.monitor-history-entry-body{padding:0 16px 16px}.monitor-history-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 16px}.monitor-history-kpis>div{background:#F1F6F7;border-radius:10px;padding:10px 12px}.monitor-history-kpis span{display:block;font-size:.82rem;color:#65747a;margin-bottom:3px}.monitor-history-kpis strong{font-size:1rem}
.work-plan-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 12px}.work-plan-toolbar button{width:auto}.work-plan-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:16px;align-items:start}.work-plan-panel{background:rgba(255,255,255,.84)!important;border:1px solid rgba(82,104,112,.16);border-radius:14px;padding:16px}.work-plan-panel h3{margin:0 0 9px;font-size:1rem}.work-plan-panel h3:not(:first-child){margin-top:18px}.work-plan-copy p{margin:0 0 8px}.work-plan-replay{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);gap:12px;align-items:end;padding:11px 12px;border:1px solid #DDE5E7;border-radius:10px;background:#F8FAFA}.work-plan-replay>label{display:flex;align-items:center;gap:8px;margin:0 0 8px}.work-plan-replay input[type="checkbox"]{width:auto}.work-plan-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.work-plan-lists>div{background:rgba(255,255,255,.72);border:1px solid rgba(82,104,112,.14);border-radius:14px;padding:15px}.work-plan-lists h3{font-size:1rem;margin:0 0 4px}.work-plan-lists .chips{max-height:190px;overflow:auto;padding-right:4px}
@media(max-width:900px){.work-plan-grid,.work-plan-lists{grid-template-columns:1fr}}@media(max-width:800px){.monitor-layout{grid-template-columns:1fr}}@media(max-width:760px){.monitor-history-entry summary{align-items:flex-start;flex-direction:column}.monitor-history-summary-metrics{text-align:left}.monitor-history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.work-plan-replay{grid-template-columns:1fr}#app .admin-section{padding:17px}}


/* v16.22.2 · correzione layout Ripresa automatica */
.replay-settings,
.work-plan-replay{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(170px,220px);
  gap:12px 16px;
  align-items:end;
}
.replay-settings > *,
.work-plan-replay > *{
  min-width:0;
}
.replay-settings label,
.work-plan-replay label{
  white-space:normal;
}
.replay-settings input[type="checkbox"],
.work-plan-replay input[type="checkbox"]{
  width:18px !important;
  height:18px;
  min-width:18px;
  flex:0 0 18px;
  margin:0;
}
.replay-settings input[type="number"],
.work-plan-replay input[type="number"]{
  width:100%;
  min-width:0;
}
@media(max-width:760px){
  .replay-settings,
  .work-plan-replay{grid-template-columns:1fr}
}

/* =========================================================
   v16.22.3 · gerarchia visiva e orientamento tra sezioni
   ========================================================= */
.admin-quick-nav{
  position:sticky;
  top:8px;
  z-index:20;
  margin:0 0 24px;
  padding:8px;
  border:1px solid #D8E0E2;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 5px 18px rgba(28,38,35,.06);
  backdrop-filter:blur(7px);
}
.admin-quick-nav-inner{
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  scrollbar-width:thin;
  padding:1px;
}
button.admin-quick-nav-link{
  width:auto !important;
  flex:0 0 auto;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  color:#37474E !important;
  border:1px solid #D8E0E2 !important;
  box-shadow:none !important;
  font-size:.86rem;
  font-weight:650;
  white-space:nowrap;
}
button.admin-quick-nav-link:hover:not(:disabled),
button.admin-quick-nav-link:focus-visible{
  background:#EEF6F9 !important;
  color:#286F8C !important;
  border-color:#AFCFDC !important;
}

#app .admin-section-collapsible{
  scroll-margin-top:84px;
  overflow:hidden;
}
#app .admin-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:-20px -20px 20px;
  padding:16px 20px;
  border-bottom:1px solid rgba(69,86,90,.10);
  cursor:pointer;
  user-select:none;
  transition:filter .14s ease,background .14s ease;
}
#app .tone-cream > .admin-section-head{
  background:#F2DFC1;
  border-bottom-color:#DFC59E;
}
#app .tone-blue > .admin-section-head{
  background:#D7E8F0;
  border-bottom-color:#B8D3DF;
}
#app .admin-section-head:hover{filter:brightness(.985)}
#app .admin-section-head:focus-visible{
  outline:3px solid rgba(55,140,175,.16);
  outline-offset:-3px;
}
#app .admin-section-title{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 !important;
  font-size:1.75rem !important;
  line-height:1.15 !important;
  font-weight:750 !important;
  color:#202322 !important;
}
#app .admin-section-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(60,75,80,.12);
  font-size:1rem;
  line-height:1;
  font-weight:800;
  color:#40545D;
}
#app .admin-section-title-text{min-width:0}
#app .admin-section-chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(60,75,80,.12);
  color:#475A62;
  font-size:1.5rem;
  line-height:1;
  font-weight:500;
}
#app .admin-section-body{min-width:0}
#app .admin-section-collapsible.is-collapsed > .admin-section-head{
  margin-bottom:-20px;
  border-bottom:0;
}
#app .admin-section-collapsible.is-collapsed{
  box-shadow:0 2px 10px rgba(35,50,43,.03) !important;
}

@media(max-width:760px){
  .admin-quick-nav{top:4px;margin-bottom:18px;border-radius:12px}
  #app .admin-section-head{margin:-17px -17px 17px;padding:14px 15px}
  #app .admin-section-title{font-size:1.42rem !important;gap:9px}
  #app .admin-section-number{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:.92rem}
  #app .admin-section-chevron{width:30px;height:30px;flex-basis:30px;font-size:1.3rem}
  #app .admin-section-collapsible.is-collapsed > .admin-section-head{margin-bottom:-17px}
}

/* =========================================================
   v16.22.4 · semplificazione filtri + fix Ripresa automatica
   ========================================================= */
.frequency-row-simplified{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.advanced-frequency-filter{
  margin:10px 0 14px;
  padding:0;
  border:1px solid #DDE4E5;
  border-radius:10px;
  background:rgba(255,255,255,.62);
  overflow:hidden;
}
.advanced-frequency-filter > summary{
  cursor:pointer;
  padding:10px 12px;
  font-weight:650;
  color:#526269;
  list-style-position:inside;
}
.advanced-frequency-filter[open] > summary{
  border-bottom:1px solid #E3E8E9;
  background:rgba(255,255,255,.66);
}
.advanced-frequency-filter > p,
.advanced-frequency-filter > div{
  margin-left:12px;
  margin-right:12px;
}
.advanced-frequency-filter > div{
  margin-bottom:12px;
}

/* Ripresa: pannello verticale, senza sovrapposizioni */
.replay-settings,
.work-plan-replay{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
  min-width:0 !important;
  padding:12px 13px !important;
  border:1px solid #DDE5E7;
  border-radius:10px;
  background:#F8FAFA;
}
.replay-settings > label,
.work-plan-replay > label{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  line-height:1.3;
}
.replay-settings > div,
.work-plan-replay > div{
  min-width:0 !important;
}
.replay-settings > div > label,
.work-plan-replay > div > label{
  display:block !important;
  margin:2px 0 5px !important;
  white-space:normal !important;
}
.replay-settings input[type="number"],
.work-plan-replay input[type="number"]{
  width:100% !important;
  max-width:220px;
}
.replay-settings .smallnote{
  margin:2px 0 0 !important;
  align-self:stretch !important;
}
#workPlanTimingMode{
  min-width:0;
}

@media(max-width:760px){
  .frequency-row-simplified{grid-template-columns:1fr !important}
}

/* v16.22.4.1 · layout stabile controlli SPS + cache-bust */
.input-with-unit{display:flex;align-items:center;gap:8px;min-width:0}
.input-with-unit input{min-width:0;flex:1}
.input-with-unit span{white-space:nowrap;color:var(--muted);font-size:.9rem}
.work-plan-secondary-controls{margin-top:10px}
.work-plan-replay{margin-top:10px}
@media(min-width:761px){.work-plan-advance{min-width:220px}}


/* v16.22.5 · opzioni avanzate: varietà lessicale comprensibile */
.advanced-word-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.advanced-word-grid .smallnote{margin:7px 0 0}
@media(max-width:760px){.advanced-word-grid{grid-template-columns:1fr}}

/* =========================================================
   v16.23 · grafica essenziale + brani intelligenti
   ========================================================= */
:root{
  --acl-blue:#2F6174;
  --acl-header:#173E50;
  --acl-sky:#378CAF;
  --acl-yellow:#E2C44C;
  --acl-red:#B92C3D;
  --acl-coral:#EC5F5E;
  --acl-warm:#F7F4EE;
  --acl-ink:#1F2B30;
  --acl-line:#D7DEE1;
  --acl-soft:#FBFAF7;
  --bg:var(--acl-warm);--card:#fff;--ink:var(--acl-ink);--muted:#66747A;--accent:var(--acl-blue);--line:var(--acl-line);--soft:#F2F5F5;--danger:var(--acl-red);
}
body{background:var(--acl-warm);font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--acl-ink)}
.top{background:var(--acl-header)!important;border-bottom:0!important;color:#fff;padding-top:15px;padding-bottom:15px;box-shadow:0 2px 10px rgba(23,62,80,.18)}
.top h1{font-family:inherit!important;font-size:1.9rem!important;line-height:1.08!important;font-weight:780!important;letter-spacing:-.03em;color:#fff!important;margin:0 0 5px!important}
.top p{color:rgba(255,255,255,.9)!important;font-size:.9rem;line-height:1.25}
.brand-row{display:flex;align-items:center;gap:18px}.brand-logo{width:66px;height:66px;object-fit:contain;border-radius:0;background:transparent;padding:0}
.top button.ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}
.card{border-color:#E0E5E6;border-radius:14px;box-shadow:0 2px 10px rgba(30,50,58,.045);background:#fff}
#app .admin-section{background:#fff!important;position:relative;border-top:0!important;overflow:hidden}
#app .admin-section::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--acl-sky)}
#app .admin-section:nth-of-type(4n+1)::before{background:var(--acl-yellow)}
#app .admin-section:nth-of-type(4n+2)::before{background:var(--acl-sky)}
#app .admin-section:nth-of-type(4n+3)::before{background:var(--acl-coral)}
#app .admin-section:nth-of-type(4n)::before{background:var(--acl-red)}
#app .admin-section-head,#app .tone-cream>.admin-section-head,#app .tone-blue>.admin-section-head{background:#fff!important;border-bottom:1px solid #EDF0F1!important;margin-top:-13px!important;padding-top:21px!important}
#app .admin-section-title{font-family:inherit!important;color:var(--acl-ink)!important;font-size:1.45rem!important;font-weight:760!important}
#app .admin-section-number{background:#fff!important;border-color:#D7DEE1!important;color:var(--acl-blue)!important}
#app .admin-section-chevron{background:#fff!important;border-color:#D7DEE1!important;color:var(--acl-blue)!important}
.admin-quick-nav{background:rgba(247,244,238,.96);border-color:#D9E0E2;box-shadow:none}
button.admin-quick-nav-link{border-radius:8px!important;font-size:.84rem;background:#fff!important}
button{background:var(--acl-blue);border-radius:9px}button.secondary{background:#E9F1F4;color:#24566A}button.ghost{color:#3C5A67;border-color:#CFDADD}button.danger{background:#F7E8EA;color:#9C2B3A}
input,select,textarea{border-color:#CBD5D8;border-radius:9px;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(55,140,175,.12);border-color:var(--acl-sky)}
.targeted-work-box,.custom-list-box,.text-prep-box,.recommended-texts{border:1px solid #DEE5E7;border-radius:12px;padding:15px;margin:14px 0;background:#FCFCFA}
.targeted-work-head,.text-prep-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.targeted-work-head h3,.text-prep-head h3{margin:0 0 4px}.targeted-controls{display:flex;gap:10px;align-items:flex-start;flex:0 0 auto}.targeted-format{width:150px;flex:0 0 150px}.targeted-count{width:110px;flex:0 0 110px}.targeted-format label,.targeted-count label{margin-top:0}
.targeted-buttons,.recommended-text-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.target-chip{width:auto!important;background:#fff!important;color:var(--acl-ink)!important;border:2px solid var(--acl-sky)!important;padding:9px 13px!important}.target-chip:nth-child(2){border-color:var(--acl-yellow)!important}.target-chip:nth-child(3){border-color:var(--acl-coral)!important}.target-chip:nth-child(4){border-color:var(--acl-red)!important}.target-chip:nth-child(5){border-color:var(--acl-sky)!important}.target-chip:nth-child(6){border-color:var(--acl-yellow)!important}
.word-builder-details,.text-settings,.report-details{border:1px solid #DEE5E7;border-radius:10px;padding:0;margin:12px 0;background:#fff}.word-builder-details>summary,.text-settings>summary,.report-details>summary{cursor:pointer;padding:11px 13px;font-weight:700;color:#435A65}.word-builder-details[open]>summary,.text-settings[open]>summary{border-bottom:1px solid #E9EDEE;margin-bottom:12px}.word-builder-details>*:not(summary),.text-settings>*:not(summary){margin-left:13px;margin-right:13px}.word-builder-details>*:last-child,.text-settings>*:last-child{margin-bottom:13px}
.candidate-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.candidate-word{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border:1px solid #E0E6E8;border-radius:9px;background:#fff;margin:0;font-weight:500}.candidate-word input{width:auto;margin-top:3px}.candidate-word span{display:flex;flex-direction:column;gap:2px}.candidate-word small{color:#718087;font-size:.78rem}
.recommended-texts{border-left:5px solid var(--acl-yellow)}.recommended-texts>strong{display:block;margin-bottom:8px}.recommended-text-buttons button{width:auto!important}
.work-plan-quick-summary{display:grid;grid-template-columns:minmax(180px,.75fr) 1.6fr;gap:12px;margin:0 0 16px}.work-plan-quick-summary>div{border:1px solid #DDE5E7;border-radius:11px;padding:13px;background:#fff}.work-plan-quick-summary span{display:block;color:#6A787E;font-size:.8rem;margin-bottom:4px}.work-plan-quick-summary strong{font-size:1.08rem;color:#22373F}
.inline-report-row td{padding:0 8px 18px!important;background:#fff!important}.inline-report{border:1px solid #D8E1E3;border-left:5px solid var(--acl-sky);border-radius:11px;padding:16px;background:#FCFDFC}.report-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.report-attempt-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.report-context-flag{display:inline-block;padding:5px 9px;border-radius:999px;background:#EEF5F7;color:#2E6379;font-size:.82rem;font-weight:700}.report-context-flag.neutral{background:#F2F2EF;color:#69746F}.report-details{background:#fff}.report-details table{margin:0 12px 12px;width:calc(100% - 24px)}
.draft-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.draft-toolbar p{margin:0}.draft-toolbar button{width:auto}.custom-list-details{margin-top:18px!important}.custom-list-details>summary{color:#356579!important}
.report-metrics,.report-replay{border-color:#DDE5E7!important;background:#fff!important}
.exercise-row{border-color:#E6EAEB}.exercise-actions button{width:auto!important}.chips .chip{background:#F5F7F7;border-color:#DCE3E5}
@media(max-width:760px){.brand-logo{width:54px;height:54px}.brand-row{gap:13px}.top h1{font-size:1.55rem!important}.top p{font-size:.78rem}.candidate-words,.work-plan-quick-summary{grid-template-columns:1fr}.targeted-work-head,.text-prep-head{display:block}.targeted-controls{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.targeted-format,.targeted-count{width:100%;max-width:none}.assignment-table{display:block;overflow-x:auto}.inline-report-row td{min-width:660px}.exercise-row{grid-template-columns:1fr}.exercise-actions{flex-wrap:wrap}.draft-toolbar{align-items:flex-start;flex-direction:column}}

/* v16.26.0 · profilo utente e lavoro a casa */
.user-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.user-actions>label{flex:1 1 260px}.user-profile-box,.homework-builder{margin-top:14px;padding:14px;border:1px solid #DDE5E7;border-radius:12px;background:#F8FAFA}.homework-builder h3{margin-bottom:6px}.inline-check{display:flex;align-items:flex-start;gap:9px;font-weight:600}.inline-check input[type="checkbox"]{width:auto;margin-top:4px}.day-complete{text-align:center;padding:34px 18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.day-complete h3{margin-bottom:7px}.day-complete p{max-width:560px;margin:0 auto 18px;color:var(--muted)}
.text-history-summary{margin:0 0 14px}.text-history-summary details{border:1px solid #D8E2E5;border-radius:10px;background:#F8FAFA}.text-history-summary summary{padding:11px 13px;font-weight:700;color:#173E50;cursor:pointer}.text-history-list{padding:0 12px 8px}.text-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #E4EAEC}.text-history-row>div{min-width:0}.text-history-row strong,.text-history-row span{display:block}.text-history-row span{margin-top:2px;color:var(--muted);font-size:.86rem}.text-history-row button{width:auto;flex:0 0 auto;padding:7px 10px}.text-history-summary .smallnote{padding:0 12px 10px;margin:0}
.family-report-panel{margin:8px 0 22px;padding:16px;border:1px solid #D5E1E4;border-radius:12px;background:#F8FAFA}.family-report-head h3{margin:0 0 4px;color:#173E50}.family-report-controls{margin-top:12px}.family-report-editor{margin-top:16px;padding-top:16px;border-top:1px solid #D8E2E5}.family-report-editor>label{display:block;margin-top:13px}.family-report-editor textarea{min-height:92px;resize:vertical;background:#fff}.family-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 15px}.family-report-metrics>div{padding:10px;border:1px solid #DCE5E7;border-radius:9px;background:#fff}.family-report-metrics span,.family-report-metrics strong{display:block}.family-report-metrics span{font-size:.8rem;color:var(--muted);margin-bottom:3px}.family-report-metrics strong{color:#173E50}.family-report-panel .actions{align-items:center}@media(max-width:760px){.family-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.family-report-panel{padding:12px}}
.archive-users-panel{padding:14px;border:1px solid #DDE5E7;border-radius:12px;background:#F8FAFA;margin-bottom:20px}.archive-users-panel h3{margin-bottom:4px}.archive-users-head,.archived-user-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.archived-user-row{padding:11px 0;border-top:1px solid #DDE5E7}.archived-user-row:first-child{margin-top:10px}.archive-subtitle{margin:4px 0 10px}@media(max-width:760px){.archive-users-head,.archived-user-row{align-items:flex-start;flex-direction:column}}

/* v16.23.6 · ripetizione del singolo esercizio */
.repeat-choice{min-height:46vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 16px}.repeat-choice h3{margin-bottom:8px}.repeat-choice p{max-width:620px;margin:0 auto 12px}.repeat-choice .actions{justify-content:center}

/* v16.27 · navigazione essenziale */
.release-marker{margin:0 0 10px;text-align:right;color:#657981;font-size:.76rem;font-weight:700;letter-spacing:.02em}
.admin-quick-nav{top:6px;padding:10px 12px;border:1px solid #C8D7DC;background:rgba(250,252,252,.97);box-shadow:0 5px 16px rgba(23,62,80,.08)}
.admin-quick-nav-inner{gap:9px}
button.admin-quick-nav-link{min-height:44px;padding:10px 16px!important;border-radius:10px!important;font-size:.96rem;font-weight:740;color:#244B5C!important}
button.admin-quick-nav-link.is-active{background:#173E50!important;color:#fff!important;border-color:#173E50!important}
.admin-nav-context{flex:0 0 auto;padding:8px 12px;border-right:1px solid #CCD9DD;color:#536970;font-size:.84rem;font-weight:750;white-space:nowrap}
.merged-block{margin-top:18px;border:1px solid #D7E1E4;border-radius:12px;background:#FBFCFC;overflow:hidden}
.merged-block>summary{cursor:pointer;padding:14px 16px;color:#274F61;font-weight:760;background:#EFF5F7}
.merged-block[open]>summary{border-bottom:1px solid #D7E1E4}
.merged-block>*:not(summary){margin-left:16px;margin-right:16px}
.merged-block>*:last-child{margin-bottom:16px}
.baseline-block{border-left:5px solid #4F8FA7;background:#FAFCFD}
.baseline-block>summary{background:#EAF3F6;color:#23556A}
.selected-exercises-block{border-left:5px solid #E5B94D}
.exercise-config-block{border-left:5px solid #7299A8}
#app .admin-section::before{background:#79AFC2!important}
#app .admin-section:nth-of-type(2n)::before{background:#D9B65D!important}
@media(max-width:760px){.admin-quick-nav{padding:8px}.admin-nav-context{display:none}button.admin-quick-nav-link{min-height:42px;padding:9px 13px!important;font-size:.9rem}.merged-block>*:not(summary){margin-left:11px;margin-right:11px}}

/* 16.27.2 Baseline in blu */
.baseline-block .monitor-icon{background:#EAF3F6;color:#23556A}
.baseline-block .monitor-flag{background:#EAF3F6;color:#23556A;border-color:#BBD2DC}