/* ==========================================================================
   BIHAS MEDICAL — Style « Cabinet de cardiologie » (lot 3)
   Reproduit la mise en page des maquettes (rail latéral compact, cartes blanches à coins légèrement arrondis, barre supérieure)
   avec les COULEURS D'ORIGINE de BIHAS MEDICAL (bleu #0b5fa3, turquoise #14b8a6, comme bihasmedical.org).
   Couche CSS pure, chargée APRÈS bihas-theme.css ; aucun fichier compilé n'est modifié.
   S'applique uniquement en mode clair et quand <html> porte la classe « bmc-skin » (ajoutée par cardio-theme.js).
   Pour revenir au style précédent : localStorage.setItem('bmc_skin','off') puis recharger — ou retirer les 2 lignes d'index.php.
   ========================================================================== */
html.bmc-skin:not(.dark){
  --bmc-navy:#07406f; --bmc-navy-2:#0a3558; --bmc-bg:#f6f9fb; --bmc-line:#e3edf2; --bmc-ink:#0f2437; --bmc-mute:#4a6275;
  --bmc-brand:#0b5fa3; --bmc-turq:#14b8a6; --bmc-grad:linear-gradient(135deg,#14b8a6,#0b5fa3); --bmc-side-txt:#a9cbe6;
}
html.bmc-skin:not(.dark) body{background:var(--bmc-bg);color:var(--bmc-ink)}
html.bmc-skin:not(.dark) #root > div:first-child{background:var(--bmc-bg)}

/* ---------- Sidebar : rail bleu nuit ---------- */
html.bmc-skin:not(.dark) aside{width:4.75rem;background:var(--bmc-navy);border-color:transparent}
html.bmc-skin:not(.dark) aside > div:first-child{height:4rem;padding:0;justify-content:center;border:0}
html.bmc-skin:not(.dark) aside > div:first-child > div:first-child{width:2.5rem;height:2.5rem;border-radius:.75rem;background-image:var(--bmc-grad);box-shadow:none}
html.bmc-skin:not(.dark) aside > div:first-child > .min-w-0{display:none}
html.bmc-skin:not(.dark) aside > div:last-child:not(nav){display:none}
html.bmc-skin:not(.dark) aside nav{padding:.25rem .4rem .75rem;display:flex;flex-direction:column;gap:2px;scrollbar-width:none}
html.bmc-skin:not(.dark) aside nav::-webkit-scrollbar{display:none}
html.bmc-skin:not(.dark) aside nav > div{display:none}                      /* intitulés de groupes */
html.bmc-skin:not(.dark) aside nav button,
html.bmc-skin:not(.dark) aside nav a{flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;border-radius:.7rem;color:var(--bmc-side-txt);box-shadow:none;width:100%;min-height:42px;font-weight:500}
html.bmc-skin:not(.dark) aside nav button svg{width:1.25rem;height:1.25rem;flex:none}
html.bmc-skin:not(.dark) aside nav button > span{font-size:0;line-height:0;max-width:0;overflow:hidden;position:absolute}
html.bmc-skin:not(.dark) aside nav button::after{content:attr(data-bm-short);font-size:9.5px;line-height:1.05;text-align:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip;letter-spacing:0}
html.bmc-skin:not(.dark) aside nav button:hover{background:rgba(255,255,255,.08);color:#fff}
html.bmc-skin:not(.dark) aside nav button.bg-emerald-600,
html.bmc-skin:not(.dark) aside nav button.bg-emerald-700,
html.bmc-skin:not(.dark) aside nav button[class*="bg-emerald-6"]{background:#fff;background-image:none;color:var(--bmc-navy);box-shadow:none;font-weight:700}
html.bmc-skin:not(.dark) aside nav button.bg-emerald-600:hover{filter:none;transform:none}
html.bmc-skin:not(.dark) aside nav button.bg-emerald-600 svg,html.bmc-skin:not(.dark) aside nav button[class*="bg-emerald-6"] svg{color:var(--bmc-navy);stroke:currentColor}
html.bmc-skin:not(.dark) aside nav button svg{color:inherit}
html.bmc-skin:not(.dark) aside nav button .rounded-full{display:none}        /* pastilles de compteurs dans le rail */

/* ---------- Barre supérieure ---------- */
html.bmc-skin:not(.dark) header.sticky{background:#fff;border-color:var(--bmc-line);height:3.75rem;backdrop-filter:none}
html.bmc-skin:not(.dark) header.sticky button,
html.bmc-skin:not(.dark) header.sticky > div > div.rounded-lg{border-radius:.7rem;border-color:var(--bmc-line);background:#fff;color:#44506e;box-shadow:none}
html.bmc-skin:not(.dark) header.sticky button:hover{background:#f5f7fc;border-color:#d3d9e8}
html.bmc-skin:not(.dark) header.sticky > div:first-child button{background:#f6f8fc}
html.bmc-skin:not(.dark) header kbd{background:#e9edf6;color:#6b7794}

/* ---------- Contenu ---------- */
html.bmc-skin:not(.dark) main{max-width:none;padding:1.1rem 1.4rem 2rem}
html.bmc-skin:not(.dark) h2.text-xl,html.bmc-skin:not(.dark) h2.text-2xl{color:var(--bmc-ink)}
html.bmc-skin:not(.dark) .text-slate-500,html.bmc-skin:not(.dark) .text-slate-400{color:var(--bmc-mute)}

/* ---------- Cartes blanches, coins légèrement arrondis ---------- */
html.bmc-skin:not(.dark) .rounded-2xl{border-radius:.8rem}
html.bmc-skin:not(.dark) .rounded-2xl.shadow-xs,html.bmc-skin:not(.dark) .rounded-2xl.shadow-sm,html.bmc-skin:not(.dark) .rounded-2xl.border{border-color:var(--bmc-line);box-shadow:0 1px 2px rgba(20,30,70,.05)}
html.bmc-skin:not(.dark) .rounded-3xl.shadow-xl{box-shadow:0 18px 40px rgba(11,21,80,.18);border-radius:1rem}
html.bmc-skin:not(.dark) .bg-slate-50{background-color:#f6f8fc}

/* ---------- Boutons : conservés d'origine (dégradé turquoise → bleu de bihas-theme.css) ---------- */
html.bmc-skin:not(.dark) input[class]:focus,html.bmc-skin:not(.dark) select[class]:focus,html.bmc-skin:not(.dark) textarea[class]:focus{border-color:var(--bmc-brand);--tw-ring-color:rgba(11,95,163,.22)}

/* ---------- Divers ---------- */
@media print{html.bmc-skin aside,html.bmc-skin header{display:none!important}}