/* DIVANINO 8.2.8 — CHARTE GRAPHIQUE : FICHIER UNIQUE DE RÉGLAGE
 Modifier uniquement les valeurs. Les CSS existants portent les sélecteurs.
 La centralisation complète des styles historiques nécessite un audit des sélecteurs. */
:root {
 /* Alias de compatibilité du thème 8.2 — réglables ici */
 --dn-ink:var(--dn-primary);
 --dn-line:var(--dn-subtle);
 --dn-soft:var(--dn-surface);
 /* Case 01/04 — Alias historiques 5.7.60, modifiables dans la charte */
 --div-teal:var(--dn-primary);
 --div-teal-2:var(--dn-text);
 --div-green:var(--dn-text);
 --div-green-dark:var(--dn-text);
 --div-mint:var(--dn-subtle);
 --div-bg:var(--dn-surface);
 --div-line:var(--dn-subtle);
 --div-shadow:0 14px 38px color-mix(in srgb, var(--dn-text) 7.8%, transparent);

 /* Compatibilité : anciens panneaux et textes (valeurs modifiables ici) */
 --case01-legacy-text: var(--dn-text);
 --case06-legacy-border: var(--dn-subtle);
 --case06-legacy-panel: var(--dn-surface);
 --case06-legacy-soft-surface: var(--dn-surface);

 /* Paramètres historiques des composants : valeurs conservées à l'identique */
 --dv-kpi-icon-color:var(--dn-text);
 --dv-sidebar-footer-color:var(--dn-muted);
 --dv-home-action-size:46px;
 --dv-kpi-cell-padding:16px;

 /* 00 — Compatibilité des tokens UI historiques (anciennement :root dans styles.css) */
 --ui-font:14px;
 --ui-small:12px;
 --ui-micro:10px;
 --ui-title:27px;
 --ui-subtitle:19px;
 --ui-radius:14px;
 --ui-gap:14px;
 --ui-control-h:40px;

 /* 01 Identité : le favicon reste une image distincte */
 --case01-login-rail-surface:var(--dv50-action);
 --dv-logo-header-width:235px; --dv-logo-login-width:295px;
 --case01-logo-header-mobile-width:165px; --case01-logo-login-mobile-width:240px;
 --dv-login-content-width:360px; --dv-control-radius:12px;
 --dv-login-logo-gap:16px; --dv-login-heading-gap:22px;
 --dv-menu-icon-opacity:1; --dv-menu-icon-color:var(--dn-muted);
 /* 02 Menu */
 --dv-nav-active-bg:var(--dn-selection); --dv-nav-active-text:var(--dn-text); --dv-weekday-text:var(--dn-text);
 --case02-icon-normal:var(--dv50-ink); --case02-icon-active:var(--dv50-on-action); --dv-nav-icon:var(--dv50-muted);
 --case02-footer-text:var(--case07-footer-text); --case02-footer-size:var(--case07-footer-size);
 --case02-hover-background:var(--dv50-soft); --case02-hover-text:var(--dv50-ink);
 --case02-subnav-active-bg:color-mix(in srgb, var(--dn-text) 29.8%, transparent);
 --case02-home-active-bg:var(--dv50-action); --case02-home-active-text:var(--dv50-on-action);
 --case02-home-active-border:#d8d8d8; --case02-home-active-shadow:none;
 /* 03 Bouton planning */
 --case03-planning-radius:8px; --case03-planning-font-size:14px; --case03-planning-focus:var(--dv50-action);
 --case03-planning-height:42px; --case03-planning-padding:18px;
 --case03-planning-text:var(--dv50-on-action); --case03-planning-bg:var(--dv50-action);
 /* 04 Indicateurs */
 --case04-dashboard-hero-surface:var(--dv50-action);
 --case04-cash-workflow-surface:var(--dn-subtle);
 --case04-home-icon-surface:var(--dn-subtle);
 --dv-kpi-label-size:12px; --dv-kpi-value-size:21px; --dv-kpi-min-height:88px;
 --dv-kpi-label-line-height:1.35; --dv-kpi-value-line-height:1.2;
 --case04-label:var(--dv50-muted); --case04-value:var(--dv50-ink); --case04-detail:var(--dv50-muted);
 --case04-label-size:11px; --case04-detail-size:12px;
 --case04-padding:16px; --case04-gap:5px; --case04-title-height:16px; --case04-value-size:20px;
 /* 04 — KPI et graphiques historiques : réglages modifiables */
 --case04-kpi-card-min-height:86px;
 --case04-kpi-card-radius:15px;
 --case04-kpi-card-padding:13px 15px;
 --case04-kpi-icon-size:40px;
 --case04-kpi-icon-radius:12px;
 --case04-chart-bar-surface:var(--dn-border);
 --case04-revenue-accent:var(--dn-text);
 /* 05 — Composants historiques des équipes (portée body.workforce-session conservée) */
 --case05-workforce-page-max:1280px;
 --case05-workforce-card-radius:20px;
 --case05-workforce-card-border:var(--dn-subtle);
 --case05-workforce-card-shadow:0 10px 30px color-mix(in srgb, var(--dn-text) 4.3%, transparent);
 --case05-workforce-title:var(--dn-primary);
 --case05-workforce-subtitle:var(--dn-text);
 /* 05 Planning */
 --case05-optimizer-surface:var(--dn-subtle);
 --dv-planning-action-height:var(--case05-action-height); --dv-modal-table-min-font:11px;
 --case05-week-focus:var(--dv50-action); --case05-week-focus-offset:2px;
 --case05-week-button-size:36px; --case05-week-button-radius:10px;
 --case05-week-button-background:var(--dv50-card); --case05-week-button-text:var(--dv50-ink);
 --case05-week-button-border:#d0d0d0; --case05-week-nav-gap:6px;
 /* Navigation mini-calendrier : dimensions historiques réglables */
 --case05-mini-calendar-gap:10px; --case05-mini-return-min-width:94px;
 --case05-mini-return-padding-x:12px; --case05-mini-return-font-size:12px;
 --case05-mini-weeks-gap:6px; --case05-mini-week-columns:7; --case05-mini-arrow-bottom-offset:0px; --case05-mini-control-height:43px; --case05-mini-mobile-column-width:36px;
 /* 05 — Barre d’actions du planning équipes */
 --case05-action-height:44px; --case05-action-radius:10px;
 --case05-action-gap:8px; --case05-action-padding-x:15px;
 --case05-action-mobile-justify:flex-start; --case05-action-mobile-width:100%;
 --case05-action-font-size:12px; --case05-action-font-weight:750;
 --case05-action-secondary-bg:#e4e4e4; --case05-action-secondary-text:var(--dv50-ink);
 --case05-action-secondary-hover:#d5d5d5;
 --case05-action-primary-bg:var(--dv50-action); --case05-action-primary-text:var(--dv50-on-action);
 --case05-action-primary-hover:#292929; --case05-action-focus:#777777;
 /* Sélecteur Semaine / Mois : tous les aspects réglables ici */
 --case05-toggle-background:#f3f3f3; --case05-toggle-border:#dedede;
 --case05-toggle-active-background:var(--dv50-card); --case05-toggle-active-text:var(--dv50-ink);
 --case05-toggle-active-shadow:0 1px 4px rgba(0,0,0,.10);
 --case05-toggle-padding:3px; --case05-toggle-gap:2px; --case05-toggle-button-padding-x:11px;
 --case05-toggle-inactive-background:transparent;
 /* Etats de contrôle accessibles */
 --case05-action-disabled-opacity:.5; --case05-action-focus-width:2px;
 /* 05 bis — Carte du tableau de planning (réglage centralisé) */
 --case05-planning-table-border:#dedede;
 --case05-planning-table-shadow:0 3px 12px rgba(0,0,0,.055);
 /* 06 Fenêtres */
 --case06-modal-actions-surface:var(--dn-surface);
 --dv-modal-shadow:var(--case06-modal-shadow); --dv-secondary-text:#555555;
 --case06-legal-mobile-max-height:90dvh;
 --case06-overlay:rgba(17,17,17,.30); --case06-modal-width:780px;
 --case06-modal-wide-width:1140px; --case06-modal-padding:clamp(16px,2.2vw,28px);
 --case06-modal-radius:20px; --case06-modal-max-height:86dvh;
 --case06-legal-overlay-padding:clamp(12px,3vw,30px);
 --case06-legal-card-shadow:0 16px 55px rgba(0,0,0,.12);
 --case06-legal-mobile-radius:14px;
 --case06-legal-button-bg:var(--dn-primary);
 --case06-legal-button-text:var(--dn-on-primary);
 --case06-legal-button-hover:#333333;
 --case06-modal-backdrop-padding:clamp(12px,2vw,28px);
 --case06-modal-viewport-gutter:32px;
 --case06-modal-shadow:0 16px 48px rgba(0,0,0,.14);
 /* 07 Pied de menu */
 --case07-footer-text:#404040; --case07-footer-size:11px;
 --case07-version-text:var(--dv50-muted); --case07-version-bg:var(--dv50-soft); --case07-version-border:var(--dv50-border);
 /* 01 — Surfaces de connexion (fonds unis) : raccordées aux vues historiques */
 --case01-login-surface:var(--dn-surface); --case01-workspace-surface:var(--dn-surface);
 /* Palette transversale */
 --dn-background:var(--dv50-page); --dn-surface:var(--dv50-card); --dn-text:var(--dv50-ink);
 --dn-muted:var(--dv50-muted); --dn-border:var(--dv50-border); --dn-subtle:var(--dv50-soft);
 --dn-selection:var(--dv50-soft); --dn-primary:var(--dv50-action); --dn-on-primary:var(--dv50-on-action);
 --dn-danger:var(--dv50-danger); --dn-input-bg:var(--dv50-card); --dn-input-focus:var(--dv50-soft);
 --dn-icon:var(--dv50-muted);
 /* Compatibilité legacy : références toujours présentes dans styles.css et le module équipes. */
 --bg:var(--dn-background); --ink:var(--dn-text); --muted:var(--dn-muted);
 --line:var(--dn-border); --danger:var(--dn-danger);
 --orange:var(--dn-text); --orange-soft:var(--dn-subtle);
 /* Alias de compatibilité : ne pas éditer les anciens fichiers */
 --warning:var(--dn-border); --success:var(--dn-text);
 --div-indigo:var(--dn-text); --div-violet:var(--dn-border); --div-cyan:var(--dn-text); --div-navy:var(--dn-primary);
 --green:var(--dn-primary); --green-dark:var(--dn-text); --green-soft:var(--dn-selection);
 --dv-overlay:var(--case06-overlay); --dv-modal-backdrop:var(--case06-overlay);
 --dv-modal-width:var(--case06-modal-width); --dv-modal-wide-width:var(--case06-modal-wide-width);
 --dv-modal-padding:var(--case06-modal-padding); --dv-modal-radius:var(--case06-modal-radius);
}
@media(max-width:700px){:root{--dv-logo-header-width:var(--case01-logo-header-mobile-width);--dv-logo-login-width:var(--case01-logo-login-mobile-width)}}

