/* fonctions/agenda/agenda-moderne.css — agenda perso « moderne »
   Extrait de styles.css à l'étape 8 du découpage. L'ordre de chargement (index.html) est celui
   de l'ancienne feuille : à spécificité égale, la dernière règle l'emporte (voir CARTE.md, CSS). */
 /* ================= AGENDA PERSO « MODERNE » =================
    Actif quand #agendaView porte la classe ag-modern (AGENDA_STYLE, JS). Cases opaques (plus rien
    ne transparaît du fond du tableau), liseré plein en haut (matin | après-midi), étiquettes et
    compteurs opaques. Retirer la classe = agenda d'avant, intact. */
 .agenda-wrap.ag-modern .agenda-cell{--base:var(--surface);background-color:var(--base);background-image:linear-gradient(90deg,color-mix(in srgb,var(--am-c,var(--base)) 9%,var(--base)) 0 50%,color-mix(in srgb,var(--pm-c,var(--base)) 9%,var(--base)) 50% 100%);}
 .agenda-wrap.ag-modern .agenda-cell.we{--base:color-mix(in srgb,var(--surface) 82%,#000);}
 .agenda-wrap.ag-modern .agenda-cell::after{content:'';position:absolute;left:0;right:0;top:0;height:calc(4px * var(--ui-scale-factor));border-radius:calc(6px * var(--ui-scale-factor)) calc(6px * var(--ui-scale-factor)) 0 0;background:linear-gradient(90deg,var(--am-c,transparent) 0 50%,var(--pm-c,transparent) 50% 100%);pointer-events:none;}
 .agenda-wrap.ag-modern .agenda-cell.other-month{opacity:1;--base:color-mix(in srgb,var(--surface) 72%,#000);background-image:none;border-color:transparent;}
 .agenda-wrap.ag-modern .agenda-cell.other-month > *{opacity:.4;}
 .agenda-wrap.ag-modern .agenda-cell.other-month::after{opacity:.35;}
 .agenda-wrap.ag-modern .agenda-cell.is-today{border-color:var(--accent);box-shadow:0 0 0 calc(1px * var(--ui-scale-factor)) var(--accent);}
 .agenda-wrap.ag-modern .agenda-legend-item{background:color-mix(in srgb,var(--st) 20%,var(--surface-2));border-color:color-mix(in srgb,var(--st) 55%,var(--surface-2));box-shadow:0 calc(1px * var(--ui-scale-factor)) calc(3px * var(--ui-scale-factor)) rgba(0,0,0,.25);}
 .agenda-wrap.ag-modern .agenda-legend-item .n{color:var(--text);font-weight:700;}
 .agenda-wrap.ag-modern .agenda-legend-item.zero{opacity:1;background:var(--surface-2);border-color:var(--border);}
 .agenda-wrap.ag-modern .agenda-legend-item.zero .n{color:var(--text-faint);}
 .agenda-wrap.ag-modern .span-3 .agenda-cell::after{display:none;}
 .agenda-wrap.ag-modern .span-6 .agenda-cell,.agenda-wrap.ag-modern .span-12 .agenda-cell{background-image:linear-gradient(135deg,var(--am-f,transparent) 0 50%,var(--pm-f,transparent) 50% 100%);}
 .agenda-wrap.ag-modern .span-6 .agenda-cell::after,.agenda-wrap.ag-modern .span-12 .agenda-cell::after{display:none;}
 @media (min-width:681px){
  .agenda-wrap.ag-modern .span-1 .agenda-cell{background-image:linear-gradient(90deg,color-mix(in srgb,var(--am-c,var(--base)) 9%,var(--base)) 0 50%,color-mix(in srgb,var(--pm-c,var(--base)) 9%,var(--base)) 50% 100%);}
  .agenda-wrap.ag-modern .span-1 .agenda-cell-head{margin-top:calc(2px * var(--ui-scale-factor));}
  .agenda-wrap.ag-modern .span-1 .agenda-rail span{background:color-mix(in srgb,var(--st) 26%,var(--surface));border-color:color-mix(in srgb,var(--st) 58%,var(--surface));box-shadow:none;color:color-mix(in srgb,var(--st) 30%,#fff);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:calc(6px * var(--ui-scale-factor));}
  .agenda-wrap.ag-modern .span-1 .agenda-rail span::before{box-shadow:none;}
  .agenda-wrap.ag-modern .span-1 .agenda-rail span.none{background:transparent;border-color:var(--border);color:var(--text-faint);}
 }
 /* Écrans moyens et petits. */
 @media (max-width:1180px){
  .agenda-canvas.span-3,.agenda-canvas.span-6{grid-template-columns:repeat(2,minmax(0,1fr));}
  .agenda-canvas.span-12{grid-template-columns:repeat(3,minmax(0,1fr));}
 }
 @media (max-width:900px){
  .agenda-wrap{overflow-y:auto;}
  .agenda-body{flex-direction:column; flex:none;}
  .agenda-canvas{overflow:visible;}
  .span-1 .agenda-month{grid-template-rows:auto repeat(var(--rows,6),minmax(calc(76px * var(--ui-scale-factor)),auto));}
  .agenda-day-panel{width:auto; overflow:visible;}
 }
 @media (max-width:680px){
  .agenda-canvas.span-3,.agenda-canvas.span-6{grid-template-columns:1fr;}
  .agenda-canvas.span-12{grid-template-columns:repeat(2,minmax(0,1fr));}
  .span-1 .agenda-month{grid-template-rows:auto repeat(var(--rows,6),minmax(calc(58px * var(--ui-scale-factor)),auto)); gap:calc(2px * var(--ui-scale-factor));}
  .span-1 .agenda-cell{padding:calc(3px * var(--ui-scale-factor));}
  .agenda-rail span{font-size:0; padding:0;}
  .agenda-rail{height:calc(5px * var(--ui-scale-factor));}
  .span-1 .agenda-chip{font-size:0; min-height:calc(5px * var(--ui-scale-factor)); padding:0; border-radius:calc(2px * var(--ui-scale-factor)); background:var(--agenda-card-border,var(--border));}
  .span-1 .agenda-chip::before,.span-1 .agenda-chip-delete,.span-1 .agenda-chip-board{display:none;}
  .agenda-holiday{display:none;}
  .agenda-title{font-size:calc(14px * var(--ui-scale-factor));}
 }