/* OBX UI Premium 1.9 — capa visual local; no modifica APIs, formularios ni permisos. */
:root{--obx-navy:#10233f;--obx-blue:#087eae;--obx-teal:#12b8ae;--obx-canvas:#f2f5fa;--obx-surface:#fff;--obx-ink:#172b45;--obx-muted:#61738c;--obx-line:#e0e8f2;--obx-shadow:0 8px 26px rgba(16,35,63,.055);--obx-radius:16px;--obx-focus:0 0 0 3px rgba(18,184,174,.22);color-scheme:light}
html{scroll-behavior:smooth}body{background:var(--obx-canvas);color:var(--obx-ink);font-family:Inter,'Segoe UI Variable','Segoe UI',system-ui,sans-serif;letter-spacing:-.01em}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{transition:background-color .17s,border-color .17s,box-shadow .17s,color .17s,transform .17s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--obx-teal);outline-offset:2px;box-shadow:var(--obx-focus)}
.obx-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.obx-ico{width:19px;height:19px;flex:0 0 19px;stroke:currentColor;fill:none;vertical-align:middle}.obx-icon-circle{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(8,126,174,.12);color:var(--obx-blue)}
.hidden{display:none!important}.muted{color:var(--obx-muted)}.eyebrow{color:#277a9c;font-size:10px;letter-spacing:.16em;font-weight:800}
/* Acceso: estructura Microsoft 365 con acento tecnológico moderado */
.login-page{background:radial-gradient(ellipse at 86% 10%,#185b88 0,transparent 42%),linear-gradient(145deg,#0b1c34,#102d51 68%,#073f58);padding:30px;gap:0}
.login-page:before{content:'OBX  /  ASISTENCIA CLOUD';display:flex;align-items:end;justify-content:flex-start;padding:46px;max-width:520px;min-height:430px;flex:1 1 380px;font-weight:750;font-size:clamp(26px,3vw,45px);letter-spacing:.11em;color:#f8ffff;line-height:1.3;background:radial-gradient(circle at 20% 28%,rgba(18,184,174,.23) 0 10%,transparent 10.3%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.028) 59px 60px),repeating-linear-gradient(0deg,transparent 0 58px,rgba(255,255,255,.028) 59px 60px);border-radius:22px 0 0 22px;border:1px solid rgba(255,255,255,.09);border-right:0}
.login-card{border-radius:0 22px 22px 0;width:min(500px,100%);padding:40px 43px;box-shadow:0 18px 70px rgba(3,12,24,.27);max-height:calc(100vh - 44px);overflow:auto}.login-card h1{font-size:clamp(27px,3vw,35px);letter-spacing:-.045em}.login-card form{margin-top:20px}.login-card input{border-radius:11px;border-color:var(--obx-line);min-height:47px}.login-card .primary{width:100%;min-height:47px}.logo-login{width:148px;height:62px}.login-quick-link{border-color:var(--obx-line);background:#f9fbfe}.login-quick-link:hover{transform:translateY(-1px);border-color:var(--obx-teal)}.login-quick-link>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--obx-blue);background:#e7f4fa}.login-card .tiny{margin-top:20px}
/* Navegación y estructura */
.app{background:var(--obx-canvas)}.sidebar{width:249px;background:linear-gradient(175deg,#10233f 0%,#0c2945 78%,#0a304a 100%);padding:22px 15px 16px;border-right:1px solid rgba(255,255,255,.07);box-shadow:8px 0 24px rgba(16,35,63,.04);scrollbar-color:#395470 transparent}.sidebar .logo{width:159px;height:65px;object-fit:contain;background:white;border-radius:12px;padding:8px;margin:0 7px}.side-brand{margin:11px 12px 23px}.side-brand strong{font-size:16px;letter-spacing:-.01em}.side-brand small{color:#a4bad2}.side-label{color:#6ca5c5}.side-divider{background:rgba(255,255,255,.1);margin-bottom:17px}.nav-item{margin-bottom:3px;padding:12px 13px;border:1px solid transparent;border-radius:10px;gap:13px;font-weight:570;color:#b9cbe0;font-size:13.4px}.nav-item:hover{background:rgba(43,123,175,.24);color:#fff}.nav-item.selected{background:linear-gradient(90deg,#075c91,#086b99);border-color:rgba(92,217,211,.23);color:#fff;box-shadow:inset 3px 0 0 var(--obx-teal)}.nav-item .obx-ico{width:18px;height:18px;flex-basis:18px}.sidebar-bottom{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.085);padding:12px;border-radius:13px}.security-dot{margin:0 2px 12px}.security-dot span{color:#bfd2e4}.logout{border-radius:9px;font-size:12px;text-align:center}
.topbar{height:94px;padding:18px 32px;border-bottom:1px solid var(--obx-line);background:var(--obx-surface);position:sticky;top:0;z-index:7;box-shadow:0 2px 14px rgba(16,35,63,.025)}.topbar h1{font-size:24px;font-weight:760;letter-spacing:-.04em;margin-top:5px}.obx-titlebar{display:flex;align-items:center;gap:14px;min-width:0}.toolbar{gap:10px}.toolbar select{width:192px}.tenant-logo{border-radius:11px;width:44px;height:44px}.local-tag{background:#e2f6ec;color:#15815f;letter-spacing:.04em;border-radius:20px;padding:10px 13px}.obx-theme-toggle{width:40px;height:40px;display:grid;place-items:center;padding:7px!important;border-radius:11px}.obx-mobile-menu{display:none;padding:9px!important}.obx-sidebar-shade{display:none}.content{padding:27px 32px;max-width:1580px}.content>.heading{margin:0 0 18px}.content>.heading h2{font-size:26px;letter-spacing:-.045em}.heading p,.dashboard-title p{line-height:1.6}.dashboard-title{margin:0 0 19px}.dashboard-title h2{font-size:27px}.dashboard-title .outline{align-self:center}
/* Sistema de componentes */
.primary{background:linear-gradient(105deg,#087eae,#076a9f);border-radius:10px;font-weight:740;box-shadow:0 3px 9px rgba(8,126,174,.12)}.primary:hover{background:linear-gradient(105deg,#096e99,#075984);transform:translateY(-1px)}.outline{border-color:#cfdeea;color:#284966;border-radius:10px}.outline:hover{background:#f3fafc;border-color:#78bbc8}.panel,.stat,.camera-panel,.modal-card{background:var(--obx-surface);border:1px solid var(--obx-line);border-radius:var(--obx-radius);box-shadow:var(--obx-shadow)}.panel{padding:23px 24px}.panelhead h3{font-size:18px;letter-spacing:-.025em}.stat{position:relative;overflow:hidden;padding:23px}.stat:before{position:absolute;right:18px;top:13px;content:'';width:36px;height:36px;border-radius:12px;background:rgba(15,120,184,.085)}.stats .stat:nth-child(2):before{background:rgba(18,184,174,.13)}.stats .stat:nth-child(3):before{background:rgba(106,107,210,.12)}.stats .stat:nth-child(4):before{background:rgba(222,131,52,.13)}.stat span,.weekly-metric span{font-weight:650;font-size:12px;color:var(--obx-muted)}.stat strong{font-size:40px;line-height:1.2;color:var(--obx-navy);letter-spacing:-.06em}.stat small{color:var(--obx-muted)}.pill{background:#e9f5fb;color:#136289}.hint{border:1px solid #d7e8f2;border-left:3px solid var(--obx-blue);background:#f0f8fc;border-radius:12px}.status-pill{border-radius:30px}table{font-size:13px}th{background:#f4f7fb;color:#718099;font-size:10.5px}th,td{padding:14px}tbody tr:hover{background:rgba(8,126,174,.035)}.table-wrap{border:1px solid #edf1f6;border-radius:11px;max-width:100%}.panel .table-wrap{border:0}.modal-backdrop{backdrop-filter:blur(4px)}.modal-card{border-radius:20px}.rules-form input,.rules-form select,.rules-form textarea,.modal-card input,.modal-card select,.modal-card textarea{border:1px solid #cfdde9;border-radius:10px;background:var(--obx-surface);color:var(--obx-ink)}.list-row{padding:15px 0}.toast{background:var(--obx-navy);border:1px solid rgba(18,184,174,.3)}
/* Indicadores semanales: datos reales sin nuevo endpoint */
.weekly-panel{margin-bottom:22px}.weekly-filters{background:#f8fbff;border:1px solid #e1eaf3;padding:17px;border-radius:13px}.weekly-metric{background:#fff!important;border:1px solid var(--obx-line);border-top:0!important;box-shadow:none;border-radius:13px;position:relative;padding:17px 16px}.weekly-metric:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:#087eae}.weekly-metric:nth-child(3n+2):before{background:#12b8ae}.weekly-metric:nth-child(3n+3):before{background:#e9a447}.weekly-metric strong{color:var(--obx-navy);letter-spacing:-.04em}.weekly-ranking{background:#fff;border-radius:14px;border-color:#dce6f1}.weekly-ranking h4{font-size:15px}.weekly-rank{background:#e9f4fb;color:#087eae}.weekly-top li>b{color:#0f5676}
.obx-weekly-insight{border:1px solid var(--obx-line);border-radius:14px;background:linear-gradient(120deg,#f9fcff,#fff);padding:20px 22px;margin:9px 0 20px;display:grid;grid-template-columns:minmax(180px,.6fr) minmax(300px,1.5fr);gap:25px;align-items:center}.obx-weekly-insight h4{margin:5px 0 6px;font-size:18px}.obx-weekly-insight p{font-size:12px;line-height:1.55}.obx-week-bars{display:grid;gap:11px}.obx-week-bar-row{display:grid;grid-template-columns:130px minmax(0,1fr) 42px;align-items:center;gap:11px;font-size:12px}.obx-week-bar-label{color:var(--obx-muted);font-weight:650}.obx-week-bar-track{height:9px;background:#e5edf4;border-radius:20px;overflow:hidden}.obx-week-bar-fill{display:block;height:100%;border-radius:20px;background:var(--obx-blue)}.obx-week-bar-row:nth-child(2) .obx-week-bar-fill{background:var(--obx-teal)}.obx-week-bar-row:nth-child(3) .obx-week-bar-fill{background:#e89b47}.obx-week-bar-row:nth-child(4) .obx-week-bar-fill{background:#796aca}.obx-week-bar-row b{text-align:right;white-space:nowrap;color:var(--obx-ink)}
/* Calendario RH premium: mini-estados accesibles con detalles reales */
.hr-calendar-panel{overflow:hidden}.hr-calendar-controls{background:#f7fafd;border:1px solid var(--obx-line);border-radius:12px;padding:14px}.obx-calendar-summary-text{font-size:12px;line-height:1.5;margin:7px 0}.obx-calendar-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.obx-cal-kpi{border:1px solid var(--obx-line);background:#fff;padding:13px 11px;border-radius:13px;display:flex;align-items:center;gap:9px;min-width:0}.obx-cal-kpi .obx-ico{width:22px;height:22px;flex-basis:22px}.obx-cal-kpi b{display:block;font-size:20px;line-height:1.2}.obx-cal-kpi span{display:block;font-size:10px;color:var(--obx-muted);line-height:1.4}.obx-cal-kpi.green{color:#168a66}.obx-cal-kpi.blue{color:#197bc3}.obx-cal-kpi.gray{color:#737e96}.obx-cal-kpi.amber{color:#cc7f25}.obx-cal-kpi.purple{color:#865ac4}.obx-calendar-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.obx-calendar-workspace>.hr-month-grid{margin:0;min-width:0}.hr-month-grid{gap:7px}.hr-month-head{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#70849d}.hr-day{min-height:88px;padding:10px;border-radius:12px;gap:7px;text-align:left;appearance:none;font:inherit;cursor:pointer;position:relative}.hr-day b{font-size:14px;color:var(--obx-ink)}.hr-day span{font-size:10px;line-height:1.4}.hr-day:hover{box-shadow:0 4px 14px #0e385725;transform:translateY(-1px);border-color:#82aec7}.hr-day.selected{outline:2px solid var(--obx-blue);outline-offset:-2px;box-shadow:0 0 0 3px rgba(8,126,174,.13)}.hr-day .obx-ico{height:17px;width:17px;color:inherit;flex:0 0 auto}.hr-day-top{display:flex;justify-content:space-between;align-items:center}.hr-day-state{display:flex;align-items:center;gap:5px}.hr-day.state-asistencia{color:#168a66;background:#eafaef}.hr-day.state-vacaciones,.hr-day.state-permiso,.hr-day.state-entrada_con_justificante{color:#1473bd;background:#e8f3ff}.hr-day.state-incapacidad,.hr-day.state-ausencia_justificada{color:#159b98;background:#e7faf7}.hr-day.state-inhabil,.hr-day.state-descanso{color:#697789;background:#f1f4f7}.hr-day.state-sin_registro_por_revisar,.hr-day.state-falta_reportada,.hr-day.state-falta_confirmada{color:#bb7417;background:#fff4e7}.hr-day.state-calendario_pendiente,.hr-day.state-entrada_sin_calendario,.hr-day.state-entrada_sin_fecha_ingreso,.hr-day.state-fecha_ingreso_pendiente{color:#8353bc;background:#f5edff}.hr-day.state-trabajo_inhabil,.hr-day.state-trabajo_descanso{color:#bb7417;background:#fff6e7}.hr-day.state-programado,.hr-day.state-en_curso{color:#27749e}.obx-calendar-detail{border:1px solid var(--obx-line);border-radius:14px;padding:18px;background:#fbfdff;position:sticky;top:115px;min-height:266px;box-shadow:var(--obx-shadow);font-size:12px}.obx-calendar-detail h4{font-size:16px;margin:0 0 11px}.obx-calendar-detail p{line-height:1.6;color:var(--obx-muted)}.obx-cal-selected-date{display:flex;align-items:center;gap:10px;margin:13px 0}.obx-cal-selected-date>strong{width:50px;height:50px;border-radius:12px;background:linear-gradient(120deg,#087eae,#10b8b2);color:#fff;display:grid;place-items:center;font-size:23px}.obx-cal-selected-date h4{margin:0}.obx-cal-detail-row{display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--obx-line);padding:11px 0;line-height:1.5}.obx-cal-detail-row .obx-ico{color:var(--obx-blue);flex-basis:18px}.obx-calendar-empty{text-align:center;padding:35px 4px}.obx-calendar-empty .obx-ico{height:35px;width:35px;color:#7295ac}.calendar-legend{border-top:1px solid var(--obx-line);padding-top:15px;margin-top:18px;gap:12px}.calendar-legend span{display:inline-flex;align-items:center;gap:6px;color:var(--obx-muted)!important}.calendar-legend span .obx-ico{width:15px;height:15px;flex-basis:15px}.calendar-legend span:nth-child(1) .obx-ico{color:#168a66}.calendar-legend span:nth-child(2) .obx-ico{color:#197bc3}.calendar-legend span:nth-child(4) .obx-ico{color:#cd8122}.calendar-legend span:nth-child(5) .obx-ico{color:#8353bc}
/* Formularios, kiosco embebido y portal */
.camera{background:radial-gradient(circle at center,#133b56,#07192a 80%);border:1px solid #1b455a}.camera-frame{border-color:rgba(18,184,174,.65);box-shadow:0 0 24px rgba(18,184,174,.09)}.camera-label{color:#7beddd}.camera-controls{align-items:center}.result{border-radius:14px}.portal-body{background:var(--obx-canvas);color:var(--obx-ink)}.portal-header{background:var(--obx-navy);border-bottom:2px solid rgba(18,184,174,.45)}.portal-header a{color:#e3f6fa}.portal-main{max-width:1150px}.portal-card{background:var(--obx-surface);border-color:var(--obx-line);box-shadow:var(--obx-shadow);border-radius:16px}.portal-tabs .selected{background:var(--obx-blue)}.portal-welcome h1{font-size:30px;letter-spacing:-.04em}.portal-qr-priority{border:1px solid #84bed6!important;background:#f4fbfc}.portal-form input,.portal-form select,.portal-form textarea{background:var(--obx-surface);border-color:#cfdde9}.portal-header .obx-theme-toggle{margin-left:6px;min-width:42px;color:#e8f6ff;background:#1b4065;border-color:#355b79}
/* Tema oscuro, voluntario por navegador */
html[data-obx-theme="dark"]{color-scheme:dark;--obx-canvas:#101b2a;--obx-surface:#1a2b40;--obx-ink:#e7f0fb;--obx-muted:#a9bdd2;--obx-line:#31465e;--obx-shadow:0 8px 26px rgba(0,0,0,.14)}
html[data-obx-theme="dark"] .topbar,html[data-obx-theme="dark"] .panel,html[data-obx-theme="dark"] .stat,html[data-obx-theme="dark"] .weekly-ranking,html[data-obx-theme="dark"] .weekly-metric,html[data-obx-theme="dark"] .obx-weekly-insight,html[data-obx-theme="dark"] .obx-cal-kpi,html[data-obx-theme="dark"] .obx-calendar-detail,html[data-obx-theme="dark"] .modal-card,html[data-obx-theme="dark"] .portal-card{background:var(--obx-surface);color:var(--obx-ink)}
html[data-obx-theme="dark"] .dashboard-title h2,html[data-obx-theme="dark"] .stat strong,html[data-obx-theme="dark"] .weekly-metric strong,html[data-obx-theme="dark"] .hr-day b,html[data-obx-theme="dark"] .portal-card h2,html[data-obx-theme="dark"] .portal-welcome h1{color:var(--obx-ink)}
html[data-obx-theme="dark"] .weekly-filters,html[data-obx-theme="dark"] .hint,html[data-obx-theme="dark"] .geo-kiosk-options,html[data-obx-theme="dark"] .workday-set label{background:#21374e;color:#d1e2f2}html[data-obx-theme="dark"] .outline,html[data-obx-theme="dark"] input,html[data-obx-theme="dark"] select,html[data-obx-theme="dark"] textarea,html[data-obx-theme="dark"] .toolbar select,html[data-obx-theme="dark"] .hr-calendar-controls,html[data-obx-theme="dark"] .portal-tabs button:not(.selected){background:#223951;color:#eaf4fc;border-color:#425e78}html[data-obx-theme="dark"] th{background:#253b53;color:#b2c9db}html[data-obx-theme="dark"] td{color:#d4e4f3}html[data-obx-theme="dark"] .hr-day.state-asistencia{background:#163e3d}html[data-obx-theme="dark"] .hr-day.state-vacaciones,html[data-obx-theme="dark"] .hr-day.state-permiso,html[data-obx-theme="dark"] .hr-day.state-entrada_con_justificante{background:#183759}html[data-obx-theme="dark"] .hr-day.state-incapacidad{background:#153d42}html[data-obx-theme="dark"] .hr-day.state-calendario_pendiente,html[data-obx-theme="dark"] .hr-day.state-entrada_sin_calendario{background:#372b4b}html[data-obx-theme="dark"] .hr-day.state-sin_registro_por_revisar{background:#443b2c}html[data-obx-theme="dark"] .hr-day.state-descanso,html[data-obx-theme="dark"] .hr-day.state-inhabil{background:#27384a}html[data-obx-theme="dark"] .hr-day.state-programado{background:#20364e}html[data-obx-theme="dark"] .hr-day.state-asistencia b,html[data-obx-theme="dark"] .hr-day.state-vacaciones b,html[data-obx-theme="dark"] .hr-day.state-calendario_pendiente b{color:#dcebf8}
/* Adaptabilidad y movimiento */
@media(max-width:1220px){.obx-calendar-workspace{grid-template-columns:minmax(0,1fr)}.obx-calendar-detail{position:static;min-height:140px}.obx-calendar-kpis{grid-template-columns:repeat(3,1fr)}.obx-weekly-insight{grid-template-columns:1fr}}
@media(max-width:1100px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-104%);transition:transform .2s ease;z-index:30;width:245px}.app.obx-menu-open .sidebar{transform:translateX(0)}.app.obx-menu-open .obx-sidebar-shade{display:block;position:fixed;inset:0;z-index:29;background:rgba(6,19,38,.6)}.obx-mobile-menu{display:grid;place-items:center}.nav-item span{display:inline}.sidebar .side-brand,.sidebar .side-divider,.sidebar .side-label,.sidebar .sidebar-bottom span{display:initial}.sidebar .logo{width:159px;height:65px}.sidebar-bottom{margin-top:auto}.nav-item{font-size:13.4px;justify-content:flex-start;padding:12px 13px}.login-page:before{display:none}.login-card{border-radius:20px}.topbar{height:auto;min-height:80px;padding:15px 20px}.content{padding:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{display:flex;gap:12px;align-items:flex-start}.topbar h1{font-size:19px}.topbar .toolbar{margin-top:0;justify-content:flex-end}.toolbar select{width:135px}.toolbar .local-tag,.toolbar #tenantLogo,.toolbar #companyNew{display:none}.content{padding:14px}.panel{padding:17px}.stats{gap:10px}.stat{padding:18px}.stat strong{font-size:30px}.weekly-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.obx-calendar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.obx-calendar-workspace{min-width:0}.hr-month-grid{gap:4px}.hr-day{min-height:62px;padding:5px 4px;gap:3px;border-radius:8px}.hr-day b{font-size:12px}.hr-day .obx-ico{height:13px;width:13px}.hr-day span{font-size:9px;line-height:1.12}.hr-month-head{font-size:10px}.obx-week-bar-row{grid-template-columns:91px minmax(0,1fr) 30px;gap:7px}.obx-weekly-insight{padding:13px}.login-page{padding:13px}.login-card{padding:25px}.portal-welcome{align-items:flex-start}.portal-header{gap:9px}.portal-header .obx-theme-toggle{min-width:36px}}
@media(max-width:440px){.hr-day .hr-day-state{display:block}.hr-day .hr-day-state .obx-ico{display:block;margin-bottom:1px}.topbar .toolbar select{width:110px}.weekly-metrics{grid-template-columns:1fr 1fr}.portal-tabs button{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Tema oscuro: la pantalla de acceso también debe ser legible tras cerrar sesión. */
html[data-obx-theme="dark"] .login-card{background:#1a2b40;color:#eaf1fa}
html[data-obx-theme="dark"] .login-card h1,html[data-obx-theme="dark"] .login-card label{color:#eaf1fa}
html[data-obx-theme="dark"] .login-quick-link{background:#223a53;border-color:#37536c;color:#e7f3fb}
html[data-obx-theme="dark"] .login-quick-link small{color:#b4cce0}
html[data-obx-theme="dark"] .login-card input{background:#233a52;border-color:#44617a;color:#eaf1fa}
html[data-obx-theme="dark"] .portal-tabs button:not(.selected),html[data-obx-theme="dark"] .portal-card input,html[data-obx-theme="dark"] .portal-card textarea,html[data-obx-theme="dark"] .portal-card select{background:#223a53;color:#f0f7ff;border-color:#43617d}
html[data-obx-theme="dark"] .weekly-ranking .tiny,html[data-obx-theme="dark"] .obx-weekly-insight .muted{color:#a9bdd2}

/* Ajustes finales para navegación tablet y accesibilidad del tema oscuro. */
@media(max-width:1100px){.sidebar .side-brand{display:grid}.sidebar .side-divider{display:block}.sidebar .side-label{display:block}.sidebar .sidebar-bottom span{display:inline}.sidebar .side-brand small{display:block}}
html[data-obx-theme="dark"] .stats .stat:nth-child(n){background:#1a2b40;border-color:#31465e}
html[data-obx-theme="dark"] .obx-week-bar-track{background:#354c65}
html[data-obx-theme="dark"] .login-card .muted{color:#b7c9dd}