/* HRDesk Palette B — Emerald Turquoise | UI-only override, 2026-10-17 */
:root {
  --hr-green:#0D9488; --hr-green-dark:#0F766E; --hr-green-soft:#E8F7F4;
  --hr-teal:#0D9488; --hr-bg:#F8FAF9; --hr-surface:#FFFFFF;
  --hr-border:#E4EBE8; --hr-ink:#142522; --hr-muted:#64748B;
  color:var(--hr-ink); background:var(--hr-bg);
}
html,body{background:var(--hr-bg);color:var(--hr-ink)}
.shell{background:var(--hr-surface);color:var(--hr-ink)}
.brandmark,.desktop-brand-icon,.sidebar-avatar,.header-avatar{background:var(--hr-green-soft)!important;color:var(--hr-green-dark)!important}
.brand small,.hint,.welcome p,.muted,.sidebar-user small,.desktop-brand small,.foot a,.line small{color:var(--hr-muted)}
.shift{background:var(--hr-surface);border:1px solid var(--hr-border)}
.shift h2,.welcome h1{color:var(--hr-ink)}
.green-text{color:var(--hr-green-dark)!important}
/* Preserve established attendance states: office in green, site blue/navy, orange requests, red late, grey disabled. */
.btn.green,.green{background:#059669;color:#fff}
.btn.tealbtn{background:#0D9488;color:#fff}
.btn.site-blue{background:#2563EB;color:#fff}
.btn.site-navy{background:#1E3A8A;color:#fff}
.btn.redbtn,.redbtn{background:#DC2626;color:#fff}
.btn.site-darkred{background:#991B1B;color:#fff}
.btn.orangebtn,.orangebtn{background:#EA8A17;color:#fff}
.btn.disabled,.btn:disabled{background:#9CA3AF!important;color:#fff!important}
.statusdot.checked{background:#059669}
.panel,.shortcuts a{background:#fff;border-color:var(--hr-border)}
.shortcuts a:hover,.shortcuts a:focus-visible{border-color:var(--hr-green);color:var(--hr-green-dark)}
.foot{border-color:var(--hr-border)}.foot a.selected{color:var(--hr-green-dark)}
.metrics>div{background:#fff;border:1px solid var(--hr-border)}
.adminnav a{color:var(--hr-green-dark);background:#fff;border:1px solid var(--hr-border)}
.adminnav a:hover,.adminnav a:focus-visible{background:var(--hr-green-soft);border-color:#99DCD3}
.tag.approved{color:#047857;background:#ECFDF3}
input,select,textarea{border-color:#D7E3DE;color:var(--hr-ink);background:#fff}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--hr-green);outline-offset:2px}
.form label{color:#52635E}.popform{border-color:var(--hr-border)}
.flash{background:#E8F7F4;color:#0F766E}
@media(min-width:900px){
 body{background:var(--hr-bg)}
 .desktop-sidebar{background:#fff;border-right-color:var(--hr-border)}
 .desktop-nav a{color:#52635E}
 .desktop-nav a.active{background:var(--hr-green-soft);color:var(--hr-green-dark)}
 .desktop-nav a:hover{background:#F0FAF7;color:var(--hr-green-dark)}
 .sidebar-bottom{border-top-color:var(--hr-border)}
 .shell.authenticated{background:var(--hr-bg)}
 .top{background:#fff;border-bottom-color:var(--hr-border)}
 .header-admin{background:var(--hr-green-soft);color:var(--hr-green-dark)}
 .shift,.attendance,.metrics>div{background:#fff;border-color:var(--hr-border);box-shadow:0 1px 5px #14252206}
 .adminnav a{background:#fff;border-color:var(--hr-border);color:var(--hr-green-dark)}
 .panel{background:#fff;border-color:var(--hr-border)}
}
/* Admin attendance history */
.records-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.records-filters label{display:grid;gap:6px;font-size:12px;color:#52635E;font-weight:600}
.records-filters label select,.records-filters label input{font-size:13px;padding:9px 10px}
.month-group{grid-column:1/-1;border:0;margin:0;padding:0;min-width:0}
.month-group legend{font-size:12px;font-weight:600;color:#52635E;margin-bottom:9px}
.month-group legend small{font-weight:400;color:var(--hr-muted)}
.months{display:flex;gap:6px;flex-wrap:wrap}
.month-chip{display:inline-flex!important;position:relative;cursor:pointer}
.month-chip input{position:absolute;opacity:0;width:1px;height:1px}
.month-chip span{font-size:12px;padding:8px 10px;border:1px solid #D7E3DE;border-radius:999px;color:#52635E;background:#fff}
.month-chip input:checked+span{background:var(--hr-green-soft);color:var(--hr-green-dark);border-color:var(--hr-green)}
.month-chip input:focus-visible+span{outline:2px solid var(--hr-green);outline-offset:2px}
.record-actions{display:flex;gap:8px;align-items:center;grid-column:1/-1}
.record-apply{width:auto!important;padding:11px 18px;background:var(--hr-green);font-size:13px;border-radius:8px}
.record-apply:hover{background:var(--hr-green-dark)}
.record-clear{display:inline-flex;justify-content:center;padding:10px 15px;background:#F1F4F3;border-radius:8px;color:#52635E;font-size:13px;text-decoration:none}
.records-panel{padding:0!important;overflow:hidden}.records-scroll{overflow-x:auto}.records-table{width:100%;border-collapse:collapse;text-align:left;min-width:670px}
.records-table th,.records-table td{padding:13px 16px;font-size:12px;white-space:nowrap;border-bottom:1px solid var(--hr-border)}
.records-table th{background:#F8FAF9;font-size:11px;color:#52635E;letter-spacing:.02em}
.records-table tbody tr:hover{background:#FAFCFB}
.records-table details{position:relative}.records-table summary{cursor:pointer;color:var(--hr-green-dark);font-weight:600}
.record-detail{white-space:normal;min-width:175px;padding:9px 0;line-height:1.8;color:#52635E}
.records-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 30px}.records-pagination>div{display:flex;gap:8px}
@media(max-width:700px){.records-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.month-group,.record-actions{grid-column:1/-1}.records-filters{padding:12px}}

.navicon svg,.foot svg,.shortcuts svg,.btnicon svg,.iconbtn svg,.header-admin svg{width:20px;height:20px;vertical-align:middle}.header-admin{display:inline-flex;gap:8px;align-items:center}.shortcuts span svg{width:23px;height:23px}.btnicon{display:inline-flex;vertical-align:middle;margin-right:6px}