/* NAKIMA v24 RC3 — couche UI additive et réversible au-dessus de la v23.2 stable */
:root{
  --v24-ink:#351623;
  --v24-muted:#7a6670;
  --v24-line:#eadde3;
  --v24-soft:#fff7fa;
  --v24-rose:#a8466e;
  --v24-rose-dark:#7d2f50;
  --v24-white:#fff;
  --v24-shadow:0 18px 55px rgba(63,25,41,.14);
}
.v24-hidden-birthday{display:none!important}
.v24-subtitle{margin:5px 0 0;color:var(--v24-muted);font-size:.86rem}
.v24-square{min-width:44px;min-height:44px;padding:0!important;font-size:1.35rem}
.v24-planning-glyph{width:18px;display:inline-grid;place-items:center;font-size:18px;color:#e9a4bd}

/* Planning des salons */
.v24-hours-modal{width:min(1040px,100%)}
.v24-hours-toolbar{display:flex;gap:14px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.v24-hours-toolbar .v24-field{min-width:min(360px,100%)}
.v24-role-badge{padding:8px 11px;border-radius:999px;font-size:.8rem;font-weight:800}
.v24-role-badge.owner{background:#e9f6ed;color:#206034}
.v24-role-badge.readonly{background:#f1edf0;color:#604755}
.v24-week-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:18px 0}
.v24-week-nav b{text-align:center;color:#3b1e2b}
.v24-hours-list{display:grid;gap:10px}
.v24-day-row{display:grid;grid-template-columns:minmax(120px,.9fr) 110px minmax(245px,1.3fr) minmax(170px,1fr);gap:11px;align-items:center;padding:13px 14px;border:1px solid #eee3e8;border-radius:15px;background:#fff}
.v24-day-name{display:grid;gap:2px}.v24-day-name small{color:#806b75}
.v24-switch{display:flex;align-items:center;gap:7px;font-size:.86rem;font-weight:800}.v24-switch input{width:18px;height:18px}
.v24-time-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}.v24-time-pair span{color:#9a8790;font-size:.8rem}
.v24-day-row input[type=time],.v24-day-row input[type=text]{min-height:44px;border:1px solid #d8c8d0;border-radius:11px;padding:9px 10px;background:#fff;color:#2b1720;font:inherit}
.v24-day-row input:disabled{background:#f4f1f2;color:#9d9196}
.v24-hours-actions{align-items:center}.v24-hours-actions .v24-small{margin-right:auto}
.v24-birthday-backdrop{z-index:100200}.v24-birthday-modal{width:min(560px,100%)}
.v24-birthday-modal select{width:100%;min-height:48px;border:1px solid #d8c8d0;border-radius:12px;padding:10px 12px;background:#fff;color:#2b1720;font:inherit}

/* Navigation mobile type apps grand public : 4 actions essentielles + Plus */
.v24-bottom-nav{display:none}
.v24-more-backdrop{position:fixed;inset:0;z-index:100120;background:rgba(30,14,21,.48);display:flex;align-items:flex-end;justify-content:center;padding:14px}
.v24-more-sheet{width:min(680px,100%);max-height:min(82vh,760px);overflow:auto;background:#fff;border-radius:24px 24px 18px 18px;box-shadow:0 24px 80px rgba(0,0,0,.28);padding:10px 16px calc(18px + env(safe-area-inset-bottom))}
.v24-more-handle{width:42px;height:5px;border-radius:99px;background:#dfd2d8;margin:2px auto 12px}
.v24-more-head{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 2px 14px}.v24-more-head h2{margin:2px 0 0;color:var(--v24-ink);font-size:1.45rem}
.v24-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v24-more-item{min-height:72px;border:1px solid var(--v24-line);border-radius:16px;background:#fff;padding:12px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;text-align:left;color:var(--v24-ink)}
.v24-more-item:active{transform:scale(.99);background:#fff7fa}.v24-more-item>span:nth-child(2){display:grid;gap:3px}.v24-more-item b{font-size:.92rem}.v24-more-item small{color:var(--v24-muted);font-size:.74rem;font-weight:500}
.v24-more-icon{width:40px;height:40px;border-radius:12px;background:#f7edf2;color:var(--v24-rose-dark);display:grid;place-items:center}.v24-more-icon svg{width:19px;height:19px}
.v24-more-version{text-align:center;color:#9b8a92;font-size:.72rem;margin-top:16px}
.v24-fallback-icon{font-size:18px;font-weight:900}.v24-dots{font-weight:900;letter-spacing:.08em}

/* Amélioration desktop : sidebar plus lisible sans changer la logique React */
aside nav{overflow:auto;scrollbar-width:thin;padding-right:3px}
aside nav button{min-height:48px}

@media(max-width:950px){
  /* Sécurité : l'ancien menu n'est masqué que lorsque le JS v24 a construit la barre du bas. */
  html.v24-mobile-nav-ready aside{display:none!important}
  html.v24-mobile-nav-ready .menu{display:none!important}
  html.v24-mobile-nav-ready .backdrop{display:none!important}
  html.v24-mobile-nav-ready .content{padding:18px 14px calc(98px + env(safe-area-inset-bottom))!important}

  .v24-bottom-nav{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:100050;height:70px;padding:7px 7px 6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border:1px solid rgba(229,211,219,.95);border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 14px 40px rgba(66,27,44,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .v24-bottom-nav button{border:0;background:transparent;border-radius:14px;color:#7e6d75;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:4px 2px;font-size:10.5px;font-weight:750;line-height:1.05}
  .v24-bottom-nav button.active{background:#f8eaf0;color:#8f365c}.v24-bottom-icon{height:24px;display:grid;place-items:center}.v24-bottom-icon svg{width:20px;height:20px}

  /* Formulaires : une colonne, gros champs, priorité au pouce */
  .modal{width:min(680px,100%)!important;max-height:calc(100vh - 10px);overflow:auto}
  .booking-form{grid-template-columns:1fr!important;gap:14px!important}
  .booking-form>.wide,.booking-form label.wide,.booking-form .wide{grid-column:1!important}
  .booking-form input:not([type=checkbox]),.booking-form select,.booking-form textarea,.agenda-filters input,.agenda-filters select,.customer-search input{min-height:48px!important;font-size:16px!important;border-radius:12px!important}
  .booking-form textarea{min-height:92px!important}
  .form-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  .form-actions button,.primary-action,.secondary{min-height:48px!important;justify-content:center}
  .service-multi-list{grid-template-columns:1fr!important}
  .service-option{min-height:54px}
  .customer-matches{max-height:240px;overflow:auto}
  .content header{position:relative;gap:10px!important;margin-bottom:20px!important}.content header h1{font-size:28px!important;line-height:1.05}
  .card{border-radius:18px!important}.card-head{padding:16px 17px!important;min-height:auto!important}.metric{border-radius:16px!important}
  .table-wrap{border-radius:14px;overflow:auto;-webkit-overflow-scrolling:touch}

  .v24-modal-backdrop{padding:0!important;align-items:flex-end!important}
  .v24-modal{min-height:auto!important;max-height:94vh;border-radius:24px 24px 0 0!important;margin-top:auto!important;overflow:auto}
  .v24-head{position:sticky;top:0;z-index:5;background:#fff;padding:16px!important}.v24-body{padding:16px 14px calc(18px + env(safe-area-inset-bottom))!important}
  .v24-hours-modal{height:94vh}
  .v24-hours-toolbar{display:grid}.v24-hours-toolbar .v24-field{min-width:0;width:100%}
  .v24-week-nav{position:sticky;top:78px;z-index:4;background:#fff;padding:8px 0;margin:8px 0 12px}
  .v24-day-row{grid-template-columns:1fr auto;gap:10px;padding:14px}
  .v24-day-name{grid-column:1}.v24-switch{grid-column:2;justify-self:end}
  .v24-time-pair{grid-column:1/-1}.v24-reason{grid-column:1/-1}
  .v24-hours-actions{display:grid;grid-template-columns:1fr}.v24-hours-actions button{width:100%;min-height:48px}
}

@media(max-width:560px){
  .v24-more-backdrop{padding:0}.v24-more-sheet{width:100%;border-radius:26px 26px 0 0;padding-left:14px;padding-right:14px}.v24-more-grid{grid-template-columns:1fr 1fr;gap:8px}.v24-more-item{min-height:68px;padding:10px}.v24-more-item b{font-size:.86rem}
  .v24-bottom-nav{left:6px;right:6px;bottom:calc(5px + env(safe-area-inset-bottom));height:68px;border-radius:18px}
  html.v24-mobile-nav-ready .content{padding-left:11px!important;padding-right:11px!important}
  .content header h1{font-size:25px!important}.metrics{gap:10px!important}.metric{padding:16px!important;min-height:96px!important}
  .modal{border-radius:22px 22px 0 0!important}.modal-head{padding:16px!important;position:sticky;top:0;z-index:7;background:#fff}.modal form{padding-left:14px!important;padding-right:14px!important}
  .form-actions{grid-template-columns:1fr!important}.form-actions .primary-action{order:-1}
  .v24-time-pair{grid-template-columns:1fr auto 1fr}.v24-time-pair input{min-width:0}
  .v24-week-nav b{font-size:.86rem}
}

/* v24 RC5 — identité utilisateur */
.v24-connected-role{font-size:11px;font-weight:700;color:#e7bdcd;margin-top:1px;line-height:1.3}