/* Case 05 : portée limitée aux vues planning semaine/mois. */
.rw-hero:has(.rw-view-toggle) .rw-actions {
 display:flex; align-items:center; justify-content:flex-end;
 flex-wrap:wrap; gap:var(--case05-action-gap);
}
.rw-hero:has(.rw-view-toggle) .rw-actions > .btn {
 box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
 height:var(--case05-action-height); min-height:var(--case05-action-height);
 width:auto; min-width:0; flex:0 0 auto;
 padding:0 var(--case05-action-padding-x); margin:0;
 border:1px solid transparent; border-radius:var(--case05-action-radius);
 font-size:var(--case05-action-font-size); font-weight:var(--case05-action-font-weight);
 line-height:1.2; white-space:nowrap; box-shadow:none;
}
.rw-hero:has(.rw-view-toggle) .rw-actions > .btn.ghost {
 background:var(--case05-action-secondary-bg); color:var(--case05-action-secondary-text);
}
.rw-hero:has(.rw-view-toggle) .rw-actions > .btn.ghost:hover {
 background:var(--case05-action-secondary-hover);
}
.rw-hero:has(.rw-view-toggle) .rw-actions > .btn.primary {
 background:var(--case05-action-primary-bg); color:var(--case05-action-primary-text);
}
.rw-hero:has(.rw-view-toggle) .rw-actions > .btn.primary:hover {
 background:var(--case05-action-primary-hover);
}
.rw-hero:has(.rw-view-toggle) .rw-view-toggle {
 box-sizing:border-box; display:inline-flex; align-items:center;
 height:var(--case05-action-height); padding:var(--case05-toggle-padding); gap:var(--case05-toggle-gap);
 border:1px solid var(--case05-toggle-border); border-radius:var(--case05-action-radius);
 background:var(--case05-toggle-background);
}
.rw-hero:has(.rw-view-toggle) .rw-view-toggle button {
 box-sizing:border-box; height:100%; padding:0 var(--case05-toggle-button-padding-x);
 border:0; border-radius:calc(var(--case05-action-radius) - var(--case05-toggle-padding));
 font-size:var(--case05-action-font-size); font-weight:var(--case05-action-font-weight);
 color:var(--case05-action-secondary-text); background:var(--case05-toggle-inactive-background); box-shadow:none;
}
.rw-hero:has(.rw-view-toggle) .rw-view-toggle button.active {
 background:var(--case05-toggle-active-background); color:var(--case05-toggle-active-text); box-shadow:var(--case05-toggle-active-shadow);
}
.rw-hero:has(.rw-view-toggle) .rw-actions button:focus-visible {
 outline:var(--case05-action-focus-width) solid var(--case05-action-focus); outline-offset:3px;
}
@media(max-width:700px) {
 .rw-hero:has(.rw-view-toggle) .rw-actions {justify-content:var(--case05-action-mobile-justify); width:var(--case05-action-mobile-width);}
 .rw-hero:has(.rw-view-toggle) .rw-actions > .btn {flex:0 0 auto;}
}

/* 05 — Etats cohérents sans altérer les gestionnaires JS */
.rw-hero:has(.rw-view-toggle) .rw-actions > .btn:disabled,
.rw-hero:has(.rw-view-toggle) .rw-view-toggle button:disabled {opacity:var(--case05-action-disabled-opacity);cursor:not-allowed;}
.rw-hero:has(.rw-view-toggle) .rw-view-toggle button:hover:not(.active):not(:disabled) {background:var(--case05-action-secondary-hover);}
@media (max-width:1050px) {
 .rw-hero:has(.rw-view-toggle) .rw-actions {flex-wrap:wrap;}
}



/* Case 05 — Grille du planning : 7 jours + total hebdomadaire.
   Source centrale, chargée après les feuilles des modules. */
:root {
  --case05-planning-team-width:172px;
  --case05-planning-day-min-width:104px;
  --case05-planning-week-width:112px;
  --case05-planning-column-gap:7px;
}
.rw-planning-divatel .rw-plan-head-divatel,
.rw-planning-divatel .rw-plan-row-divatel {
  display:grid;
  grid-template-columns:var(--case05-planning-team-width) repeat(7,minmax(var(--case05-planning-day-min-width),1fr)) var(--case05-planning-week-width);
  gap:var(--case05-planning-column-gap);
  min-width:max-content;
  align-items:stretch;
}
.rw-planning-divatel .rw-plan-head-divatel > :last-child {
  grid-column:9;
  text-align:center;
}
.rw-planning-divatel .rw-plan-row-divatel > .rw-week-total {
  grid-column:9;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  flex-direction:column;
}
@media (max-width:1150px) {
  :root {
    --case05-planning-team-width:160px;
    --case05-planning-day-min-width:105px;
    --case05-planning-week-width:105px;
  }
}

/* CASE 05 — Navigation des semaines : règles consolidées dans la charte.
   Aucune feuille corrective supplémentaire. */
/* Quatre éléments : Aujourd’hui, précédent, semaines, suivant. */
#app-view .rw-mini-calendar{display:grid!important;grid-template-columns:max-content var(--case05-week-button-size) minmax(0,1fr) var(--case05-week-button-size)!important;align-items:end!important;gap:var(--case05-mini-calendar-gap)!important;min-width:0!important}
#app-view .rw-mini-calendar>.rw-week-return{width:auto!important;min-width:var(--case05-mini-return-min-width)!important;padding:0 var(--case05-mini-return-padding-x)!important;white-space:nowrap!important;font-size:var(--case05-mini-return-font-size)!important}
#app-view .rw-mini-calendar>.rw-mini-month{min-width:0!important;max-width:100%!important}
#app-view .rw-mini-calendar>.rw-mini-month>span{display:grid!important;grid-template-columns:repeat(var(--case05-mini-week-columns, 7),minmax(0,1fr))!important;gap:var(--case05-mini-weeks-gap)!important}
#app-view .rw-mini-calendar .rw-mini-week{min-width:0!important;overflow:hidden!important}
@media(max-width:760px){#app-view .rw-mini-calendar{grid-template-columns:minmax(0,1fr) var(--case05-mini-mobile-column-width) var(--case05-mini-mobile-column-width)!important}#app-view .rw-mini-calendar>.rw-week-return{grid-column:1!important;grid-row:1!important;justify-self:start!important}#app-view .rw-mini-calendar>[data-rw-month-prev]{grid-column:2!important;grid-row:1!important}#app-view .rw-mini-calendar>[data-rw-month-next]{grid-column:3!important;grid-row:1!important}#app-view .rw-mini-calendar>.rw-mini-month{grid-column:1/-1!important;grid-row:2!important}#app-view .rw-mini-calendar>.rw-mini-month>span{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* CASE 05 — Centrage vertical des commandes sur les cartes hebdomadaires,
   et non sur le bloc comprenant le titre du mois. */
@media (min-width:761px){
  #app-view .rw-mini-calendar > .rw-week-return,
  #app-view .rw-mini-calendar > [data-rw-month-prev],
  #app-view .rw-mini-calendar > [data-rw-month-next]{
    margin-bottom:var(--case05-mini-arrow-bottom-offset, 5px);
  }
}

