.attendance-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:16px 0}.attendance-tools label{display:flex;flex-direction:column;gap:6px;min-width:140px}.attendance-tools input,.attendance-tools select{min-height:48px}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.attendance-scroll{overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:800px}.attendance-table td,.attendance-table th{padding:12px;text-align:left;border-bottom:1px solid var(--line,#244238)}.attendance-grid button{min-height:100px}.attendance-kiosk{margin:0;background:#0a1512;color:#eef7f2;font:16px system-ui}.attendance-kiosk main{max-width:1000px;margin:auto;padding:24px}.attendance-kiosk .card{background:#10221c;padding:24px;border:1px solid #244238;border-radius:20px;margin-top:18px}.attendance-kiosk button,.attendance-kiosk input{font:inherit;border-radius:12px;border:1px solid #244238;padding:16px;background:#173d32;color:#eef7f2;min-height:56px}.attendance-kiosk button:disabled{opacity:.45}.attendance-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:450px;margin:auto}.attendance-kiosk h1,.attendance-kiosk h2{text-align:center}.attendance-kiosk #clock{text-align:center;font-size:24px}.attendance-kiosk #feedback{min-height:50px;text-align:center;color:#ffe7a3}.attendance-kiosk .time_out{background:#652929}.attendance-kiosk .break_in{background:#194e6b}.attendance-kiosk .time_in{background:#236344}@media(max-width:600px){.attendance-kiosk main{padding:12px}.attendance-tools label{width:100%}}

/* Kiosk layout only; clinic application tables and controls retain their styles. */
.attendance-kiosk header img{object-fit:contain}.kiosk-welcome{text-align:center;padding:24px 0 10px}.kiosk-welcome h1{font-size:28px;margin:8px 0}.kiosk-welcome p,#clock-date{color:#9bb2aa}.attendance-kiosk #clock{font-size:40px;font-weight:750;letter-spacing:1px;margin:10px 0}.attendance-kiosk .kiosk-section-title{text-align:left;font-size:18px;margin:0 0 18px}.kiosk-staff-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:180px!important;background:#0d1c17!important}.kiosk-staff-card:hover,.kiosk-staff-card:focus-visible{border-color:#78c8a4;outline:2px solid #78c8a4;outline-offset:2px}.kiosk-avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#173d32;color:#78c8a4;font-size:32px;margin:0 auto 4px}.kiosk-position,.kiosk-state{display:block;font-size:14px;color:#9bb2aa}.kiosk-state{color:#78c8a4}.kiosk-selected{text-align:center;margin-bottom:20px}.kiosk-selected h2{margin:8px 0}.kiosk-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.kiosk-action-grid button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:700;font-size:22px;min-height:110px}.kiosk-action-grid button.break_in,.kiosk-action-grid button.break_out{min-height:72px;font-size:18px}.attendance-kiosk #cancel{display:block;width:100%;max-width:450px;margin:18px auto 0;background:transparent}.attendance-keypad button{font-size:23px}.attendance-kiosk button:focus-visible{outline:3px solid #78c8a4;outline-offset:3px}@media(max-width:600px){.kiosk-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kiosk-staff-card{min-height:155px!important;padding:12px}.attendance-kiosk .card{padding:16px}.kiosk-action-grid button{font-size:19px}.kiosk-welcome{padding-top:12px}}

/* Compact management workspace, scoped away from kiosk and printed DTR. */
#attendance-root .page-head{margin-bottom:8px}#attendance-root .page-head h1{font-size:26px}#attendance-root>p{font-size:13px;margin:8px 0 14px}#attendance-root .attendance-tabs{display:flex;gap:0;padding:4px;background:var(--table);border:1px solid var(--line);border-radius:10px;margin:12px 0}#attendance-root .attendance-tabs button{flex:1;min-height:44px;border:0;background:transparent;padding:8px;font-size:13px}#attendance-root [aria-pressed=true]{box-shadow:inset 0 -3px #24835c;font-weight:750}#attendance-root .attendance-section-select{display:none}#attendance-root [hidden]{display:none!important}#attendance-root .attendance-tools{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}#attendance-root .attendance-tools label{flex:1;min-width:150px;font-size:12px;gap:4px}#attendance-root input,#attendance-root select{min-height:44px;width:100%;min-width:0;box-sizing:border-box;font-size:16px}#attendance-root input[type=checkbox]{width:auto;min-height:0}#attendance-root .btn{min-height:44px}#attendance-root .attendance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}#attendance-root .attendance-metrics>div{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:12px}#attendance-root .attendance-metrics small{display:block;font-size:12px}#attendance-root .attendance-metrics b{display:block;font-size:24px;margin-top:3px}#attendance-root .attendance-metrics>div:nth-child(2),#attendance-root .attendance-metrics>div:nth-child(3){border-left:4px solid #d99a30}#attendance-root .attendance-table{min-width:0;table-layout:fixed}#attendance-root .attendance-table td,#attendance-root .attendance-table th{padding:10px 8px;font-size:13px;overflow-wrap:anywhere;vertical-align:top}#attendance-root .attendance-table small{display:block;margin-top:4px;font-size:11px}#attendance-root .attendance-table summary{cursor:pointer;min-height:28px}#attendance-root .attendance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#attendance-root .attendance-grid .card{padding:12px}#attendance-root .attendance-grid p{font-size:12px;margin:5px 0}#attendance-root .attendance-attention{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--table);border:1px solid var(--line);border-radius:10px;padding:12px;margin:12px 0;font-size:13px}#attendance-root .attendance-totals{margin-top:12px}#attendance-root .attendance-totals summary{cursor:pointer;padding:10px}#attendance-root #attendance-kiosk-setup{padding:16px;border:1px solid var(--line);border-radius:12px}#attendance-root #attendance-kiosk-setup li{padding:10px}#attendance-root #attendance-results h2{font-size:19px}#attendance-root #attendance-results>p{font-size:13px}
@media(max-width:1100px){#attendance-root .attendance-tabs{display:none}#attendance-root .attendance-section-select{display:grid;gap:5px;margin:12px 0}#attendance-root .attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#attendance-root .attendance-scroll{overflow:visible}#attendance-root .attendance-table,#attendance-root .attendance-table tbody{display:block;width:100%}#attendance-root .attendance-table thead{display:none}#attendance-root .attendance-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:12px;margin:10px 0}#attendance-root .attendance-table td{display:block;padding:4px;border:0;min-width:0}#attendance-root .attendance-table td:before{content:attr(data-label);display:block;font-size:11px;opacity:.75;margin-bottom:4px}#attendance-root .attendance-table td:first-child{grid-column:1/-1;font-size:15px}#attendance-root .attendance-table td:last-child{grid-column:1/-1}#attendance-root .attendance-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#attendance-root .attendance-tools label{min-width:0;width:auto}#attendance-root .attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}