/* DigitClínicas: centralized design tokens for the approved five skins.
   Logo files are NEVER transformed by these tokens. */
.app-shell,.auth-layout{--skin-header:#0b2e48;--skin-sidebar:#062842;--skin-sidebar-end:#083e57;--skin-accent:#087f85;--skin-highlight:#55d7ba;--skin-page:#f1f5fa;--skin-card:#ffffff;--skin-ink:#13314e;--skin-muted:#71869a;--skin-border:#e0eaf2;--skin-shadow:0 7px 24px #123c5512}
.theme-aurora{--skin-header:#2b1f50;--skin-sidebar:#26193e;--skin-sidebar-end:#46316d;--skin-accent:#7951b1;--skin-highlight:#d9b5ff;--skin-page:#f5f1fa;--skin-card:#fff;--skin-ink:#2b2347;--skin-border:#e9e0f4}
.theme-graphite{--skin-header:#161e28;--skin-sidebar:#101821;--skin-sidebar-end:#293847;--skin-accent:#4b7a94;--skin-highlight:#92cfe0;--skin-page:#202a34;--skin-card:#293542;--skin-ink:#f0f5f8;--skin-muted:#b4c8d6;--skin-border:#3d4a56;--skin-shadow:0 8px 25px #0004}
.theme-health{--skin-header:#07535a;--skin-sidebar:#064349;--skin-sidebar-end:#0a7774;--skin-accent:#0e9183;--skin-highlight:#8de9c4;--skin-page:#edf8f6;--skin-card:#fff;--skin-ink:#104747;--skin-border:#d6eae5}
.theme-eclipse{--skin-header:#f8fbff;--skin-sidebar:#e8f1fb;--skin-sidebar-end:#e0ebf8;--skin-accent:#2167b0;--skin-highlight:#437ed9;--skin-page:#f9fbff;--skin-card:#fff;--skin-ink:#18324c;--skin-muted:#648097;--skin-border:#d8e5f0}
.app-shell{background:var(--skin-page)!important;color:var(--skin-ink)}
.app-shell .sidebar{background:linear-gradient(160deg,var(--skin-sidebar),var(--skin-sidebar-end))!important;border-color:var(--skin-border)}
.app-shell .topbar{background:var(--skin-header)!important;border-bottom:1px solid var(--skin-border)}
.app-shell .content-area{background:var(--skin-page)}
.app-shell .surface-card,.app-shell .metric-card,.app-shell .dc-dashboard-kpi,.app-shell .dc-visual-card,.app-shell .dc-design-preview{background:var(--skin-card);color:var(--skin-ink);border:1px solid var(--skin-border);box-shadow:var(--skin-shadow)}
.app-shell .surface-card h2,.app-shell .surface-card h3,.app-shell .surface-card h4,.app-shell .metric-value,.app-shell .page-heading h1,.app-shell .dc-dashboard-kpi strong{color:var(--skin-ink)}
.app-shell .side-link.active{background:color-mix(in srgb,var(--skin-accent),transparent 55%)!important;box-shadow:inset 3px 0 var(--skin-highlight)!important}
.app-shell .side-link.active i{color:var(--skin-highlight)!important}
.app-shell .btn-brand{background:var(--skin-accent)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--skin-accent),transparent 75%)!important}
.app-shell .topbar .global-search{background:color-mix(in srgb,var(--skin-header),#fff 10%);border-color:color-mix(in srgb,var(--skin-header),#fff 19%)}
.app-shell .metric-icon,.app-shell .dc-dashboard-kpi-icon{color:var(--skin-accent);background:color-mix(in srgb,var(--skin-highlight),transparent 80%)}
.theme-graphite .table-modern,.theme-graphite .table-modern td,.theme-graphite .table-modern th,.theme-graphite .surface-card p,.theme-graphite .metric-label,.theme-graphite .metric-hint,.theme-graphite .dc-dashboard-kpi small{color:#e3ebf1}
.theme-graphite .table-modern tr,.theme-graphite .table-modern th{border-color:#40505f}
.theme-graphite .table-modern thead{background:#344554}
.theme-graphite .form-control,.theme-graphite .form-select{background:#182633;color:#f3f8ff;border-color:#53687b}
.theme-graphite .form-control::placeholder{color:#acbac8}
.theme-graphite .soft-box,.theme-graphite .code-lite{background:#354555;color:#e0eaf5}
.theme-eclipse .sidebar .brand,.theme-eclipse .sidebar .side-link,.theme-eclipse .topbar .breadcrumb-compact,.theme-eclipse .topbar .breadcrumb-compact strong,.theme-eclipse .topbar .profile-trigger,.theme-eclipse .topbar .profile-copy small{color:#173953!important}
.theme-eclipse .sidebar .brand-word,.theme-eclipse .sidebar .brand-word span{color:#173953!important}
.theme-eclipse .topbar .top-icon{color:#173953;background:#e8f3ff}
.theme-eclipse .topbar .global-search input{color:#163b56}
.theme-eclipse .topbar .global-search input::placeholder{color:#647e96}
.theme-eclipse .topbar .global-search kbd{color:#173953;background:#dceafa}
.theme-eclipse .side-link.active{color:#084c87!important}
.theme-eclipse .sidebar .brand-credit,.theme-eclipse .sidebar .version-card{color:#173953}
/* Reuse same skin tokens on the login, without ever altering the brand artwork */
.auth-layout.theme-aurora .auth-showcase{background:linear-gradient(110deg,#1a123beF,#332260b9),var(--dc-login-image,url('../images/clinic-atmosphere.svg')) center/cover no-repeat!important}
.auth-layout.theme-graphite .auth-showcase{background:linear-gradient(110deg,#101a24ed,#27313bd0),var(--dc-login-image,url('../images/clinic-atmosphere.svg')) center/cover no-repeat!important}
.auth-layout.theme-health .auth-showcase{background:linear-gradient(110deg,#07474be8,#076d67c9),var(--dc-login-image,url('../images/clinic-atmosphere.svg')) center/cover no-repeat!important}
.auth-layout.theme-eclipse .auth-showcase{background:linear-gradient(110deg,#1b3b62de,#3a71aa9a),var(--dc-login-image,url('../images/clinic-atmosphere.svg')) center/cover no-repeat!important}
.dc-skin-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.dc-skin-select{position:relative;display:block;cursor:pointer;border:1px solid var(--skin-border);padding:9px;border-radius:13px;background:var(--skin-card)}
.dc-skin-select:has(input:checked){outline:2px solid var(--skin-accent);outline-offset:1px}
.dc-skin-select input{position:absolute;top:10px;right:10px;accent-color:var(--skin-accent)}
.dc-skin-preview{height:88px;display:grid;grid-template-columns:26% 1fr;overflow:hidden;border-radius:7px;margin-bottom:10px}
.dc-skin-preview>span:first-child{background:var(--preview-side)}
.dc-skin-preview>span:last-child{background:linear-gradient(var(--preview-head) 0 22%,var(--preview-paper) 22% 100%);position:relative}
.dc-skin-preview>span:last-child:after{content:"";position:absolute;inset:39% 13% 13%;background:repeating-linear-gradient(90deg,var(--preview-accent) 0 10px,transparent 10px 19px);opacity:.45}
.dc-skin-select strong{font-size:12px;display:block}
.dc-skin-select small{font-size:10px;color:var(--skin-muted)}
.dc-design-preview{border-radius:14px;overflow:hidden;min-height:195px}
.dc-design-preview .preview-top{background:var(--skin-header);height:39px;color:#fff;padding:10px 15px;font-size:11px}
.dc-design-preview .preview-body{display:grid;grid-template-columns:27% 1fr;min-height:150px;background:var(--skin-page)}
.dc-design-preview .preview-nav{background:var(--skin-sidebar);padding:16px 10px;display:grid;gap:10px}
.dc-design-preview .preview-nav>span{height:7px;border-radius:6px;background:var(--skin-highlight);opacity:.8}
.dc-design-preview .preview-main{padding:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-content:start}
.dc-design-preview .preview-main>span{height:55px;border-radius:9px;background:var(--skin-card);border:1px solid var(--skin-border)}
.dc-tabs{display:flex;gap:5px;overflow:auto;border:1px solid var(--skin-border);border-radius:14px;background:var(--skin-card);padding:6px;margin-bottom:20px;scrollbar-width:thin}
.dc-tabs .nav-link{white-space:nowrap;color:var(--skin-muted);border-radius:9px;font-size:12px;padding:11px 14px}
.dc-tabs .nav-link.active{background:color-mix(in srgb,var(--skin-accent),transparent 88%);color:var(--skin-accent);font-weight:750}
.dc-section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:15px}
.dc-pill{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:5px 10px;font-size:11px;background:#e7f3fb;color:#17628f;font-weight:700}
.dc-action-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:15px}
@media(max-width:900px){.dc-skin-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.dc-skin-options{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-skin-preview{height:60px}}