/* Modèle d'affichage.
   1) Sélecteur « Modèle d'affichage » de Mon profil (modèles 1 et 2).
   2) Modèle 2 « refonte corporate » : tout est limité à html[data-skin='corporate'] (le modèle 1 ne change pas).
      Étape 1 : habillage commun (palette bleu nuit et or, typographie, en-tête, cartes, boutons, champs, barre du bas),
      sans toucher au contenu ni aux fonctions des écrans. Police : Manrope / IBM Plex si présentes, sinon police système. */

/* ---------- 1. Sélecteur de modèle (Mon profil) ---------- */
.skin-settings .skin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0 4px;
}
.skin-settings .skin-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid var(--theme-border, #dfe4e9);
  background: var(--theme-surface, #fff);
  color: var(--theme-text, #192536);
  text-align: left;
  font: inherit;
  cursor: pointer;
  min-height: 0;
}
.skin-settings .skin-option[aria-pressed='true'] {
  border-color: var(--theme-text, #192536);
  box-shadow: inset 0 0 0 1px var(--theme-text, #192536);
}
.skin-settings .skin-option.is-locked {
  opacity: 0.85;
}
.skin-settings .skin-option-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
}
.skin-settings .skin-option small {
  font-size: 12px;
  color: var(--theme-muted, #687686);
  line-height: 1.35;
}
.skin-settings .skin-preview {
  display: grid;
  grid-template-rows: 12px 1fr;
  gap: 5px;
  width: 100%;
  height: 64px;
  padding: 0 0 6px;
  border-radius: 9px;
  overflow: hidden;
  background: #f4f5f7;
  border: 1px solid var(--theme-border, #dfe4e9);
}
.skin-settings .skin-preview i {
  display: block;
  background: #292d32;
}
.skin-settings .skin-preview b {
  display: block;
  margin: 0 8px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e3e6ea;
}
.skin-settings .skin-preview u {
  display: none;
}
.skin-settings .skin-preview-corporate {
  background: #f2f4f7;
  grid-template-rows: 16px 1fr;
}
.skin-settings .skin-preview-corporate i {
  background: #0c1726;
  box-shadow: inset 6px 0 0 #b8925a;
}
.skin-settings .skin-preview-corporate b {
  border-radius: 8px;
  border-color: #e2e6ec;
  box-shadow: inset 0 -6px 0 #f3ece0;
}

/* Couleurs du modèle 2 : d'origine (bleu nuit & or) ou selon le thème choisi */
.skin-settings .skin-colors {
  margin-top: 14px;
}
.skin-settings .skin-colors h4 {
  margin: 0 0 8px;
  font-size: 14px;
}
.skin-settings .skin-colors-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.skin-settings .skin-colors-grid button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid var(--theme-border, #dfe4e9);
  border-radius: 12px;
  background: var(--theme-surface, #fff);
  color: var(--theme-text, #192536);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.skin-settings .skin-colors-grid button[aria-pressed='true'] {
  border-color: var(--theme-text, #192536);
  box-shadow: inset 0 0 0 1px var(--theme-text, #192536);
}
.skin-settings .skin-swatch {
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 8px;
}
.skin-settings .skin-swatch-origin {
  background: linear-gradient(135deg, #0c1726 60%, #b8925a 60%);
}
.skin-settings .skin-swatch-theme {
  background: linear-gradient(135deg, var(--sk-ink, #2a2d31) 60%, var(--theme-accent, #c07a4e) 60%);
}

/* ---------- 2. Modèle 2 : palette et typographie ---------- */
html[data-skin='corporate'] {
  --theme-bg: #f2f4f7;
  --theme-surface: #ffffff;
  --theme-text: #0c1726;
  --theme-muted: #536074;
  --theme-primary: #0c1726;
  --theme-accent: #b8925a;
  --theme-accent-text: #7a5a2a;
  --theme-border: #e2e6ec;
  --theme-input: #ffffff;
  --theme-nav: #0c1726;
  --theme-focus: #b8925a;
  --theme-on-accent: #0c1726;
  --theme-soft: #f3ece0;
  --sk-stage: #e7eaef;
  --sk-ink: #0c1726;
  --sk-ink-2: #13223a;
  --sk-ink-line: #26364e;
  --sk-on-ink-muted: #b4bdcb;
  --sk-line-strong: #cbd2dc;
  --sk-surface-2: #f7f8fa;
  --sk-faint: #9aa3b2;
  --sk-display: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --sk-body: 'IBM Plex Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --sk-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  /* Couleurs fixes (identiques dans les six thèmes) : blanc, filets, états succès / alerte / erreur / info, ombres. */
  --sk-white: #ffffff;
  --sk-line-soft: #edf0f4;
  --sk-text-2: #3b4453;
  --sk-ok-bg: #e5f4ec;
  --sk-ok-fg: #065f46;
  --sk-ok-line: #2e9d5f;
  --sk-danger: #b42318;
  --sk-danger-bg: #fdecea;
  --sk-danger-line: #e9b8b3;
  --sk-warn-bg: #fdf3e4;
  --sk-warn-fg: #8a4b08;
  --sk-warn-line: #f2dcb8;
  --sk-info-bg: #e8effd;
  --sk-info-fg: #1e3a8a;
  --sk-info-strong: #1f4cb8;
  --sk-shadow-rgb: 12, 23, 38;
  color-scheme: light;
}
/* ---------- Modèle 2 : les six thèmes de couleur (Mon profil › Apparence) ----------
   Mêmes formes et mêmes écrans ; seules les couleurs changent. Bleu nuit & or reste la palette de base. */
html[data-skin='corporate'][data-sk-theme='charcoal_copper'] {
  --sk-ink: #2a2d31;
  --sk-ink-2: #34383d;
  --sk-ink-line: #464b52;
  --sk-on-ink-muted: #b9bcc1;
  --sk-stage: #e6e6e4;
  --theme-primary: #2a2d31;
  --theme-nav: #2a2d31;
  --theme-text: #1f2124;
  --theme-bg: #f1f1f0;
  --theme-accent: #c07a4e;
  --theme-accent-text: #8a4f2a;
  --theme-focus: #c07a4e;
  --theme-soft: #f5e9e1;
  --theme-on-accent: #2a2d31;
}
html[data-skin='corporate'][data-sk-theme='graphite_gold'] {
  --sk-ink: #1f2124;
  --sk-ink-2: #2a2c30;
  --sk-ink-line: #3b3e43;
  --sk-on-ink-muted: #b5b7bb;
  --sk-stage: #e2e2df;
  --theme-primary: #1f2124;
  --theme-nav: #1f2124;
  --theme-text: #1a1b1e;
  --theme-bg: #ededeb;
  --theme-accent: #c9a36a;
  --theme-accent-text: #7d5f2e;
  --theme-focus: #c9a36a;
  --theme-soft: #f4ede1;
  --theme-on-accent: #1f2124;
}
html[data-skin='corporate'][data-sk-theme='white_blue'] {
  --sk-ink: #12306b;
  --sk-ink-2: #1b3d80;
  --sk-ink-line: #2c4e93;
  --sk-on-ink-muted: #b7c6e6;
  --sk-stage: #dde6f8;
  --theme-primary: #12306b;
  --theme-nav: #12306b;
  --theme-text: #0f2147;
  --theme-bg: #eef3fd;
  --theme-accent: #2f6fed;
  --theme-accent-text: #1d4fb8;
  --theme-focus: #2f6fed;
  --theme-soft: #e3ecfd;
  --theme-on-accent: #ffffff;
}
html[data-skin='corporate'][data-sk-theme='green_gold'] {
  --sk-ink: #123528;
  --sk-ink-2: #1a4334;
  --sk-ink-line: #2a5646;
  --sk-on-ink-muted: #b3c7bf;
  --sk-stage: #e2eae4;
  --theme-primary: #123528;
  --theme-nav: #123528;
  --theme-text: #10291f;
  --theme-bg: #eef3ef;
  --theme-accent: #c9a36a;
  --theme-accent-text: #7d5f2e;
  --theme-focus: #c9a36a;
  --theme-soft: #f4ede1;
  --theme-on-accent: #123528;
}
html[data-skin='corporate'][data-sk-theme='ivory_champagne'] {
  --sk-ink: #2b2a27;
  --sk-ink-2: #363531;
  --sk-ink-line: #4a4843;
  --sk-on-ink-muted: #c4c0b6;
  --sk-stage: #ece6d9;
  --theme-primary: #2b2a27;
  --theme-nav: #2b2a27;
  --theme-text: #2b2a27;
  --theme-bg: #f7f3ea;
  --theme-accent: #b89b6b;
  --theme-accent-text: #7a6234;
  --theme-focus: #b89b6b;
  --theme-soft: #f3ecdf;
  --theme-on-accent: #2b2a27;
}
html[data-skin='corporate'] body {
  background: var(--sk-stage);
  color: var(--theme-text);
  font-family: var(--sk-body);
  -webkit-font-smoothing: antialiased;
}
html[data-skin='corporate'] .app {
  background: var(--theme-bg);
}
html[data-skin='corporate'] :is(h1, h2, h3, h4, .services-board h2, .services-board h3) {
  font-family: var(--sk-display);
  letter-spacing: -0.01em;
  color: var(--theme-text);
}
html[data-skin='corporate'] h1 {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.15;
}
html[data-skin='corporate'] h2 {
  font-weight: 700;
}
html[data-skin='corporate'] .eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--theme-muted);
}
html[data-skin='corporate'] :is(.muted, .welcome p) {
  color: var(--theme-muted);
}
html[data-skin='corporate'] :focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 2px;
}

/* ---------- En-tête bleu nuit ---------- */
html[data-skin='corporate'] header {
  background: var(--sk-ink);
  border-bottom: 0;
  color: var(--sk-white);
}
html[data-skin='corporate'] header .brand strong {
  color: var(--sk-white);
  font-family: var(--sk-display);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
html[data-skin='corporate'] header .brand span {
  color: var(--sk-on-ink-muted);
  font-size: 10px;
  letter-spacing: 0.12em;
  white-space: nowrap;
  text-transform: uppercase;
}
html[data-skin='corporate'] header :is(.round, #bell-button) {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--sk-ink-line);
  background: var(--sk-ink-2);
  color: var(--sk-white);
}
html[data-skin='corporate'] header #account-button {
  border: 0;
  background: var(--theme-soft);
  color: var(--sk-ink);
}
html[data-skin='corporate'] header #new-booking-top {
  border-radius: 12px;
  white-space: nowrap;
  border-color: var(--theme-accent);
  background: var(--theme-accent);
  color: var(--sk-ink);
  font-weight: 700;
}
html[data-skin='corporate'] header #new-tab-top {
  border-radius: 12px;
  border-color: var(--sk-ink-line);
  background: var(--sk-ink-2);
  color: var(--sk-white);
}

/* ---------- Titre de page : bandeau blanc ---------- */
html[data-skin='corporate'] .welcome {
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  margin: -24px -20px 22px;
  padding: 18px 20px;
}
html[data-skin='corporate'] .welcome h1 {
  margin: 4px 0 2px;
}

/* ---------- Cartes ---------- */
html[data-skin='corporate']
  :is(
    .panel,
    .driver-card,
    .dashboard-links a,
    .ride-card,
    .mine-detail,
    .mission-panel,
    .auth-zone,
    .service-link,
    .theme-settings,
    .site-card,
    .pricing-card,
    .zone-card,
    .booking-card,
    .notice
  ) {
  border-radius: 16px;
  border: 1px solid var(--theme-border);
  background: var(--theme-surface);
  box-shadow: none;
}
html[data-skin='corporate'] .notice {
  background: var(--sk-warn-bg);
  border-color: var(--sk-warn-line);
  color: var(--sk-warn-fg);
}
html[data-skin='corporate'] :is(.dashboard-links a, .service-link):hover {
  border-color: var(--sk-line-strong);
  box-shadow:
    0 1px 2px rgba(var(--sk-shadow-rgb), 0.05),
    0 8px 24px rgba(var(--sk-shadow-rgb), 0.06);
}
html[data-skin='corporate'] .service-row {
  border-color: var(--theme-border);
}
html[data-skin='corporate'] .service-row-icon,
html[data-skin='corporate'] .clients-row-icon {
  border-radius: 10px;
  background: var(--theme-soft);
  color: var(--theme-accent-text);
}

/* ---------- Boutons ---------- */
html[data-skin='corporate']
  :is(
    .availability-btn,
    .site-primary,
    .btn-primary,
    button.primary,
    #auth-form button[type='submit'],
    .profile-close
  ) {
  border-radius: 12px;
  font-weight: 600;
}
html[data-skin='corporate'] :is(.availability-btn, .site-primary, #auth-form button[type='submit']) {
  background: var(--sk-ink);
  border-color: var(--sk-ink);
  color: var(--sk-white);
  min-height: 46px;
}
html[data-skin='corporate'] .ride-menu summary {
  border-radius: 8px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .ride-menu > div {
  border-radius: 14px;
  border: 1px solid var(--theme-border);
  box-shadow: 0 10px 30px rgba(var(--sk-shadow-rgb), 0.14);
}

/* ---------- Champs ---------- */
html[data-skin='corporate']
  :is(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']), select, textarea) {
  border-radius: 12px;
  border: 1px solid var(--sk-line-strong);
  background: var(--theme-input);
  color: var(--theme-text);
  font-family: var(--sk-body);
}
html[data-skin='corporate']
  :is(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']), select) {
  min-height: 46px;
}
html[data-skin='corporate'] :is(input, select, textarea):focus {
  outline: 2px solid var(--theme-accent);
  outline-offset: 0;
  border-color: transparent;
}
html[data-skin='corporate'] ::placeholder {
  color: var(--sk-faint);
}
html[data-skin='corporate'] label {
  color: var(--theme-text);
}

/* ---------- Onglets, filtres, pastilles ---------- */
html[data-skin='corporate'] :is(.rides-tabs, .tabs, .cc-tabs) button[aria-selected='true'] {
  color: var(--theme-text);
  font-weight: 700;
  border-bottom-color: var(--theme-text);
}
html[data-skin='corporate'] :is(.mine-filters button, .chip, .cc-tab, .period-chip)[aria-pressed='true'] {
  background: var(--theme-text);
  border-color: var(--theme-text);
  color: var(--sk-white);
}
html[data-skin='corporate'] .status-pill {
  border-radius: 999px;
  font-weight: 600;
}

/* ---------- Barre du bas : blanche, repère or ---------- */
html[data-skin='corporate'] nav {
  background: var(--theme-surface);
  border-top: 1px solid var(--theme-border);
}
html[data-skin='corporate'] nav a {
  position: relative;
  color: var(--theme-muted);
  font-weight: 600;
  background: transparent;
}
html[data-skin='corporate'] nav a[aria-current='page'] {
  background: transparent;
  color: var(--theme-text);
  font-weight: 700;
}
html[data-skin='corporate'] nav a[aria-current='page']:not(.nav-center)::before {
  content: '';
  position: absolute;
  top: -10px;
  left: calc(50% - 10px);
  width: 20px;
  height: 3px;
  border-radius: 2px;
  background: var(--theme-accent);
}
html[data-skin='corporate'] .service-navigation a.nav-center .vtc-icon {
  background: var(--sk-ink);
  color: var(--theme-accent);
  box-shadow:
    0 6px 16px rgba(var(--sk-shadow-rgb), 0.25),
    0 0 0 4px var(--theme-bg);
}
html[data-skin='corporate'] .service-navigation a.nav-center[aria-current='page'] .vtc-icon {
  outline: 2px solid var(--theme-accent);
}
html[data-skin='corporate'] nav .nav-badge {
  background: var(--theme-text);
  color: var(--sk-white);
}

/* ---------- Divers ---------- */
html[data-skin='corporate'] :is(code, .ref, .plate, kbd) {
  font-family: var(--sk-mono);
}
html[data-skin='corporate'] .platform-return {
  font-family: var(--sk-body);
}
html[data-skin='corporate'] table th {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--theme-muted);
}

/* ---------- Étape 2 : accueil (prototype : bandeau bleu nuit, prochaine course, tuiles) ---------- */
/* Modèle 1 : le bandeau n'existe pas (le contenu garde exactement sa place), date et prochaine course masquées. */
.home-hero {
  display: contents;
}
/* Mêmes réglages qu'avant pour le titre et le sous-titre, désormais dans .home-hero (booking.css : #services-board > h2). */
@media (max-width: 600px) {
  html:not([data-skin='corporate']) .is-admin #services-board > .home-hero > h2 {
    font-size: 21px;
  }
  html:not([data-skin='corporate']) .is-admin #services-board > .home-hero > p.muted {
    margin: 4px 0 10px;
  }
}
.home-date,
.home-next {
  display: none;
}
html[data-skin='corporate'] .home-hero {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: -24px -20px 22px;
  padding: 18px 20px 24px;
  background: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] .home-hero .home-date {
  display: block;
  color: var(--sk-on-ink-muted);
}
html[data-skin='corporate'] .home-hero h2 {
  margin: 0;
  color: var(--sk-white);
  font-size: 26px;
  line-height: 1.15;
}
html[data-skin='corporate'] .home-hero > p {
  margin: -8px 0 0;
  color: var(--sk-on-ink-muted);
}
html[data-skin='corporate'] .home-hero .home-metrics {
  margin: 0;
  padding: 0;
  border: 1px solid var(--sk-ink-line);
  border-radius: 16px;
  background: var(--sk-ink-2);
}
html[data-skin='corporate'] .home-hero .home-metrics > div {
  text-align: left;
  padding: 14px;
  gap: 6px;
}
html[data-skin='corporate'] .home-hero .home-metrics > div + div {
  border-left: 1px solid var(--sk-ink-line);
}
html[data-skin='corporate'] .home-hero .home-metrics strong {
  font-family: var(--sk-display);
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
  color: var(--sk-white);
}
html[data-skin='corporate'] .home-hero .home-metrics span {
  color: var(--sk-on-ink-muted);
  line-height: 1.3;
}
html[data-skin='corporate'] .home-hero #home-summary-status {
  margin: -6px 0 0;
  color: var(--sk-on-ink-muted);
}
html[data-skin='corporate'] .home-hero #home-summary-status:empty {
  display: none;
}
html[data-skin='corporate'] .home-hero .home-new {
  margin: 0;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--theme-accent);
  border-radius: 12px;
  background: var(--theme-accent);
  color: var(--sk-ink);
  font-weight: 700;
  text-decoration: none;
}
html[data-skin='corporate'] .home-next:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 22px;
}
html[data-skin='corporate'] .home-next-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
html[data-skin='corporate'] .home-next-head h3,
html[data-skin='corporate'] #services-board h3,
html[data-skin='corporate'] .home-next ~ h3 {
  margin: 0;
  font-size: 16px;
}
html[data-skin='corporate'] .home-next-head a {
  font-size: 13px;
  font-weight: 600;
  color: var(--theme-text);
  text-decoration: underline;
  text-decoration-color: var(--sk-line-strong);
  text-underline-offset: 3px;
}
html[data-skin='corporate'] .home-next-empty {
  margin: 0;
  padding: 16px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] .home-next-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px 0;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  color: var(--theme-text);
  text-decoration: none;
  overflow: hidden;
}
html[data-skin='corporate'] .home-next-top {
  display: flex;
  align-items: center;
  gap: 10px;
}
html[data-skin='corporate'] .home-next-top strong {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
html[data-skin='corporate'] .home-next-ref {
  font-family: var(--sk-mono);
  font-size: 12px;
  font-weight: 600;
  padding: 3px 7px;
  border-radius: 6px;
  background: var(--sk-line-soft);
  color: var(--sk-text-2);
}
html[data-skin='corporate'] .home-next-st {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
html[data-skin='corporate'] .home-next-st::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
html[data-skin='corporate'] .home-next-st.is-warn {
  background: var(--sk-warn-bg);
  color: var(--sk-warn-fg);
}
html[data-skin='corporate'] .home-next-st.is-info {
  background: var(--sk-info-bg);
  color: var(--sk-info-fg);
}
html[data-skin='corporate'] .home-next-st.is-ok {
  background: var(--sk-ok-bg);
  color: var(--sk-ok-fg);
}
html[data-skin='corporate'] .home-next-st.is-neu {
  background: var(--sk-line-soft);
  color: var(--sk-text-2);
}
html[data-skin='corporate'] .home-next-when {
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] .home-next-route {
  display: grid;
  gap: 8px;
  padding-left: 24px;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
}
html[data-skin='corporate'] .home-next-route::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 6px;
  bottom: 8px;
  width: 1px;
  background: var(--sk-line-strong);
}
html[data-skin='corporate'] .home-next-route span {
  position: relative;
}
html[data-skin='corporate'] .home-next-route span::before {
  content: '';
  position: absolute;
  left: -24px;
  top: 5px;
  width: 9px;
  height: 9px;
  box-sizing: border-box;
  border: 2px solid var(--theme-text);
  border-radius: 50%;
  background: var(--theme-surface);
}
html[data-skin='corporate'] .home-next-route span + span::before {
  border-radius: 2px;
  background: var(--theme-text);
}
html[data-skin='corporate'] .home-next-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 -16px;
  padding: 12px 16px;
  background: var(--sk-surface-2);
  border-top: 1px solid var(--theme-border);
  font-size: 13px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .home-next-foot b {
  font-family: var(--sk-display);
  font-size: 17px;
  color: var(--theme-text);
  white-space: nowrap;
}
/* Tuiles des accès rapides : pastille or, compteur, libellé en bas */
html[data-skin='corporate'] .service-grid .service-link {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: 14px 8px;
  min-height: 100px;
  padding: 14px;
  border-radius: 14px;
}
html[data-skin='corporate'] .service-grid .service-link > .vtc-icon {
  grid-column: 1;
  grid-row: 1;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  padding: 9px;
  border-radius: 10px;
  background: var(--theme-soft);
  color: var(--theme-accent-text);
}
html[data-skin='corporate'] .service-grid .service-link > span:not(.tile-count):not([aria-hidden]) {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: end;
}
html[data-skin='corporate'] .service-grid .service-link .tile-count {
  grid-column: 3;
  grid-row: 1;
  margin: 0;
  padding: 0;
  font-family: var(--sk-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--theme-text);
}
html[data-skin='corporate'] .service-grid .service-link > span[aria-hidden] {
  display: none;
}
html[data-skin='corporate'] .service-grid .service-link small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .service-grid .service-link strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
.home-synth {
  display: none;
}
html[data-skin='corporate'] .home-synth:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 22px;
}
html[data-skin='corporate'] .home-synth .home-next-head small {
  font-size: 12px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .home-synth-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  overflow: hidden;
}
html[data-skin='corporate'] .home-synth-grid > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
}
html[data-skin='corporate'] .home-synth-grid > div:nth-child(odd) {
  border-right: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .home-synth-grid > div:nth-child(-n + 2) {
  border-bottom: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .home-synth-grid small {
  font-size: 12px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .home-synth-grid b {
  font-family: var(--sk-display);
  font-size: 19px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* ---------- Réservations (prototype : onglets en bandeau, périodes, panneau des totaux, cartes de course) ---------- */
html[data-skin='corporate'] .res-tabs {
  display: flex;
  gap: 22px;
  margin: -24px -20px 18px;
  padding: 18px 20px 0;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-skin='corporate'] .res-tabs button {
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  padding: 0 0 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--theme-muted);
  white-space: nowrap;
}
html[data-skin='corporate'] .res-tabs button[aria-selected='true'] {
  color: var(--theme-text);
  font-weight: 700;
  border-bottom-color: var(--theme-text);
}
html[data-skin='corporate'] .period-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  margin-inline: -20px;
  padding-inline: 20px;
}
html[data-skin='corporate'] .period-chips button {
  flex: none;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--sk-line-strong);
  background: var(--theme-surface);
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
html[data-skin='corporate'] .period-chips button[aria-pressed='true'] {
  background: var(--theme-text) !important;
  border-color: var(--theme-text);
  color: var(--sk-white) !important;
}
html[data-skin='corporate'] .period-chips button[data-period='custom'] {
  border-style: dashed;
  background: transparent;
}
html[data-skin='corporate'] .period-more label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--theme-muted);
}
/* Panneau des totaux : chiffre d'affaires en grand, courses en pastille, quatre mini-totaux */
html[data-skin='corporate'] .res-totals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 18px;
  border-radius: 18px;
  background: var(--sk-ink);
  color: var(--sk-white);
  margin: 18px 0;
  border: 0;
}
html[data-skin='corporate'] .res-totals .res-tile {
  border: 0;
  border-radius: 0;
  background: var(--sk-ink-2);
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  box-shadow: none;
  min-height: 0;
}
html[data-skin='corporate'] .res-totals .res-tile span {
  font-size: 12px;
  color: var(--sk-on-ink-muted);
}
html[data-skin='corporate'] .res-totals .res-tile strong {
  font-family: var(--sk-display);
  font-size: 16px;
  font-weight: 700;
  color: var(--sk-white);
  font-variant-numeric: tabular-nums;
}
html[data-skin='corporate'] .res-totals .res-tile small {
  font-size: 11px;
  color: var(--sk-on-ink-muted);
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(2) {
  order: -2;
  grid-column: 1 / -1;
  background: transparent;
  padding: 0 0 6px;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(2) strong {
  font-size: 30px;
  line-height: 1.1;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(2) small {
  display: none;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(1) {
  order: -1;
  grid-column: 1 / -1;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  justify-self: start;
  margin-bottom: 14px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--sk-ink-line);
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(1) span {
  order: 2;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(1) strong {
  font-size: 12px;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(1) small {
  order: 3;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(3) {
  border-radius: 12px 0 0 0;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(4) {
  border-radius: 0 12px 0 0;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(5) {
  border-radius: 0 0 0 12px;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(6) {
  border-radius: 0 0 12px 0;
}
html[data-skin='corporate'] .res-totals .res-tile:nth-child(6) strong {
  color: var(--theme-accent);
}
/* Barre d'outils */
html[data-skin='corporate'] .reservation-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
html[data-skin='corporate'] .reservation-toolbar h3 {
  flex: 1 1 auto;
  margin: 0;
  font-size: 16px;
}
html[data-skin='corporate'] .reservation-toolbar > :is(button, a):not(.reservation-auto):not(.reservation-import) {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  padding: 0 !important;
}
html[data-skin='corporate'] .reservation-toolbar > #booking-new {
  background: var(--sk-ink) !important;
  border-color: var(--sk-ink) !important;
  color: var(--sk-white) !important;
  font-size: 20px;
}
html[data-skin='corporate'] .reservation-toolbar :is(.reservation-auto, .reservation-import) {
  height: 40px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--sk-line-strong) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] .reservation-filter {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .sel-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: var(--theme-muted);
}
/* Carte de course */
html[data-skin='corporate'] .reservation-card {
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  box-shadow: none;
  overflow: hidden;
  padding: 0;
  margin-bottom: 12px;
}
html[data-skin='corporate'] .reservation-card-header {
  padding: 14px 16px 0;
  gap: 10px;
  align-items: center;
}
html[data-skin='corporate'] .reservation-card-header .ride-open strong {
  font-weight: 600;
  font-size: 14px;
  color: var(--theme-text);
}
html[data-skin='corporate'] .ride-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  border: 0;
  background: var(--sk-line-soft);
  color: var(--sk-text-2);
}
html[data-skin='corporate'] .ride-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
html[data-skin='corporate'] .ride-badge:is(.status-pending_dispatch, .status-awaiting_payment) {
  background: var(--sk-warn-bg);
  color: var(--sk-warn-fg);
}
html[data-skin='corporate'] .ride-badge:is(.status-assigned, .status-available, .status-in_progress) {
  background: var(--sk-info-bg);
  color: var(--sk-info-fg);
}
html[data-skin='corporate'] .ride-badge.status-completed {
  background: var(--sk-ok-bg);
  color: var(--sk-ok-fg);
}
html[data-skin='corporate'] .reservation-card .rc-pax {
  margin: 8px 16px 0;
  font-size: 12.5px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .reservation-card .rc-grid {
  padding: 10px 16px 14px;
  gap: 10px;
}
html[data-skin='corporate'] .reservation-card .ride-info-row {
  font-size: 13px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .reservation-card .ride-info-row strong {
  color: var(--theme-text);
  font-weight: 500;
  font-size: 14px;
}
html[data-skin='corporate'] .reservation-card .ride-route {
  position: relative;
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding-left: 0;
}
html[data-skin='corporate'] .reservation-card .ride-route .ride-info-row > svg {
  visibility: hidden;
}
html[data-skin='corporate'] .reservation-card .ride-route .ride-info-row {
  position: relative;
}
html[data-skin='corporate'] .reservation-card .ride-route .ride-info-row::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 6px;
  width: 9px;
  height: 9px;
  box-sizing: border-box;
  border: 2px solid var(--theme-text);
  border-radius: 50%;
  background: var(--theme-surface);
  z-index: 1;
}
html[data-skin='corporate'] .reservation-card .ride-route .ride-info-row:last-child::before {
  border-radius: 2px;
  background: var(--theme-text);
}
html[data-skin='corporate'] .reservation-card .ride-route::before {
  content: '';
  position: absolute;
  left: 9px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: var(--sk-line-strong);
}
html[data-skin='corporate'] .reservation-card .rc-driver {
  border-radius: 12px;
  border: 1px solid var(--theme-border);
  background: var(--sk-surface-2);
}
html[data-skin='corporate'] .reservation-card .rc-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .reservation-card-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin: 0;
  background: var(--sk-surface-2);
  border-top: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .reservation-card-footer > strong {
  margin-right: auto;
  color: var(--theme-text);
  font-family: var(--sk-display);
  font-size: 17px;
  font-weight: 700;
}
html[data-skin='corporate'] .reservation-card-footer button[data-dispatch]:not(.ride-text-action) {
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--sk-ink);
  background: var(--sk-ink);
  color: var(--sk-white);
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] .reservation-card-footer .ride-text-action {
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--sk-line-strong);
  background: var(--theme-surface);
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] .reservation-card {
  position: relative;
}
html[data-skin='corporate'] .reservation-card > .sel-box {
  position: absolute;
  top: 16px;
  left: 14px;
  margin: 0;
  z-index: 1;
}
html[data-skin='corporate'] .reservation-card:has(> .sel-box) .reservation-card-header {
  padding-left: 46px;
}

/* ---------- Nouvelle réservation (prototype : en-tête de page, étapes numérotées, choix segmenté, paiement en 2×2) ---------- */
html[data-skin='corporate'] .booking-panel .booking-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 12px;
  margin: -24px -20px 0;
  padding: 18px 20px 14px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] .booking-panel .booking-heading h3 {
  flex: 1 1 auto;
  margin: 0;
  font-family: var(--sk-display);
  font-size: 26px !important;
  font-weight: 700;
  line-height: 1.15;
  order: 1;
}
html[data-skin='corporate'] .booking-panel .booking-heading #booking-back {
  flex-basis: 100%;
  order: 0;
  padding: 0 !important;
  min-height: 0;
  border: 0;
  background: none;
  color: var(--theme-muted);
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
html[data-skin='corporate'] .booking-panel .booking-heading :is(#booking-places, #booking-settings) {
  order: 2;
  height: 40px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--sk-line-strong);
  background: var(--theme-surface);
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] .booking-panel .booking-heading + .muted {
  margin: 0 -20px 16px;
  padding: 0 20px 18px;
  font-size: 13px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .booking-panel .booking-heading + .muted::before {
  content: 'ℹ';
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1.5px solid var(--theme-accent-text);
  color: var(--theme-accent-text);
  font-size: 11px;
  font-weight: 700;
}
html[data-skin='corporate'] #booking-create.bk2 fieldset.bk2-n {
  padding: 16px;
  border: 1px solid var(--theme-border);
  box-shadow: none;
}
html[data-skin='corporate'] #booking-create.bk2 fieldset.bk2-n > legend {
  font-family: var(--sk-display);
  font-size: 15px;
  margin-bottom: 14px;
}
html[data-skin='corporate'] #booking-create.bk2 fieldset.bk2-n > legend::before {
  content: counter(bk2);
  width: 24px;
  height: 24px;
  margin-right: 0;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  flex: none;
  background: var(--theme-text);
  color: var(--sk-white);
  font-family: var(--sk-mono);
  font-size: 11px;
  font-weight: 600;
}
html[data-skin='corporate'] #booking-create.bk2 fieldset.bk2-n > legend > .vtc-icon {
  display: none;
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-seg {
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--sk-line-soft);
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-seg button {
  min-height: 38px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--theme-muted);
  font-size: 13px;
  font-weight: 500;
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-seg button[aria-checked='true'] {
  background: var(--theme-surface);
  color: var(--theme-text);
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(var(--sk-shadow-rgb), 0.12);
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-stop::before {
  width: 10px;
  height: 10px;
  left: 5px;
  border: 2px solid var(--theme-text);
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-to::before {
  border-radius: 2px;
  background: var(--theme-text);
}
html[data-skin='corporate'] #booking-create.bk2 #add-step {
  min-height: 40px;
  border: 1px dashed var(--sk-line-strong);
  background: transparent;
  color: var(--theme-muted);
  font-weight: 500;
  justify-content: center;
}
html[data-skin='corporate'] #booking-create.bk2 #booking-price-quote {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--sk-ink);
  background: var(--sk-ink);
  color: var(--sk-white);
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] #booking-create.bk2 #booking-price-result {
  padding: 14px;
  border: 1px dashed var(--sk-line-strong);
  border-radius: 12px;
  background: transparent;
  color: var(--theme-muted);
  font-size: 13px;
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-qty-ctl button {
  border: 1px solid var(--sk-line-strong);
  border-radius: 8px;
  background: var(--theme-surface);
  color: var(--theme-text);
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-pay {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-pay > legend,
html[data-skin='corporate'] #booking-create.bk2 .bk2-pay > .booking-pay-detail {
  grid-column: 1 / -1;
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-pay > .booking-check {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  cursor: pointer;
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-pay > .booking-check:has(input:checked) {
  border-color: var(--theme-text);
  box-shadow: inset 0 0 0 1px var(--theme-text);
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-pay > .booking-check span {
  font-size: 13.5px;
  font-weight: 600;
}
html[data-skin='corporate'] #booking-create.bk2 .bk2-pay > .booking-check small {
  font-weight: 400;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #booking-create.bk2 .booking-actions button[type='submit'] {
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid var(--sk-ink);
  background: var(--sk-ink);
  color: var(--sk-white);
  font-weight: 600;
}
html[data-skin='corporate'] #booking-create.bk2 .booking-actions button[type='submit']:disabled {
  opacity: 0.45;
}
html[data-skin='corporate'] #booking-create.bk2 #booking-error {
  color: var(--warn-fg, #8a4b08);
  font-size: 12.5px;
}
html[data-skin='corporate'] .customer-section .customer-new {
  border-radius: 12px;
  border: 1px solid var(--sk-line-strong);
  background: var(--theme-surface);
  color: var(--theme-text);
  font-weight: 600;
}

/* ---------- Détail d'une réservation (fiche) ---------- */
html[data-skin='corporate'] .ride-sheet {
  background: var(--theme-bg);
}
html[data-skin='corporate'] .ride-sheet :is(h2, h3) {
  font-family: var(--sk-display);
}
html[data-skin='corporate'] .ride-sheet-content :is(.ride-info-card, section, details) {
  border-radius: 16px;
  border-color: var(--theme-border);
  box-shadow: none;
}
html[data-skin='corporate'] .ride-sheet-content summary {
  color: var(--theme-text);
  font-weight: 600;
}
html[data-skin='corporate'] .ride-sheet-content .vtc-icon {
  color: var(--theme-accent-text);
}
html[data-skin='corporate'] .ride-sheet-footer {
  background: var(--theme-surface);
  border-top: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .ride-sheet-footer strong {
  font-family: var(--sk-display);
}
html[data-skin='corporate'] .ride-sheet-footer #detail-primary {
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid var(--sk-ink) !important;
  background: var(--sk-ink) !important;
  color: var(--sk-white) !important;
  font-weight: 600;
}

/* ---------- Lot 2 : clients, véhicules, chauffeurs (prototype : en-tête de page, choix segmenté, listes en carte) ---------- */
/* Éléments propres au modèle 2 : jamais affichés au modèle 1. */
html:not([data-skin='corporate']) :is(.sk2, .sk-seg) {
  display: none !important;
}
html[data-skin='corporate'] .sk2.eyebrow {
  display: block;
}
/* Choix segmenté « Actifs / Désactivés / Tous » (piloté par le menu d'origine, masqué) */
html[data-skin='corporate'] .partner-filter:has(> select[data-sk-seg]) {
  display: none !important;
}
html[data-skin='corporate'] .sk-seg {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--sk-line-soft);
  min-width: 0;
}
html[data-skin='corporate'] .sk-seg button {
  height: 38px;
  min-height: 0;
  margin: 0;
  padding: 0 6px;
  border: 0 !important;
  border-radius: 9px;
  background: transparent !important;
  color: var(--theme-muted) !important;
  font-family: var(--sk-body);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: none;
}
html[data-skin='corporate'] .sk-seg button[aria-pressed='true'] {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(var(--sk-shadow-rgb), 0.12);
}
/* Bouton « Excel » (panneau d'import / export replié) */
html[data-skin='corporate'] :is(.clients-board, #admin-board[data-page='drivers']) .ex-panel:not([open]) {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
html[data-skin='corporate'] :is(.clients-board, #admin-board[data-page='drivers']) .ex-panel:not([open]) > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 10px;
  background: var(--theme-surface);
  color: var(--theme-text);
  list-style: none;
  font-size: 0;
  white-space: nowrap;
}
html[data-skin='corporate']
  :is(.clients-board, #admin-board[data-page='drivers'])
  .ex-panel:not([open])
  > summary::-webkit-details-marker {
  display: none;
}
html[data-skin='corporate']
  :is(.clients-board, #admin-board[data-page='drivers'])
  .ex-panel:not([open])
  > summary::before {
  content: '';
  width: 16px;
  height: 16px;
  flex: none;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
html[data-skin='corporate'] .clients-board .ex-panel:not([open]) > summary::after {
  content: 'Excel';
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .ex-panel:not([open]) > summary {
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 12px;
  border-color: var(--theme-border);
}

/* Clients */
html[data-skin='corporate'] .clients-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  row-gap: 14px;
  align-items: center;
  font-size: 14px;
}
html[data-skin='corporate'] .clients-board > * {
  grid-column: 1 / -1;
  margin: 0;
}
html[data-skin='corporate'] .clients-toolbar {
  order: 1;
  align-items: flex-end;
  margin: -24px -20px -14px;
  padding: 18px 20px 0;
  background: var(--theme-surface);
}
html[data-skin='corporate'] .clients-toolbar h2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 26px;
  line-height: 1.15;
}
html[data-skin='corporate'] .clients-toolbar h2 > svg {
  display: none;
}
html[data-skin='corporate'] :is(#clients-new, #admin-board[data-page] .service-create > #vehicle-create) {
  min-height: 0;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--sk-ink) !important;
  border-radius: 10px;
  background: var(--sk-ink) !important;
  color: var(--sk-white) !important;
  font-family: var(--sk-body);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
html[data-skin='corporate'] .clients-search {
  order: 2;
  position: relative;
  display: block;
  margin: 0 -20px;
  padding: 14px 20px 18px;
  border: 0;
  border-bottom: 1px solid var(--theme-border);
  border-radius: 0;
  background: var(--theme-surface);
  outline: 0;
}
html[data-skin='corporate'] .clients-search > svg {
  position: absolute;
  left: 34px;
  top: 27px;
  width: 20px;
  height: 20px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .clients-search input {
  height: 46px;
  padding: 0 14px 0 42px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 12px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #clients-tabs {
  order: 3;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 4px -20px 0;
  padding: 0 20px;
  scrollbar-width: none;
}
html[data-skin='corporate'] .clients-board .cc-tab {
  flex: none;
  height: 36px;
  min-height: 0;
  padding: 0 14px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 999px;
  background: var(--theme-surface);
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
html[data-skin='corporate'] .clients-board .cc-tab[aria-selected='true'] {
  background: var(--sk-ink);
  border-color: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] .clients-board .cc-count {
  background: none;
  padding: 0;
  min-width: 0;
  font-family: var(--sk-mono);
  font-size: 11px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .clients-board .cc-tab[aria-selected='true'] .cc-count {
  color: inherit;
  opacity: 0.75;
}
html[data-skin='corporate'] .clients-board .cc-tab.cc-add {
  border-style: dashed;
  background: transparent;
}
html[data-skin='corporate'] .clients-board > .sk-seg {
  order: 4;
  grid-column: 1;
}
html[data-skin='corporate'] .clients-board > .ex-panel {
  order: 5;
  grid-column: 2;
}
html[data-skin='corporate'] .clients-board > .ex-panel[open] {
  order: 6;
  grid-column: 1 / -1;
}
html[data-skin='corporate'] #clients-status {
  order: 7;
  font-size: 13px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #clients-list {
  order: 8;
  min-height: 0;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #clients-list:empty {
  display: none;
}
html[data-skin='corporate'] .clients-row {
  gap: 8px;
  min-height: 0;
  padding: 14px 12px 14px 16px;
  border-bottom: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .clients-row:last-child {
  border-bottom: 0;
}
html[data-skin='corporate'] .clients-row:first-child {
  border-radius: 16px 16px 0 0;
}
html[data-skin='corporate'] .clients-row:last-child {
  border-radius: 0 0 16px 16px;
}
html[data-skin='corporate'] .clients-row:only-child {
  border-radius: 16px;
}
html[data-skin='corporate'] .clients-row:hover {
  background: var(--sk-surface-2);
}
html[data-skin='corporate'] .clients-row-main {
  gap: 12px;
  min-height: 0;
  padding: 0;
}
html[data-skin='corporate'] :where(.clients-row-icon, #admin-board[data-page='drivers'] .service-row-icon)[data-ini] {
  width: 36px;
  height: 36px;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--theme-soft);
  color: var(--theme-accent-text);
  font-family: var(--sk-display);
  font-size: 12px;
  font-weight: 700;
}
html[data-skin='corporate']
  :where(.clients-row-icon, #admin-board[data-page='drivers'] .service-row-icon)[data-ini]
  > svg {
  display: none;
}
html[data-skin='corporate']
  :where(.clients-row-icon, #admin-board[data-page='drivers'] .service-row-icon)[data-ini]::after {
  content: attr(data-ini);
}
html[data-skin='corporate'] .clients-row-icon[data-kind='pro'] {
  background: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] .clients-row-text strong {
  font-size: 14px;
  font-weight: 600;
}
html[data-skin='corporate'] .clients-row-text .clients-row-secondary {
  flex-wrap: wrap;
  gap: 4px 6px;
  font-size: 12.5px;
  white-space: normal;
}
html[data-skin='corporate']
  .clients-row-secondary
  > span:not(.cc-chip, .cp-chip, .zone-warning)
  + span:not(.cc-chip, .cp-chip, .zone-warning)::before {
  content: '· ';
}
html[data-skin='corporate']
  :is(.clients-row-secondary .cc-chip, .clients-row-secondary .cp-chip, .clients-row-text .sk-tag) {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border: 0;
  border-radius: 6px;
  background: var(--sk-line-soft);
  color: var(--sk-text-2);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
}
html[data-skin='corporate'] :is(.clients-row-secondary .cc-chip, .clients-row-secondary .cp-chip:not(.cp-chip-no)) {
  background: var(--theme-soft);
  color: var(--theme-accent-text);
}
html[data-skin='corporate'] .clients-row-secondary .cp-chip-no {
  background: var(--sk-danger-bg);
  color: var(--sk-danger);
}
html[data-skin='corporate'] .clients-row-text .sk-tag {
  justify-self: start;
  margin-top: 2px;
}
html[data-skin='corporate'] .clients-pagination {
  order: 9;
  justify-content: center;
  gap: 12px;
  color: var(--theme-muted);
  font-size: 13px;
}
html[data-skin='corporate'] .clients-pagination button {
  width: 44px;
  height: 44px;
  min-height: 0;
  padding: 0;
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  background: var(--theme-surface);
  color: var(--theme-text);
}
html[data-skin='corporate'] .clients-pagination button:disabled {
  opacity: 0.4;
}

/* Chauffeurs et véhicules : en-tête de page en bandeau blanc */
html[data-skin='corporate'] #admin-board[data-page] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  row-gap: 14px;
  align-items: center;
}
html[data-skin='corporate'] #admin-board[data-page] > *,
html[data-skin='corporate'] #admin-board[data-page] > #admin-content > *,
html[data-skin='corporate'] #admin-board[data-page] .partner-admin-controls > * {
  grid-column: 1 / -1;
  margin: 0;
}
html[data-skin='corporate'] #admin-board[data-page] :is(#admin-content, .partner-admin-controls) {
  display: contents;
}
html[data-skin='corporate'] #admin-board[data-page] > #admin-eyebrow {
  order: 0;
  margin: -24px -20px -14px;
  padding: 18px 20px 4px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #admin-board[data-page] > h2 {
  order: 1;
  margin: 0 -20px;
  padding: 0 20px 18px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  font-size: 26px;
  line-height: 1.15;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] > h2 {
  padding-bottom: 14px;
  border-bottom: 0;
}
html[data-skin='corporate'] #admin-board[data-page] > #admin-message {
  order: 3;
}
html[data-skin='corporate'] #admin-board[data-page] > #admin-message:empty {
  display: none;
}
html[data-skin='corporate'] #admin-board[data-page] .admin-search {
  display: none;
}
/* Bouton « Nouveau » en haut à droite du bandeau */
html[data-skin='corporate'] #admin-board[data-page='vehicles'] #admin-content > .service-create,
html[data-skin='corporate']
  #admin-board[data-page='drivers']
  .partner-internal-content
  > details.service-create:not([open]) {
  position: absolute;
  top: 14px;
  right: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  z-index: 2;
}
html[data-skin='corporate']
  #admin-board[data-page='drivers']
  .partner-internal-content
  > details.service-create:not([open])
  > summary {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  background: var(--sk-ink);
  color: var(--sk-white);
  font-size: 13px;
  font-weight: 600;
  list-style: none;
  white-space: nowrap;
}
html[data-skin='corporate']
  #admin-board[data-page='drivers']
  .partner-internal-content
  > details.service-create:not([open])
  > summary::-webkit-details-marker {
  display: none;
}
html[data-skin='corporate']
  #admin-board[data-page='drivers']
  .partner-internal-content
  > details.service-create:not([open])
  + p.muted {
  display: none;
}
html[data-skin='corporate'] #admin-board[data-page] > h2 {
  padding-right: 200px;
}

/* Chauffeurs : onglets dans le bandeau, choix segmenté + bouton Excel, recherche, cartes */
html[data-skin='corporate'] #admin-board[data-page='drivers'] .fiche-tabs {
  order: 2;
  display: flex;
  gap: 22px;
  margin: -14px -20px 0;
  padding: 0 20px;
  border: 0;
  border-bottom: 1px solid var(--theme-border);
  border-radius: 0;
  background: var(--theme-surface);
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .fiche-tabs button {
  flex: none;
  min-height: 0;
  padding: 0 0 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none !important;
  color: var(--theme-muted) !important;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: none;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .fiche-tabs button[aria-selected='true'] {
  color: var(--theme-text) !important;
  font-weight: 700;
  border-bottom-color: var(--theme-text);
}
html[data-skin='corporate'] #admin-board[data-page] .sk-seg {
  order: 4;
  grid-column: 1;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] > .ex-panel {
  order: 5;
  grid-column: 2;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] > .ex-panel[open] {
  order: 5;
  grid-column: 1 / -1;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] :is(.partner-search, .driver-alerts) {
  order: 6;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .driver-alerts:empty {
  display: none;
}
html[data-skin='corporate'] #admin-board[data-page] :is(.partner-internal-content, .partner-list-root, .service-list) {
  order: 7;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .partner-search {
  position: relative;
  display: block;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .partner-search > svg {
  position: absolute;
  left: 14px;
  top: 13px;
  width: 20px;
  height: 20px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .partner-search input {
  width: 100%;
  height: 46px;
  padding: 0 14px 0 42px;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .partner-internal-content > .service-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] article.service-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  min-height: 0;
  padding: 16px 16px 0;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] article.service-row:hover {
  background: var(--theme-surface);
  border-color: var(--sk-line-strong);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] article.service-row.service-row-warn {
  border-color: var(--sk-warn-line);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row-icon[data-ini] {
  width: 46px;
  height: 46px;
  font-size: 14px;
  background: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row-icon[data-admin] {
  background: var(--theme-soft);
  color: var(--theme-accent-text);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding-bottom: 14px;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row > div > strong {
  flex-basis: 100%;
  order: 0;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .dt-name {
  padding: 0;
  min-height: 0;
  font-family: var(--sk-display);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row small {
  display: contents;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-sep {
  display: none;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-mail {
  flex-basis: 100%;
  margin: -4px 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row :is(.dr-st, .dt-badge, .dr-emp, .dr-com) {
  order: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 8px;
  border: 0;
  border-radius: 6px;
  background: var(--sk-line-soft);
  color: var(--sk-text-2);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.3;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-com {
  display: inline-block;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-com::first-letter {
  text-transform: uppercase;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-st {
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--sk-ok-bg);
  color: var(--sk-ok-fg);
  font-size: 12px;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-st::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
html[data-skin='corporate']
  #admin-board[data-page='drivers']
  .service-row
  .dr-st:is([data-st='disabled'], [data-st='invited']) {
  background: var(--sk-line-soft);
  color: var(--sk-text-2);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dt-badge {
  order: 2;
  margin-left: 0;
  background: var(--theme-soft);
  color: var(--theme-accent-text);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dt-badge-bad {
  background: var(--sk-danger-bg);
  color: var(--sk-danger);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row :is(.dr-zone, .driver-vehicle) {
  order: 3;
  flex-basis: 100%;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: var(--theme-text);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-zone {
  margin-top: 6px;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row :is(.dr-zone, .driver-vehicle)::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-top: 1px;
  flex: none;
  background: var(--theme-muted);
  -webkit-mask: var(--sk-ico) center / contain no-repeat;
  mask: var(--sk-ico) center / contain no-repeat;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-zone {
  --sk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .driver-vehicle {
  --sk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16V11l2-5h10l2 5v5M3 16h18v3H3zM7 19v1M17 19v1M5 11h14'/%3E%3C/svg%3E");
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .driver-stats {
  display: none;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .ride-menu {
  align-self: start;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .dr-stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0 -16px;
  padding: 0;
  min-height: 0;
  border: 0;
  border-top: 1px solid var(--theme-border) !important;
  border-radius: 0 0 16px 16px;
  background: none !important;
  color: var(--theme-text) !important;
  font-variant-numeric: tabular-nums;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .dr-stats > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 4px;
  text-align: center;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .dr-stats > span + span {
  border-left: 1px solid var(--theme-border);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .dr-stats b {
  font-family: var(--sk-display);
  font-size: 16px;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .dr-stats small {
  font-size: 10.5px;
  line-height: 1.2;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .partner-pagination {
  justify-content: center;
  margin-top: 12px;
  font-size: 13px;
  color: var(--theme-muted);
}

/* Véhicules : tuiles Planning / Catalogue, choix segmenté, liste en carte avec plaque */
html[data-skin='corporate']
  #admin-board[data-page='vehicles']
  #admin-content
  > :is(button.secondary, #vehicle-catalog) {
  order: 3;
  grid-column: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 0;
  height: auto;
  padding: 14px;
  border: 1px solid var(--theme-border) !important;
  border-radius: 14px;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  font-family: var(--sk-body);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  box-shadow: none;
}
html[data-skin='corporate']
  #admin-board[data-page='vehicles']
  #admin-content
  > :is(button.secondary, #vehicle-catalog)::before {
  content: '';
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 10px;
  background:
    var(--sk-ico) center / 20px 20px no-repeat,
    var(--theme-soft);
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] #admin-content > button.secondary {
  grid-column: 1;
  --sk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5a2a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] #admin-content > #vehicle-catalog {
  grid-column: 2;
  --sk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5a2a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 3 8l9 5 9-5-9-5zM3 13l9 5 9-5M3 18l9 5 9-5'/%3E%3C/svg%3E");
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
html[data-skin='corporate']
  #admin-board[data-page='vehicles']
  #admin-content
  > :is(button.secondary, #vehicle-catalog) {
  align-self: stretch;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .sk-seg {
  grid-column: 1 / -1;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .admin-search {
  order: 5;
  display: block;
  position: relative;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .admin-search input {
  width: 100%;
  height: 46px;
  padding: 0 14px 0 42px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23536074' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")
      14px center / 20px 20px no-repeat,
    var(--theme-surface);
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-list {
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] article.service-row {
  gap: 14px;
  min-height: 0;
  padding: 14px 12px 14px 16px;
  border-bottom: 1px solid var(--theme-border);
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] article.service-row:last-of-type {
  border-bottom: 0;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row-icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 56px;
  padding: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, var(--sk-surface-2), var(--sk-line-soft));
  color: var(--theme-muted);
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row > div > strong {
  flex-basis: 100%;
  font-family: var(--sk-display);
  font-size: 15px;
  font-weight: 700;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row .vehicle-plate {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 5px;
  background: var(--theme-surface);
  color: var(--theme-text);
  font-family: var(--sk-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row .vehicle-plate::before {
  content: 'F';
  padding: 1px 3px;
  border-radius: 2px;
  background: var(--sk-info-strong);
  color: var(--sk-white);
  font-size: 9px;
  letter-spacing: 0;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row .sk-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--sk-line-soft);
  color: var(--sk-text-2);
  font-size: 12px;
  font-weight: 600;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row .sk-status::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row .sk-status.is-ok {
  background: var(--sk-ok-bg);
  color: var(--sk-ok-fg);
}
html[data-skin='corporate'] #admin-board[data-page='vehicles'] .service-row .vehicle-driver {
  flex-basis: 100%;
  font-size: 12.5px;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row :is(.dr-emp, .dr-com) {
  order: 2;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-st {
  order: 1;
  margin-top: 0;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .service-row .dr-mail {
  order: 0;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .partner-pagination button {
  min-height: 0;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--sk-line-strong) !important;
  border-radius: 10px;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] #admin-board[data-page='drivers'] .partner-pagination button:disabled {
  opacity: 0.45;
}
html[data-skin='corporate'] #admin-board[data-page] .service-list > p {
  margin: 0;
  padding: 18px 16px;
  color: var(--theme-muted);
  font-size: 13.5px;
}

/* ---------- Lot 3 : devis, factures, galeries (prototype : en-tête en bandeau, onglets soulignés, pastilles, cartes) ---------- */
html[data-skin='corporate'] .q-wrap > .q-head:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 4px 12px;
  margin: -24px -20px 0;
  padding: 18px 20px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .q-wrap > .q-head:first-child:has(+ .q-toptabs) {
  margin-bottom: -12px;
  padding-bottom: 14px;
  border-bottom: 0;
}
html[data-skin='corporate'] .q-head > :is(.sk-eyebrow, h2) {
  grid-column: 1;
}
html[data-skin='corporate'] .q-head > h2 {
  font-size: 26px;
  line-height: 1.15;
}
html[data-skin='corporate'] .q-head > :not(h2, .sk-eyebrow) {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
}
html[data-skin='corporate'] .q-head .q-btn {
  min-height: 0;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--sk-ink);
  border-radius: 10px;
  background: var(--sk-ink);
  color: var(--sk-white);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
html[data-skin='corporate'] .q-wrap > .q-toptabs {
  gap: 22px;
  margin: 0 -20px;
  padding: 0 20px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  scrollbar-width: none;
}
html[data-skin='corporate'] .q-wrap > .q-toptabs button {
  min-height: 0;
  padding: 0 0 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  color: var(--theme-muted);
  font-size: 14px;
  font-weight: 500;
}
html[data-skin='corporate'] .q-wrap > .q-toptabs button.is-on {
  color: var(--theme-text);
  font-weight: 700;
  border-bottom-color: var(--theme-text);
}
/* Filtres en pastilles (devis : Tous, Brouillons… ; factures : Toutes, À régler…) */
html[data-skin='corporate'] :is(.q-filters, .q-wrap > .q-filtertabs) {
  flex-wrap: nowrap;
  gap: 8px;
  margin-inline: -20px;
  padding: 0 20px;
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-skin='corporate'] :is(.q-filters .q-pill, .q-wrap > .q-filtertabs button) {
  flex: none;
  min-height: 0;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 999px;
  background: var(--theme-surface);
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
html[data-skin='corporate'] :is(.q-filters .q-pill.is-on, .q-wrap > .q-filtertabs button.is-on) {
  background: var(--sk-ink);
  border-color: var(--sk-ink);
  color: var(--sk-white);
}
/* Devis : encadré d'information, réglages en ligne de carte, recherche, liste */
html[data-skin='corporate'] .q-wrap > .q-toptabs + .q-note {
  display: flex;
  gap: 12px;
  margin-top: 6px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--theme-soft);
  color: var(--theme-text);
  font-size: 13px;
  line-height: 1.5;
}
html[data-skin='corporate'] .q-wrap > .q-toptabs + .q-note::before {
  content: '';
  width: 20px;
  height: 20px;
  margin-top: 1px;
  flex: none;
  background: var(--theme-accent-text);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
html[data-skin='corporate'] .q-settings {
  padding: 0;
  border: 1px solid var(--theme-border);
  border-radius: 14px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] .q-settings > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  list-style: none;
}
html[data-skin='corporate'] .q-settings > summary::-webkit-details-marker {
  display: none;
}
html[data-skin='corporate'] .q-settings > summary::after {
  content: '';
  width: 18px;
  height: 18px;
  margin-left: auto;
  flex: none;
  background: var(--sk-faint);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")
    center / contain no-repeat;
  transition: transform 0.15s;
}
html[data-skin='corporate'] .q-settings[open] > summary::after {
  transform: rotate(90deg);
}
html[data-skin='corporate'] .q-settings[open] {
  padding: 0 16px 16px;
}
html[data-skin='corporate'] .q-settings[open] > summary {
  margin: 0 -16px;
}
html[data-skin='corporate'] .q-wrap input.q-search {
  height: 46px;
  padding: 0 14px 0 42px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 12px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23536074' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")
      14px center / 20px 20px no-repeat,
    var(--theme-surface) !important;
}
html[data-skin='corporate'] .q-cards {
  gap: 0;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  overflow: hidden;
}
html[data-skin='corporate'] .q-cards > .q-card {
  border: 0;
  border-radius: 0;
  padding: 14px 16px;
  background: none;
}
html[data-skin='corporate'] .q-cards > .q-card + .q-card {
  border-top: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .q-cards > .q-card:hover {
  background: var(--sk-surface-2);
}
html[data-skin='corporate'] .q-cards > a.q-card:has(> .q-top) {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  grid-template-areas:
    'ico cl price'
    'ico meta chip'
    'ico ref chip';
  align-items: center;
  column-gap: 12px;
  row-gap: 3px;
}
html[data-skin='corporate'] .q-cards > a.q-card:has(> .q-top)::before {
  content: '';
  grid-area: ico;
  align-self: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c1726' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E")
      center / 20px 20px no-repeat,
    var(--sk-line-soft);
}
html[data-skin='corporate'] .q-card > :is(.q-top, .q-nums) {
  display: contents;
}
html[data-skin='corporate'] .q-card > .q-top > strong {
  grid-area: ref;
  font-size: 12px;
  font-weight: 500;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .q-card > .q-top > .q-chip {
  grid-area: chip;
  justify-self: end;
  align-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
}
html[data-skin='corporate'] .q-card > .q-top > .q-chip::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
html[data-skin='corporate'] .q-card > .q-top > .q-chip.q-st-draft {
  background: var(--sk-line-soft);
  color: var(--sk-text-2);
}
html[data-skin='corporate'] .q-card > .q-cl {
  grid-area: cl;
  font-size: 14px;
  font-weight: 600;
}
html[data-skin='corporate'] .q-card > .q-nums > span:first-child {
  grid-area: meta;
  font-size: 12.5px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .q-card > .q-nums > b {
  grid-area: price;
  justify-self: end;
  font-family: var(--sk-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--theme-text);
  font-variant-numeric: tabular-nums;
}
html[data-skin='corporate'] .q-card > .q-nums > .q-good {
  grid-area: ref;
  justify-self: end;
  font-size: 12px;
}
html[data-skin='corporate'] .q-empty {
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  padding: 36px 24px;
}
/* Factures : panneau bleu nuit des montants, trois tuiles d'actions, état vide en carte */
html[data-skin='corporate'] .q-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
html[data-skin='corporate'] .q-note.q-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 18px;
  border-radius: 18px;
  background: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] .q-kpis .sk-sep {
  display: none;
}
html[data-skin='corporate'] .q-kpis .q-k {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
html[data-skin='corporate'] .q-kpis .q-kl {
  display: block;
  font-size: 12px;
  color: var(--sk-on-ink-muted);
}
html[data-skin='corporate'] .q-kpis .q-kl::first-letter {
  text-transform: uppercase;
}
html[data-skin='corporate'] .q-kpis b {
  font-family: var(--sk-display);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
html[data-skin='corporate'] .q-kpis .q-k + .sk-sep + .q-k b {
  color: var(--theme-accent);
}
html[data-skin='corporate'] .q-inv-acts {
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
html[data-skin='corporate'] .q-inv-acts .q-mini {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 0;
  height: auto;
  padding: 12px;
  border: 1px solid var(--theme-border);
  border-radius: 14px;
  background: var(--theme-surface);
  color: var(--theme-text);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  white-space: normal;
}
html[data-skin='corporate'] .q-inv-acts .q-mini::before {
  content: '';
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background:
    var(--sk-ico) center / 18px 18px no-repeat,
    var(--theme-soft);
}
html[data-skin='corporate'] .q-inv-acts .q-mini[data-remall] {
  --sk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5a2a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}
html[data-skin='corporate'] .q-inv-acts .q-mini[data-exp] {
  --sk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5a2a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E");
}
html[data-skin='corporate'] .q-inv-acts .q-mini[data-gaps] {
  --sk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5a2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E");
}
html[data-skin='corporate'] .q-note.q-inv-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 24px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  color: var(--theme-muted);
  font-size: 13.5px;
  text-align: center;
}
html[data-skin='corporate'] .q-note.q-inv-empty::before {
  content: '';
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5a2a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")
      center / 28px 28px no-repeat,
    var(--theme-soft);
}
html[data-skin='corporate'] .q-body > .q-cards > .q-card {
  gap: 3px;
  font-size: 14px;
}
html[data-skin='corporate'] .q-body > .q-cards > .q-card > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
html[data-skin='corporate'] .q-body > .q-cards > .q-card small {
  font-size: 12.5px;
  color: var(--theme-muted);
}
/* Galeries : texte d'introduction, scène grise, flèches rondes, informations et deux boutons */
html[data-skin='corporate'] .gl-body > .q-note {
  font-size: 13.5px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .gl-stage {
  padding: 22px 0;
  border-radius: 16px;
  background: var(--sk-line-soft);
}
html[data-skin='corporate'] .gl-frame {
  border-radius: 4px;
  border: 0;
  box-shadow: 0 10px 30px rgba(var(--sk-shadow-rgb), 0.18);
}
html[data-skin='corporate'] .gl-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--sk-ok-bg);
  color: var(--sk-ok-fg);
  font-weight: 600;
}
html[data-skin='corporate'] .gl-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
html[data-skin='corporate'] body .gl-nav {
  border: 1px solid var(--sk-line-strong);
  background: var(--theme-surface);
  color: var(--theme-text);
  box-shadow: none;
}
html[data-skin='corporate'] .gl-prev {
  left: 10px;
}
html[data-skin='corporate'] .gl-next {
  right: 10px;
}
html[data-skin='corporate'] .gl-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 4px 10px;
  text-align: left;
}
html[data-skin='corporate'] .gl-info > :is(.gl-count, .gl-name, .gl-desc, .q-msg) {
  grid-column: 1 / -1;
}
html[data-skin='corporate'] .gl-count {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}
html[data-skin='corporate'] .gl-name {
  font-family: var(--sk-display);
  font-size: 18px;
  font-weight: 700;
}
html[data-skin='corporate'] .gl-desc {
  max-width: none;
  margin-bottom: 10px;
  font-size: 13px;
}
html[data-skin='corporate'] .gl-info > .q-btn {
  min-width: 0;
  margin: 0;
  height: 46px;
  min-height: 0;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 14px;
}
html[data-skin='corporate'] .gl-info > .gl-fs-open-btn {
  grid-column: 1;
  border: 1px solid var(--sk-line-strong);
  background: var(--theme-surface);
  color: var(--theme-text);
}
html[data-skin='corporate'] .gl-info > .gl-pick {
  grid-column: 2;
  border: 1px solid var(--sk-ink);
  background: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] .gl-info > .gl-pick:disabled {
  opacity: 0.55;
}
html[data-skin='corporate'] .q-cards:has(> .q-empty) {
  border: 0;
  background: none;
}

/* ---------- Lot 4 : menu et réglages (prototype : surtitre, listes groupées en carte, profil) ---------- */
html[data-skin='corporate'] #services-board > .sk-eyebrow {
  display: block;
  margin: -24px -20px 0;
  padding: 18px 20px 4px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #services-board > .sk-eyebrow + h2 {
  margin: 0 -20px 22px;
  padding: 0 20px 18px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  font-size: 26px;
  line-height: 1.15;
}
html[data-skin='corporate'] #services-board > .sk-eyebrow + h2:has(+ .sk-lead) {
  margin-bottom: 0;
  padding-bottom: 6px;
  border-bottom: 0;
}
html[data-skin='corporate'] #services-board > .sk-lead {
  display: block;
  margin: 0 -20px 22px;
  padding: 0 20px 18px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  color: var(--theme-muted);
  font-size: 13.5px;
}
html[data-skin='corporate'] #services-board > #settings-message:empty {
  display: none;
}
/* Lignes de liste (Menu et Réglages) : pastille grise, libellé, description, chevron ; groupes en une carte */
html[data-skin='corporate'] #services-board > .service-link,
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] > .service-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 0;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--theme-border);
  border-radius: 0;
  background: var(--theme-surface);
  box-shadow: none;
}
html[data-skin='corporate'] #services-board > .service-link + .service-link,
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] > .service-link + .service-link {
  margin-top: -1px;
}
html[data-skin='corporate']
  #services-board
  > :is(.service-group-title, .sk-profile, #plus-search, p.muted)
  + .service-link,
html[data-skin='corporate']
  #services-board
  #settings-content
  > .service-grid[data-sk]
  > :is(.sk-group + .service-link, .service-link:first-child) {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
html[data-skin='corporate'] #services-board > .service-link:has(+ :not(.service-link)),
html[data-skin='corporate'] #services-board > .service-link:last-child,
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] > .service-link:has(+ .sk-group),
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] > .service-link:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
html[data-skin='corporate'] #services-board > .service-link:hover,
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] > .service-link:hover {
  background: var(--sk-surface-2);
  box-shadow: none;
}
html[data-skin='corporate'] #services-board > .service-link > .vtc-icon,
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] > .service-link > .vtc-icon {
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  padding: 8px;
  flex: none;
  border-radius: 10px;
  background: var(--sk-line-soft);
  color: var(--theme-text);
}
html[data-skin='corporate'] #services-board > .service-link > span:first-of-type,
html[data-skin='corporate']
  #services-board
  #settings-content
  > .service-grid[data-sk]
  > .service-link
  > span:not(.tile-count):not([aria-hidden]) {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
html[data-skin='corporate'] #services-board > .service-link strong,
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] > .service-link strong {
  font-size: 14px;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board > .service-link small,
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] > .service-link small {
  display: block;
  margin: 0;
  font-size: 12.5px;
  color: var(--theme-muted);
}
html[data-skin='corporate']
  #services-board
  #settings-content
  > .service-grid[data-sk]
  > .service-link
  small:has(+ .sk-desc) {
  display: none;
}
html[data-skin='corporate'] #services-board > .service-link > span[aria-hidden],
html[data-skin='corporate']
  #services-board
  #settings-content
  > .service-grid[data-sk]
  > .service-link
  > span[aria-hidden] {
  display: block;
  margin-left: auto;
  font-size: 20px;
  line-height: 1;
  color: var(--sk-faint);
}
html[data-skin='corporate'] #services-board > .service-link .tile-count {
  margin-left: auto;
  font-family: var(--sk-display);
  font-weight: 700;
  color: var(--theme-text);
}
html[data-skin='corporate'] #services-board #settings-content > .service-grid[data-sk] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
html[data-skin='corporate']
  :is(#services-board:has(> #plus-search) > .service-group-title, #settings-content .sk-group) {
  display: block;
  margin: 22px 0 8px !important;
  padding-inline: 4px;
  font-family: var(--sk-body);
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #settings-content .sk-group:first-child {
  margin-top: 0 !important;
}
/* Menu : recherche, carte du profil, version */
html[data-skin='corporate'] #services-board:has(> #plus-search) > .sk-eyebrow + h2 + p.muted {
  display: none;
}
html[data-skin='corporate'] #plus-search {
  width: 100%;
  height: 46px;
  padding: 0 14px 0 42px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23536074' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")
      14px center / 20px 20px no-repeat,
    var(--theme-surface) !important;
}
html[data-skin='corporate'] .sk-profile {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 14px 0 0;
  padding: 16px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] .sk-profile .sk-av {
  width: 46px;
  height: 46px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--sk-ink);
  color: var(--sk-white);
  font-family: var(--sk-display);
  font-size: 14px;
  font-weight: 700;
}
html[data-skin='corporate'] .sk-profile .sk-txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
html[data-skin='corporate'] .sk-profile b {
  font-family: var(--sk-display);
  font-size: 16px;
}
html[data-skin='corporate'] .sk-profile small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .sk-profile .sk-tag {
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--theme-soft);
  color: var(--theme-accent-text);
  font-size: 11.5px;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board > .app-version {
  margin-top: 22px;
  text-align: center;
  font-family: var(--sk-mono);
  font-size: 11px;
  color: var(--theme-muted);
}

/* Tarification (tarifs, options, forfaits, zones, garages, trafic) : en-tête en bandeau, grilles en pastilles,
   sections en onglets compacts, tableaux en carte avec champs à droite. */
html[data-skin='corporate'] #services-board .pricing-page {
  /* Les sélections et boutons principaux de la tarification passent au bleu nuit (themes.css impose --theme-accent). */
  --theme-accent: var(--sk-ink);
  --theme-on-accent: #ffffff;
  --theme-soft: #f7f8fa;
  padding: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-text);
  font-family: var(--sk-body);
}
html[data-skin='corporate'] #services-board .pricing-page > #pricing-back-management {
  display: flex;
  align-items: center;
  gap: 4px;
  width: calc(100% + 40px);
  min-height: 0;
  margin: -24px -20px 0;
  padding: 18px 20px 4px;
  border: 0;
  border-radius: 0;
  background: var(--theme-surface);
  color: var(--theme-muted);
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
html[data-skin='corporate'] #services-board .pricing-page > .sk-phead {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 -20px 16px;
  padding: 6px 20px 18px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
}
html[data-skin='corporate'] #services-board .pricing-page > .sk-phead h1 {
  margin: 0;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-bar {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: none;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-tab {
  flex: none;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 8px 12px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 12px;
  background: var(--theme-surface);
  box-shadow: none;
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-tab.is-on {
  box-shadow: inset 0 0 0 1px var(--theme-text);
}
html[data-skin='corporate'] #services-board .pricing-page .grid-no {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: var(--sk-line-soft);
  font-family: var(--sk-mono);
  font-size: 11px;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-tab.is-on .grid-no {
  background: var(--theme-text);
  color: var(--sk-white);
}
html[data-skin='corporate'] #services-board .pricing-page .grid-name {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-active {
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--sk-ok-bg);
  color: var(--sk-ok-fg);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-info {
  margin-top: 12px;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-info p {
  margin: 0 0 10px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #services-board .pricing-page .grid-info p strong {
  color: var(--theme-text);
}
html[data-skin='corporate'] #services-board .pricing-page .tariff-btn {
  min-height: 0;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 10px;
  background: var(--theme-surface);
  color: var(--theme-text);
  font-family: var(--sk-body);
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate']
  #services-board
  .pricing-page
  :is(.tariff-btn.primary, .tariff-btn-primary, .tariff-tariff-btn-primary) {
  border-color: var(--sk-ink);
  background: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] #services-board .pricing-page > .tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0 -20px 14px;
  padding: 0 20px;
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-skin='corporate'] #services-board .pricing-page > .tabs button {
  flex: none;
  min-height: 0;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--theme-border);
  border-radius: 10px;
  background: var(--theme-surface);
  color: var(--theme-muted);
  font-size: 13px;
  font-weight: 500;
}
html[data-skin='corporate'] #services-board .pricing-page > .tabs button[aria-selected='true'] {
  border-color: var(--sk-ink);
  background: var(--sk-ink);
  color: var(--sk-white);
  font-weight: 600;
}
html[data-skin='corporate'] #services-board .pricing-page .geo-auto-status {
  margin: 0 0 14px;
  padding: 0;
  font-size: 12px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #services-board .pricing-page .tariff-brand {
  display: none;
}
html[data-skin='corporate'] #services-board .pricing-page #pricing-body > h2 {
  margin: 0 0 4px;
  font-family: var(--sk-display);
  font-size: 16px;
  font-weight: 700;
}
html[data-skin='corporate'] #services-board .pricing-page .tariff-summary {
  margin: 0 0 12px;
  font-size: 13px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #services-board .pricing-page .tg-wrap {
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #services-board .pricing-page .tg-section-row {
  background: var(--sk-surface-2);
}
html[data-skin='corporate'] #services-board .pricing-page .tariff-section {
  margin: 0;
  padding-top: 6px;
  font-family: var(--sk-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--theme-accent-text) !important;
}
html[data-skin='corporate'] #services-board .pricing-page .tg-head,
html[data-skin='corporate'] #services-board .pricing-page .tg-head .tg-name {
  background: var(--theme-surface);
}
html[data-skin='corporate'] #services-board .pricing-page .tg-row {
  border-color: var(--theme-border);
}
html[data-skin='corporate'] #services-board .pricing-page .tg-name {
  font-size: 13px;
}
html[data-skin='corporate']
  #services-board
  .pricing-page
  :is(.tg-cell input.tariff-control:not([type='hidden']):not([type='checkbox']), .dur-in) {
  min-height: 0;
  height: 36px;
  padding: 0 8px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 8px;
  background: var(--theme-surface);
  font-family: var(--sk-mono);
  font-size: 12.5px;
  text-align: right;
}
html[data-skin='corporate'] #services-board .pricing-page .tg-cathead .ch-name {
  font-family: var(--sk-display);
  font-weight: 700;
  text-align: center;
}
html[data-skin='corporate'] #services-board .pricing-page details {
  margin-top: 12px;
  border: 1px solid var(--theme-border);
  border-radius: 14px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #services-board .pricing-page details > summary {
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board .pricing-page .autosave {
  margin-top: 10px;
  font-size: 12px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #services-board .pricing-page .footer .tariff-btn {
  width: 100%;
  height: 46px;
  border-radius: 12px;
  font-size: 14px;
}
html[data-skin='corporate'] #services-board .pricing-page .grid-tab.is-on {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-text) !important;
}
html[data-skin='corporate'] #services-board .pricing-page :is(.primary, .tariff-btn-primary, .opt-btn-primary) {
  background: var(--sk-ink) !important;
  border-color: var(--sk-ink) !important;
  color: var(--sk-white) !important;
}
html[data-skin='corporate']
  #services-board
  .pricing-page
  :is(.zone-brand, .tariff-brand, #pricing-body > .brand-label, #pricing-body > .brand) {
  display: none;
}
html[data-skin='corporate'] #services-board .pricing-page .geo-auto-status {
  background: none !important;
  border: 0 !important;
  box-shadow: none;
}
/* Sous-pages des réglages (paramètres, catégories, logo, documents, légal) : titre et introduction en bandeau */
html[data-skin='corporate'] #services-board:not(:has(> #plus-search)) > .sk-eyebrow + h2:has(+ p.muted:not(#dx-st)) {
  margin-bottom: 0;
  padding-bottom: 6px;
  border-bottom: 0;
}
html[data-skin='corporate'] #services-board:not(:has(> #plus-search)) > .sk-eyebrow + h2 + p.muted {
  margin: 0 -20px 22px;
  padding: 0 20px 18px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  font-size: 13.5px;
  line-height: 1.55;
}
html[data-skin='corporate'] #services-board #settings-content > p:first-child {
  margin: 0 0 14px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #services-board .cat-row.pax-card {
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #services-board .pax-form .pax-btn {
  min-height: 0;
  height: 44px;
  border: 1px solid var(--sk-line-strong) !important;
  border-radius: 12px;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  font-size: 14px;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board .pax-form .pax-btn.pax-danger {
  border-color: var(--sk-danger-line) !important;
  color: var(--sk-danger) !important;
}
html[data-skin='corporate'] #services-board :is(.pax-form .pax-primary, #settings-reservation) {
  min-height: 0;
  height: 46px;
  padding: 0 18px;
  border: 1px solid var(--sk-ink) !important;
  border-radius: 12px;
  background: var(--sk-ink) !important;
  color: var(--sk-white) !important;
  font-size: 14px;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board .pax-form .pax-note {
  font-size: 12px;
  color: var(--theme-muted);
}

/* ---------- Lot 5 : pages de configuration (Mon site, lien client, Stripe, PayPal, SMS, WhatsApp, etc.) ---------- */
/* Lien de retour « ‹ Menu » / « ‹ Réglages » en haut du bandeau */
html[data-skin='corporate'] .sk-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--theme-muted);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}
html[data-skin='corporate'] .sk-back::before {
  content: '';
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
html[data-skin='corporate'] .sk-back:hover {
  color: var(--theme-text);
}
html[data-skin='corporate'] #services-board > .sk-back {
  display: flex;
  margin: -24px -20px 0;
  padding: 18px 20px 4px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #services-board > .sk-back + .sk-eyebrow {
  margin-top: 0;
  padding-top: 4px;
}
html[data-skin='corporate'] .q-head:has(> .sk-back) > .sk-back {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 4px;
}
html[data-skin='corporate'] .q-head:has(> .sk-back) > .sk-eyebrow {
  grid-row: 2;
}
html[data-skin='corporate'] .q-head:has(> .sk-back) > h2 {
  grid-row: 3;
}
html[data-skin='corporate'] .q-head:has(> .sk-back) > :not(h2, .sk-eyebrow, .sk-back) {
  grid-row: 2 / span 2;
}
/* Un seul en-tête : le bandeau d'accueil générique est masqué quand la page a son bandeau modèle 2 */
html[data-skin='corporate'] #app-zone:has(> #services-board:not([hidden]) > .sk-eyebrow) > .welcome {
  display: none;
}
/* Cartes de réglages : titres, libellés en petites capitales, bouton principal bleu nuit */
html[data-skin='corporate'] #services-board :is(.site-card, .cfg-card) {
  padding: 16px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  gap: 12px;
}
html[data-skin='corporate'] #services-board :is(.site-card, .cfg-card) > :is(h3, h4, summary) {
  margin: 0;
  font-family: var(--sk-display);
  font-size: 16px;
  font-weight: 700;
}
html[data-skin='corporate']
  #services-board
  :is(.site-card, .cfg-card)
  label:has(> :is(input:not([type='checkbox']):not([type='radio']), select, textarea)) {
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--theme-muted);
}
html[data-skin='corporate']
  #services-board
  :is(.site-card, .cfg-card)
  label
  > :is(input:not([type='checkbox']):not([type='radio']), select, textarea) {
  letter-spacing: normal;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  color: var(--theme-text);
}
html[data-skin='corporate'] #services-board :is(.site-card, .cfg-card) :is(.muted, small, .hint) {
  color: var(--theme-muted);
}
html[data-skin='corporate'] .site-card :is(form button.site-primary, button.site-primary) {
  min-height: 46px;
  border-radius: 12px;
  background: var(--sk-ink) !important;
  border-color: var(--sk-ink) !important;
  color: var(--sk-white) !important;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board :is(.site-card, .cfg-card) > p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #services-board :is(.site-card, .cfg-card) > p :is(b, strong) {
  color: var(--theme-text);
}
html[data-skin='corporate'] #services-board :is(.site-card, .cfg-card) fieldset {
  border: 1px solid var(--theme-border);
  border-radius: 12px;
}
html[data-skin='corporate'] #services-board :is(.site-card, .cfg-card) legend {
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--theme-muted);
}

