/* DIVANINO 8.2.8 — cases visuelles 01 à 07 — version de recette avant validation authentifiée. */

/* CASE 02 : les icônes sont des masques et utilisent background-color. */
#app-view .v58522-sidebar .nav:not(.active) .nav-ico,
#app-view .v58522-sidebar summary .nav-ico {background-color:var(--case02-icon-normal)!important;color:var(--case02-icon-normal)!important;opacity:1!important}
#app-view .v58522-sidebar .nav.active .nav-ico,
#app-view .v58522-sidebar .nav[aria-current="page"] .nav-ico {background-color:var(--case02-icon-active)!important;color:var(--case02-icon-active)!important;opacity:1!important}
#app-view .sidebar-legal-links .legal-link,#app-view .sidebar-product-signature {color:var(--case02-footer-text)!important;opacity:1!important}
#app-view .sidebar-legal-links .legal-link {font-size:var(--case02-footer-size)!important;line-height:1.4!important}
/* CASE 04 : le DOM réel contient UN span par carte avec small, strong, em. */
#app-view .rw-home-professional .rw-home-summary > article,
#app-view .rw-home-professional .rw-home-summary > button {display:block!important;min-width:0!important;padding:var(--case04-padding)!important;box-sizing:border-box!important;text-align:left!important}
#app-view .rw-home-professional .rw-home-summary > * > span,
#app-view .rw-home-professional .rw-home-summary > * > span:nth-child(2) {display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:var(--case04-gap)!important;min-width:0!important;grid-template-columns:none!important}
#app-view .rw-home-professional .rw-home-summary > * > span > small {display:block!important;min-height:var(--case04-title-height)!important;font-size:var(--case04-label-size)!important;line-height:1.3!important;color:var(--case04-label)!important}
#app-view .rw-home-professional .rw-home-summary > * > span > strong {display:block!important;font-size:var(--case04-value-size)!important;line-height:1.2!important;color:var(--case04-value)!important;overflow-wrap:anywhere!important}
#app-view .rw-home-professional .rw-home-summary > * > span > em {display:block!important;font-size:var(--case04-detail-size)!important;line-height:1.35!important;color:var(--case04-detail)!important;font-style:normal!important;overflow-wrap:anywhere!important}
@media(max-width:760px){#app-view .rw-home-professional .rw-home-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#app-view .rw-home-professional .rw-home-summary{grid-template-columns:1fr!important}}

/* CASE 03 : accès principal au planning, sans changement du comportement JS. */
#app-view .rw-home-professional .rw-home-context .primary-link {min-height:var(--case03-planning-height)!important;padding:8px var(--case03-planning-padding)!important;background:var(--case03-planning-bg)!important;color:var(--case03-planning-text)!important;border:1px solid var(--case03-planning-bg)!important;border-radius:var(--case03-planning-radius)!important;font-size:var(--case03-planning-font-size)!important;font-weight:750!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
#app-view .rw-home-professional .rw-home-context .primary-link:focus-visible {outline:2px solid var(--case03-planning-focus)!important;outline-offset:3px!important}

/* CASE 06 — FENÊTRES : paramètres centralisés, sans changer les sélecteurs métier. */

/* CASE 06 — hauteur de lecture des mentions légales. */
html body section.legal-dialog .dialog-card {max-height:min(var(--case06-modal-max-height),900px)!important}
@media(max-width:700px){html body section.legal-dialog .dialog-card{max-height:var(--case06-legal-mobile-max-height)!important}}

/* CASE 05 — Navigation du planning, sans changement des dates ni des actions. */

#app-view .rw-week-nav {gap:var(--case05-week-nav-gap)}
#app-view .rw-week-nav button {
 min-width:var(--case05-week-button-size);
 min-height:var(--case05-week-button-size);
 border-radius:var(--case05-week-button-radius);
 border-color:var(--case05-week-button-border);
 background:var(--case05-week-button-background);
 color:var(--case05-week-button-text);
}
#app-view .rw-week-nav button:focus-visible {outline:2px solid var(--case05-week-focus);outline-offset:var(--case05-week-focus-offset)}

/* Alignement vertical commun aux quatre cartes, y compris le bouton action requise. */
#app-view .rw-home-professional .rw-home-summary > * {vertical-align:top!important;align-self:stretch!important}
#app-view .rw-home-professional .rw-home-summary > * > span {margin:0!important;padding:0!important;transform:none!important}


/* Correctif vérifiable : mêmes coordonnées internes pour les quatre KPI.
   La première carte est un button natif, les autres sont des article. */
#app-view .rw-home-professional .rw-home-summary > :is(button,article) {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  padding:var(--case04-padding)!important;
  margin:0!important;
  line-height:normal!important;
}
#app-view .rw-home-professional .rw-home-summary > :is(button,article) > span {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:var(--case04-gap)!important;
}
#app-view .rw-home-professional .rw-home-summary > :is(button,article) > span > small {
  margin:0!important;
  padding:0!important;
  line-height:var(--case04-title-height)!important;
  min-height:var(--case04-title-height)!important;
}
/* Liens légaux lisibles, sans modifier les données ou les événements. */
#app-view .v58522-sidebar .sidebar-legal-links,
#app-view .v58522-sidebar .sidebar-legal-links .legal-link,
#app-view .v58522-sidebar .sidebar-product-signature {
  color:var(--case07-footer-text)!important;
  opacity:1!important;
}
/* CASE 07 — badge de version : lisible, sans modifier le numéro. */
#app-view .sidebar-product-signature span {color:var(--case07-version-text)!important;background:var(--case07-version-bg)!important;border-color:var(--case07-version-border)!important;opacity:1!important}

/* CASE 05 — Tableau des équipes : ombre discrète, réglable dans la charte.
   Le sélecteur est limité au planning, sans toucher aux autres cartes. */
body.workforce-session #app-view .rw-planning-shell {
  border:1px solid var(--case05-planning-table-border)!important;
  box-shadow:var(--case05-planning-table-shadow)!important;
}

/* CASE 02 — Contraste des lignes du menu au survol et au clavier. */
#app-view .v58522-sidebar .v58522-nav-items .nav:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-view .v58522-sidebar .v58522-nav-section > summary:is(:hover,:focus-visible) {
  background:var(--case02-hover-background)!important;
  color:var(--case02-hover-text)!important;
  -webkit-text-fill-color:var(--case02-hover-text)!important;
}
#app-view .v58522-sidebar .v58522-nav-items .nav:not(.active):not([aria-current="page"]):is(:hover,:focus-visible) :is(span,small,strong,b),
#app-view .v58522-sidebar .v58522-nav-section > summary:is(:hover,:focus-visible) :is(span,small,strong,b) {
  color:var(--case02-hover-text)!important;
  -webkit-text-fill-color:var(--case02-hover-text)!important;
  opacity:1!important;
}
#app-view .v58522-sidebar .v58522-nav-items .nav:not(.active):not([aria-current="page"]):is(:hover,:focus-visible) .nav-ico,
#app-view .v58522-sidebar .v58522-nav-section > summary:is(:hover,:focus-visible) .nav-ico {
  background-color:var(--case02-hover-text)!important;
  color:var(--case02-hover-text)!important;
  opacity:1!important;
}