/* CASE 05 — Harmonisation des commandes et des cartes hebdomadaires.
   Une hauteur commune, pilotée ici, sans nouveau fichier correctif. */
@media (min-width:761px) {
  #app-view .rw-mini-calendar > .rw-week-return,
  #app-view .rw-mini-calendar > [data-rw-month-prev],
  #app-view .rw-mini-calendar > [data-rw-month-next] {
    height:var(--case05-mini-control-height);
    min-height:var(--case05-mini-control-height);
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  #app-view .rw-mini-calendar .rw-mini-week {
    min-height:var(--case05-mini-control-height);
    box-sizing:border-box;
  }
}

/* CASE 05 — Optimiseur : grille sept jours + total, modal lisible et compacte.
   Règles centralisées : aucune nouvelle feuille de style. */
:root{
  --case05-optimizer-width: min(1260px, 96vw);
  --case05-optimizer-height: 92dvh;
  --case05-optimizer-row-height: 70px;
  --case05-optimizer-person-width: 132px;
  --case05-optimizer-total-width: 100px;
}
html body .rw-modal-backdrop[hidden]{display:none!important}
/* Confirmation optimiseur : un seul calque, sans superposition de modales. */
html body .rw-modal-backdrop.rw-optimizer-confirm-mode{display:flex!important;align-items:center!important;justify-content:center!important;background:var(--dv-modal-backdrop)!important;backdrop-filter:blur(3px)}
html body .rw-modal-backdrop.rw-optimizer-confirm-mode>.rw-confirm-dialog{flex:0 1 440px;max-width:94vw;max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box}

.rw-modal-backdrop:has(.rw-opt-v3){background:var(--dv-modal-backdrop)}
.rw-modal.rw-opt-v3{width:var(--case05-optimizer-width);max-height:var(--case05-optimizer-height);overflow:auto;padding:16px 18px}
.rw-opt-v3 .rw-modal-head h3{font-size:21px;margin-bottom:5px}
.rw-opt-v3 .rw-opt-slider{margin:4px 0 7px;padding:3px}
.rw-opt-v3 .rw-opt-slider button{padding:8px}
.rw-opt-v3 .rw-opt-human{padding:10px 13px;margin:5px 0 7px;gap:5px}
.rw-opt-v3 .rw-opt-human h4{font-size:17px}
.rw-opt-v3 .rw-opt-human-checks span{padding:4px 7px}
.rw-opt-v3 .rw-week-proposal{padding:8px;margin:7px 0}
.rw-opt-v3 .rw-week-title{padding:0 2px 5px}
.rw-opt-v3 .rw-proposal-head,.rw-opt-v3 .rw-proposal-row{grid-template-columns:var(--case05-optimizer-person-width) repeat(7,minmax(0,1fr)) var(--case05-optimizer-total-width);min-width:0;width:100%}
.rw-opt-v3 .rw-proposal-row{min-height:var(--case05-optimizer-row-height)}
.rw-opt-v3 .rw-proposal-row>div{padding:5px 3px}
.rw-opt-v3 .rw-day-shift{gap:1px}
.rw-opt-v3 .rw-day-shift b{font-size:10px}
.rw-opt-v3 .rw-day-shift small{font-size:8px}
.rw-opt-v3 .rw-week-counter{padding:4px;gap:1px 3px}
.rw-opt-v3 .rw-week-counter>b{font-size:13px}
.rw-opt-v3 .rw-week-counter span{font-size:8px}
.rw-opt-v3 #rw-opt-result>.rw-modal-actions{position:sticky;bottom:-16px;background:var(--dn-surface);padding:10px 0;margin-top:4px;border-top:1px solid var(--dn-subtle);z-index:5}
.rw-confirm-backdrop{background:var(--dv-modal-backdrop)}
@media(max-width:1050px){.rw-opt-v3 .rw-proposal-table{overflow-x:auto}.rw-opt-v3 .rw-proposal-head,.rw-opt-v3 .rw-proposal-row{grid-template-columns:125px repeat(7,95px) 95px;min-width:885px}}
@media(max-width:760px){.rw-modal.rw-opt-v3{padding:12px;width:98vw}.rw-opt-v3 .rw-opt-slider{grid-template-columns:repeat(3,minmax(0,1fr))}.rw-opt-v3 .rw-opt-slider button{font-size:11px}.rw-opt-v3 .rw-proposal-head,.rw-opt-v3 .rw-proposal-row{grid-template-columns:125px repeat(7,95px) 95px;min-width:885px}}

/* ================================================================
   NOTIFICATIONS DIVANINO — source unique de la charte graphique
   Composants : #rw-core-toast (planning) et #toast (application).
   Tous les états partagent les mêmes dimensions, sans halo/dégradé.
   ================================================================ */
:root {
  --dn-notice-bg: #111111;
  --dn-notice-text: #ffffff;
  --dn-notice-border: #333333;
  --dn-notice-radius: 12px;
  --dn-notice-top: 18px;
  --dn-notice-max-width: 480px;
}
html body #rw-core-toast.rw-core-toast,
html body #toast.toast {
  position: fixed;
  z-index: 100001;
  top: var(--dn-notice-top);
  bottom: auto;
  left: 50%;
  right: auto;
  width: max-content;
  max-width: min(var(--dn-notice-max-width), calc(100vw - 32px));
  box-sizing: border-box;
  padding: 12px 18px;
  border: 1px solid var(--dn-notice-border);
  border-radius: var(--dn-notice-radius);
  background: var(--dn-notice-bg);
  background-image: none;
  color: var(--dn-notice-text);
  box-shadow: none;
  filter: none;
  backdrop-filter: none;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
  text-align: center;
  overflow-wrap: anywhere;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  pointer-events: none;
}
html body #rw-core-toast.rw-core-toast.show,
html body #toast.toast.show {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
/* Erreur : même style sobre, signalée par une bordure, sans halo. */
html body #rw-core-toast.rw-core-toast.error {
  border-color: #777777;
  background: var(--dn-notice-bg);
  color: var(--dn-notice-text);
}
@media (prefers-reduced-motion: reduce) {
  html body #rw-core-toast.rw-core-toast,
  html body #toast.toast { transition: none; }
}

/* ================================================================
   CHARTE DIVANINO — boutons de téléchargement des preuves RH
   Source unique pour le composant et les conteneurs d'actions.
   ================================================================ */