/* Messages types : lignes groupées en carte (mêmes lignes que le Menu) */
html[data-skin='corporate'] #mt-body [data-mt-group] > .service-link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--theme-border);
  border-radius: 0;
  background: var(--theme-surface);
  color: var(--theme-text);
  text-align: left;
  box-shadow: none;
}
html[data-skin='corporate'] #mt-body [data-mt-group] > .service-link + .service-link {
  margin-top: -1px;
}
html[data-skin='corporate'] #mt-body [data-mt-group] > .service-group-title + .service-link {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
html[data-skin='corporate'] #mt-body [data-mt-group] > .service-link:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
html[data-skin='corporate'] #mt-body [data-mt-group] > .service-link:hover {
  background: var(--sk-surface-2);
}
html[data-skin='corporate'] #mt-body [data-mt-group] > .service-link > span:first-of-type {
  flex: 1;
}
html[data-skin='corporate'] #mt-body [data-mt-group] > .service-link strong {
  font-size: 14px;
  font-weight: 600;
}
html[data-skin='corporate'] #mt-body [data-mt-group] > .service-link > span[aria-hidden] {
  font-size: 20px;
  line-height: 1;
  color: var(--sk-faint);
}
/* Liens de paiement : filtres en pastilles, actions en boutons fins */
html[data-skin='corporate'] .pl-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-inline: -20px;
  padding: 0 20px;
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-skin='corporate'] .pl-tabs .pax-btn {
  flex: none;
  min-height: 0;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--sk-line-strong) !important;
  border-radius: 999px;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  font-size: 13px;
  font-weight: 500;
}
html[data-skin='corporate'] .pl-tabs .pax-btn[aria-selected='true'] {
  border-color: var(--sk-ink) !important;
  background: var(--sk-ink) !important;
  color: var(--sk-white) !important;
}
html[data-skin='corporate'] .pl-list .pl-row {
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] .pl-list .pax-actions .pax-btn {
  min-height: 0;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--sk-line-strong) !important;
  border-radius: 10px;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  font-size: 12.5px;
  font-weight: 600;
}
/* Cartographie : en-tête en bandeau (retour, titre) */
html[data-skin='corporate'] #services-board > .booking-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: -24px -20px 22px;
  padding: 18px 20px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
}
html[data-skin='corporate'] #services-board > .booking-heading:has(+ p.muted) {
  margin-bottom: 0;
  padding-bottom: 6px;
  border-bottom: 0;
}
html[data-skin='corporate'] #services-board > .booking-heading + p.muted {
  margin: 0 -20px 22px;
  padding: 0 20px 18px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  font-size: 13.5px;
  line-height: 1.55;
}
html[data-skin='corporate'] #services-board > .booking-heading > .ride-text-action {
  min-height: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--theme-muted);
  font-size: 13px;
  font-weight: 500;
}
html[data-skin='corporate'] #services-board > .booking-heading > h3 {
  margin: 0;
  font-family: var(--sk-display);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}
