/* Le Mie Ore TEST · FASE 2, build 19. Presentation only: do not change shift or sync logic. */
/* The native disclosure keeps ALL existing additional-job controls in the DOM. */
#calendarPage #v16AdditionalCard.fase2-additional{min-width:0;max-width:100%;overflow:visible}
#calendarPage #v16AdditionalCard.fase2-additional>summary{
 display:flex;align-items:center;justify-content:space-between;gap:9px;
 cursor:pointer;list-style:none;font-size:18px;font-weight:800;
 line-height:1.3;color:var(--v24-text,#87355e);min-height:44px;
 padding:3px 0;overflow-wrap:anywhere;
}
#calendarPage #v16AdditionalCard.fase2-additional>summary::-webkit-details-marker{display:none}
#calendarPage #v16AdditionalCard.fase2-additional>summary::after{
 content:'⌄';display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 30px;width:30px;height:30px;border-radius:9px;
 border:1px solid #efd1e2;background:var(--v22-soft,#fff1f7);color:var(--v24-text,#87355e);
 font-size:20px;line-height:1;font-weight:700;
}
#calendarPage #v16AdditionalCard.fase2-additional[open]>summary::after{content:'⌃'}
#calendarPage #v16AdditionalCard.fase2-additional[open]>summary{margin-bottom:10px}
#calendarPage #v16AdditionalCard.fase2-additional>summary:focus-visible{outline:3px solid #2458ad;outline-offset:3px;border-radius:8px}
/* Reflow FIVE existing actions: back, month, next, today, monthly summary. */
#calendarPage>.card:first-child>.bar{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
#calendarPage>.card:first-child>.bar>*{box-sizing:border-box;min-width:0;max-width:100%}
@media screen and (max-width:760px){
 body.v21-calendar-active #calendarPage>.card:first-child>.bar{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px 48px 42px!important;
  gap:clamp(3px,1vw,5px)!important;align-items:center!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0 0 7px!important;padding:0!important;
 }
 body.v21-calendar-active #calendarPage>.card:first-child>.bar>button{
  box-sizing:border-box;min-width:0!important;max-width:100%!important;margin:0!important;
 }
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #prev,
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #next{width:40px!important;min-width:0!important;padding:0!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #todayButton{width:48px!important;min-width:0!important;padding:5px 1px!important;font-size:12px!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #v24CalendarToSummary{width:42px!important;min-width:0!important;max-width:42px!important;padding:0!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #monthName{
  min-width:0!important;width:100%!important;max-width:100%!important;
  overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  font-size:clamp(12px,3.45vw,17px)!important;padding:6px 2px!important;
 }
 /* Only while editing: the editor owns the upper region and the fixed global
    app bar must not cover its Back and Save controls. It returns on close. */
 body.v21-calendar-active.v21-editor-open #appShell>.accountBar.fase1-topbar{display:none!important}
 body.v21-calendar-active.v21-editor-open #calendarPage{height:100dvh!important;max-height:100dvh!important}
 body.v21-calendar-active.v21-editor-open #calendarPage #dayEditorCard:not([hidden]){
  position:fixed!important;inset:0!important;z-index:1000!important;
  box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;
  height:100dvh!important;max-height:100dvh!important;
  padding-top:0!important;
  scroll-padding-top:calc(78px + env(safe-area-inset-top,0px))!important;
 }
 body.v21-calendar-active.v21-editor-open #calendarPage #dayEditorCard:not([hidden])>.v21-editor-head{
  display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;
  position:sticky!important;top:0!important;z-index:1001!important;
  box-sizing:border-box!important;width:auto;min-height:65px;
  padding-top:calc(8px + env(safe-area-inset-top,0px));
  background:var(--v24-cards,#fff9fc);
 }
 body.v21-calendar-active.v21-editor-open #calendarPage #dayEditorCard .v21-field-row,
 body.v21-calendar-active.v21-editor-open #calendarPage #dayEditorCard button{
  scroll-margin-top:calc(78px + env(safe-area-inset-top,0px));
 }
}
@media screen and (max-width:350px){
 body.v21-calendar-active #calendarPage>.card:first-child>.bar{
  grid-template-columns:36px minmax(0,1fr) 36px 45px 40px!important;gap:3px!important;
 }
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #prev,
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #next{width:36px!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #todayButton{width:45px!important;font-size:11px!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #v24CalendarToSummary{width:40px!important}
}
@media screen and (min-width:761px){
 #calendarPage>.card:first-child>.bar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto 44px;gap:8px;align-items:center}
 #calendarPage>.card:first-child>.bar #monthName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media print{#calendarPage #v16AdditionalCard.fase2-additional>summary::after{display:none}}

@media screen and (max-width:760px){
 body.v21-calendar-active #calendarPage>.card:first-child>.bar{margin:0 0 5px!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #prev,
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #next{height:40px!important;min-height:40px!important;border-radius:10px!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #todayButton{min-height:40px!important;padding:4px 6px!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #v24CalendarToSummary{height:40px!important;min-height:40px!important}
 body.v21-calendar-active #calendarPage>.card:first-child>.bar #monthName{padding:5px 2px!important;font-size:clamp(12px,3.7vw,16px)!important}
}