/* ==========================================================================
   THRS V14.14 — Attendance Visual Luxury Refinement
   Cosmetic-only, route-local finishing layer. No new grid, reordering,
   visibility rules, sticky elements, widths or functional handlers.
   ========================================================================= */
html[data-theme="light"] .thrs-page-attendance[data-thrs-attendance-v1411] {
  --v1414-canvas:#f4f7fb;
  --v1414-surface:#ffffff;
  --v1414-raised:#fbfcff;
  --v1414-ink:#152b43;
  --v1414-muted:#596e84;
  --v1414-stroke:#dce4ec;
  --v1414-hair:#e9eef4;
  --v1414-gold:#b68442;
  --v1414-gold-ink:#9c6b2f;
  --v1414-navy:#112f4d;
  --v1414-ring:rgba(182,132,66,.20);
  --v1414-shadow:0 2px 3px rgba(20,48,72,.014),0 11px 27px rgba(20,48,72,.063);
  --v1414-shadow-hover:0 3px 7px rgba(20,48,72,.03),0 19px 36px rgba(20,48,72,.095);
  --v1414-stripe:rgba(179,134,74,.12);
}
html[data-theme="dark"] .thrs-page-attendance[data-thrs-attendance-v1411] {
  --v1414-canvas:#0b1c30;
  --v1414-surface:#142e47;
  --v1414-raised:#193852;
  --v1414-ink:#f0f5fd;
  --v1414-muted:#c0d0e0;
  --v1414-stroke:#3a5571;
  --v1414-hair:#284861;
  --v1414-gold:#dfbd86;
  --v1414-gold-ink:#f1d49e;
  --v1414-navy:#0d2943;
  --v1414-ring:rgba(232,193,129,.18);
  --v1414-shadow:0 2px 4px rgba(0,8,20,.12),0 13px 29px rgba(0,8,20,.22);
  --v1414-shadow-hover:0 4px 9px rgba(0,8,20,.16),0 22px 41px rgba(0,8,20,.34);
  --v1414-stripe:rgba(235,193,126,.13);
}
/* Unified type rendering, no structural changes */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] {
  color:var(--v1414-ink) !important;
  font-feature-settings:"tnum" 1,"lnum" 1;
  -webkit-font-smoothing:antialiased;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] :is(
  h1,h2,h3,h4,strong
) { text-wrap:pretty; }
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] :is(
 .thrs-attendance-v1410-ident-copy h1,
 .thrs-attendance-v1411-context h2,
 .thrs-attendance-section-head h2
) {
  color:var(--v1414-ink) !important;
  font-weight:900 !important;
  letter-spacing:-.038em !important;
  text-shadow:none !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] :is(
 .thrs-attendance-v1410-ident-copy p,
 .thrs-attendance-v1411-context p,
 .thrs-attendance-section-head>div:first-child>div
) {
  color:var(--v1414-muted) !important;
  line-height:1.68 !important;
  letter-spacing:0 !important;
}
/* A restrained architectural masthead: the gold highlight is a fine light
   reflection, not a large gradient object. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1410-masthead {
  background:
    radial-gradient(ellipse at 94% 0%,color-mix(in srgb,var(--v1414-gold) 7%,transparent),transparent 52%),
    linear-gradient(134deg,var(--v1414-surface),var(--v1414-raised)) !important;
  border-color:var(--v1414-stroke) !important;
  box-shadow:var(--v1414-shadow),inset 0 1px 0 rgba(255,255,255,.08) !important;
  border-radius:18px !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1410-masthead::before {
  background:linear-gradient(90deg,transparent 1%,#a77840 14%,#e9c68d 47%,#c29550 83%,transparent) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1410-emblem {
  background:linear-gradient(155deg,#204968,#0b2841) !important;
  border-color:rgba(234,198,141,.59) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 9px 21px rgba(4,27,47,.17) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] :is(
 .thrs-attendance-v1410-eyebrow,.thrs-attendance-v1411-section-kicker
) {
  color:var(--v1414-gold-ink) !important;
  font-weight:850 !important;
  letter-spacing:.11em !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1410-tag {
  color:var(--v1414-muted) !important;
  background:var(--v1414-surface) !important;
  border:1px solid var(--v1414-stroke) !important;
  box-shadow:0 2px 8px rgba(17,42,69,.045) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1410-tag svg {
  color:var(--v1414-gold) !important;
}
/* Tabs: soft inactive surfaces, a crisp navy selected tab and gold indicator.
   The same elements remain in their original positions. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1411-nav-button {
  background:transparent !important;
  color:var(--v1414-muted) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  font-weight:820 !important;
  text-shadow:none !important;
  transition:background-color .17s ease,border-color .17s ease,color .17s ease,box-shadow .17s ease,transform .17s ease !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1411-nav-button:hover:not(.is-active) {
  background:var(--v1414-raised) !important;
  border-color:var(--v1414-stroke) !important;
  color:var(--v1414-ink) !important;
  box-shadow:0 2px 9px rgba(17,42,69,.045) !important;
  transform:translateY(-1px) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1411-nav-button.is-active {
  color:#fff !important;
  background:linear-gradient(135deg,#1e4b6b,#0d2f4c) !important;
  border:1px solid rgba(218,178,116,.62) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 6px 16px rgba(7,38,65,.17) !important;
  transform:none !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1411-nav-button.is-active svg {
  color:#f6d6a0 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1411-nav-button em {
  color:var(--v1414-muted) !important;
  background:var(--v1414-raised) !important;
  border-color:var(--v1414-stroke) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1411-nav-button.is-active em {
  color:#ffe4ba !important;
  background:rgba(247,220,173,.13) !important;
  border-color:rgba(247,220,173,.31) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-attendance-v1411-context-glyph {
  background:linear-gradient(145deg,var(--v1414-surface),var(--v1414-raised)) !important;
  color:var(--v1414-gold) !important;
  border:1px solid var(--v1414-stroke) !important;
  box-shadow:var(--v1414-shadow) !important;
}
/* Card finish: eliminate inconsistent hardcoded white/blue from previous
   layers without touching any content, grid or vertical spacing. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] :is(
 .thrs-premium-panel,.thrs-attendance-overview-section
) {
  color:var(--v1414-ink) !important;
  background:
    linear-gradient(168deg,var(--v1414-surface),var(--v1414-raised)) !important;
  border:1px solid var(--v1414-stroke) !important;
  border-radius:17px !important;
  box-shadow:var(--v1414-shadow) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] :is(
 .thrs-premium-panel-head,.thrs-attendance-section-head
) {
  border-bottom-color:var(--v1414-hair) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-premium-panel-head h3 {
  color:var(--v1414-ink) !important;
  font-weight:875 !important;
  letter-spacing:-.012em !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-premium-panel-head h3::before {
  background:linear-gradient(180deg,#f5dbad,#bd8847) !important;
  box-shadow:0 0 0 3px var(--v1414-ring) !important;
  border-radius:99px !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] .thrs-premium-panel-badge {
  color:var(--v1414-gold-ink) !important;
  background:color-mix(in srgb,var(--v1414-gold) 9%,var(--v1414-surface)) !important;
  border:1px solid color-mix(in srgb,var(--v1414-gold) 29%,var(--v1414-stroke)) !important;
  box-shadow:none !important;
  font-weight:825 !important;
}
/* TODAY: polished command card with cool lighting and warm clock. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-hero {
  background:
    radial-gradient(ellipse at 83% 8%,rgba(219,167,92,.23),transparent 38%),
    radial-gradient(ellipse at 23% 99%,rgba(64,139,185,.20),transparent 48%),
    linear-gradient(126deg,#173b59 0%,#0c2945 56%,#071a2e 100%) !important;
  border-color:rgba(227,183,112,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 17px 38px rgba(5,29,53,.18) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-hero::before {
  opacity:.12 !important;
  background-image:linear-gradient(rgba(244,225,182,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,225,182,.16) 1px,transparent 1px);
  background-size:34px 34px;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-hero::after {
  opacity:.08 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-hero-copy>h1 {
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-hero-copy>div:nth-child(3) {
  color:#d5e4f1 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-live-clock>span:nth-child(-n+3) {
  color:#f8fbff !important;
  font-variant-numeric:tabular-nums !important;
  font-weight:860 !important;
  text-shadow:0 3px 12px rgba(2,14,29,.18) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-live-clock>span:first-child {
  color:#ffdea5 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-live-clock>span:last-child {
  color:#b9d2e3 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-hero-metrics>div:not([style*="width: 1px"]) {
  background:rgba(230,243,255,.075) !important;
  border-color:rgba(241,215,169,.23) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
  border-radius:12px !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-hero-metrics>div>div:first-child {
  color:#e8c997 !important;font-weight:760 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-hero-metrics>div>div:last-child {
  color:#fff !important;font-weight:850 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-check-card {
  background:linear-gradient(155deg,rgba(247,228,196,.14),rgba(192,229,254,.045)) !important;
  border:1px solid rgba(239,209,163,.29) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 23px rgba(4,19,36,.1) !important;
  border-radius:15px !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-check-card>div:nth-child(2) {
  border-radius:12px !important;
  background:#f4f8fd !important;
  box-shadow:inset 0 0 0 1px rgba(204,220,237,.7),0 9px 19px rgba(0,12,28,.13) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-check-card .thrs-btn-success {
  color:#fff !important;
  background:linear-gradient(125deg,#139b72,#087e61) !important;
  box-shadow:0 5px 14px rgba(3,100,78,.19) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-check-card .thrs-btn-danger {
  color:#fff !important;
  background:linear-gradient(125deg,#da5660,#bf3645) !important;
  box-shadow:0 5px 14px rgba(169,47,61,.17) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-check-card .thrs-btn:is(:hover,:focus-visible):not(:disabled) {
  filter:brightness(1.07);
  box-shadow:0 8px 17px rgba(1,12,26,.17) !important;
}
/* TODAY 4 KPI cards: material texture, calm number hierarchy and semantic progress */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-overview-section {
  background:linear-gradient(158deg,var(--v1414-surface),var(--v1414-raised)) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-section-head h2 {
  color:var(--v1414-ink) !important;
  font-weight:900 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-stat-card {
  background:
    radial-gradient(ellipse at 97% 2%,color-mix(in srgb,var(--attendance-accent) 9%,transparent),transparent 70%),
    linear-gradient(154deg,var(--v1414-surface),var(--v1414-raised)) !important;
  border:1px solid var(--v1414-stroke) !important;
  border-top:3px solid var(--attendance-accent,var(--v1414-gold)) !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 3px 10px rgba(17,47,70,.034) !important;
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-stat-card:hover {
  border-color:color-mix(in srgb,var(--attendance-accent) 25%,var(--v1414-stroke)) !important;
  box-shadow:var(--v1414-shadow-hover) !important;
  transform:translateY(-2px) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-stat-value {
  color:var(--v1414-ink) !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  line-height:1.12 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-stat-card>div:first-child>div:first-child {
  color:var(--v1414-muted) !important;
  font-weight:780 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-stat-card>div:nth-child(3) {
  color:var(--v1414-muted) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-stat-icon {
  border:1px solid color-mix(in srgb,var(--attendance-accent) 26%,var(--v1414-stroke)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
  border-radius:10px !important;
}
/* Quiet buttons: limited ornamental gold, semantic actions keep their meaning */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-section-actions button {
  font-weight:825 !important;
  border-radius:9px !important;
  box-shadow:none !important;
  transition:filter .18s ease,box-shadow .18s ease !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-section-actions button:first-child {
  color:var(--v1414-ink) !important;
  background:var(--v1414-surface) !important;
  border:1px solid var(--v1414-stroke) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-section-actions button:last-child {
  color:#132a40 !important;
  background:linear-gradient(129deg,#f0d5a5,#d9ae70) !important;
  border:1px solid #cda05d !important;
  box-shadow:0 3px 9px rgba(137,94,36,.11) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="today"] .thrs-attendance-section-actions button:hover:not(:disabled) {
  filter:brightness(1.035);
  box-shadow:0 6px 17px rgba(17,47,70,.11) !important;
}
/* INSIGHTS — gold accents on headers; charts are visibly coherent.
   Preserve a light plot surface in dark mode: Chart.js ticks are dark. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-chart-panel {
  background:linear-gradient(163deg,var(--v1414-surface),var(--v1414-raised)) !important;
  border-color:var(--v1414-stroke) !important;
  box-shadow:var(--v1414-shadow) !important;
}
html[data-theme="dark"] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-chart-panel {
  --v1414-ink:#172e45;
  --v1414-muted:#586d81;
  --v1414-gold-ink:#98672e;
  --v1414-stroke:#d9e3ec;
  --v1414-hair:#e7edf4;
  --v1414-surface:#f7fafd;
  --v1414-raised:#ffffff;
  background:linear-gradient(164deg,#f7fafd,#fff) !important;
  border-color:#aec2d3 !important;
  box-shadow:0 11px 25px rgba(3,14,26,.25) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-chart-panel .thrs-premium-panel-head h3 {
  color:var(--v1414-ink) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-chart-panel .thrs-premium-panel-body {
  color:var(--v1414-muted) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-monthly-panel {
  background:linear-gradient(158deg,var(--v1414-surface),var(--v1414-raised)) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-summary-kpi {
  background:
    linear-gradient(160deg,var(--v1414-surface),var(--v1414-raised)) !important;
  border:1px solid var(--v1414-stroke) !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(17,47,70,.035) !important;
  transition:border-color .2s,box-shadow .2s,transform .2s !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-summary-kpi:hover {
  border-color:color-mix(in srgb,var(--v1414-gold) 37%,var(--v1414-stroke)) !important;
  box-shadow:var(--v1414-shadow-hover) !important;
  transform:translateY(-2px) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-summary-kpi>div:nth-child(2) {
  color:var(--v1414-ink) !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-summary-kpi>div:first-child>div:last-child {
  color:var(--v1414-muted) !important;font-weight:750 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="insights"] .thrs-attendance-heatmap-grid {
  scrollbar-color:color-mix(in srgb,var(--v1414-gold) 36%,var(--v1414-stroke)) transparent;
}
/* RECORDS — editorial filters, clear selection, refined table finish */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] :is(
 .thrs-attendance-filters-panel,.thrs-attendance-records-panel
) {
  background:linear-gradient(160deg,var(--v1414-surface),var(--v1414-raised)) !important;
  border-color:var(--v1414-stroke) !important;
  box-shadow:var(--v1414-shadow) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-status-chip {
  border-radius:9px !important;
  color:var(--v1414-muted) !important;
  background:var(--v1414-surface) !important;
  border:1px solid var(--v1414-stroke) !important;
  box-shadow:0 1px 3px rgba(14,45,69,.02) !important;
  font-weight:795 !important;
  transition:background .17s,border-color .17s,box-shadow .17s !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-status-chip:hover:not(.is-active) {
  background:var(--v1414-raised) !important;
  border-color:color-mix(in srgb,var(--v1414-gold) 27%,var(--v1414-stroke)) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-status-chip.is-active {
  border-color:var(--attendance-accent,var(--v1414-gold)) !important;
  color:var(--v1414-ink) !important;
  background:color-mix(in srgb,var(--v1414-gold) 10%,var(--v1414-surface)) !important;
  box-shadow:inset 0 0 0 1px var(--v1414-ring) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-status-chip>span:last-child {
  background:var(--v1414-raised) !important;
  border-color:var(--v1414-stroke) !important;
  color:var(--v1414-ink) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-filters-panel :is(input,select) {
  background:var(--v1414-surface) !important;
  color:var(--v1414-ink) !important;
  -webkit-text-fill-color:var(--v1414-ink) !important;
  border:1px solid var(--v1414-stroke) !important;
  box-shadow:inset 0 1px 3px rgba(7,27,47,.026) !important;
  border-radius:10px !important;
  font-weight:650 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-filters-panel input::placeholder {
  color:var(--v1414-muted) !important;
  -webkit-text-fill-color:var(--v1414-muted) !important;
  opacity:.89 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-filters-panel :is(input,select):focus {
  border-color:var(--v1414-gold) !important;
  box-shadow:0 0 0 3px var(--v1414-ring) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-view-tabs {
  background:var(--v1414-raised) !important;
  border:1px solid var(--v1414-stroke) !important;
  box-shadow:0 2px 8px rgba(17,45,72,.03) !important;
  border-radius:11px !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-view-tabs button {
  border-radius:8px !important;
  font-weight:845 !important;
  transition:filter .16s ease,box-shadow .16s ease !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-view-tabs button[style*="background: rgb(10"],
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-view-tabs button[style*="background: rgb(11"] {
  background:linear-gradient(127deg,#1e4a68,#0b2f4c) !important;
  color:#fff !important;
  box-shadow:0 3px 8px rgba(11,41,65,.12) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel .thrs-premium-panel-body {
  scrollbar-color:color-mix(in srgb,var(--v1414-gold) 33%,var(--v1414-stroke)) transparent;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel th {
  background:var(--v1414-raised) !important;
  color:var(--v1414-muted) !important;
  border-bottom:1px solid var(--v1414-stroke) !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel td {
  color:var(--v1414-ink) !important;
  border-bottom-color:var(--v1414-hair) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel tbody tr:nth-child(even) td {
  background:color-mix(in srgb,var(--v1414-raised) 57%,var(--v1414-surface)) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel tbody tr:hover td {
  background:color-mix(in srgb,var(--v1414-gold) 7%,var(--v1414-raised)) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel td button {
  color:var(--v1414-ink) !important;
  background:var(--v1414-raised) !important;
  border:1px solid var(--v1414-stroke) !important;
  border-radius:8px !important;
  font-weight:780 !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel td button:hover:not(:disabled) {
  border-color:var(--v1414-gold) !important;
  box-shadow:0 2px 8px rgba(24,54,78,.065) !important;
}
/* Retain each semantic status badge color (success/warning/danger).
   Color is meaningful here, so never repaint every badge gold. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel .badge {
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:810 !important;
  letter-spacing:.005em !important;
  border:1px solid currentColor !important;
  box-shadow:none !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel .badge-success {
  color:#087657 !important;background:#def7ed !important;border-color:#c1e9da !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel .badge-warning {
  color:#8d540b !important;background:#fff1d6 !important;border-color:#f1d99e !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"] .thrs-attendance-records-panel .badge-danger {
  color:#a62e40 !important;background:#ffebed !important;border-color:#f3c0c8 !important;
}
/* ADMIN: visual polish only on already-permitted fingerprint widgets. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] >
 div:has(>.thrs-attendance-raw-log-panel),
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] >
 .thrs-premium-panel:not(.thrs-attendance-monthly-panel):not(.thrs-attendance-records-panel):not(.thrs-attendance-filters-panel) {
  background:linear-gradient(155deg,var(--v1414-surface),var(--v1414-raised)) !important;
  border:1px solid var(--v1414-stroke) !important;
  border-top:3px solid var(--v1414-gold) !important;
  box-shadow:var(--v1414-shadow) !important;
  border-radius:17px !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel {
  background:var(--v1414-surface) !important;
  border:1px solid var(--v1414-stroke) !important;
  box-shadow:0 2px 10px rgba(13,42,66,.033) !important;
  border-radius:13px !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel :is(input,select,textarea) {
  color:var(--v1414-ink) !important;
  -webkit-text-fill-color:var(--v1414-ink) !important;
  background:var(--v1414-surface) !important;
  border:1px solid var(--v1414-stroke) !important;
  border-radius:9px !important;
  box-shadow:inset 0 1px 3px rgba(7,27,47,.034) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel :is(input,select,textarea):focus {
  outline:2px solid var(--v1414-gold) !important;
  outline-offset:2px !important;
  box-shadow:0 0 0 3px var(--v1414-ring) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel button {
  border-radius:9px !important;
  font-weight:825 !important;
  transition:border-color .18s,box-shadow .18s,filter .18s !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel button:hover:not(:disabled) {
  filter:brightness(1.045);
  box-shadow:0 4px 12px rgba(11,38,62,.095) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel th {
  color:var(--v1414-muted) !important;
  background:var(--v1414-raised) !important;
  border-color:var(--v1414-stroke) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel td {
  border-color:var(--v1414-hair) !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel tbody tr:hover td {
  background:color-mix(in srgb,var(--v1414-gold) 6%,var(--v1414-raised)) !important;
}
/* IMPORTANT: previous admin widget sometimes uses a hard-coded white inner
   sheet. Keep dark text there instead of painting it dark with dark text. */
html[data-theme="dark"] .thrs-page-attendance[data-thrs-attendance-v1411="admin"] .thrs-attendance-import-panel .thrs-premium-panel-body>div[style*="background"] {
  --v1414-surface:#f8fbff;
  --v1414-raised:#eef4fa;
  --v1414-ink:#172e45;
  --v1414-muted:#526a80;
  --v1414-stroke:#d8e3ee;
  --v1414-hair:#e7eef6;
  background:#f8fbff !important;
}
/* Shared keyboard and disabled states — cosmetics only. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] :is(button,a,input,select,textarea):focus-visible {
  outline:2px solid var(--v1414-gold) !important;
  outline-offset:2px !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] button:disabled {
  opacity:.57 !important;
  cursor:not-allowed !important;
}
/* This version deliberately contains no screen placement rules. */
@media(prefers-reduced-motion:reduce) {
  html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411] :is(
    .thrs-attendance-v1411-nav-button,.thrs-attendance-stat-card,.thrs-attendance-summary-kpi,
    .thrs-attendance-status-chip,.thrs-attendance-import-panel button
  ) {
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
}
/* Table/calendar switch: improve inactive text contrast in Dark Mode.
   React controls its active choice inline; preserve that choice and handlers. */
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"]
 .thrs-attendance-view-tabs button:not([style*="color:white"]):not([style*="color: white"]):not([style*="color: rgb(255, 255, 255)"]) {
  color:var(--v1414-ink) !important;
  background:transparent !important;
}
html[data-theme] .thrs-page-attendance[data-thrs-attendance-v1411="records"]
 .thrs-attendance-view-tabs button:is([style*="color:white"],[style*="color: white"],[style*="color: rgb(255, 255, 255)"]) {
  color:#fff !important;
  background:linear-gradient(125deg,#1d4b69,#0c304b) !important;
  box-shadow:0 3px 10px rgba(7,34,58,.15) !important;
}