html[data-skin='corporate'] #services-board .notif-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 12px -20px 0;
  padding: 0 20px;
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-skin='corporate'] #services-board .notif-tabs > button {
  flex: none;
  min-height: 0;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 13px;
}
html[data-skin='corporate'] #mt-search {
  width: 100%;
  height: 46px;
  padding: 0 14px 0 42px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23536074' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")
      14px center / 20px 20px no-repeat,
    var(--theme-surface) !important;
}
html[data-skin='corporate'] #mt-body .service-group-title {
  margin: 22px 0 8px !important;
  padding-inline: 4px;
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--theme-muted);
}

/* ---------- Lot 6 : application chauffeur (courses, ma journée, tablette) ---------- */
/* Courses : onglets Disponibles / Mes courses soulignés dans le bandeau de titre */
html[data-skin='corporate'] #app-zone:has(> .rides-tabs:not([hidden])) > .welcome {
  margin-bottom: 0;
  padding-bottom: 14px;
  border-bottom: 0;
}
html[data-skin='corporate'] #app-zone > .rides-tabs {
  display: flex;
  gap: 22px;
  margin: 0 -20px 18px;
  padding: 0 20px;
  border-radius: 0;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
}
html[data-skin='corporate'] #app-zone > .rides-tabs button {
  flex: none;
  padding: 0 0 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--theme-muted);
  font-size: 14px;
  font-weight: 500;
}
html[data-skin='corporate'] #app-zone > .rides-tabs button[aria-selected='true'] {
  background: none;
  color: var(--theme-text);
  font-weight: 700;
  border-bottom-color: var(--theme-text);
  box-shadow: none;
}
html[data-skin='corporate'] .rides-toolbar > strong {
  font-family: var(--sk-display);
  font-size: 16px;
  font-weight: 700;
}
html[data-skin='corporate'] .rides-toolbar button {
  min-height: 0;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 10px;
  background: var(--theme-surface);
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
}
html[data-skin='corporate'] .rides-board:has(.rides-list:empty) > p[id$='-message']:not(:empty) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 24px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  color: var(--theme-muted);
  font-size: 13.5px;
  text-align: center;
}
html[data-skin='corporate'] .rides-board:has(.rides-list:empty) > p[id$='-message']:not(:empty)::before {
  content: '';
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5a2a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16V11l2-5h10l2 5v5M3 16h18v3H3zM7 19v1M17 19v1M5 11h14'/%3E%3C/svg%3E")
      center / 28px 28px no-repeat,
    var(--theme-soft);
}
html[data-skin='corporate'] .rides-board:has(.rides-list:empty) .rides-list {
  display: none;
}
/* Ma journée : date en surtitre, deux compteurs en cartes, SOS rouge pleine largeur */
html[data-skin='corporate'] #services-board > .sk-eyebrow + h2 + #dx-st {
  display: none;
}
html[data-skin='corporate'] .dx-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}
html[data-skin='corporate'] .dx-kpis .sk-sep {
  display: none;
}
html[data-skin='corporate'] .dx-kpis .dx-k {
  display: flex;
  flex-direction: column-reverse;
  gap: 4px;
  padding: 14px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--sk-surface-2);
}
html[data-skin='corporate'] .dx-kpis .dx-kl {
  font-size: 12px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .dx-kpis .dx-kl::first-letter {
  text-transform: uppercase;
}
html[data-skin='corporate'] .dx-kpis strong {
  font-family: var(--sk-display);
  font-size: 20px;
  font-weight: 700;
}
html[data-skin='corporate'] #services-board button.dx-sos {
  width: 100%;
  height: 54px;
  border: 1px solid var(--sk-danger);
  border-radius: 12px;
  background: var(--sk-danger);
  color: var(--sk-white);
  font-size: 15px;
  font-weight: 600;
}
html[data-skin='corporate'] #services-board .dx-thread p {
  font-size: 13.5px;
}

