/* FASE 11A MANUALE - riquadro discreto nel calendario, senza alterare gli stili esistenti */
#mrPanel{margin-top:10px;border:1px solid #ead8e5;border-radius:12px;background:var(--card-bg,#fff);padding:10px}
#mrPanel>summary{cursor:pointer;font-weight:650;color:var(--text,#51364b)}
#mrPanel .mr-body{padding-top:10px}
#mrPanel .mr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#mrPanel .mr-grid>div{min-width:0}
#mrPanel input,#mrPanel select{width:100%;max-width:100%;box-sizing:border-box}
#mrPanel .mr-balance{padding:9px 10px;border-radius:10px;background:#fdf2f9;font-weight:600}
#mrPanel .mr-history-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0e5ed;font-size:.9em}
#mrPanel .mr-history-row span{min-width:0;overflow-wrap:anywhere}
#mrPanel .mr-actions{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
#mrPanel .mr-actions button{width:auto;min-width:0}
#calendar .manual-recovery-day{background:#f9eaf6!important;border-color:#d5a9c9}
#calendar .manual-recovery-day small{display:block;color:#7c365f;font-weight:650}
@media(max-width:390px){#mrPanel .mr-grid{grid-template-columns:1fr}}

#mrPanel .mr-event-row{padding:6px 0;border-bottom:1px solid #f0e5ed;font-size:.85em;line-height:1.4;overflow-wrap:anywhere}

/* FASE 11.2: impostazioni separate dalla registrazione intuitiva */
#mrPanel{margin:10px 0}
#mrEditor{border:1px solid #ead8e5;border-radius:12px;padding:12px;margin:12px 0;background:var(--card-bg,#fff)}
#mrEditor label{display:block;margin-top:10px}
#mrEditor input{width:100%;box-sizing:border-box}
#mrOvertimeBalance{font-size:.85em;padding:6px 10px;margin:6px 0;color:var(--text,#51364b)}
#calendar .manual-recovery-day small{font-size:.65em;line-height:1.25;overflow-wrap:anywhere}

#dayEditorCard.mr-mode #copyShift,#dayEditorCard.mr-mode #copyPrevious,#dayEditorCard.mr-mode #copyDate,#dayEditorCard.mr-mode #dayNotes,#dayEditorCard.mr-mode #favoriteQuickSection{display:none!important}
#dayEditorCard.mr-mode .hint:has(#copyShift){display:none!important}
#dayEditorCard.mr-mode #mrEditor{display:block}


/* FASE 14.1 TEST: riepilogo ROL più leggibile nel calendario e caselle compatte */
#mrOvertimeBalance{
 display:flex;align-items:center;gap:10px;min-width:0;
 padding:12px 14px;margin:10px 0 12px;
 border:1px solid #e7bfd2;border-radius:16px;
 background:linear-gradient(180deg,#fff6fb,#fbeef5);
 color:#6f3f58;font-size:.92em;line-height:1.45;font-weight:650;
 box-shadow:0 1px 0 #fff inset;
}
#mrOvertimeBalance:empty{display:none}
#mrOvertimeBalance::before{content:'🕒';flex:0 0 auto;font-size:1.05em}
#mrOvertimeBalance{overflow-wrap:anywhere}
#calendar .manual-recovery-day{
 background:linear-gradient(180deg,#fff7fb,#f9e9f4)!important;
 border:1px solid #cc86ab!important;
 box-shadow:inset 0 0 0 1px #f6d8e8;
}
#calendar .manual-recovery-day .v30-day-number{color:#6f3555;font-weight:800}
#calendar .manual-recovery-day .mr-day-pill{
 display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
 width:100%;max-width:100%;margin-top:3px;padding:2px 3px;border-radius:8px;
 background:#fff6fb;color:#7c365f;border:1px solid #eabfd3;font-weight:700;
 overflow:hidden;
}
#calendar .manual-recovery-day .mr-day-pill-label,
#calendar .manual-recovery-day .mr-day-pill-value{
 display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#calendar .manual-recovery-day .mr-day-pill-label{font-size:.62em;letter-spacing:.03em;text-transform:uppercase}
#calendar .manual-recovery-day .mr-day-pill-value{font-size:.72em;line-height:1.15}
@media(max-width:760px){
 #calendarPage .manual-recovery-day::before{content:'ROL';color:#7f3f61}
 #calendarPage .manual-recovery-day .mr-day-pill{margin-top:2px;padding:1px 2px}
 #calendarPage .manual-recovery-day .mr-day-pill-label{display:none}
 #calendarPage .manual-recovery-day .mr-day-pill-value{font-size:8px;line-height:1.1}
}
@media(max-width:360px){
 #mrOvertimeBalance{padding:10px 11px;font-size:.87em}
 #calendarPage .manual-recovery-day .mr-day-pill-value{font-size:7.5px}
}

/* BUILD 50 TEST — nell'unica cella ROL mostra solo il nome; il saldo resta nei dettagli. */
#calendar .manual-recovery-day .mr-day-label{
  display:block;align-self:center;max-width:100%;margin:2px 0 0;
  padding:1px 5px;border:1px solid #dda5c1;border-radius:6px;
  background:#fff4fa;color:#713b58;font-weight:800;
  font-size:clamp(9px,2.9vw,12px);line-height:1.2;
  white-space:nowrap;text-overflow:clip;overflow:visible;
}
@media screen and (max-width:760px){
 #calendarPage .day.manual-recovery-day::before{content:' '!important}
 #calendarPage .day.manual-recovery-day .mr-day-label{font-size:10px!important;margin-top:2px!important;line-height:1.1!important}
}
@media screen and (max-width:360px){
 #calendarPage .day.manual-recovery-day .mr-day-label{font-size:9px!important}
}

/* Build 51 TEST: keep ROL balance visible while reducing vertical space. */
#calendarPage .v51-calendar-overview{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,0.95fr);gap:6px;align-items:stretch;margin:5px 0 4px}
#calendarPage .v51-calendar-overview>*{min-width:0;margin:0!important}
#calendarPage .v51-calendar-overview #mrOvertimeBalance{display:flex;align-items:center;min-height:48px;padding:8px 10px!important;font-size:.83em;line-height:1.25;border-radius:12px!important}
#calendarPage .v51-calendar-overview .v29-month-area{margin:0!important}
#calendarPage .v51-calendar-overview .v29-month-toggle{height:100%;min-height:48px!important;padding:7px 9px!important;border-radius:12px!important;font-size:11.5px!important}
#calendarPage .v51-calendar-overview .v29-month-toggle strong{font-size:12px!important}
#calendarPage .v51-calendar-overview .v29-month-toggle .v29-chevron{font-size:13px!important}
@media screen and (max-width:360px){
 #calendarPage .v51-calendar-overview{grid-template-columns:1fr;gap:4px}
}