/* Attendance workspace, built on the bundled Bootstrap. */
.att16-hero{background:linear-gradient(120deg,#102f4b,#176b78);border-radius:22px;padding:30px 32px;margin:12px 0 24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 14px 36px #173a5312}.att16-hero h1{color:#fff!important;font-size:clamp(1.8rem,3vw,2.6rem)!important;letter-spacing:-.04em;line-height:1.15;margin:10px 0 16px}.att16-hero p{color:#d9ebf4!important;max-width:720px;font-size:.94rem;line-height:1.7;margin:6px 0}.att16-eyebrow{color:#8fe6d6;font-size:11px;font-weight:750;letter-spacing:.15em}.att16-lightlink{color:white!important;border:1px solid #ffffff50;border-radius:10px;padding:12px 16px;white-space:nowrap}.att16-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr);gap:24px;margin-bottom:24px;align-items:start}.att16-clock-card{border:1px solid #cce2e5;border-radius:20px;background:linear-gradient(155deg,#f1fbf8,#fff 75%);padding:28px;color:#1b3d50;box-shadow:0 10px 30px #173a5306}.att16-card-label{color:#137a73;font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:20px}.att16-clock-card h2{font-size:1.4rem;margin-bottom:24px}.att16-timer{font-size:clamp(2.6rem,4vw,4rem);font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1.2;color:#164d59;font-weight:750;margin:16px 0}.att16-punch-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 16px}.att16-punch-actions .btn{flex:1;min-height:48px}.att16-shift-list{display:grid;gap:14px}.att16-shift-list article{display:flex;gap:18px;border:1px solid #e2e9f1;border-radius:14px;padding:20px;background:#fbfdff}.att16-shift-list h3{font-size:1rem!important;margin-bottom:6px!important}.att16-shift-list p{margin:4px 0;font-size:.92rem}.att16-shift-list small{color:#6a7f91}.att16-date{display:flex;align-items:center;justify-content:center;background:#e8f3f7;color:#1c6478;border-radius:10px;padding:10px;min-width:68px;font-weight:750;font-size:13px}.att16-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.att16-metrics article{padding:20px;background:#f4f8fc;border:1px solid #e2eaf2;border-radius:13px}.att16-metrics span{display:block;color:#677d91;font-size:12px;line-height:1.5;min-height:36px}.att16-metrics strong{display:block;font-size:30px;color:#1e4f67;font-variant-numeric:tabular-nums;margin-top:10px}.att16-toolbar{display:flex!important;justify-content:space-between;gap:16px!important;align-items:center;padding:13px 18px!important;margin:0 0 22px!important;border:1px solid #d8e5ec;border-radius:12px;background:#fff}.att16-toolbar>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.att16-toolbar a{font-size:12px!important;font-weight:650;color:#1f6678!important;padding:0!important}.att16-toolbar-state{font-size:12px;color:#5c7185}.att16-dot{width:8px;height:8px;border-radius:50%;background:#9daebd;flex:none}.att16-dot.is-active{background:#17a087;box-shadow:0 0 0 4px #17a08714}.att16-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff0dc;color:#9e570a;border-radius:7px;padding:2px 7px;margin-left:6px;font-size:11px}.att16-board-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.att16-board-tabs a{padding:10px 15px;border:1px solid #dce5ef;background:white;border-radius:10px;color:#285f77;font-size:13px;font-weight:650}.att16-filter{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}.att16-filter>div{flex:1;min-width:190px}.att16-filter .btn{min-height:46px}.att16-monitor{display:grid;gap:6px;padding:20px 24px;border-radius:14px;border:1px solid #cce5dc;background:#effaf5;color:#256858;margin:0 0 24px;font-size:13px}.att16-monitor.is-warning{background:#fff8e9;border-color:#eedfb9;color:#89652b}.att16-monitor small{font-size:12px;line-height:1.6}.att16-alert{display:flex;gap:18px;align-items:center;border:1px solid #f0dfc4;border-radius:12px;background:#fffaf3;padding:20px;margin:14px 0}.att16-alert h3{font-size:15px!important}.att16-alert p{font-size:13px;margin:6px 0}.att16-alert a{margin-left:auto;white-space:nowrap;font-size:12px}.att16-alert-icon{background:#ffe5bc;color:#9c5e09;font-weight:800;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none}.att16-table th{font-size:11px!important;text-transform:none;letter-spacing:0;white-space:nowrap;color:#6a7c91!important}.att16-table td{font-size:13px!important;padding:16px 12px!important;vertical-align:middle}.att16-table small{font-size:11px;color:#718299;line-height:1.5}.att16-empty{padding:24px;border:1px dashed #d4e0ea;border-radius:12px;color:#6e8296;font-size:13px;line-height:1.8}.att16-warning{font-size:13px;color:#926523;background:#fff6df;border-radius:9px;padding:12px}.att16-clock-card .form-control,.att16-clock-card .form-select{min-height:46px;border-radius:10px;font-size:14px}.att16-clock-card .form-label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.att16-clock-card .errorlist{color:#a43448;font-size:12px;padding-left:18px}
@media(max-width:1100px){.att16-layout{grid-template-columns:1fr}.att16-toolbar{align-items:flex-start;flex-direction:column}.att16-hero{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.att16-hero{padding:24px!important;border-radius:16px}.att16-clock-card{padding:22px}.att16-metrics{grid-template-columns:1fr;gap:10px}.att16-metrics article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.att16-metrics span{min-height:0}.att16-metrics strong{margin:0;font-size:26px}.att16-alert{align-items:flex-start;flex-wrap:wrap}.att16-alert a{margin-left:50px}.att16-shift-list article{padding:16px;gap:12px}.att16-filter>div{min-width:100%}.att16-filter .btn{width:100%}}

.att16-resolve{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.att16-resolve .form-label{font-size:12px!important;width:100%;margin:0}.att16-resolve .form-control{min-width:180px;flex:1;min-height:38px;font-size:12px}.att16-resolve .btn{font-size:12px;white-space:nowrap}

body nav.att16-toolbar{background:#fff!important;color:#5c7185!important;border:1px solid #d8e5ec!important;box-shadow:none!important}body nav.att16-toolbar a{color:#185e70!important;background:transparent!important}body .att16-punch-actions .btn-danger{background:#b83e51!important;border-color:#b83e51!important;color:#fff!important}body .att16-punch-actions .btn-outline-primary{background:#fff!important;border-color:#a8c6d5!important;color:#215c73!important}