/* ---------- Lot 7 : compte (profil, boutique, consommation, e-mails, aide, bilans) ---------- */
/* Mon profil : page pleine largeur, en-tête en bandeau, sections en cartes */
html[data-skin='corporate'] #auth-zone:has(#profile-form) {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html[data-skin='corporate'] #auth-zone:has(#profile-form) > .profile-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -24px -20px 0;
  padding: 18px 20px 4px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #auth-zone:has(#profile-form) .profile-close {
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--theme-muted);
  font-size: 13px;
  font-weight: 500;
}
html[data-skin='corporate'] #auth-zone:has(#profile-form) .profile-top .app-version {
  font-family: var(--sk-mono);
  font-size: 11px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #auth-zone > .sk-eyebrow {
  display: block;
  margin: 0 -20px;
  padding: 4px 20px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #auth-zone > .sk-eyebrow + h2 {
  margin: 0 -20px 22px;
  padding: 0 20px 18px;
  background: var(--theme-surface);
  border-bottom: 1px solid var(--theme-border);
  font-size: 26px;
  line-height: 1.15;
}
html[data-skin='corporate'] #auth-zone:has(#profile-form) > p:has(> strong:first-child) {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 14px 0;
  padding: 16px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  font-size: 12.5px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #auth-zone:has(#profile-form) > p:has(> strong:first-child) > strong {
  font-family: var(--sk-display);
  font-size: 16px;
  color: var(--theme-text);
}
html[data-skin='corporate'] #auth-zone:has(#profile-form) > p:has(> strong:first-child) > br {
  display: none;
}
html[data-skin='corporate'] #auth-zone :is(#profile-form, #password-form, #pin-form:not(:empty), .legal-card) {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 14px 0;
  padding: 16px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
}
html[data-skin='corporate'] #auth-zone :is(#profile-form, #password-form, #pin-form) label {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #auth-zone :is(#profile-form, #password-form, #pin-form) button:not(.pw-eye) {
  margin: 4px 0 0;
  min-height: 46px;
  border-radius: 12px;
  background: var(--sk-ink);
  color: var(--sk-white);
  font-weight: 600;
}
html[data-skin='corporate'] #auth-zone #password-form button:not(.pw-eye) {
  border: 1px solid var(--sk-line-strong);
  background: var(--theme-surface);
  color: var(--theme-text);
}
html[data-skin='corporate'] #auth-zone #app-refresh {
  margin: 8px 0;
  min-height: 46px;
  border: 1px solid var(--sk-line-strong);
  border-radius: 12px;
  background: var(--theme-surface);
  color: var(--theme-text);
  font-weight: 600;
}
html[data-skin='corporate'] #auth-zone #logout {
  margin: 8px 0;
  min-height: 46px;
  border: 1px solid var(--sk-danger-line);
  border-radius: 12px;
  background: var(--theme-surface);
  color: var(--sk-danger);
  font-weight: 600;
}
/* Boutique : total en panneau bleu nuit, recherche, modules en cartes */
html[data-skin='corporate'] #shop-body > .shop-total {
  display: block;
  line-height: 1.6;
  padding: 18px;
  border-radius: 18px;
  background: var(--sk-ink);
  color: var(--sk-on-ink-muted);
  font-size: 12px;
}
html[data-skin='corporate'] #shop-body > .shop-total strong {
  color: var(--sk-white);
}
html[data-skin='corporate'] #shop-body > .shop-total strong:first-of-type {
  display: block;
  margin: 6px 0 4px;
  font-family: var(--sk-display);
  font-size: 30px;
  line-height: 1;
}
html[data-skin='corporate'] #shop-search {
  width: 100%;
  height: 46px;
  padding: 0 14px 0 42px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23536074' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")
      14px center / 20px 20px no-repeat,
    var(--theme-surface) !important;
}
html[data-skin='corporate'] #shop-body > section > h3 {
  margin: 22px 0 10px;
  font-family: var(--sk-display);
  font-size: 16px;
  font-weight: 700;
}
html[data-skin='corporate'] #shop-body .shop-card {
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  box-shadow: none;
}
html[data-skin='corporate'] #shop-body .shop-card h4 {
  font-family: var(--sk-display);
  font-size: 15px;
}
html[data-skin='corporate'] #shop-body .shop-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--sk-ok-bg);
  color: var(--sk-ok-fg);
  font-size: 12px;
  font-weight: 600;
}
/* Consommation de l'assistant et Bilans : panneaux bleu nuit, tableaux en carte */
html[data-skin='corporate'] #services-board .site-card:has(> .aic-gauge) {
  border: 0;
  background: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] #services-board .site-card:has(> .aic-gauge) :is(h3, p, .muted) {
  color: var(--sk-on-ink-muted) !important;
}
html[data-skin='corporate'] #services-board .site-card:has(> .aic-gauge) .aic-gauge {
  height: 8px;
  background: var(--sk-ink-line);
}
html[data-skin='corporate'] #services-board .site-card:has(> .aic-gauge) .aic-gauge span {
  background: var(--theme-accent);
}
html[data-skin='corporate'] #services-board .rp-summary {
  padding: 18px;
  border-radius: 18px;
  background: var(--sk-ink);
  color: var(--sk-white);
}
html[data-skin='corporate'] #services-board .rp-summary .rp-actions button,
html[data-skin='corporate'] #services-board .rp-summary .rp-actions a {
  border: 1px solid var(--sk-ink-line);
  border-radius: 10px;
  background: var(--sk-ink-2);
  color: var(--sk-white);
}
html[data-skin='corporate'] #services-board :is(table.rp-table, dl.rp-kv) {
  padding: 8px 16px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  border-collapse: separate;
}
html[data-skin='corporate'] #services-board table.rp-table th {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #services-board dl.rp-kv > * {
  padding: 10px 0;
  border-bottom: 1px solid var(--theme-border);
  font-size: 13.5px;
}
html[data-skin='corporate'] #services-board dl.rp-kv > dt {
  color: var(--theme-muted);
}
html[data-skin='corporate'] #services-board dl.rp-kv > :nth-last-child(-n + 2) {
  border-bottom: 0;
}
html[data-skin='corporate'] #services-board > h3 {
  margin: 22px 0 10px;
  font-family: var(--sk-display);
  font-size: 16px;
}
/* Aide : trois choix en lignes de carte, filtre segmenté, demandes en liste */
html[data-skin='corporate'] .sup-choices {
  display: flex;
  flex-direction: column;
  gap: 0;
}
html[data-skin='corporate'] .sup-choices .sup-choice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--theme-border);
  border-radius: 0;
  background: var(--theme-surface);
  color: var(--theme-text);
  text-align: left;
}
html[data-skin='corporate'] .sup-choices .sup-choice + .sup-choice {
  margin-top: -1px;
}
html[data-skin='corporate'] .sup-choices .sup-choice:first-child {
  border-radius: 16px 16px 0 0;
}
html[data-skin='corporate'] .sup-choices .sup-choice:last-child {
  border-radius: 0 0 16px 16px;
}
html[data-skin='corporate'] .sup-choices .sup-choice strong {
  font-size: 14px;
}
html[data-skin='corporate'] .sup-choices .sup-choice span {
  font-size: 12.5px;
  color: var(--theme-muted);
}
html[data-skin='corporate'] .sup-scope {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--sk-line-soft);
}
html[data-skin='corporate'] .sup-scope button {
  height: 38px;
  min-height: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--theme-muted);
  font-size: 13px;
  font-weight: 500;
}
html[data-skin='corporate'] .sup-scope button[aria-selected='true'] {
  background: var(--theme-surface);
  color: var(--theme-text);
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(var(--sk-shadow-rgb), 0.12);
}
html[data-skin='corporate'] .sup-list {
  padding: 0;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-surface);
  list-style: none;
  overflow: hidden;
}
html[data-skin='corporate'] .sup-list > li + li {
  border-top: 1px solid var(--theme-border);
}
html[data-skin='corporate'] .sup-list .sup-item {
  width: 100%;
  margin: 0;
  padding: 14px 16px;
  border: 0;
  border-radius: 0;
  background: none;
  text-align: left;
}
html[data-skin='corporate'] #auth-zone .theme-settings > p {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--theme-muted);
}
html[data-skin='corporate'] #auth-zone .theme-settings > h3 {
  font-family: var(--sk-display);
  font-size: 16px;
}
html[data-skin='corporate'] #services-board > p.muted {
  font-size: 13.5px;
  line-height: 1.55;
}
html[data-skin='corporate'] #services-board .rp-summary p {
  font-size: 14px;
  line-height: 1.55;
}
html[data-skin='corporate'] #services-board .rp-bar button {
  min-height: 0;
  height: 46px;
  padding: 0 18px;
  border: 1px solid var(--sk-ink);
  border-radius: 12px;
  background: var(--sk-ink);
  color: var(--sk-white);
  font-weight: 600;
}
html[data-skin='corporate'] #services-board .site-card:has(> table) {
  overflow-x: auto;
}
/* Notifications (cloche) — tous les modèles et le super administrateur : panneau moderne, groupé par jour, pastilles colorées, filtres, point « non lu » */
#notif-panel {
  max-width: 420px;
  border: 0;
  border-radius: 20px;
  background: var(--theme-surface, #fff);
  box-shadow:
    0 2px 6px rgba(12, 23, 38, 0.06),
    0 24px 60px rgba(12, 23, 38, 0.22);
}
#notif-panel .notif-top {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 18px 20px 12px;
  border-bottom: 0;
}
#notif-panel .notif-top > strong {
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
#notif-panel .notif-count {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--theme-primary, var(--theme-text, #0c1726));
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
#notif-panel .notif-count.is-zero {
  background: #e5f4ec;
  color: #065f46;
}
#notif-panel #notif-all {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 10px;
  color: var(--theme-muted, #667085) !important;
  font-size: 12.5px;
  font-weight: 600;
}
#notif-panel #notif-all::before {
  content: '';
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 12 5 5L19 6M13 17l1 1 8-9'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 12 5 5L19 6M13 17l1 1 8-9'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
#notif-panel #notif-all:not(:disabled):hover {
  background: #edf0f4 !important;
  color: var(--theme-text, #192536) !important;
}
#notif-panel .notif-filters {
  display: flex;
  gap: 8px;
  padding: 0 20px 12px;
  border-bottom: 1px solid var(--theme-border, #e2e6ec);
}
#notif-panel .notif-filters button {
  height: 32px;
  padding: 0 14px;
  border: 1px solid var(--theme-border, #cbd2dc);
  border-radius: 999px;
  background: var(--theme-surface, #fff);
  color: var(--theme-text, #192536);
  font-size: 13px;
  font-weight: 500;
}
#notif-panel .notif-filters button[aria-pressed='true'] {
  border-color: var(--theme-primary, var(--theme-text, #0c1726));
  background: var(--theme-primary, var(--theme-text, #0c1726));
  color: #fff;
}
#notif-panel .notif-list[data-f='unread'] li:has(> .notif-item:not(.is-unread)),
#notif-panel .notif-list[data-f='warn'] li:has(> .notif-item:not([data-tone='warn'], [data-tone='bad'])),
#notif-panel .notif-list[data-f] .notif-group {
  display: none;
}
#notif-panel .notif-list[data-f=''] .notif-group {
  display: block;
}
#notif-panel .notif-group {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 14px 20px 6px;
  background: var(--theme-surface, #fff);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--theme-muted, #667085);
}
#notif-panel .notif-item {
  position: relative;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 40px 12px 20px;
  border: 0;
  background: var(--theme-surface, #fff) !important;
  transition: background 0.15s;
}
#notif-panel .notif-item:hover {
  background: rgba(120, 130, 150, 0.07) !important;
}
#notif-panel .notif-item.is-unread::after {
  content: '';
  position: absolute;
  top: 20px;
  right: 18px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--theme-accent, #b8925a);
  box-shadow: 0 0 0 3px #f3ece0;
}
#notif-panel .notif-ico {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #e8f0fe;
  font-size: 18px;
  line-height: 1;
}
#notif-panel [data-tone='warn'] .notif-ico {
  background: #fdf3e4;
}
#notif-panel [data-tone='ok'] .notif-ico {
  background: #e5f4ec;
}
#notif-panel [data-tone='new'] .notif-ico {
  background: var(--theme-soft, #f3ece0);
}
#notif-panel [data-tone='bad'] .notif-ico {
  background: #fdecea;
}
#notif-panel .notif-txt {
  gap: 3px;
  padding-top: 1px;
}
#notif-panel .notif-txt strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--theme-text, #192536);
}
#notif-panel .notif-item.is-unread .notif-txt strong {
  font-weight: 700;
}
#notif-panel .notif-lead {
  display: none;
}
#notif-panel .notif-txt small {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--theme-muted, #667085);
}
#notif-panel .notif-txt em {
  margin-top: 2px;
  font-size: 11.5px;
  font-style: normal;
  color: var(--theme-muted, #9aa3b2);
}
#notif-panel .notif-empty {
  padding: 40px 24px;
  font-size: 13.5px;
}

/* V201a : bouton « Dispatch auto » allumé (le thème forçait la bordure grise) */
html[data-skin='corporate'] .reservation-toolbar .reservation-auto[data-on='1'] {
  border-color: var(--sk-ok-line) !important;
  background: var(--sk-ok-bg) !important;
  color: var(--sk-ok-fg) !important;
}