/* ============ Dashboard (nouvelle version, 26 sept. 2026) — voir js/dashboard.js ============ */
  #db-racine{display:flex;flex-direction:column;gap:16px;}
  .db-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
  .db-tete p{margin:0;color:var(--text-secondary);font-size:13.5px;}
  .db-tete p b{color:var(--text-primary);font-weight:600;}
  .db-tete .w,.db-kpi em.w{color:var(--critical);font-weight:600;}
  .db-bande{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
  .db-kpi{all:unset;box-sizing:border-box;padding:13px 18px;border-left:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;}
  .db-kpi:first-child{border-left:0;}
  .db-kpi:hover{background:var(--surface-hover);}
  .db-kpi:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;}
  .db-kpi small{font-size:12px;color:var(--text-secondary);}
  .db-kpi b{font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-primary);}
  .db-kpi em{font-style:normal;font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .db-kpi em.g{color:var(--good);font-weight:600;}

  .db-rangee{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:16px;align-items:start;}
  .db-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0;}
  .db-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);}
  .db-ch h2{margin:0;font-size:14px;font-weight:650;display:flex;align-items:center;gap:8px;white-space:nowrap;}
  .db-n{font-size:11px;font-weight:600;color:var(--text-muted);}
  .db-ch-d{display:flex;align-items:center;gap:12px;}
  .db-aide{font-size:11.5px;color:var(--text-muted);}
  .db-lien{border:0;background:none;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--blue);cursor:pointer;white-space:nowrap;}
  .db-lien:hover{text-decoration:underline;text-underline-offset:3px;}
  .db-plier{display:none;border:0;background:none;padding:4px;color:var(--text-muted);cursor:pointer;}
  .db-plier svg{width:16px;height:16px;transition:transform .15s;}
  .db-vide{padding:18px 16px;color:var(--text-muted);font-size:13px;}
  .db-muted{color:var(--text-muted);}
  .db-pied{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--border);background:none;padding:10px 16px;font:inherit;font-size:12.5px;font-weight:600;color:var(--blue);cursor:pointer;}

  /* programme du jour */
  .db-ch-haut{align-items:flex-start;}
  .db-ttl{display:flex;flex-direction:column;gap:5px;min-width:0;}
  .db-ftypes{display:flex;gap:4px 14px;flex-wrap:wrap;}
  .db-ft{border:0;background:none;padding:1px 0;font:inherit;font-size:12px;font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:opacity .15s;}
  .db-ft i{width:7px;height:7px;border-radius:50%;}
  .db-ft b{font-weight:650;color:var(--text-primary);}
  .db-ft:hover{color:var(--text-primary);}
  .db-ft.off{opacity:.4;}
  .db-ft.off b{color:inherit;}
  .db-ft:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px;}
  .db-rdv[hidden]{display:none;}
  .db-prog .db-corps{padding-bottom:4px;}
  .db-rdv{display:grid;grid-template-columns:62px 4px minmax(0,1fr);gap:14px;padding:14px 16px;border-top:1px solid var(--border);align-items:start;cursor:pointer;}
  .db-corps > .db-rdv:first-child{border-top:0;}
  .db-rdv.annule{opacity:.6;}
  .db-h{font-size:15px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;}
  .db-rdv.journee .db-h{font-size:12.5px;}
  .db-h small{display:block;font-size:11px;font-weight:500;color:var(--text-muted);margin-top:3px;}
  .db-barre{border-radius:99px;align-self:stretch;}
  .db-rdv-c{min-width:0;}
  .db-t{font-size:14px;font-weight:650;display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
  .db-ad{color:var(--text-secondary);margin-top:3px;font-size:13px;display:flex;align-items:center;gap:2px 6px;flex-wrap:wrap;}
  .db-info{color:var(--text-secondary);margin-top:3px;font-size:13px;}
  .db-info .db-a svg{width:13px;height:13px;}
  .db-ad .db-a svg{width:13px;height:13px;}
  .db-meta{display:flex;gap:6px 14px;flex-wrap:wrap;margin-top:7px;font-size:12px;color:var(--text-secondary);}
  .db-meta > span{display:inline-flex;align-items:center;gap:5px;}
  .db-meta svg{width:13px;height:13px;color:var(--text-muted);flex:none;}
  .db-sel{user-select:all;}
  .db-sur{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px;display:flex;gap:6px;align-items:center;}
  .db-etat.on{color:var(--critical);}
  .db-top{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;}
  .db-top .db-sur{grid-column:1;}
  .db-top .db-px{grid-column:2;grid-row:1 / span 2;}
  .db-top .db-t{grid-column:1;grid-row:2;}
  .db-top + .db-ad,.db-top + .db-info{margin-top:7px;}
  .db-px{text-align:right;font-weight:700;font-size:13.5px;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums;}
  .db-px small{display:block;font-size:11.5px;font-weight:500;color:var(--text-muted);}
  .db-pied-carte{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:.5px solid #f2f3f7;cursor:default;}
  .db-pied-reste b{font-weight:600;color:var(--text-primary);}
  .db-pied-seul{justify-content:flex-end;}
  .db-pied-reste{color:var(--text-secondary);font-weight:500;font-size:12.5px;}
  .db-pied-b{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;}
  .db-a{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-weight:600;text-decoration:none;}
  .db-a svg{color:var(--blue)!important;}
  .db-waze{width:24px;height:24px;justify-content:center;border-radius:6px;margin:-3px 0;}
  .db-waze:hover{background:var(--blue-tint);}
  .db-waze svg{width:15px!important;height:15px!important;}
  .db-a:hover{text-decoration:underline;text-underline-offset:3px;}
  .db-maintenant{display:flex;align-items:center;gap:0;padding:0 16px;margin:-1px 0;position:relative;z-index:1;}
  .db-maintenant span{background:var(--critical);color:#fff;border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;}
  .db-maintenant i{flex:1;height:1.5px;background:var(--critical);}
  .db-maintenant:last-child{margin:12px 0 12px;}

  /* à venir */
  .db-sem{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:10px 12px 4px;}
  .db-j{border:0;background:none;font:inherit;color:inherit;text-align:center;padding:6px 2px 7px;border-radius:8px;cursor:pointer;}
  .db-j:hover{background:var(--surface-hover);}
  .db-j.on{background:var(--blue-tint);box-shadow:inset 0 0 0 1.5px var(--blue);}
  .db-j.on small,.db-j.on b{color:var(--blue);}
  .db-j small{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
  .db-j b{display:block;font-size:15px;margin-top:1px;}
  .db-pts{display:flex;gap:3px;justify-content:center;margin-top:4px;height:6px;}
  .db-pts i{width:6px;height:6px;border-radius:50%;}
  .db-leg{display:flex;gap:6px 14px;flex-wrap:wrap;padding:6px 16px 10px;border-bottom:1px solid var(--border);font-size:11.5px;color:var(--text-secondary);}
  .db-leg span{display:inline-flex;align-items:center;gap:6px;}
  .db-leg i{width:9px;height:9px;border-radius:3px;}
  .db-up{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--border);cursor:pointer;}
  .db-leg + .db-up,.db-sem + .db-up{border-top:0;}
  .db-sem + .db-up{border-top:1px solid var(--border);}
  .db-up:hover{background:var(--surface-hover);}
  .db-date{text-align:center;border-radius:8px;padding:4px 0 5px;line-height:1.1;}
  .db-date small{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.85;}
  .db-date b{display:block;font-size:16px;}
  .db-up-c{min-width:0;}
  .db-t1{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .db-s{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .db-typ{display:inline-flex;align-items:center;gap:4px;font-weight:600;}
  .db-typ svg{width:12px;height:12px;}
  .db-m{font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .db-m small{display:block;font-size:11px;font-weight:500;color:var(--text-muted);}

  /* à traiter */
  .db-ongs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap;}
  .db-ong{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-secondary);padding:5px 10px;border-radius:7px;cursor:pointer;}
  .db-ong b{font-size:11px;color:var(--text-muted);margin-left:3px;}
  .db-ong:hover{background:var(--surface-hover);}
  .db-ong.on{background:var(--surface-2);color:var(--text-primary);}
  .db-tw{overflow-x:auto;}
  .db-tbl{width:100%;border-collapse:collapse;font-size:13px;}
  .db-tbl th{font-size:11px;font-weight:600;color:var(--text-muted);text-align:left;padding:9px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;}
  .db-tbl td{padding:10px 16px;border-bottom:1px solid var(--border);vertical-align:middle;}
  .db-tbl tbody tr:last-child td{border-bottom:0;}
  .db-tbl tbody tr[data-db-fiche]{cursor:pointer;}
  .db-tbl tbody tr:hover td{background:var(--surface-hover);}
  .db-prio{display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;background:var(--muted-tint);color:var(--muted);}
  .db-prio.crit{background:var(--critical-tint);color:var(--critical);}
  .db-prio.am{background:var(--blue-tint);color:var(--blue);}
  .db-cl{font-weight:600;white-space:nowrap;}
  .db-cl small{display:block;font-weight:400;color:var(--text-muted);font-size:11.5px;}
  .db-quoi{min-width:180px;}
  .db-doc{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;}
  .db-tbl .db-mt{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
  .db-acts{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:nowrap;}
  .db-acts .list-item-action{white-space:nowrap;text-decoration:none;}
  .db-x{width:26px;height:26px;border:0;background:none;border-radius:6px;color:var(--text-muted);opacity:.6;cursor:pointer;display:inline-grid;place-items:center;flex:none;}
  .db-x:hover{opacity:1;background:var(--surface-2);}
  .db-x svg{width:12px;height:12px;}

  /* toast « Rappel masqué · Annuler » */
  .db-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;pointer-events:none;
    background:var(--navy);color:#fff;border-radius:10px;padding:10px 10px 10px 16px;display:flex;align-items:center;gap:14px;font-size:13px;box-shadow:var(--shadow-lg);transition:opacity .18s,transform .18s;z-index:900;}
  .db-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto;}
  .db-toast button{border:0;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-weight:600;border-radius:7px;padding:5px 10px;cursor:pointer;}

  @media (max-width:1050px){
    .db-rangee{grid-template-columns:1fr;}
    .db-doc{display:none;}
  }
  /* Téléphone : le programme du jour d'abord, le reste replié (un clic sur
     la flèche le déplie). */
  @media (max-width:700px){
    .db-bande{grid-template-columns:1fr 1fr;}
    .db-kpi:nth-child(3){border-left:0;}
    .db-kpi:nth-child(n+3){border-top:1px solid var(--border);}
    .db-kpi b{font-size:17px;}
    .db-aide,.db-lien-sec{display:none;}
    .db-plier{display:inline-flex;}
    .db-repliable:not(.ouvert) > .db-corps{display:none;}
    .db-repliable:not(.ouvert) > .db-ch{border-bottom:0;}
    .db-repliable.ouvert .db-plier svg{transform:rotate(180deg);}
    .db-rdv{grid-template-columns:48px 3px minmax(0,1fr);gap:10px;padding:12px 14px;}
    .db-h{font-size:14px;}
    .db-pied-b{margin-left:0;}
    .db-tbl .db-mt{display:none;}
    .db-tbl td,.db-tbl th{padding:9px 10px;}
  }