:root {
  --dn-proof-button-bg: var(--dn-surface, #ffffff);
  --dn-proof-button-text: var(--dn-text, #171717);
  --dn-proof-button-border: var(--dn-subtle, #c9c9c9);
  --dn-proof-button-hover: var(--dn-soft, #f3f3f3);
  --dn-proof-button-radius: 11px;
}
html body .rw-proof-page .rw-proof-download {
  appearance: none;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-height: 38px;
  box-sizing: border-box;
  padding: 9px 14px;
  margin: 5px 0;
  border: 1px solid var(--dn-proof-button-border);
  border-radius: var(--dn-proof-button-radius);
  background: var(--dn-proof-button-bg);
  background-image: none;
  color: var(--dn-proof-button-text);
  box-shadow: none;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
html body .rw-proof-page .rw-proof-download:hover:not(:disabled) {
  background: var(--dn-proof-button-hover);
  border-color: #8d8d8d;
}
html body .rw-proof-page .rw-proof-download:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 3px;
}
html body .rw-proof-page .rw-proof-download:disabled {
  opacity: .48;
  cursor: not-allowed;
}
html body .rw-proof-page .rw-control-people {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  min-width: 210px;
}
html body .rw-proof-page .rw-proof-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
}
html body .rw-proof-page .rw-proof-actions > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}
@media (max-width: 900px) {
  html body .rw-proof-page .rw-control-people,
  html body .rw-proof-page .rw-proof-actions { align-items: flex-start; }
  html body .rw-proof-page .rw-proof-actions > div { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  html body .rw-proof-page .rw-proof-download { transition: none; }
}

/* Étape 40 — Suivi compact : magasin > année > mois > semaine */
html body .rw-proof-page .rw-archive-store-content { padding: 12px 16px 16px; }
html body .rw-proof-page .rw-archive-year-picker { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700; margin-bottom:12px; }
html body .rw-proof-page .rw-archive-year-select { width:auto; min-width:110px; max-width:180px; padding:7px 10px; border:1px solid #c9c9c9; border-radius:10px; background:#fff; color:#171717; font:inherit; }
html body .rw-proof-page .rw-archive-year[hidden] { display:none !important; }
html body .rw-proof-page .rw-archive-month { border-top:1px solid #e6e6e6; }
html body .rw-proof-page .rw-archive-month > summary { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 2px; cursor:pointer; }
html body .rw-proof-page .rw-archive-month > summary small { color:#666; font-size:12px; }
html body .rw-proof-page .rw-archive-weeks { display:grid; gap:8px; padding:0 0 12px; }
html body .rw-proof-page .rw-archive-week { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; border:1px solid #e7e7e7; border-radius:12px; padding:12px; }
html body .rw-proof-page .rw-archive-week-label { display:grid; gap:5px; }
html body .rw-proof-page .rw-archive-week-label span { color:#666; font-size:12px; }
html body .rw-proof-page .rw-archive-store .rw-control-people { min-width:0; }
@media(max-width:720px){ html body .rw-proof-page .rw-archive-week { align-items:flex-start; } html body .rw-proof-page .rw-archive-week .rw-control-people { align-items:flex-start; } }


/* ================================================================
   CHARTE DIVANINO — SUIVI DES PLANNINGS / V4
   Tous les composants suivent les jetons de theme --dn-*.
   Aucune couleur fixe dans les etats des onglets : compatible themes futurs.
   ================================================================ */
:root {
 --dn-follow-tab-height:44px;
 --dn-follow-tab-width:220px;
 --dn-follow-radius:12px;
 --dn-follow-border:var(--dn-subtle, #d9d9d9);
 --dn-follow-surface:var(--dn-surface, #fff);
 --dn-follow-text:var(--dn-text, #171717);
 --dn-follow-muted:var(--dn-muted, #666);
 --dn-follow-active-bg:var(--dn-primary, #171717);
 --dn-follow-active-text:var(--dn-on-primary, #fff);
 --dn-follow-focus:var(--dn-primary, #171717);
}
html body .rw-proof-page .rw-control-tabs {
 display:grid !important;
 grid-template-columns:repeat(2,minmax(0,var(--dn-follow-tab-width))) minmax(0,1fr) !important;
 gap:14px 10px !important;align-items:stretch !important;
}
html body .rw-proof-page .rw-control-tabs>input[type="radio"] {
 position:absolute !important;width:1px !important;height:1px !important;
 opacity:0 !important;overflow:hidden !important;pointer-events:none !important;
}
html body .rw-proof-page .rw-control-tabs>label {
 grid-row:1 !important;display:inline-flex !important;align-items:center !important;
 justify-content:center !important;gap:8px !important;min-width:0 !important;
 min-height:var(--dn-follow-tab-height) !important;box-sizing:border-box !important;
 margin:0 !important;padding:10px 12px !important;
 border:1px solid var(--dn-follow-border) !important;
 border-radius:var(--dn-follow-radius) !important;
 background:var(--dn-follow-surface) !important;
 color:var(--dn-follow-text) !important;
 font:inherit !important;font-size:13px !important;font-weight:750 !important;
 line-height:1.25 !important;white-space:normal !important;
 text-align:center !important;cursor:pointer !important;
}
/* Les ID ciblent les regles historiques du module, plus specifiques que les classes. */
html body .rw-proof-page .rw-control-tabs>#rw-ctl-action:checked+label,
html body .rw-proof-page .rw-control-tabs>#rw-ctl-upcoming:checked+label {
 background:var(--dn-follow-active-bg) !important;
 color:var(--dn-follow-active-text) !important;
 border-color:var(--dn-follow-active-bg) !important;
}
html body .rw-proof-page .rw-control-tabs>label span {
 display:inline-flex !important;align-items:center !important;justify-content:center !important;
 margin:0 !important;padding:0 6px !important;min-width:21px !important;height:21px !important;
 border-radius:999px !important;background:var(--dn-follow-border) !important;
 color:var(--dn-follow-text) !important;font-size:11px !important;font-weight:800 !important;
}
html body .rw-proof-page .rw-control-tabs>#rw-ctl-action:checked+label span,
html body .rw-proof-page .rw-control-tabs>#rw-ctl-upcoming:checked+label span {
 background:var(--dn-follow-active-text) !important;
 color:var(--dn-follow-active-bg) !important;
}
html body .rw-proof-page .rw-control-tabs>input:focus-visible+label {
 outline:2px solid var(--dn-follow-focus) !important;outline-offset:3px !important;
}
html body .rw-proof-page .rw-control-tabs>.rw-control-panel {
 grid-column:1/-1 !important;grid-row:2 !important;min-width:0 !important;
}
html body .rw-proof-page .rw-archive-store>summary {min-height:56px;box-sizing:border-box;gap:16px;}
html body .rw-proof-page .rw-archive-store>summary strong {text-align:right;max-width:45%;white-space:normal;}
html body .rw-proof-page .rw-archive-month>summary {min-height:46px;}
html body .rw-proof-page .rw-archive-year-select {
 border-color:var(--dn-follow-border);background:var(--dn-follow-surface);
 color:var(--dn-follow-text);border-radius:var(--dn-follow-radius);
}
html body .rw-proof-page .rw-archive-month {border-color:var(--dn-follow-border);}
html body .rw-proof-page .rw-archive-month>summary small,
html body .rw-proof-page .rw-archive-week-label span {color:var(--dn-follow-muted);}
html body .rw-proof-page .rw-archive-week {
 border-color:var(--dn-follow-border);border-radius:var(--dn-follow-radius);
}
html body .rw-proof-page .rw-proof-download {
 background:var(--dn-follow-surface);color:var(--dn-follow-text);
 border-color:var(--dn-follow-border);border-radius:var(--dn-follow-radius);
 min-height:38px;
}
html body .rw-proof-page .rw-proof-download:hover:not(:disabled) {
 background:var(--dn-soft, var(--dn-surface, #f3f3f3));
 border-color:var(--dn-follow-muted);
}
html body .rw-proof-page .rw-proof-build {font-size:10px;font-weight:600;letter-spacing:.04em;opacity:.65;}
@media(max-width:640px) {
 html body .rw-proof-page .rw-control-tabs {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 html body .rw-proof-page .rw-control-tabs>label {font-size:12px !important;padding:9px 6px !important;}
 html body .rw-proof-page .rw-archive-store>summary {align-items:flex-start;}
}

/* ETAPE 41 : composants de pilotage — uniquement des tokens de thème. */
:root {--dn41-surface:var(--dn-follow-surface,#fff);--dn41-text:var(--dn-follow-text,#171717);--dn41-muted:var(--dn-follow-muted,#555);--dn41-border:var(--dn-follow-border,#e6e6e6);--dn41-soft:var(--dn-soft,#f5f5f5);--dn41-success:var(--dn-success,#176b45);--dn41-warning:var(--dn-warning,#925d12)}
.dn41-dashboard{margin-top:22px;padding:22px;border:1px solid var(--dn41-border);border-radius:18px;background:var(--dn41-surface);color:var(--dn41-text)}
.dn41-dashboard header small{font-size:11px;font-weight:800;letter-spacing:.08em}.dn41-dashboard h3{font-size:21px;margin:5px 0}.dn41-dashboard header p,.dn41-note{color:var(--dn41-muted);font-size:12px}
.dn41-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0}.dn41-metrics>div{background:var(--dn41-soft);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:4px}.dn41-metrics b{font-size:25px}.dn41-metrics span{font-size:12px;color:var(--dn41-muted)}
.dn41-table-scroll{overflow-x:auto}.dn41-table{width:100%;border-collapse:collapse;text-align:left;min-width:620px}.dn41-table th,.dn41-table td{border-bottom:1px solid var(--dn41-border);padding:10px 8px;font-size:13px}.dn41-table thead th{color:var(--dn41-muted);font-size:11px}.dn41-store-link{background:none;border:0;color:var(--dn41-text);font:inherit;font-weight:750;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.dn41-store-link:focus-visible{outline:2px solid var(--dn-follow-focus,#333);outline-offset:3px}.dn41-week{font-weight:800;font-size:16px}.dn41-week.is-published{color:var(--dn41-success)}.dn41-week.is-missing,.dn41-unsigned{color:var(--dn41-warning)}.dn41-coverage{font-weight:800}.dn41-detail td{font-size:11px;color:var(--dn41-muted);padding-top:3px;padding-bottom:12px}.dn41-note{margin:12px 0 0}
@media(max-width:700px){.dn41-dashboard{padding:13px}.dn41-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ÉTAPE 41B — Navigation commune et adaptable aux thèmes. */
body.workforce-session .dn-nav-back,body.workforce-session .dn-week-nav button{font:inherit;cursor:pointer;color:var(--dn-text,#161616);background:var(--dn-surface,#fff);border:1px solid var(--dn-subtle,#ddd);border-radius:12px;padding:10px 14px;font-weight:750;min-height:42px}
body.workforce-session .dn-nav-back{margin-bottom:16px}
body.workforce-session .dn-week-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
body.workforce-session .dn-week-nav button:hover,body.workforce-session .dn-nav-back:hover{border-color:var(--dn-primary,#161616)}
body.workforce-session .dn-week-nav button:focus-visible,body.workforce-session .dn-nav-back:focus-visible{outline:3px solid var(--dn-primary,#161616);outline-offset:2px}
@media(max-width:700px){body.workforce-session .dn-week-nav button{flex:1 1 100%}}

/* ETAPE 41C — Accueil Direction compact, thème piloté par les variables dn41. */
.dn41-home-compact .rw-president-head-v2{margin-bottom:10px}
.dn41-home-compact .dn41-dashboard{margin-top:0;padding:14px 18px}
.dn41-dashboard-compact>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dn41-dashboard-compact h3{font-size:19px;margin:3px 0}
.dn41-dashboard-compact .dn41-metrics{margin:10px 0;gap:8px}
.dn41-dashboard-compact .dn41-metrics>div{padding:9px 12px}
.dn41-dashboard-compact .dn41-metrics b{font-size:22px}
.dn41-dashboard-compact .dn41-table th,.dn41-dashboard-compact .dn41-table td{padding:7px 8px}
.dn41-dashboard-compact .dn41-detail td{padding:0 8px 3px}
.dn41-dashboard-compact .dn41-detail summary{font-size:11px;color:var(--dn41-muted);cursor:pointer;padding:3px 0}
.dn41-dashboard-compact .dn41-detail p{margin:3px 0 7px;font-size:11px;color:var(--dn41-muted)}
.dn41-dashboard-compact .dn41-note{font-size:11px;margin-top:8px}
.dn41-open-planning{background:var(--dn41-text);color:var(--dn41-surface);border:1px solid var(--dn41-text);border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer}
.dn41-open-planning:focus-visible{outline:2px solid var(--dn-follow-focus,#333);outline-offset:2px}
.dn41-secondary{margin-top:12px;border:1px solid var(--dn41-border);border-radius:12px;padding:9px 13px;background:var(--dn41-surface);color:var(--dn41-text)}
.dn41-secondary>summary{cursor:pointer;font-weight:700;font-size:13px}
.dn41-secondary .rw-president-brief,.dn41-secondary .rw-president-network-v2{margin-top:12px}
@media(max-width:850px){.dn41-dashboard-compact .dn41-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dn41-dashboard-compact>header{flex-wrap:wrap}}

/* ETAPE 41D — composants de pilotage compact, variables du thème, 1 ligne par boutique. */
:root{--dn41-status-ok-bg:var(--dn-follow-success-bg,#eaf5ef);--dn41-status-attention-bg:var(--dn-follow-warning-bg,#fff5e6);--dn41-status-attention-text:var(--dn41-warning);--dn41-detail-focus:var(--dn-follow-focus,#333)}
.dn41-dashboard-compact .dn41-store-row>th,.dn41-dashboard-compact .dn41-store-row>td{padding-top:7px;padding-bottom:7px;vertical-align:middle}
.dn41-store-heading{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.dn41-manager{font-size:11px;font-weight:450;color:var(--dn41-muted);line-height:1.25}
.dn41-inline-details{margin-top:3px;font-weight:400;max-width:300px}
.dn41-inline-details summary{display:inline-flex;cursor:pointer;color:var(--dn41-muted);font-size:10px;font-weight:600;list-style-position:inside}
.dn41-inline-details p{font-size:11px;font-weight:400;line-height:1.5;color:var(--dn41-muted);margin:6px 0;max-width:380px;overflow-wrap:anywhere}
.dn41-inline-details summary:focus-visible{outline:2px solid var(--dn41-detail-focus);outline-offset:2px}
.dn41-week-pill{display:inline-block;border-radius:7px;padding:5px 7px;font-size:11px;white-space:nowrap;font-weight:750}
.dn41-week-pill.is-published{background:var(--dn41-status-ok-bg);color:var(--dn41-success)}
.dn41-week-pill.is-missing{background:var(--dn41-status-attention-bg);color:var(--dn41-status-attention-text)}
.dn41-dashboard-compact .dn41-table{min-width:720px}
@media(min-width:1100px){.dn41-dashboard-compact .dn41-metrics{margin:8px 0}.dn41-dashboard-compact .dn41-table th,.dn41-dashboard-compact .dn41-table td{padding-top:5px;padding-bottom:5px}.dn41-dashboard-compact .dn41-note{margin-top:6px}}

/* ETAPE 41E — Bloc unique de decisions sur l'accueil Direction.
   Les couleurs et espacements suivent les tokens du theme existant. */
.dn41e-decisions{margin-top:12px;border:1px solid var(--dn41-border,#e9e9e9);border-radius:16px;background:var(--dn41-surface,#fff);padding:12px 16px;color:var(--dn41-text,#171717)}
.dn41e-decisions>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.dn41e-decisions h3{font-size:14px;font-weight:800;margin:0;display:flex;align-items:center;gap:9px}
.dn41e-decision-count{font-size:11px;font-weight:700;background:var(--dn41-status-ok-bg,#f0f0f0);border-radius:20px;padding:3px 8px}
.dn41e-decisions>header button{background:transparent;border:0;color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:5px}
.dn41e-decision-empty{display:flex;align-items:center;gap:12px;padding:5px 0;font-size:12px}
.dn41e-decision-empty>span{font-size:18px}
.dn41e-decision-empty div,.dn41e-decision-row span{display:flex;flex-direction:column;gap:3px}
.dn41e-decision-empty small,.dn41e-decision-row small{color:var(--dn41-muted,#666);font-size:11px}
.dn41e-decision-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;text-align:left;border:0;border-top:1px solid var(--dn41-border,#e9e9e9);background:transparent;color:inherit;padding:10px 4px;cursor:pointer}
.dn41e-decision-row strong{white-space:nowrap}
.dn41e-decisions button:focus-visible{outline:2px solid var(--dn41-detail-focus,#222);outline-offset:2px}
@media(max-width:640px){.dn41e-decisions{padding:10px}.dn41e-decisions>header{flex-wrap:wrap}}

/* ETAPE 41G — Accueil Direction : une ligne visuelle par boutique.
   Variables de la charte conservées; les details ne s'ouvrent que sur demande. */
@media (min-width: 1100px) {
 .dn41-home-compact .dn41-dashboard{padding:11px 16px}
 .dn41-dashboard-compact .dn41-store-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:24px}
 .dn41-dashboard-compact .dn41-store-heading .dn41-manager{display:inline;white-space:nowrap;font-size:11px;color:var(--dn41-muted)}
 .dn41-dashboard-compact .dn41-inline-details{display:inline-block;margin:0 0 0 4px;max-width:none;vertical-align:middle}
 .dn41-dashboard-compact .dn41-inline-details summary{font-size:11px;white-space:nowrap}
 .dn41-dashboard-compact .dn41-inline-details[open]{flex-basis:100%;margin:4px 0}
 .dn41-dashboard-compact .dn41-store-row>th,.dn41-dashboard-compact .dn41-store-row>td{padding-top:4px;padding-bottom:4px}
 .dn41-dashboard-compact .dn41-metrics{margin:5px 0}
 .dn41-dashboard-compact .dn41-metrics>div{padding:5px 9px}
 .dn41-dashboard-compact .dn41-metrics b{font-size:20px}
 .dn41-dashboard-compact .dn41-note{margin-top:4px;line-height:1.3}
 .dn41e-decisions{margin-top:8px;padding:9px 14px}
 .dn41e-decision-empty{padding:2px 0}
}

/* ETAPE 41H — Priorite ergonomie accueil : 6 magasins lisibles sans empilement.
   Les classes 41H isolent la regle des styles historiques, sans changer la charte. */
.dn41-home-compact .dn41-dashboard-compact .dn41-table tbody th {text-align:left !important;vertical-align:middle !important;width:31%;}
.dn41-home-compact .dn41-dashboard-compact .dn41h-inline-store {display:grid !important;grid-template-columns:minmax(82px,0.7fr) minmax(125px,1.4fr) auto;align-items:center !important;justify-content:start !important;gap:8px !important;min-height:24px !important;text-align:left !important;}
.dn41-home-compact .dn41-dashboard-compact .dn41h-inline-store > * {margin:0 !important;min-width:0;}
.dn41-home-compact .dn41-dashboard-compact .dn41h-inline-store .dn41-manager {display:block !important;white-space:normal !important;line-height:1.15 !important;}
.dn41-home-compact .dn41-dashboard-compact .dn41h-inline-store .dn41-inline-details {display:block !important;max-width:none !important;}
.dn41-home-compact .dn41-dashboard-compact .dn41h-inline-store .dn41-inline-details[open] {grid-column:1/-1;}
.dn41-home-compact .dn41-dashboard-compact .dn41-store-row > th,.dn41-home-compact .dn41-dashboard-compact .dn41-store-row > td {padding-top:6px !important;padding-bottom:6px !important;}
.dn41-home-compact .dn41-dashboard-compact .dn41-table {table-layout:fixed;min-width:760px;}
.dn41-home-compact .dn41-dashboard-compact .dn41-table thead th:first-child {width:31%;}
.dn41-home-compact .dn41-dashboard-compact .dn41-table tbody tr {height:38px;}
.dn41-home-compact .dn41-dashboard-compact .dn41-metrics {margin:6px 0 !important;}
.dn41-home-compact .dn41-dashboard-compact .dn41-note {font-size:10px !important;margin-top:5px !important;}
@media(max-width:1100px){.dn41-home-compact .dn41-dashboard-compact .dn41h-inline-store {grid-template-columns:minmax(100px,1fr) minmax(120px,1.4fr) auto;}}

/* ETAPE 41I — Rythme des lignes Direction, lisibilite des statuts.
   Ajustement borne a la table accueil ; tokens et composants existants conserves. */
@media (min-width:1100px) {
 .dn41-home-compact .dn41-dashboard-compact .dn41-store-row > th,
 .dn41-home-compact .dn41-dashboard-compact .dn41-store-row > td {padding-top:9px !important;padding-bottom:9px !important;}
 .dn41-home-compact .dn41-dashboard-compact .dn41-table tbody tr {height:44px;}
}
.dn41-home-compact .dn41-dashboard-compact .dn41h-inline-store {column-gap:11px !important;}
.dn41-home-compact .dn41-dashboard-compact .dn41-week-pill {font-size:10.5px;padding:5px 6px;}

/* ETAPE 42A — Administration simplifiée, charte centrale */
#view-admin .admin-hub-simplified{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
#view-admin .admin-hub-simplified>.admin-hub-group{margin:0!important;padding:17px!important;border:1px solid #ececec!important;border-radius:17px!important;box-shadow:0 5px 18px rgba(0,0,0,.035)!important;background:#fff!important;min-width:0}
#view-admin .admin-hub-simplified .admin-hub-title{margin-bottom:10px!important}
#view-admin .admin-hub-simplified .admin-hub-title>span{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;border:1px solid #ededed;border-radius:9px;color:#171717;font-weight:700}
#view-admin .admin-hub-simplified .admin-tile{min-height:53px!important;padding:10px 12px!important;box-shadow:none!important;border:1px solid #f0f0f0!important;border-radius:12px!important;background:#fff!important}
#view-admin .admin-hub-simplified .admin-tile+.admin-tile{margin-top:7px!important}
#view-admin .admin-hub-simplified .admin-tile:focus-visible{outline:3px solid #777;outline-offset:2px}
#view-admin .admin-hub-simplified .admin-hub-secondary{background:#fafafa!important}
@media(max-width:850px){#view-admin .admin-hub-simplified{grid-template-columns:1fr}}
/* État actif : libellé blanc même lorsque ses enfants portent leur propre couleur */
html body .rw-proof-page .rw-control-tabs>input:checked+label,html body .rw-proof-page .rw-control-tabs>input:checked+label b,html body .rw-proof-page .rw-control-tabs>input:checked+label strong{color:#fff!important}
html body .rw-proof-page .rw-control-tabs>input:checked+label span{color:#171717!important}

/* 42B — Grille Administration compacte et icônes monochromes */
@media(min-width:1100px){
 #view-admin .admin-hub-simplified{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 #view-admin .admin-hub-simplified>.admin-hub-group{padding:12px!important;border-radius:14px!important}
 #view-admin .admin-hub-simplified .admin-hub-title{margin-bottom:7px!important}
 #view-admin .admin-hub-simplified .admin-tile{min-height:46px!important;padding:7px 9px!important}
 #view-admin .admin-hub-simplified .admin-tile+.admin-tile{margin-top:5px!important}
}
#view-admin .admin-hub-simplified .admin-hub-title>span,#view-admin .admin-hub-simplified .admin-tile>span:first-child{color:#171717!important;filter:grayscale(1)!important;font-weight:700!important}
#view-admin .admin-hub-simplified .admin-tile .premium-ico{filter:grayscale(1) brightness(0)!important;opacity:1!important}
/* 42B — Même langage de classement que Suivi des plannings */
.rw42b-tabs{display:flex;gap:10px;margin:15px 0}.rw42b-tabs button{border:1px solid #ececec;border-radius:12px;padding:13px 20px;min-width:190px;background:#fff;color:#171717;font-weight:750;cursor:pointer}.rw42b-tabs button.active{background:#171717;color:#fff;border-color:#171717}.rw42b-tabs button span{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;border-radius:20px;padding:2px 7px;background:#eee;color:#171717}.rw42b-archive{border:1px solid #f0f0f0;border-radius:18px;padding:17px;background:#fff}.rw42b-archive>header small{font-weight:800;letter-spacing:.1em}.rw42b-archive>header h3{margin:5px 0 12px}.rw42b-store,.rw42b-year,.rw42b-month{border:1px solid #ededed;border-radius:12px;margin:7px 0;background:#fff}.rw42b-store>summary,.rw42b-year>summary,.rw42b-month>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:14px 16px;align-items:center;list-style:revert;color:#171717}.rw42b-store>summary span,.rw42b-month>summary span{font-size:12px;color:#555}.rw42b-nested{padding:0 12px 10px 20px}.rw42b-cards{padding:0 12px 12px}.rw42b-empty{padding:18px;color:#555}@media(max-width:680px){.rw42b-tabs button{min-width:0;flex:1;padding:10px}.rw42b-archive{padding:10px}.rw42b-nested{padding-left:8px}}

/* ETAPE 44 : VARIABLES CENTRALES DE COULEURS ET DE GABARIT */
:root{
 --dv44-text:var(--dv50-ink);--dv44-muted:var(--dv50-muted);--dv44-page-bg:var(--dv50-page);
 --dv44-card-bg:var(--dv50-card);--dv44-border:var(--dv50-border);
 --dv44-action-bg:var(--dv50-action);--dv44-action-text:var(--dv50-on-action);
 --dv44-secondary-bg:var(--dv50-soft);--dv44-icon:var(--dv50-ink);
 --dv44-page-width:1280px;--dv44-title-size:34px;
 --dv44-section-gap:16px;--dv44-card-radius:18px;
}
/* Alignement identique des vues principales, sans modifier la barre latérale */
body.workforce-session #app-view .content>.view:is(#view-workforce_home,#view-workforce_planning,#view-workforce_absences,#view-workforce_archives,#view-admin,#view-support){width:100%!important;max-width:var(--dv44-page-width)!important;margin-inline:auto!important;box-sizing:border-box}
body.workforce-session #app-view .content>.view:is(#view-workforce_home,#view-workforce_planning,#view-workforce_absences,#view-workforce_archives,#view-admin,#view-support)>:is(#rw-home,#rw-planning,#rw-absences,#rw-archives,.heading-row,.admin-hub,.support-standalone-panel){max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
body.workforce-session :is(.rw-president-home-v2,.rw-planning-selector-v2,.rw-proof-page,.rw-decision-hero,.rw-decision-list,.rw-exchange-board,.admin-hub,.support-standalone-panel){max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
body.workforce-session :is(.rw-president-head-v2,.rw-selector-head-v2,.rw-decision-hero,.admin-page-head,.support-hero){margin-top:0!important}
body.workforce-session :is(.rw-president-head-v2,.rw-selector-head-v2,.rw-decision-hero,.admin-page-head) h2,body.workforce-session .support-hero h3{font-size:var(--dv44-title-size)!important;line-height:1.1!important;letter-spacing:-.035em!important;color:var(--dv44-text)!important}
body.workforce-session .rw-proof-page .rw-proof-head-simple{padding:0 2px 14px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
body.workforce-session .rw-proof-page .rw-proof-head-simple h2{font-size:var(--dv44-title-size)!important;line-height:1.1!important;color:var(--dv44-text)!important}
body.workforce-session :is(.rw-president-home-v2,.rw-proof-page){gap:var(--dv44-section-gap)!important}
body.workforce-session :is(.admin-hub-group,.support-standalone-panel,.rw-control-panel){border-color:var(--dv44-border)!important;border-radius:var(--dv44-card-radius)!important;background:var(--dv44-card-bg)!important}
body.workforce-session #view-admin .admin-hub-title>span,body.workforce-session #view-admin .admin-hub-title>span *{color:var(--dv44-icon)!important}
body.workforce-session .rw-proof-page .rw-control-tabs>input:checked+label{background:var(--dv44-action-bg)!important;border-color:var(--dv44-action-bg)!important;color:var(--dv44-action-text)!important}
body.workforce-session .rw-proof-page .rw-control-tabs>input:checked+label :is(b,strong){color:var(--dv44-action-text)!important}
body.workforce-session .rw-proof-page .rw-control-tabs>input:checked+label span{color:var(--dv44-text)!important}
@media(max-width:760px){:root{--dv44-title-size:28px}}

/* ETAPE 45 — Identité de marque. Logo source approuvé 2026-11-01.
   Les couleurs de la marque sont intégrées au fichier image approuvé;
   modifier la palette UI n’altère pas ce logo. */
:root { --dv-brand-logo-asset: url("assets/divanino-rh-horizontal.png?v=logo-restaure-20261101"); --dv-brand-symbol-asset: url("assets/divanino-rh-symbol.png?v=logo-restaure-20261101"); }

/* ETAPE 46 — IDENTITE UNIQUE / REGLAGES CENTRALISES
   Changer le symbole: remplacer assets/divanino-rh-symbol.png (meme nom).
   Changer le nom, le slogan: trois occurrences .dv-identity dans index.html.
   Couleurs, typographie, dimensions: modifier UNIQUEMENT les variables ci-dessous.
   Logo de connexion, espace global et bandeau partagent le meme composant visuel.
*/
:root {
  --dv46-brand-text: var(--dv50-ink);
  --dv46-brand-subtitle: var(--dv50-muted);
  --dv46-brand-divider: var(--dv50-border);
  --dv46-brand-font: Arial, Helvetica, sans-serif;
  --dv46-brand-weight: 600;
  --dv46-brand-header-icon: 42px;
  --dv46-brand-header-name: 21px;
  --dv46-brand-header-tagline: 9px;
  --dv46-brand-header-gap: 9px;
  --dv46-brand-tagline-space: 16px;
  --dv46-brand-login-icon: 72px;
  --dv46-brand-login-name: 29px;
  --dv46-brand-login-tagline: 10px;
}
.dv-identity {display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:var(--dv46-brand-header-gap)!important;max-width:100%!important;white-space:nowrap!important;font-family:var(--dv46-brand-font)!important;line-height:1.15!important;vertical-align:middle!important;}
.dv-identity-symbol {display:block!important;position:static!important;transform:none!important;flex:0 0 auto!important;width:var(--dv46-brand-header-icon)!important;height:var(--dv46-brand-header-icon)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0!important;}
.dv-identity-name {font-family:var(--dv46-brand-font)!important;font-weight:var(--dv46-brand-weight)!important;font-size:var(--dv46-brand-header-name)!important;letter-spacing:-.035em!important;color:var(--dv46-brand-text)!important;}
.dv-identity-divider {height:27px!important;width:1px!important;flex:0 0 1px!important;margin-left:var(--dv46-brand-tagline-space)!important;background:var(--dv46-brand-divider)!important;}
.dv-identity-tagline {font-family:var(--dv46-brand-font)!important;font-weight:500!important;font-size:var(--dv46-brand-header-tagline)!important;letter-spacing:.055em!important;color:var(--dv46-brand-subtitle)!important;white-space:nowrap!important;}
#app-view .topbar .brand.product-brand {width:auto!important;min-width:0!important;max-width:100%!important;overflow:visible!important;}
#app-view .topbar .brand.product-brand .dv-identity {width:auto!important;}
#login-view .login-brand-v58591 {display:flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;}
#login-view .login-brand-v58591 .dv-identity {justify-content:center!important;flex-wrap:wrap!important;gap:11px!important;white-space:normal!important;}
#login-view .login-brand-v58591 .dv-identity-symbol {width:var(--dv46-brand-login-icon)!important;height:var(--dv46-brand-login-icon)!important;}
#login-view .login-brand-v58591 .dv-identity-name {font-size:var(--dv46-brand-login-name)!important;}
#login-view .login-brand-v58591 .dv-identity-divider {height:30px!important;margin-left:6px!important;}
#login-view .login-brand-v58591 .dv-identity-tagline {font-size:var(--dv46-brand-login-tagline)!important;}
.workspace-brand-v58593 .dv-identity {max-width:100%!important;}
@media(max-width:1000px){
  #app-view .topbar .brand.product-brand .dv-identity-divider,#app-view .topbar .brand.product-brand .dv-identity-tagline {display:none!important;}
  .workspace-brand-v58593 .dv-identity-divider,.workspace-brand-v58593 .dv-identity-tagline {display:none!important;}
}
@media(max-width:520px){
  :root {--dv46-brand-header-icon:32px;--dv46-brand-header-name:17px;--dv46-brand-login-icon:52px;--dv46-brand-login-name:23px;}
  #login-view .login-brand-v58591 .dv-identity-divider {display:none!important;}
  #login-view .login-brand-v58591 .dv-identity-tagline {flex-basis:100%!important;text-align:center!important;}
}

/* ETAPE 47 — MAQUETTE VALIDEE / IDENTITE RESPONSIVE
   Point de reglage unique : variables --dv47-* ci-dessous.
   Connexion : symbole, nom, slogan empiles et centres.
   Application : bloc logo + nom centre dans la largeur de la navigation ; slogan distinct.
   Les couleurs de marque du symbole proviennent du PNG, non des variables de palette.
*/
:root {
  --dv47-sidebar-brand-width:252px;
  --dv47-header-height:74px;
  --dv47-header-horizontal-padding:16px;
  --dv47-brand-symbol-size:36px;
  --dv47-brand-name-size:20px;
  --dv47-brand-lockup-gap:8px;
  --dv47-brand-slogan-size:10px;
  --dv47-brand-slogan-tracking:.13em;
  --dv47-brand-divider-space:22px;
  --dv47-login-symbol-size:66px;
  --dv47-login-name-size:43px;
  --dv47-login-slogan-size:11px;
  --dv47-login-brand-gap:10px;
  --dv47-login-brand-margin:24px;
  --dv47-brand-surface:var(--dv50-card);
  --dv47-login-background:var(--dv50-login-bg);
  --dv47-brand-border:var(--dv50-border);
}
#login-view.login-view-v58591 {background:radial-gradient(ellipse at 0% 80%,#eae6ff 0%,transparent 40%),radial-gradient(ellipse at 100% 75%,#eae8ff 0%,transparent 43%),var(--dv47-login-background)!important;}
#login-view .login-brand-v58591 {margin-bottom:var(--dv47-login-brand-margin)!important;width:100%!important;}
#login-view .login-brand-v58591 .dv-identity-login {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:var(--dv47-login-brand-gap)!important;width:100%!important;max-width:none!important;white-space:normal!important;}
#login-view .login-brand-v58591 .dv-identity-login .dv-identity-symbol {width:var(--dv47-login-symbol-size)!important;height:var(--dv47-login-symbol-size)!important;max-width:none!important;object-fit:contain!important;}
#login-view .login-brand-v58591 .dv-identity-login .dv-identity-name {font-size:var(--dv47-login-name-size)!important;font-weight:700!important;letter-spacing:-.035em!important;line-height:1.05!important;text-align:center!important;}
#login-view .login-brand-v58591 .dv-identity-login .dv-identity-tagline {display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;font-size:var(--dv47-login-slogan-size)!important;letter-spacing:.22em!important;font-weight:600!important;text-align:center!important;white-space:nowrap!important;color:var(--dv46-brand-text)!important;}
#login-view .dv-identity-login .dv-identity-tagline::before,#login-view .dv-identity-login .dv-identity-tagline::after {content:"";display:block;flex:1 1 30px;max-width:48px;height:1px;background:var(--dv46-brand-divider);}
#app-view .topbar {display:flex!important;align-items:center!important;gap:14px!important;min-height:var(--dv47-header-height)!important;padding-inline:var(--dv47-header-horizontal-padding)!important;background:var(--dv47-brand-surface)!important;border-bottom:1px solid var(--dv47-brand-border)!important;}
#app-view .topbar .brand.product-brand {flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin-right:auto!important;}
#app-view .topbar .brand.product-brand .dv-identity-header {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;width:100%!important;}
#app-view .dv-identity-header .dv-identity-lockup {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--dv47-brand-lockup-gap)!important;flex:0 0 var(--dv47-sidebar-brand-width)!important;width:var(--dv47-sidebar-brand-width)!important;min-width:0!important;}
#app-view .dv-identity-header .dv-identity-symbol {width:var(--dv47-brand-symbol-size)!important;height:var(--dv47-brand-symbol-size)!important;}
#app-view .dv-identity-header .dv-identity-name {font-size:var(--dv47-brand-name-size)!important;font-weight:650!important;}
#app-view .dv-identity-header .dv-identity-divider {margin-left:var(--dv47-brand-divider-space)!important;margin-right:var(--dv47-brand-divider-space)!important;height:26px!important;}
#app-view .dv-identity-header .dv-identity-tagline {display:inline!important;font-size:var(--dv47-brand-slogan-size)!important;letter-spacing:var(--dv47-brand-slogan-tracking)!important;font-weight:600!important;}
#app-view .topbar .v5759-global-search {display:none!important;}
#app-view .topbar .active-organization-header {flex:0 0 auto!important;min-width:125px!important;max-width:200px!important;}
#app-view .topbar .top-actions {flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:10px!important;}
.workspace-brand-v58593 .dv-identity-header .dv-identity-lockup {display:inline-flex!important;align-items:center!important;gap:var(--dv47-brand-lockup-gap)!important;}
.workspace-brand-v58593 .dv-identity-header .dv-identity-tagline {display:inline!important;}
@media(max-width:1100px){#app-view .dv-identity-header .dv-identity-tagline,#app-view .dv-identity-header .dv-identity-divider{display:none!important;}#app-view .dv-identity-header .dv-identity-lockup{flex-basis:var(--dv47-sidebar-brand-width)!important;}}
@media(max-width:650px){:root{--dv47-sidebar-brand-width:185px;--dv47-brand-symbol-size:29px;--dv47-brand-name-size:16px;--dv47-login-symbol-size:56px;--dv47-login-name-size:34px;--dv47-login-slogan-size:9px;--dv47-header-height:62px;}#app-view .topbar{gap:6px!important;padding-inline:8px!important;}#app-view .dv-identity-header .dv-identity-lockup{flex:0 1 auto!important;width:auto!important;}#app-view .topbar .active-organization-header{min-width:0!important;}#login-view .login-brand-v58591 .dv-identity-login .dv-identity-tagline{flex-basis:auto!important;}}


/* ETAPE 50 — PALETTE DE REFERENCE (modifier les valeurs dans CE bloc).
   Les alias historiques --dn-* et --case* ci-dessus pointent ici.
   Ne pas remplacer les couleurs de statut métier par la couleur principale.
   Le logo D est un fichier image, indépendant de la palette UI. */
:root {
  --dv50-page:#ffffff;
  --dv50-card:#ffffff;
  --dv50-ink:#111111;
  --dv50-muted:#666666;
  --dv50-border:#d8d8d8;
  --dv50-soft:#f5f5f5;
  --dv50-action:#000000;
  --dv50-on-action:#ffffff;
  --dv50-danger:#111111;
  --dv50-login-bg:#f6f5ff;
  --dv50-login-wave:#eae6ff;
  --dv50-login-wave-right:#eae8ff;
  --dv50-brand-scale:1.05;
  --dv50-navigation-center:121px; /* centre du bouton Accueil, capture bureau */
  --dv50-header-padding:16px;
  --dv50-lockup-half-width:126px;
}
/* Centrage de l'ensemble D + DIVANINO, sans déplacer slogan/actions.
   Centre de la réserve = padding + largeur/2; translation calculée. */
@media (min-width:1101px) {
  #app-view .topbar .dv-identity-header > .dv-identity-lockup {
    transform-origin:center center!important;
    transform:translateX(calc(var(--dv50-navigation-center) - var(--dv50-header-padding) - var(--dv50-lockup-half-width))) scale(var(--dv50-brand-scale))!important;
  }
}
/* Fond de connexion désormais intégralement paramétrable. */
#login-view.login-view-v58591 {
  background:radial-gradient(ellipse at 0% 80%,var(--dv50-login-wave) 0%,transparent 40%),
    radial-gradient(ellipse at 100% 75%,var(--dv50-login-wave-right) 0%,transparent 43%),
    var(--dv50-login-bg)!important;
}
/* États de contrôles hérités : harmonisation des boutons de suivi et archives. */
.rw42b-tabs button.active {background:var(--dv50-action)!important;color:var(--dv50-on-action)!important;border-color:var(--dv50-action)!important;}
.rw42b-tabs button:not(.active) {background:var(--dv50-card)!important;color:var(--dv50-ink)!important;border-color:var(--dv50-border)!important;}
.rw42b-archive,.rw42b-store,.rw42b-year,.rw42b-month {background:var(--dv50-card)!important;border-color:var(--dv50-border)!important;}
#view-admin .admin-hub-simplified>.admin-hub-group,#view-admin .admin-hub-simplified .admin-tile {background:var(--dv50-card)!important;border-color:var(--dv50-border)!important;}
#view-admin .admin-hub-simplified .admin-hub-title>span,#view-admin .admin-hub-simplified .admin-tile>span:first-child {color:var(--dv50-ink)!important;}

/* ETAPE 51 — Choix d'espace et administration harmonisés ; pas de gestionnaire de thème. */
:root{--dv51-radius:18px;--dv51-shadow:0 8px 26px rgba(17,17,17,.045)}
#workspace-view.workspace-view-v58593{background:radial-gradient(ellipse at 0% 80%,var(--dv50-login-wave),transparent 42%),radial-gradient(ellipse at 100% 85%,var(--dv50-login-wave-right),transparent 42%),var(--dv50-login-bg)!important;padding:clamp(14px,3vw,34px)!important}
#workspace-view .workspace-shell-v58593{width:min(1120px,100%)!important;min-height:min(720px,calc(100vh - 40px))!important;background:var(--dv50-card)!important;border:1px solid var(--dv50-border)!important;border-radius:24px!important;box-shadow:var(--dv51-shadow)!important}
#workspace-view .workspace-topbar-v58593,#workspace-view .workspace-footer-v58593{background:var(--dv50-card)!important;border-color:var(--dv50-border)!important}
#workspace-view .workspace-topbar-v58593{min-height:76px!important;padding:16px 28px!important}
#workspace-view .workspace-main-v58593{width:min(930px,calc(100% - 52px))!important;padding:38px 0 36px!important}
#workspace-view .workspace-brand-v58593 .dv-identity-header,#platform-admin-view .platform-admin-brand .dv-identity-header{display:flex!important;align-items:center!important;gap:0!important}
#workspace-view .workspace-brand-v58593 .dv-identity-lockup,#platform-admin-view .platform-admin-brand .dv-identity-lockup{display:inline-flex!important;align-items:center!important;gap:9px!important}
#workspace-view .workspace-brand-v58593 .dv-identity-symbol,#platform-admin-view .platform-admin-brand .dv-identity-symbol{width:34px!important;height:34px!important;object-fit:contain!important}
#workspace-view .workspace-brand-v58593 .dv-identity-name,#platform-admin-view .platform-admin-brand .dv-identity-name{font-size:21px!important;font-weight:700!important;letter-spacing:-.035em!important;color:var(--dv50-ink)!important}
#workspace-view .workspace-brand-v58593 .dv-identity-divider,#platform-admin-view .platform-admin-brand .dv-identity-divider{display:block!important;height:26px!important;margin:0 20px!important;border-left:1px solid var(--dv50-border)!important}
#workspace-view .workspace-brand-v58593 .dv-identity-tagline,#platform-admin-view .platform-admin-brand .dv-identity-tagline{display:inline!important;font-size:10px!important;letter-spacing:.13em!important;font-weight:650!important;color:var(--dv50-muted)!important}
#workspace-view .workspace-platform-card-v58593,#workspace-view .workspace-account-v58593{box-shadow:none!important;border-color:var(--dv50-border)!important;background:var(--dv50-card)!important}
#workspace-view .workspace-platform-card-v58593:hover{background:var(--dv50-soft)!important}
#platform-admin-view.platform-admin-view{background:var(--dv50-page)!important;color:var(--dv50-ink)!important}
#platform-admin-view .platform-admin-topbar{background:var(--dv50-card)!important;border-bottom:1px solid var(--dv50-border)!important;min-height:76px!important;padding:14px clamp(18px,3vw,40px)!important}
#platform-admin-view .platform-admin-main{width:min(1380px,100%)!important;padding:32px clamp(18px,3vw,40px) 60px!important}
#platform-admin-view .platform-admin-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
#platform-admin-view .platform-org-panel,#platform-admin-view .platform-card{box-shadow:var(--dv51-shadow)!important;border:1px solid var(--dv50-border)!important;border-radius:var(--dv51-radius)!important;background:var(--dv50-card)!important}
#platform-admin-view .platform-org-panel{padding:18px!important;position:sticky;top:96px}
#platform-admin-view .platform-panel-head small{color:var(--dv50-muted)!important}
#platform-admin-view .platform-org-list{gap:8px!important;margin-top:14px!important}
#platform-admin-view .platform-org-item{border:1px solid var(--dv50-border)!important;background:var(--dv50-card)!important;padding:13px!important;border-radius:12px!important}
#platform-admin-view .platform-org-item:hover,#platform-admin-view .platform-org-item.is-active{background:var(--dv50-soft)!important}
#platform-admin-view .platform-org-item.is-active{border-color:var(--dv50-ink)!important}
#platform-admin-view .platform-org-item strong{font-size:13px!important}
#platform-admin-view .platform-org-item small{font-size:11px!important;color:var(--dv50-muted)!important}
#platform-admin-view .platform-empty-state{border:1px dashed var(--dv50-border)!important;box-shadow:none!important;background:var(--dv50-card)!important;border-radius:var(--dv51-radius)!important}
#platform-admin-view .platform-empty-state>span{color:var(--dv50-muted);font-size:32px!important}
#platform-admin-view .platform-admin-actions .btn,#platform-admin-view #platform-refresh{border:1px solid var(--dv50-border)!important;background:var(--dv50-card)!important;color:var(--dv50-ink)!important;box-shadow:none!important}
#platform-admin-view .platform-admin-actions .btn:hover,#platform-admin-view #platform-refresh:hover{background:var(--dv50-soft)!important}
@media(max-width:980px){#platform-admin-view .platform-admin-layout{grid-template-columns:minmax(0,1fr)!important}#platform-admin-view .platform-org-panel{position:static!important}}
@media(max-width:680px){#workspace-view .workspace-topbar-v58593{flex-wrap:wrap;padding:16px!important}#workspace-view .workspace-brand-v58593 .dv-identity-divider,#workspace-view .workspace-brand-v58593 .dv-identity-tagline,#platform-admin-view .platform-admin-brand .dv-identity-divider,#platform-admin-view .platform-admin-brand .dv-identity-tagline{display:none!important}#workspace-view .workspace-main-v58593{width:calc(100% - 32px)!important;padding:28px 0!important}#platform-admin-view .platform-admin-topbar{align-items:stretch;flex-direction:column}#platform-admin-view .platform-org-list{grid-template-columns:1fr!important}}