.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}
}

.workspace-attendance .clock-focus{min-height:0;background:linear-gradient(135deg,#0b382b,#14513a)}
.clock-focus::after{display:none}
.workspace-attendance .clock-focus .hero-content{gap:14px;padding:clamp(18px,4vw,30px)}
.clock-focus .status-pill{font-size:.8rem}
.clock-focus .status-pill.status-idle{background:#e9f2e6;color:#154632}
.clock-work-mode{display:flex;align-items:flex-start;gap:8px;min-width:0;color:#d7e9df;font-size:.87rem}
.clock-work-mode svg{flex:none}
.clock-work-mode span{overflow-wrap:anywhere}
.clock-totals{display:flex;flex-wrap:wrap;align-items:end;column-gap:clamp(14px,5vw,28px);row-gap:10px}
.workspace-attendance .clock-focus .live-timer{font-size:clamp(2.55rem,10.2vw,4.6rem);letter-spacing:-.055em}
.clock-totals .hero-caption{margin-top:5px}
.clock-break-total{display:grid;gap:4px;padding-inline-start:12px;border-inline-start:1px solid #adc5b871}
.clock-break-total strong{font-size:1.03rem;font-variant-numeric:tabular-nums}
.clock-break-total small{font-size:.78rem;color:#d7e9df}
.workspace-attendance .clock-actions{margin-top:0}
.workspace-attendance .clock-actions>.btn{justify-content:center;min-height:48px}
.workspace-attendance .clock-actions>.btn-lime{min-width:min(100%,176px);font-size:1rem}
.clock-actions .btn-on-dark{font-size:.89rem}
.punch-receipt.clock-receipt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px 10px;text-align:start}
.clock-receipt[data-punch-state="attention"]{background:#fffdf6;border-color:#e9dab8}
.clock-receipt[data-punch-state="attention"]>.quick-icon{background:#f9edce;color:#765319}
.clock-receipt>.quick-icon{width:32px;height:32px}
.clock-receipt>div{min-width:0;overflow-wrap:anywhere}
.clock-receipt>.status-pill{max-width:none}
.clock-receipt .clock-receipt-action{grid-column:2/-1;justify-self:start}
.clock-receipt button.clock-receipt-action{min-height:44px;padding:0 9px;margin-inline-start:-9px}
.simple-clock .clock-receipt{margin-top:0}
.simple-clock .clock-receipt strong{padding:0;background:none;border-radius:0}
.clock-details summary{min-height:44px;align-content:center;font-weight:700;cursor:pointer}
.clock-details .timeline{margin:8px 0}
.clock-detail-actions{display:flex;flex-wrap:wrap;gap:0 14px}
.clock-details .text-button{min-height:44px}
.shift-mode-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:11px}
.shift-mode-summary div{display:grid;gap:3px}
.shift-mode-summary small{color:var(--muted);font-size:.76rem}
.shift-mode-summary .text-button{min-height:44px;text-align:end}
@media(max-width:760px){
  .workspace-attendance .clock-actions{display:grid}
  .workspace-attendance .clock-actions>.btn{width:100%}
  .clock-actions .btn-on-dark{min-height:44px}
  .punch-receipt.clock-receipt{grid-template-columns:auto minmax(0,1fr)}
  .clock-receipt>.status-pill,.clock-receipt .clock-receipt-action{grid-column:2;justify-self:start}
}