/* Identidad del consultorio: turquesa profundo legible, café y oro suave. */
:root{--clinic-teal:#246c7b;--clinic-brown:#49391e;--clinic-gold:#d9b957;--clinic-soft:#edf5f6;--clinic-border:#d9e2e2;--green:var(--clinic-teal);--teal:var(--clinic-teal);--ink:#303e40;--muted:#58696d;--bg:#faf8f3;--line:var(--clinic-border);--border:var(--clinic-border);color:var(--ink);background:var(--bg)}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3,.brand,header .brand{color:var(--clinic-brown)}
a{color:var(--clinic-teal)}
header{border-bottom-color:#e7d9ad}
.eyebrow,.muted,footer,.hint,.row small,.tile small{color:var(--muted)}
.brand small{color:var(--clinic-teal)}
button{background:var(--clinic-teal)}
button.secondary,.secondary{background:var(--clinic-soft);border-color:#c9dfe3;color:var(--clinic-teal)}
#areaNav button{background:white;border-color:var(--clinic-border);color:var(--clinic-teal)}
#areaNav [aria-pressed=true],[aria-pressed=true]{background:var(--clinic-teal)!important;color:white!important;border-color:var(--clinic-teal);box-shadow:inset 0 -4px var(--clinic-gold)}
#patientRibbon{background:#215562;border:1px solid #215562;box-shadow:0 5px 18px #21556220}
#patientRibbon small,#ribbonStatus{color:#e1eff1}#ribbonName{color:white}
.toolbar,.patient{background:var(--clinic-soft);border-color:#c9dfe3;color:#354f55}
.patient #saveState{color:#45616a}
#selectedPanel{border-left-color:var(--clinic-gold)}
.notice,.warning,.prototype{background:#fff7e1;border-color:#e8d7a3;color:#614b20}
.tile{background:#f3f8f9;color:var(--ink);border-color:var(--clinic-border)}
nav button,.mode button{background:white;color:var(--clinic-teal);border-color:var(--clinic-border)}
nav button.active{background:var(--clinic-soft);color:var(--clinic-teal);box-shadow:inset 3px 0 var(--clinic-gold)}
.price{background:#f4f8f8}.tag{background:#e9f3f5;color:#285e68}.tag.pending{background:#fff1d5;color:#79551e}
#feedback:not(:empty),#notice:not(:empty){background:#e9f3f5;color:#215562;border-color:#bad5dc}
#feedback.error{background:#ffe7e0;color:#7d3021;border-color:#d8aa9a}
:focus-visible{outline:3px solid #987317;outline-offset:3px}

/* Logo real en el menú lateral de la demo. */
aside .sidebar-clinic-logo{display:block;width:44px;height:auto;flex-shrink:0;object-fit:contain}