/* THRS V14.9 — Attendance Command Studio
   Presentation-only enhancement; scoped to .thrs-page-attendance.
   Preserve GPS check-in/out, raw fingerprint imports, approvals, filters, CSV,
   attendance records, corrections, calendar, API and permission controls. */
html[data-theme="light"] .thrs-page-attendance {
 --at-bg:#f3f7fb;--at-card:#ffffff;--at-soft:#f2f6fc;
 --at-ink:#102b45;--at-muted:#526b85;--at-border:#dce6f0;
 --at-gold:#ba8637;--at-shine:#efd2a1;--at-hover:#eaf3fc;
 --at-shadow:0 9px 26px rgba(13,45,77,.065);
 --at-rise:0 16px 36px rgba(13,45,77,.10);
}
html[data-theme="dark"] .thrs-page-attendance {
 --at-bg:#0c2238;--at-card:#142e47;--at-soft:#1b3c57;
 --at-ink:#f0f6ff;--at-muted:#bdcfe2;--at-border:#355671;
 --at-gold:#ecc483;--at-shine:#f5d59f;--at-hover:#214965;
 --at-shadow:0 12px 31px rgba(0,0,0,.19);
 --at-rise:0 18px 36px rgba(0,0,0,.26);
}
/* Structure: the HR import workflow remains accessible below the employee
   attendance overview instead of dominating the first screen. */
html[data-theme] .thrs-page-attendance {
 display:flex !important;flex-direction:column !important;
 gap:17px !important;
 min-width:0 !important;max-width:100% !important;
 padding:15px 0 42px !important;
 background:transparent !important;
 color:var(--at-ink) !important;
}
html[data-theme] .thrs-page-attendance > .thrs-attendance-hero {order:1 !important}
html[data-theme] .thrs-page-attendance > .thrs-attendance-overview-section {order:2 !important}
html[data-theme] .thrs-page-attendance > .thrs-attendance-analytics-grid {order:3 !important}
html[data-theme] .thrs-page-attendance > .thrs-attendance-filters-panel {order:4 !important}
html[data-theme] .thrs-page-attendance > .thrs-attendance-monthly-panel {order:5 !important}
html[data-theme] .thrs-page-attendance > .thrs-attendance-view-tabs {order:6 !important}
html[data-theme] .thrs-page-attendance > .thrs-attendance-records-panel {order:7 !important}
html[data-theme] .thrs-page-attendance > .thrs-premium-panel:not(.thrs-attendance-monthly-panel):not(.thrs-attendance-records-panel):not(.thrs-attendance-filters-panel) {order:8 !important}
html[data-theme] .thrs-page-attendance > div:has(> .thrs-attendance-raw-log-panel) {order:9 !important}
html[data-theme] .thrs-page-attendance > div[style*="height: 24px"],
html[data-theme] .thrs-page-attendance > div[style*="height: 18px"] {
 display:none !important;
}
/* Bring today's check-in to the front: two deliberate columns, restrained
   decorative accents, and a status-rich subheader. */
