.attendance-cell-label,.am-card-label,.am-card-action-label{display:none}
.management-view-bar{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin:-4px 0 14px}
.management-view-bar p{color:var(--muted);font-size:.81rem}
.management-view-control{display:inline-flex;gap:2px;padding:3px;background:#e5edf9;border:1px solid #cedbef;border-radius:10px}
.management-view-control button{border:1px solid transparent;border-radius:7px;background:none;color:#405a7a;min-height:44px;padding:5px 11px;font-size:.81rem;font-weight:700}
.management-view-control button:hover{background:#f5f8fd}
.management-view-control button[aria-pressed="true"]{background:white;border-color:#c9d8ef;color:#213f6d;box-shadow:0 1px 3px #1633591a}
.am-console[data-management-layout="mobile"] .management-layout{max-width:760px;margin:auto;grid-template-columns:minmax(0,1fr);gap:12px}
.workspace-management .am-console[data-management-layout="mobile"] .am-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;overflow:visible}
.am-console[data-management-layout="mobile"] .management-menu-label{display:none}
.workspace-management .am-console[data-management-layout="mobile"] .am-tab{justify-content:center;text-align:center;white-space:normal;padding:6px 4px;min-height:44px;font-size:.78rem;line-height:1.18}
.am-console[data-management-layout="mobile"] :is(.am-overview-grid,.am-settings-grid){grid-template-columns:minmax(0,1fr)}
.am-console[data-management-layout="mobile"] :is(.am-metrics,.am-filters){grid-template-columns:repeat(2,minmax(0,1fr))}
.am-console[data-management-layout="mobile"] .am-filters .btn{justify-self:start}
.am-console[data-management-layout="mobile"] .am-adaptive-table,.am-console[data-management-layout="mobile"] .am-adaptive-table tbody{display:block;min-width:0;white-space:normal}
.am-console[data-management-layout="mobile"] .am-adaptive-table thead,.attendance-history thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.am-console[data-management-layout="mobile"] .am-adaptive-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px;border-top:1px solid var(--line)}
.am-console[data-management-layout="mobile"] .am-adaptive-table td{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;border:0;padding:0;font-size:.87rem}
.am-console[data-management-layout="mobile"] .am-adaptive-table td.am-wrap{max-width:none}
.am-console[data-management-layout="mobile"] .am-card-label,.attendance-cell-label{display:block;color:var(--muted);font-size:.75rem;font-weight:600;margin:0 0 4px}
.am-console[data-management-layout="mobile"] :is(.record-name,.record-action,.am-adaptive-table td.am-wrap){grid-column:1/-1}
.am-console[data-management-layout="mobile"] .am-adaptive-table .record-action:empty{display:none}
.am-console[data-management-layout="mobile"] .am-adaptive-table .am-table-action{display:inline-flex;width:auto;min-height:44px;padding:0 11px}
.am-console[data-management-layout="mobile"] .am-card-action-label{display:inline}
.am-console[data-management-layout="mobile"] .am-adaptive-table .am-person strong{white-space:normal}
.workspace-management .am-console[data-management-layout="desktop"] .am-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}
.workspace-management .am-console[data-management-layout="desktop"] .am-tab{white-space:nowrap;justify-content:flex-start;min-height:44px;padding-inline:10px;font-size:.8rem}
.am-console[data-management-layout="desktop"] .management-menu-label{display:none}
.am-console[data-management-layout="desktop"] .management-layout{grid-template-columns:minmax(0,1fr)}
.am-console[data-management-layout="desktop"] .am-table-scroll:has(.am-adaptive-table){overflow-x:auto}
@media(min-width:1001px){
  .am-console[data-management-layout="desktop"] .management-layout{grid-template-columns:184px minmax(0,1fr)}
  .workspace-management .am-console[data-management-layout="desktop"] .am-nav{display:grid}
  .am-console[data-management-layout="desktop"] .management-menu-label{display:block}
}
.workspace-attendance .clock-hero{min-height:0;border-radius:17px}
.workspace-attendance .hero-content{width:100%;padding:20px 15px;gap:9px}
.workspace-attendance .hero-art{inset-inline-start:37%;opacity:.52}
.workspace-attendance .hero-actions{width:100%;gap:8px}
.workspace-attendance .hero-actions>.btn{flex:1 1 140px;min-height:48px}
.workspace-attendance .hero-foot{line-height:1.4;max-width:38ch}
.workspace-attendance .today-bottom{grid-template-columns:minmax(0,1fr)}
.workspace-attendance .live-timer{font-size:clamp(2.7rem,11vw,4rem)}
.workspace-attendance .metric{display:grid;gap:6px;padding:8px}
.workspace-attendance .metric-icon{width:28px;height:28px;border-radius:7px}
.workspace-attendance .metric-icon svg{width:17px;height:17px}
.workspace-attendance .metric strong{font-size:.93rem}
.workspace-attendance .metric small,.workspace-attendance .metric p{font-size:.74rem}
.attendance-history .staff-table,.attendance-history tbody{display:block;min-width:0;white-space:normal}
.attendance-history tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;border-top:1px solid var(--line);padding:12px 2px}
.attendance-history .staff-table :is(td,th[scope="row"]){border:0;padding:0;min-width:0;overflow-wrap:anywhere}
.attendance-history .attendance-record-date,.attendance-history .attendance-record-action{grid-column:1/-1}
.attendance-history .attendance-record-action button{min-height:44px;padding-inline:9px;border:1px solid var(--line);border-radius:8px}
@media(min-width:761px){
  .workspace-attendance .clock-hero{min-height:325px;border-radius:23px}
  .workspace-attendance .hero-content{padding:29px clamp(21px,4vw,50px)}
  .workspace-attendance .hero-art{inset-inline-start:43%;opacity:1}
  .workspace-attendance .hero-actions{width:auto}
  .workspace-attendance .hero-actions>.btn{flex:none}
  .workspace-attendance .live-timer{font-size:clamp(2.8rem,6.45vw,6rem)}
  .workspace-attendance .metric{display:flex;gap:12px;padding:15px}
  .workspace-attendance .metric-icon{width:39px;height:39px;border-radius:11px}
  .workspace-attendance .metric-icon svg{width:21px;height:21px}
  .workspace-attendance .metric strong{font-size:clamp(1rem,1.9vw,1.4rem)}
  .workspace-attendance .metric small,.workspace-attendance .metric p{font-size:.78rem}
  .workspace-attendance .today-bottom{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
}
@media(min-width:1051px){
  .attendance-history .staff-table{display:table;white-space:nowrap}
  .attendance-history thead{display:table-header-group;position:static;inline-size:auto;block-size:auto;overflow:visible;clip-path:none}
  .attendance-history tbody{display:table-row-group}
  .attendance-history tbody tr{display:table-row}
  .attendance-history .staff-table :is(td,th[scope="row"]){padding:10px}
  .attendance-history .attendance-cell-label{display:none}
}
@media(max-width:760px){
  .workspace-attendance .content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .workspace .topbar{height:auto;min-height:60px;gap:4px;padding-inline:9px}
  .workspace .topbar-tools{gap:3px}
  .workspace .mobile-brand{gap:6px}
  .workspace .mobile-brand .brand-text strong{font-size:clamp(.93rem,4.3vw,1.24rem)}
  .workspace .mobile-brand .brand-text small{letter-spacing:.08em}
  .workspace-attendance .request-list li{column-gap:6px}
  .workspace-attendance .request-list .status-pill{white-space:normal}
  .am-console[data-management-layout="mobile"] .am-tab svg{width:14px;height:14px}
  .am-console[data-management-layout="mobile"] .am-tab{gap:4px}
  .management-view-bar{align-items:flex-start}
  #dialog,.am-dialog{max-height:calc(100dvh - 26px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:15px}
  :is(#dialog,.am-dialog,.workspace-attendance) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px}
  #dialog .dialog-actions>.btn{min-height:44px}
  .toasts{bottom:calc(72px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){
  .workspace-attendance .metric strong{font-size:.83rem}
  .workspace-attendance .hero-actions>.btn{flex-basis:100%}
  .workspace .topbar .brand-icon{width:30px;height:30px}
  .am-console[data-management-layout="mobile"] .am-tab svg{display:none}
}