.preferences-bar{position:relative;display:flex;justify-content:flex-end;gap:8px;padding:10px 20px;background:var(--card,var(--surface,#0c2033));border-bottom:1px solid var(--line);z-index:25}.preferences-bar button{padding:9px 14px;border-radius:8px;background:var(--deep,var(--bg,#07111f));color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;min-height:40px}.preferences-bar{position:fixed;top:0;right:0;border-radius:0 0 0 12px}.topbar,.vet-topbar{margin-top:60px}.tutor-locked>:not(.preferences-bar):not(.tutor-access){display:none!important}.tutor-access{min-height:100vh;display:grid;place-items:center;padding:85px 20px 35px;background:var(--deep,var(--bg))}.tutor-access[hidden]{display:none}.access-card{width:100%;max-width:440px;padding:32px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--coral);border-radius:20px}.access-card h1{font-size:32px}.access-card p{line-height:1.7;margin:16px 0}.access-card label{display:block;margin:18px 0 8px}.access-card input{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--deep);color:var(--text)}.access-card .primary{width:100%}.access-help{font-size:12px;color:var(--muted)}.access-error{color:#ff846b}
html[data-theme=light]{color-scheme:light;--deep:#f5f3ee;--bg:#f5f3ee;--navy:#e8eef3;--sidebar:#fff;--card:#fff;--surface:#fff;--surface2:#edf2f6;--line:#c7d3dd;--text:#172d40;--muted:#496176;--green:#27613f;--amber:#775010;--blue:#2256a0;--red:#a52a28}
html[data-theme=light] :is(.sidebar,.topbar,.vet-topbar,.panel,.stat,.record,.visit-card,.column,.queue-card,.case-header,.care-form,.case-context,.vet-savebar,.vet-sidebar,.clinical-note,dialog,.pet-info,.reminder,.service-card,.appointment-footer,.access-card){background:var(--surface);color:var(--text)}
html[data-theme=light] :is(input,select,textarea,.secondary,.button.secondary,.search,.tab-bar button,.avatar){background:#edf2f6;color:var(--text);border-color:var(--line)}
html[data-theme=light] :is(nav a:hover,.icon-btn:hover,.tutor-link:hover){background:#e3ebf1;color:#172d40}
html[data-theme=light] :is(.sidebar-note,.sidebar-bottom p,.nav-caption,.demo-pill,.workspace-badge,.text-link,.access-error){color:#694020}
html[data-theme=light] :is(.info-note,.notice,.annual-section details){background:#edf2f6;color:#324d63}
html[data-theme=light] nav a.active{color:#a72d15}
@media print{.preferences-bar,.tutor-access{display:none!important}}

.preferences-bar select{width:auto;max-width:130px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card,var(--surface));color:var(--text)}

.preferences-bar .theme-toggle{width:36px;height:36px;min-height:36px;padding:0;font-size:19px;display:grid;place-items:center;flex-shrink:0}
.preferences-bar .logout-icon{width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;flex-shrink:0}
.preferences-bar .logout-icon[hidden]{display:none}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#496176;opacity:1}

/* Tema claro: colores fijos de los estilos de Clínica, pensados para tema oscuro. */
html[data-theme=light] :is(.eyebrow,.stat-top,.visit-owner,.visit-meta,.empty-column,.board-note,.doctor-load,.agenda-doctor,.column-count,.empty-state,th,.icon-button){color:var(--muted)}
html[data-theme=light] :is(.section-title .subtle,.visit-head .more){color:var(--muted)}
html[data-theme=light] :is(.visit-reason,td,.record>p,.schedule-time,label.check){color:var(--text)}
html[data-theme=light] :is(.table-wrap,.column,.agenda-card){background:var(--surface)}
html[data-theme=light] th{background:var(--surface2)}
html[data-theme=light] .readonly-notes{background:var(--surface2);color:var(--text)}
html[data-theme=light] tbody tr:hover,html[data-theme=light] .secondary:hover,html[data-theme=light] .icon-button:hover{background:#e3ebf1;color:var(--text)}
html[data-theme=light] :is(.card-action,.table-button){background:#edf2f6;border-color:var(--line);color:var(--text)}
html[data-theme=light] :is(.card-action,.table-button):hover{background:#e3ebf1}
html[data-theme=light] .primary{background:#c2391b;color:#fff}
html[data-theme=light] .primary:hover{background:#a72d15}
html[data-theme=light] .ghost{color:var(--text);border-color:var(--line)}
html[data-theme=light] .tutor-link{color:var(--text)}
html[data-theme=light] .view-toggle{background:#edf2f6;border-color:var(--line)}
html[data-theme=light] .view-toggle button{color:var(--muted)}
html[data-theme=light] .view-toggle button.active{background:#c7d3dd;color:var(--text)}
html[data-theme=light] .badge{background:#e6eef7;border-color:#a9c0d8;color:#234b75}
html[data-theme=light] .badge.confirmed,html[data-theme=light] .badge.completed{background:#e4f4e9;border-color:#8cc0a0;color:#1a5730}
html[data-theme=light] .badge.waiting,html[data-theme=light] .badge.scheduled{background:#fff3d6;border-color:#d3b064;color:#72500c}
html[data-theme=light] .badge.emergency{background:#ffe7e7;border-color:#d58a8a;color:#861e1e}
html[data-theme=light] .badge.cancelled{background:#efecf1;border-color:#c1b7c5;color:#55475a}
html[data-theme=light] :is(td,th,.column-header,.visit-meta,.doctor-row,.schedule-row,.column-count,.visit-card,.form-actions,footer){border-color:var(--line)}
html[data-theme=light] :is(footer,footer b,.breadcrumbs,.breadcrumbs b){color:var(--muted)}
html[data-theme=light] :is(footer b span,footer .coral){color:#a72d15}
html[data-theme=light] .demo-badge{background:#e4f4e9;border-color:#8cc0a0;color:#1a5730}
html[data-theme=light] :is(.urgent-label,.form-error){color:#a52a28}
html[data-theme=light] .timeline small{color:var(--muted)}
html[data-theme=light] .stat.emergency{border-color:#d58a8a}

/* Tema claro del portal del tutor. */
html[data-theme=light] .date-tile{background:var(--surface2);border-color:var(--line);color:var(--text)}
html[data-theme=light] .date-tile small{color:var(--muted)}
html[data-theme=light] :is(.pet-bottom,.small-paw){color:var(--green)}
html[data-theme=light] :is(.pet-info h3 span,.service-card>span:last-child){color:var(--muted)}
html[data-theme=light] .pet-species{background:#172d40}