html[data-theme] .thrs-page-attendance .thrs-attendance-hero {
 position:relative;isolation:isolate;
 min-height:226px !important;
 margin:0 !important;padding:23px clamp(21px,2.5vw,36px) !important;
 border:1px solid rgba(235,205,148,.26) !important;
 border-radius:21px !important;
 background:radial-gradient(ellipse at 84% 18%,rgba(212,164,83,.20),transparent 36%),
  linear-gradient(125deg,#143959 0%,#0d2d4a 50%,#071d33 100%) !important;
 box-shadow:0 17px 37px rgba(7,30,55,.19) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero:after {
 content:"";position:absolute;inset:0;pointer-events:none;
 border-radius:inherit;opacity:.15;
 background:linear-gradient(100deg,transparent 26%,rgba(229,190,128,.23) 62%,transparent 78%);
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-layout {
 display:grid !important;
 grid-template-columns:minmax(0,1fr) minmax(268px,330px) !important;
 align-items:center !important;justify-content:space-between !important;
 flex-wrap:nowrap !important;gap:clamp(16px,3vw,48px) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-copy {
 min-width:0 !important;flex:auto !important;
 display:flex !important;flex-direction:column !important;
 justify-content:center !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-copy > div:first-child {
 width:max-content;max-width:100%;
 margin-bottom:10px !important;padding:6px 11px !important;
 border:1px solid rgba(253,224,172,.16) !important;
 background:rgba(236,200,137,.11) !important;
 color:#ffdf9e !important;font-size:11px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-copy > h1 {
 font-size:clamp(22px,2.4vw,32px) !important;
 font-weight:900 !important;letter-spacing:-.03em !important;
 line-height:1.2 !important;color:#fff !important;
 margin:0 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-copy > div:nth-child(3) {
 color:#d1e0ec !important;font-size:12px !important;margin-top:5px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-live-clock {
 margin-top:11px !important;justify-content:flex-start !important;
 direction:ltr !important;gap:3px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-live-clock > span:nth-child(-n+3) {
 font-size:clamp(34px,3.7vw,49px) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-live-clock > span:first-child {
 color:#ffe0a5 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-live-clock > span:last-child {
 font-size:15px !important;color:#b8d1e3 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics {
 display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 gap:9px !important;margin-top:13px !important;max-width:675px;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics > div[style*="width: 1px"] {
 display:none !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics > div:not([style*="width: 1px"]) {
 min-width:0 !important;
 padding:10px 12px !important;
 border:1px solid rgba(239,218,180,.14) !important;
 background:rgba(233,242,255,.055) !important;
 border-radius:11px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics > div > div:first-child {
 color:#dac5a1 !important;font-size:10px !important;letter-spacing:0 !important;
 line-height:1.45 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics > div > div:last-child {
 font-size:15px !important;color:#fff !important;line-height:1.4 !important;
 font-weight:800 !important;overflow-wrap:anywhere !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-check-card {
 min-width:0 !important;width:100% !important;max-width:330px !important;
 flex:none !important;gap:12px !important;
 padding:18px !important;
 border:1px solid rgba(229,196,143,.24) !important;
 background:linear-gradient(150deg,rgba(249,242,227,.12),rgba(219,235,250,.05)) !important;
 border-radius:16px !important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-check-card > div:first-child{
 color:#f3d5a6 !important;font-size:11.5px !important;
 letter-spacing:0 !important;line-height:1.5;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-check-card > div:nth-child(2) {
 border-radius:12px !important;padding:6px !important;
 background:#f8fbff !important;
 box-shadow:0 9px 20px rgba(1,14,27,.22) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-check-card :is(button,.thrs-btn){
 min-height:51px !important;
 border-radius:9px !important;
 font-weight:870 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-check-card :is(button,.thrs-btn):focus-visible{
 outline:3px solid #f8d69a !important;outline-offset:3px !important;
}
/* Clean headers and content cards. */
html[data-theme] .thrs-page-attendance :is(.thrs-attendance-overview-section,.thrs-premium-panel) {
 min-width:0 !important;max-width:100% !important;
 border:1px solid var(--at-border) !important;
 border-radius:17px !important;
 background:var(--at-card) !important;
 box-shadow:var(--at-shadow) !important;
 color:var(--at-ink) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-overview-section {
 padding:19px 21px !important;margin:0 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-section-head {
 min-height:42px !important;
 margin-bottom:14px !important;
 gap:12px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-section-head h2{
 color:var(--at-ink) !important;font-size:18px !important;
 font-weight:900 !important;letter-spacing:-.02em !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-section-head > div:first-child > div {
 color:var(--at-muted) !important;font-size:11.5px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-section-actions button {
 min-height:37px !important;
 padding:8px 13px !important;
 border-radius:9px !important;
 font-size:11.5px !important;
 font-weight:800 !important;
 box-shadow:none !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-section-actions button:first-child{
 background:var(--at-soft) !important;
 border:1px solid var(--at-border) !important;
 color:var(--at-ink) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-section-actions button:last-child {
 background:linear-gradient(125deg,#eecb8f,#d6a454) !important;
 border:1px solid #d9b477 !important;
 color:#162c43 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stats-grid {
 display:grid !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:12px !important;margin:0 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stat-card {
 min-width:0 !important;min-height:112px !important;
 padding:14px 15px !important;
 border:1px solid var(--at-border) !important;
 border-top:2px solid var(--attendance-accent) !important;
 border-radius:12px !important;
 background:linear-gradient(155deg,var(--at-card),var(--at-soft)) !important;
 box-shadow:none !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stat-card::after {
 height:0 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stat-card > div:first-child{
 margin-bottom:8px !important;gap:8px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stat-card > div:first-child > div:first-child {
 color:var(--at-muted) !important;font-size:11.5px !important;
 font-weight:760 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stat-icon {
 width:34px !important;height:34px !important;
 border-radius:10px !important;
 flex:0 0 34px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stat-value {
 color:var(--at-ink) !important;
 font-size:27px !important;line-height:1.12 !important;
 font-weight:900 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stat-card > div:nth-child(3) {
 color:var(--at-muted) !important;
 font-size:10.5px !important;line-height:1.5 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-stat-card:hover {
 transform:translateY(-2px);box-shadow:var(--at-rise) !important;
}
/* Two tidy analytics cards; chart canvas stays lightly surfaced in dark theme
   because Chart.js axis labels are drawn using fixed navy in the existing code. */
html[data-theme] .thrs-page-attendance .thrs-attendance-analytics-grid {
 display:grid !important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) !important;
 gap:14px !important;margin:0 !important;min-width:0 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-chart-panel {
 min-height:310px !important;padding:19px 19px 12px !important;
}
html[data-theme] .thrs-page-attendance .thrs-premium-panel-head {
 min-height:33px !important;
 display:flex !important;gap:10px !important;
 align-items:center !important;justify-content:space-between !important;
 padding:0 0 13px !important;
 margin:0 0 14px !important;
 border-bottom:1px solid var(--at-border) !important;
}
html[data-theme] .thrs-page-attendance .thrs-premium-panel-head h3 {
 position:relative;
 padding-inline-start:12px !important;
 color:var(--at-ink) !important;
 font-size:14px !important;
 font-weight:880 !important;
 line-height:1.35 !important;
}
html[data-theme] .thrs-page-attendance .thrs-premium-panel-head h3:before {
 content:"";position:absolute;
 width:3px;height:19px;inset-inline-start:0;top:50%;
 transform:translateY(-50%);
 border-radius:20px;
 background:linear-gradient(#f3d49d,#bd8536);
}
html[data-theme] .thrs-page-attendance .thrs-premium-panel-badge {
 color:var(--at-gold) !important;
 background:color-mix(in srgb,var(--at-gold) 9%,var(--at-card)) !important;
 border-color:color-mix(in srgb,var(--at-gold) 26%,var(--at-border)) !important;
 border-radius:999px !important;
 font-size:10px !important;font-weight:850 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-heatmap {
 min-height:245px !important;justify-content:center !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-heatmap-grid {
 justify-content:center;max-width:100%;
 padding:14px 0 12px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-chart-panel .thrs-premium-panel-body{
 min-width:0 !important;
}
html[data-theme="dark"] .thrs-page-attendance .thrs-attendance-chart-panel {
 --at-ink:#172e47;--at-muted:#50677d;--at-border:#d4e1ef;
 --at-card:#f4f8fd;--at-soft:#eaf2fb;
 background:#f4f8fd !important;
 border-color:#8fa8c1 !important;
}
html[data-theme="dark"] .thrs-page-attendance .thrs-attendance-chart-panel .thrs-attendance-heatmap > div:last-child {
 color:#50677d !important;
}
/* Filter chips, date controls and dropdowns preserve all active state and events. */
html[data-theme] .thrs-page-attendance .thrs-attendance-filters-panel {
 padding:17px 20px !important;
 margin:0 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-filters-panel .thrs-premium-panel-head{
 margin-bottom:12px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-filters-panel .thrs-premium-panel-meta button {
 color:var(--at-ink) !important;
 font-weight:800 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-status-chip {
 min-height:34px !important;
 padding:6px 11px !important;
 border:1px solid var(--at-border) !important;
 border-radius:99px !important;
 background:var(--at-card) !important;
 color:var(--at-muted) !important;
 font-size:11px !important;font-weight:820 !important;
 box-shadow:none !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-status-chip.is-active{
 border-color:var(--attendance-accent,var(--at-gold)) !important;
 background:var(--at-soft) !important;
 color:var(--at-ink) !important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--at-gold) 26%,transparent) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-status-chip > span:last-child {
 background:var(--at-soft) !important;
 color:var(--at-ink) !important;
 border:1px solid var(--at-border) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-filters-panel :is(input,select),
html[data-theme] .thrs-page-attendance .thrs-attendance-import-panel :is(input,select,textarea) {
 min-height:39px !important;
 max-width:100% !important;
 border:1px solid var(--at-border) !important;
 border-radius:9px !important;
 background:var(--at-card) !important;
 color:var(--at-ink) !important;
 -webkit-text-fill-color:var(--at-ink) !important;
 font-size:12px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-filters-panel :is(input,select):focus-visible,
html[data-theme] .thrs-page-attendance .thrs-attendance-import-panel :is(input,select,textarea):focus-visible{
 outline:2px solid var(--at-gold) !important;outline-offset:2px !important;
}
html[data-theme] .thrs-page-attendance :is(button,a):focus-visible{
 outline:2px solid var(--at-gold) !important;outline-offset:2px !important;
}
/* Monthly performance, 10 compact KPIs in a 5-column layout. */
html[data-theme] .thrs-page-attendance .thrs-attendance-monthly-panel {
 margin:0 !important;padding:19px 20px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-monthly-grid {
 display:grid !important;
 grid-template-columns:repeat(5,minmax(0,1fr)) !important;
 gap:10px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-summary-kpi{
 min-height:105px !important;padding:12px !important;
 border:1px solid var(--at-border) !important;
 border-radius:12px !important;
 background:linear-gradient(155deg,var(--at-card),var(--at-soft)) !important;
 box-shadow:none !important;
 color:var(--at-ink) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-summary-kpi > div:first-child > div:last-child{
 color:var(--at-muted) !important;
 font-size:10.5px !important;font-weight:740 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-summary-kpi > div:nth-child(2){
 color:var(--at-ink) !important;
 font-size:20px !important;font-weight:890 !important;
 overflow-wrap:anywhere !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-summary-kpi > div:nth-child(2) span{
 color:var(--at-muted) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-summary-kpi:hover {
 transform:translateY(-2px);box-shadow:var(--at-rise) !important;
}
/* Table/calendar switch stays directly above records, within a quiet control. */
html[data-theme] .thrs-page-attendance .thrs-attendance-view-tabs {
 display:flex !important;
 align-self:flex-start !important;max-width:100% !important;
 gap:3px !important;padding:4px !important;
 margin:0 !important;
 background:var(--at-soft) !important;
 border:1px solid var(--at-border) !important;
 border-radius:12px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-view-tabs button{
 min-height:35px !important;
 padding:8px 14px !important;
 border-radius:9px !important;font-weight:800 !important;
 font-size:11.5px !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-view-tabs button[style*="background: rgb(10"] {
 background:#143d60 !important;color:#fff !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel{
 padding:17px 18px !important;margin:0 !important;
 overflow:hidden !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel .thrs-premium-panel-body{
 min-width:0 !important;
 overflow-x:auto !important;
 scrollbar-width:thin !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel table{
 min-width:780px !important;width:100% !important;
 border-collapse:separate !important;border-spacing:0 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel th {
 color:var(--at-muted) !important;
 background:var(--at-soft) !important;
 border-bottom:1px solid var(--at-border) !important;
 padding:13px !important;
 font-size:11px !important;font-weight:850 !important;
 white-space:nowrap !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel td{
 color:var(--at-ink) !important;
 padding:12px 13px !important;
 border-bottom:1px solid var(--at-border) !important;
 line-height:1.55 !important;
 vertical-align:middle !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel tbody tr:nth-child(even) td {
 background:color-mix(in srgb,var(--at-soft) 55%,var(--at-card)) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel tbody tr:hover td {
 background:var(--at-hover) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel td button{
 border-radius:8px !important;min-height:32px !important;
 background:var(--at-soft) !important;
 border:1px solid var(--at-border) !important;
 color:var(--at-ink) !important;
}
/* Fingerprint import and approval area: deliberate administration zone
   after attendance data, never hidden or stripped of action controls. */
html[data-theme] .thrs-page-attendance > .thrs-premium-panel:not(.thrs-attendance-monthly-panel):not(.thrs-attendance-records-panel):not(.thrs-attendance-filters-panel) {
 margin-top:13px !important;
 border-top:3px solid #cba36b !important;
}
html[data-theme] .thrs-page-attendance > div:has(> .thrs-attendance-raw-log-panel) {
 min-width:0 !important;max-width:100% !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-import-panel{
 padding:17px 18px !important;border-color:var(--at-border) !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-import-panel .thrs-premium-panel-body,
html[data-theme] .thrs-page-attendance .thrs-attendance-import-panel .thrs-premium-panel-body > div {
 max-width:100% !important;min-width:0 !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-import-panel table {
 border-collapse:collapse !important;
}
html[data-theme] .thrs-page-attendance .thrs-attendance-import-panel :is(th,td){
 border-color:var(--at-border) !important;
}
html[data-theme="dark"] .thrs-page-attendance .thrs-attendance-import-panel .thrs-premium-panel-body > div[style*="background"]{
 --at-ink:#162d47;--at-muted:#526d87;--at-card:#f8fbff;--at-soft:#edf3fa;
 --at-border:#dbe5f0;
 background:#f8fbff !important;
}
/* Tablet and mobile — no page-wide horizontal scroll, no hidden fields. */
@media(max-width:1320px){
 html[data-theme] .thrs-page-attendance .thrs-attendance-analytics-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-monthly-grid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 }
}
@media(max-width:1050px){
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-layout{
  grid-template-columns:minmax(0,1fr) !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-check-card{
  max-width:none !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-stats-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-analytics-grid{
  grid-template-columns:minmax(0,1fr) !important;
 }
}
@media(max-width:690px){
 html[data-theme] .thrs-page-attendance{
  gap:12px !important;padding:6px 0 30px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero{
  min-height:0 !important;padding:17px 15px !important;border-radius:15px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-layout{
  gap:15px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-copy > h1{
  font-size:22px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-live-clock > span:nth-child(-n+3){
  font-size:35px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:5px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics > div:not([style*="width: 1px"]) {
  padding:9px 7px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics > div > div:first-child{
  font-size:9px !important;line-height:1.35 !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics > div > div:last-child{
  font-size:12px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-overview-section,
 html[data-theme] .thrs-page-attendance .thrs-premium-panel{
  padding:14px !important;border-radius:13px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-section-head {
  align-items:flex-start !important;gap:11px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-section-actions{
  width:100%;justify-content:stretch !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-section-actions button{
  flex:1 1 130px !important;justify-content:center !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-stats-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-stat-card{
  padding:10px !important;min-height:114px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-stat-card > div:first-child > div:first-child{
  font-size:10px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-stat-value{font-size:23px !important}
 html[data-theme] .thrs-page-attendance .thrs-attendance-monthly-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-summary-kpi{
  min-height:95px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-chart-panel{
  min-height:280px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-heatmap-grid{
  justify-content:flex-start !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-filters-panel .thrs-premium-panel-body > div:first-child{
  gap:6px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-status-chip{
  padding:5px 8px !important;min-height:32px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-view-tabs{
  align-self:stretch !important;width:100% !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-view-tabs button{
  flex:1;justify-content:center;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-records-panel .thrs-premium-panel-body{
  overflow-x:auto !important;
 }
}
@media(max-width:360px){
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics {
  grid-template-columns:minmax(0,1fr) !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-hero-metrics > div:not([style*="width: 1px"]){
  padding:7px 10px !important;
 }
 html[data-theme] .thrs-page-attendance .thrs-attendance-stats-grid{
  grid-template-columns:minmax(0,1fr) !important;
 }
}
@media(prefers-reduced-motion:reduce){
 html[data-theme] .thrs-page-attendance :is(.thrs-attendance-stat-card,.thrs-attendance-summary-kpi,.thrs-attendance-status-chip){
  transition:none !important;transform:none !important;
 }
}