/* ═══════════════════════════════════════════════════════════════════════════
   SBR Air — modules/administration/timesheets.k3.css (Assignment 008K, Stage K3)
   Layout only for Daily Attendance — Needs Attention and the job Schedule window. Colours, type, controls, badges,
   tables, drawers and modals come from the SBR Air design system (shared/ui/sbr-air.*.css, .sa-scope).
   ═══════════════════════════════════════════════════════════════════════════ */
.k3-na .k3-na__head { display: flex; align-items: flex-start; gap: var(--sa-space-4); flex-wrap: wrap; }
.k3-na .k3-na__head .sa-help { margin: 4px 0 0; }
.k3-na .k3-na__review { margin-left: auto; display: flex; align-items: center; gap: var(--sa-space-2); flex-wrap: wrap; }
.k3-na .k3-na__bar { display: flex; align-items: center; gap: var(--sa-space-3); flex-wrap: wrap; padding: var(--sa-space-3) var(--sa-space-5); border-bottom: 1px solid var(--sa-border); }
.k3-na .k3-na__bar .sa-input { width: auto; height: 32px; }
.k3-na .k3-inline { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.k3-na .k3-na__counts { display: flex; gap: var(--sa-space-4); flex-wrap: wrap; padding: var(--sa-space-3) var(--sa-space-5); font-size: var(--sa-text-sm); color: var(--sa-text-2); }
.k3-na .k3-cnt b { font-size: var(--sa-text-md); color: var(--sa-text); margin-right: 3px; }
.k3-na .k3-cnt--red b { color: #b42318; }
.k3-na .k3-cnt--amber b { color: #b54708; }
.k3-na .k3-cnt--info b { color: #175cd3; }
.k3-na .k3-na__day { margin: var(--sa-space-4) var(--sa-space-5) var(--sa-space-2); font-size: var(--sa-text-md); font-weight: var(--sa-weight-semibold); }
.k3-na .k3-na__t tbody tr { cursor: default; }
.k3-na .k3-row--red td:first-child { box-shadow: inset 3px 0 0 #d92d20; }
.k3-na .k3-row--amber td:first-child { box-shadow: inset 3px 0 0 #f79009; }
.k3-na .k3-row--info td:first-child { box-shadow: inset 3px 0 0 #2e90fa; }
.k3-na .k3-wrap { white-space: normal; max-width: 340px; }
.sa-scope .k3-sched { display: flex; flex-direction: column; gap: var(--sa-space-4); }
.sa-scope .k3-sched .k3-sec h3, .sa-scope .k3-sched .k3-h { margin: 0 0 var(--sa-space-2); font-size: var(--sa-text-md); font-weight: var(--sa-weight-semibold); }
.sa-scope .k3-sched details.k3-sec summary { cursor: pointer; font-weight: var(--sa-weight-semibold); }
.sa-scope .k3-sched .k3-cur { display: flex; flex-direction: column; gap: 2px; margin-bottom: var(--sa-space-2); }
.sa-scope .k3-sched .k3-cur b { font-size: var(--sa-text-lg, 16px); }
.sa-scope .k3-sched .k3-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sa-space-3); }
.sa-scope .k3-sched .k3-grid2[hidden], .sa-scope .k3-sched [hidden] { display: none !important; }
.sa-scope .k3-sched .k3-actions { display: flex; justify-content: flex-end; gap: var(--sa-space-2); }
.sa-scope .k3-sched .k3-list { margin: var(--sa-space-2) 0 0; padding-left: 18px; font-size: var(--sa-text-sm); display: flex; flex-direction: column; gap: 4px; }
.sa-scope .k3-sched .k3-grid td, .sa-scope .k3-sched .k3-grid th { white-space: nowrap; font-size: var(--sa-text-sm); }
.sa-scope .k3-sched .k3-grid td.k3-chg { background: #fffaeb; font-weight: var(--sa-weight-semibold); }
.sa-scope .k3-sched .sa-error { display: block; }
.sa-scope .sa-error .k3-list { color: inherit; }
.sa-scope .k3-modal { max-width: 760px; }
/* Worker App: choose the job when assigned to more than one today (legacy Worker App palette) */
.k3-pick { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,0.75); display: flex; align-items: flex-end; justify-content: center; }
.k3-pick__card { width: 100%; max-width: 480px; background: #1a2a3e; border-radius: 16px 16px 0 0; padding: 18px 16px 24px; color: #e8f0f8; font-family: inherit; }
.k3-pick__title { font-size: 16px; font-weight: 700; margin: 0 0 4px; }
.k3-pick__sub { font-size: 12px; color: #7a90a8; margin: 0 0 12px; }
.k3-pick__job { display: block; width: 100%; text-align: left; margin: 0 0 8px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.14); background: #152030; color: #e8f0f8; font-family: inherit; cursor: pointer; }
.k3-pick__job.is-now { border-color: #00c896; box-shadow: 0 0 0 1px #00c896 inset; }
.k3-pick__job b { display: block; font-size: 14px; }
.k3-pick__job span { display: block; font-size: 12px; color: #b0c4d8; margin-top: 2px; }
.k3-pick__cancel { display: block; width: 100%; margin-top: 4px; padding: 10px; border-radius: 10px; border: none; background: transparent; color: #7a90a8; font-family: inherit; font-size: 13px; cursor: pointer; }
/* PM attendance: three categories and the make-up line */
.k3-na .k3-cnt--ok b { color: #067647; }
.k3-na .k3-mu-line { color: #067647; }