:root{--bg: #f1f5f9;--surface: #ffffff;--ink: #0f172a;--ink-muted: #64748b;--line: #e2e8f0;--brand: #0e7a57;--brand-dark: #0b6146;--brand-soft: #d6ece3;--out: #235e9e;--out-dark: #1c4c80;--out-soft: #d9e6f4;--danger: #9c2b1a;--danger-bg: #fbe9e6;--warn: #9c5312;--warn-bg: #f6e6d4;--radius: 14px;--tap: 52px;--ctl: 38px;--band: #cbd5e1;--band-ink: #0f172a;--gold: #b07d0a;--neutral: #475569;--dayoff: #cf3a2c;--nest: #e7ecf3}@media (prefers-color-scheme: dark){:root{--gold: #e8b93f;--bg: #0b1120;--surface: #131c2e;--ink: #e2e8f0;--ink-muted: #94a3b8;--line: #24314a;--brand: #37c493;--brand-dark: #2aa87b;--brand-soft: #10312a;--out: #6aa8e8;--out-dark: #5590cc;--out-soft: #12253a;--danger: #f08a7a;--danger-bg: #33170f;--warn: #e3a55c;--warn-bg: #33240f;--band: #33445f;--dayoff: #e0574a;--band-ink: #f1f5f9;--nest: #18223a}}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overscroll-behavior-y:none}html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.screen{max-width:480px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom))}.brand-mark{text-align:center;margin:32px 0 28px}.brand-mark h1{font-size:26px;margin:0;letter-spacing:-.02em}.brand-mark p{margin:6px 0 0;color:var(--ink-muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.field input{width:100%;min-height:var(--tap);padding:12px 14px;font-size:16px;font-family:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px}.field input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:0;max-width:100%;text-align:left}.field input[type=time]{min-width:0;max-width:100%}.field input:focus{outline:2px solid var(--brand);outline-offset:1px}.field .hint{margin:6px 0 0;font-size:13px;color:var(--ink-muted)}.code-input{text-transform:uppercase;letter-spacing:.14em;font-variant-numeric:tabular-nums}button{font-family:inherit}.btn{width:100%;min-height:var(--tap);border:0;border-radius:10px;background:var(--brand);color:#fff;font-size:17px;font-weight:700;cursor:pointer}.btn:active{background:var(--brand-dark)}.btn:disabled{opacity:.55;cursor:default}.btn-link{display:block;width:100%;margin-top:16px;padding:12px;background:none;border:0;color:var(--ink-muted);font-size:15px;text-decoration:underline;cursor:pointer}.alert{border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:16px;overflow-wrap:anywhere;line-height:1.5;white-space:pre-line}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid currentColor}.alert-warn{background:var(--warn-bg);color:var(--warn);border:1px solid currentColor}.center-note{text-align:center;color:var(--ink-muted);font-size:14px;padding:48px 20px}.row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row dt{color:var(--ink-muted);font-size:14px;margin:0}.row dd{margin:0;font-weight:600;text-align:right}.section-title{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--ink-muted);margin:28px 0 10px}.muted{color:var(--ink-muted);font-size:14px;margin:0}.warn-text{color:var(--warn);font-weight:600}.alert-ok{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);border:1px solid currentColor}.btn-secondary{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:17px;font-weight:600;cursor:pointer}.topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 0 8px}.topbar-name{margin:0;font-size:19px;letter-spacing:-.01em}.topbar-sub{margin:2px 0 0;font-size:13px;color:var(--ink-muted)}.action-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 8px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:104px;padding:14px 8px;border:2px solid transparent;border-radius:var(--radius);color:#fff;cursor:pointer}.action-btn:disabled{opacity:.6;cursor:default}.action-in{background:var(--brand)}.action-in:active:not(:disabled){background:var(--brand-dark)}.action-out{background:#b45309}.action-out:active:not(:disabled){background:#92400e}.action-suggested{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}@media (prefers-color-scheme: dark){.action-suggested{border-color:#fff}}.action-kind{font-size:26px;font-weight:800;line-height:1.1}.action-label{font-size:13px;opacity:.9}.action-status{min-height:18px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;opacity:.95}.punch{padding:12px 0;border-bottom:1px solid var(--line)}.punch:last-child{border-bottom:0;padding-bottom:0}.punch:first-child{padding-top:0}.punch-main{display:flex;align-items:center;gap:10px}.punch-time{font-size:17px;font-variant-numeric:tabular-nums}.punch-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:13px;color:var(--ink-muted)}.chip{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:20px;padding:1px 8px;border-radius:999px;font-size:12.5px;font-weight:700}.chip-pending{background:var(--line);color:var(--ink-muted);font-weight:600}.feed-date{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700}.feed-count{padding:1px 8px;border-radius:999px;background:var(--line);color:var(--ink-muted);font-size:13px;font-weight:700}.feed-row{display:flex;gap:12px;padding:10px;margin-bottom:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.feed-thumb-empty{border:1px dashed var(--line)}.feed-body{min-width:0;flex:1}.feed-line1{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-variant-numeric:tabular-nums}.feed-line2{margin:2px 0 0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-line3{display:flex;flex-wrap:wrap;gap:2px 10px;margin:3px 0 0;font-size:13px;color:var(--ink-muted)}.camera-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;z-index:50}.camera-body{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-body video{width:100%;height:100%;object-fit:contain}.camera-body video.mirrored{transform:scaleX(-1)}.camera-hint,.camera-label{position:absolute;left:0;right:0;text-align:center;color:#fff;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.8)}.camera-hint{top:50%}.camera-label{bottom:16px;font-weight:600}.shutter-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25}.shutter-sub{font-size:13px;font-weight:600;opacity:.85}.camera-actions{display:flex;gap:12px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:#000}.camera-actions .btn,.camera-actions .btn-secondary{flex:1}.camera-actions .btn-secondary{background:transparent;color:#fff;border-color:#3f3f46}.install-banner{display:flex;align-items:center;gap:12px;margin:16px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:14px}.install-banner button{flex-shrink:0;min-height:40px;padding:0 16px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.error-detail{margin:0;padding:12px;border-radius:8px;background:var(--bg);color:var(--danger);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.board{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:520px;margin:0 auto}@media (min-width: 768px){.board-wide{max-width:1200px}}.board-top{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 4px}.board-who{min-width:0}.board-title{margin:0;font-size:18px;font-weight:780;line-height:1.35;letter-spacing:-.015em}.board-when{margin:1px 0 0;font-size:13px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.board-browse{grid-column:1 / -1;grid-row:3;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin:8px 0 0}.board-browse>.dp,.board-browse>.dp>.dp-value{width:100%}.board-browse-today{height:44px}.board-name{grid-column:1 / -1;grid-row:2;margin:2px 0 0;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.board-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 14px 12px}.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin:4px 14px 0;padding:2px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.tabs-rep{margin:0 0 16px}.tabs-rep+.tabs-rep{margin:-10px 10px 14px;background:transparent;border-style:dashed}.tabs-rep+.tabs-rep .tab{font-size:13.5px}.board>.tabs{margin-inline:14px}.board-top>.tabs{grid-column:1 / -1;grid-row:4;margin:8px 0 2px}.tab{display:flex;align-items:center;justify-content:center;gap:6px;min-height:29px;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);font-family:inherit;font-size:15px;font-weight:650;cursor:pointer}.tab-on{background:var(--brand);color:#fff}.tab{white-space:nowrap}@media (max-width: 560px){.tabs{gap:2px;grid-auto-columns:minmax(max-content,1fr);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{gap:4px;padding:0 10px;font-size:13.5px}.tab .tab-badge{min-width:16px;height:16px;padding:0 4px;font-size:10.5px;line-height:16px}}.btn,.btn-plain,.btn-export,.tab,.gear,.chip,.tab-badge{display:inline-flex;align-items:center;justify-content:center;line-height:1}.tab,.btn{display:flex}.feed-group{margin-bottom:16px}.fcard.fcard-inv{grid-template-columns:52px 1fr auto}.inv-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;text-align:right;white-space:nowrap}.inv-n{font-size:12.5px;color:var(--ink-muted)}.feed-day{display:flex;align-items:center;gap:8px;margin:6px 0 4px;padding:4px 10px;border-radius:8px;background:var(--band);color:var(--band-ink);font-size:13.5px;font-weight:800;letter-spacing:-.01em}.feed-group:first-child .feed-day{margin-top:0}.feed-day .feed-n{padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--band-ink) 16%,transparent);color:var(--band-ink);font-size:13px;font-weight:700}.feed-n{flex:none;padding:1px 8px;border-radius:999px;background:var(--line);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.fcard{display:grid;grid-template-columns:52px 1fr;gap:10px;margin-bottom:5px;padding:6px 8px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.fcard.pfcard{grid-template-columns:88px 1fr}.pfthumbs{display:flex;gap:4px}.pfthumbs .fthumb{width:42px}.pfthumb-empty{width:42px;height:62px;border-radius:8px;border:1px dashed var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.fline.dline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;justify-content:normal;column-gap:8px;row-gap:2px;line-height:1.25}.dtime,.dtime-missing{grid-column:1;font-size:13px}.dtime-missing{color:var(--ink-muted)}.dplace{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;min-width:0;font-size:12.5px}.dshift{justify-content:flex-start;font-size:12px;color:var(--ink-muted)}.dshift-fault{color:var(--warn)}.fthumb,.thumb-empty{width:52px;height:62px;object-fit:cover;border-radius:8px;background:var(--bg)}.thumb-empty{border:1px dashed var(--line)}.thumb-typed{display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);background:var(--bg);font-size:48px;overflow:hidden;line-height:1;padding-bottom:1px}.shot-typed{text-align:center}.shot-robot{display:flex;align-items:center;justify-content:center;height:150px;border:1px dashed var(--line);border-radius:10px;background:var(--bg);font-size:118px;overflow:hidden;line-height:1}.fbody,.hbody,.inv-side{min-width:0;line-height:1.3}.fline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}.fline+.fline{margin-top:1px}.fline .chip{flex:none;white-space:nowrap;align-self:flex-start}.fright{flex:none;display:flex;align-items:center;gap:6px}.fname{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:13.5px;font-weight:650;line-height:1.3}.fname-person{display:flex;align-items:baseline;overflow:hidden}.fname-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fname-nick{flex:none;white-space:nowrap}.fname-repeat{flex:none;align-self:center;margin-left:6px}.ftime{font-size:13.5px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.015em}.fline .fwhere{align-self:baseline}.fwhere{max-width:46vw;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink-muted)}.chip-alert{background:var(--warn-bg);color:var(--warn)}.chip-bad{background:var(--danger-bg);color:var(--danger)}.week-short{border-color:var(--warn);color:var(--warn)}.coord-row{display:flex;gap:8px}.coord-row input{flex:1;min-width:0}label.check-row{display:flex;align-items:center;gap:10px;margin-top:8px;margin-bottom:0;font-size:15px;font-weight:500}label.check-row input{width:18px;height:18px;flex:none;margin:0}.shift-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.shift-row input{min-width:0}.shift-name{flex:1 1 90px}.shift-row .btn-plain{flex:none;padding:0 12px}.input-bad{border-color:var(--danger)}.feed-cover{margin-left:6px}.feed-cover.ok{color:var(--brand)}.feed-cover.short{color:var(--warn)}.shift-when{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 6px}.wd-pick{display:flex;gap:4px}.wd{min-width:30px;padding:5px 6px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink-muted);font-size:13px;font-family:inherit}.wd.on{border-color:var(--brand);background:var(--brand);color:#fff}.shift-dept{flex:0 1 130px;min-width:0;font-size:13px}.shift-days{flex:1;min-width:130px;font-size:13px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:12.5px;font-weight:700;line-height:1}.inv-note{margin:-4px 0 10px;font-size:13px;line-height:1.5;color:var(--ink-muted)}.leg-close{margin-top:4px;padding:10px 12px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-muted)}.leg-total{margin-top:4px;font-weight:600;color:var(--ink)}.shift-why{display:block;margin-top:1px;font-size:12px;font-weight:400;color:var(--ink-muted);white-space:nowrap}.next-day{display:block;font-size:12px;font-weight:400;color:var(--ink-muted);white-space:nowrap}.fnextday,.fworked,.fjudged{font-size:12px;font-weight:400;color:var(--ink-muted);white-space:nowrap}.sf-unsure{color:var(--warn);font-size:11px;font-weight:600;white-space:nowrap}.feed-cover{border:0;padding:0;background:none;font:inherit;cursor:pointer}.cov-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cov-head-row h2{margin:0}.cov-head-row .sheet-x{position:static;flex:none}.cov-head{margin:14px 0 6px;font-size:13px;font-weight:700;color:var(--ink-muted)}.cov-row{margin:0;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}.cov-missing{color:var(--warn);font-weight:600}.cov-who{font-weight:400;color:var(--ink-muted)}.cov-gone{text-decoration:line-through}.cov-legend{margin-top:8px;text-align:right}.cov-when{margin:0;font-size:13.5px;color:var(--ink-muted)}.cov-tally{margin:2px 0 4px;font-size:14px;font-weight:600;color:var(--ink)}.cov-gap{color:var(--warn);font-weight:700}.cov-why{font-weight:400;color:var(--ink-muted)}.cov-offplan{color:var(--ink-muted)}.remark-cell{display:flex;align-items:center;gap:6px}.remark-cell>span{flex:1;min-width:0}.remark-by{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-muted)}.btn-tiny{min-height:28px;padding:0 10px;font-size:13px;font-weight:500}.field-static{margin:0;padding:9px 0;font-size:15px}.field-static .hint{display:block;margin-top:2px}.fkm{margin-left:auto;font-size:13px;color:var(--ink-muted)}.heat-wrap{align-items:center;justify-content:center}.heat-panel{display:flex;flex-direction:column;width:min(1100px,96vw);height:min(78vh,780px);background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.heat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.heat-head h2{margin:0;font-size:16px}.heat-head .hint{margin:2px 0 0}.heat-head .sheet-x{position:static;flex:none}.heat-body{position:relative;flex:1;min-height:0}.heat-map{position:absolute;top:0;right:0;bottom:0;left:0}.map-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--surface)}.heat-legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-muted)}.heat-legend label.check-row{margin-top:0}.heat-key{display:flex;align-items:center;gap:6px}.heat-key .dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #fff}.dot-shrm{background:#43b14b}.dot-pc{background:#2a78d6}.dot-h1{background:#f5c4b3}.dot-h2{background:#f0997b}.dot-h3{background:#d85a30}.dot-h4{background:#993c1d}.heat-key .hint{margin-left:2px}.board-bar{flex:none;display:flex;align-items:center;gap:12px;padding:8px 12px max(6px,calc(env(safe-area-inset-bottom) - 12px));background:var(--surface);border-top:1px solid var(--line)}.bar-me{flex:1;min-width:0}.bar-k{font-size:12.5px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-v{font-size:13px;font-weight:700}.bar-v .ok{color:var(--brand)}.cta{flex:none;min-height:40px;padding:0 18px;border:0;border-radius:12px;color:#fff;font-family:inherit;font-size:17px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.3}.cta-in{background:var(--brand)}.cta-in:active:not(:disabled){background:var(--brand-dark)}.cta-out{background:var(--out)}.cta-out:active:not(:disabled){background:var(--out-dark)}.cta:disabled{opacity:.55;cursor:default}.cta-doc{background:var(--neutral);color:#fff}.cta-doc:active{background:#3b4759}.btn-out{background:var(--out)}.btn-out:active{background:var(--out-dark)}.chip-in{background:var(--brand-soft);color:var(--brand)}.chip-day{background:color-mix(in srgb,var(--ink-muted) 22%,transparent);color:var(--ink-muted)}.chip-leave{background:color-mix(in srgb,var(--ink-muted) 9%,transparent);color:var(--ink-muted);border:1px solid color-mix(in srgb,var(--ink-muted) 25%,transparent)}.chip-soon{background:transparent;color:var(--ink-muted);border:1px dashed var(--line)}.cov-chips{display:inline-flex;flex-wrap:wrap;gap:4px;margin-inline-start:6px;vertical-align:middle}.cov-legend{display:grid;grid-template-columns:max-content 1fr;gap:4px 10px;align-items:center;margin:12px 0 0;font-size:12.5px;color:var(--ink-muted)}.cov-legend dt{margin:0;justify-self:start}.cov-legend dd{margin:0;text-align:start}.chip-out{background:var(--out-soft);color:var(--out)}.signin{max-width:480px;margin:0 auto;padding:32px 20px 48px}.signin-head{text-align:center;margin-bottom:24px}.signin-head h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.025em}.signin-head p{margin:6px 0 0;color:var(--ink-muted);font-size:15px}.pick-list{display:flex;flex-direction:column;gap:10px}.pick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:64px;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-radius:13px;color:var(--ink);font-family:inherit;text-align:left;cursor:pointer}.pick:active{background:var(--bg)}.pick-main{font-size:16px;font-weight:650}.pick-sub{font-size:13.5px;color:var(--ink-muted)}.back{align-self:flex-start;min-height:44px;margin-bottom:14px;padding:0 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.back:active{background:var(--bg)}.back:disabled{opacity:.5;cursor:default}.whoami{margin:0 0 2px;font-size:18px;font-weight:700}.whoami-sub{margin:0 0 18px;font-size:13px;color:var(--ink-muted)}.report{max-width:1200px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom))}@media (min-width: 768px){.report{padding:28px 24px 64px}}@media (min-width: 1280px){.report{max-width:none;padding:28px 32px 64px}}.rep-head{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:12px;row-gap:14px;margin-bottom:22px}.rep-who{grid-column:1;grid-row:1;min-width:0}.rep-sub{margin:3px 0 0;color:var(--ink-muted);font-size:14px}.rep-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.rep-actions>.btn-export,.rep-actions>.gear,.rep-actions>.rep-pick{order:1}.rep-actions>.rep-filter{order:2}.rep-actions>.rep-when{order:3}@media (max-width: 640px){.rep-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rep-actions>*{width:100%}.rep-actions>.rep-when{grid-column:2;grid-row:1}.rep-actions>.btn-export,.rep-actions>.rep-pick,.rep-actions>.gear{grid-column:1;grid-row:1}.rep-actions>.gear{width:var(--ctl);justify-self:start;border-radius:9px}.rep-actions>.rep-filter{grid-row:2}}.photo-slot:has(+.btn-add){margin-bottom:6px}.btn-add.wide{width:100%;margin-top:0;margin-bottom:18px}.btn-add{height:var(--ctl);border:1px dashed var(--brand);border-radius:10px;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);font:inherit;font-size:14px;font-weight:650;cursor:pointer}.btn-add:active{background:color-mix(in srgb,var(--brand) 18%,transparent)}.fline-mid .fwhere{max-width:58%;text-align:right}.fline.fline-mid{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:10px;row-gap:2px}.fline.fline-mid>.ftimecol{grid-area:1 / 1}.fline.fline-mid>.fplace{grid-area:1 / 2 / 3 / 3}.fline.fline-mid>.fplace{max-width:100%}.fline.fline-mid>.fjudged,.fline.fline-mid>.chip-alert,.fline.fline-mid>.fflags-under{grid-column:1 / -1;grid-row:2;justify-self:start}.fline .ftimecol{min-width:0}.fflags-under{display:flex;flex-wrap:wrap;gap:5px}.fline-mid{align-items:flex-start}.fline .fplace{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;max-width:58%}.fline .fplace .fwhere{align-self:flex-end;max-width:100%}.fline .fplace .chip{align-self:flex-end}.rep-actions>*{height:var(--ctl);white-space:nowrap}.rep-pick{min-width:0;max-width:50vw;text-overflow:ellipsis}.rep-month{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:var(--ctl);padding:0 34px 0 12px;font-family:inherit;font-size:15px;color:var(--ink);background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid var(--line);border-radius:9px}.btn-export{min-height:var(--ctl);padding:0 18px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.btn-export:disabled{opacity:.5;cursor:default}.rep-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin-bottom:18px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.tot{background:var(--surface);padding:14px 16px}.tot-k{display:block;font-size:13.5px;color:var(--ink-muted)}.tot-v{display:block;margin-top:2px;font-size:22px;font-weight:750;font-variant-numeric:tabular-nums}.tot-v.warn{color:var(--warn)}.tot-sub{display:block;margin-top:2px;font-size:12px;color:var(--warn);font-weight:600;font-variant-numeric:tabular-nums}.tot-behind{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:4px}.tot-behind-k{font-size:12px;font-weight:600;color:var(--warn);margin-right:2px}.tot-jump{font-family:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--warn);background:var(--warn-bg);border:0;border-radius:999px;padding:3px 9px;cursor:pointer;white-space:nowrap}.tot-jump:hover{filter:brightness(.96)}.rep-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.rep-table{width:100%;border-collapse:collapse;font-size:14px}.fixed-table{table-layout:fixed;width:100%}.rep-table th{padding:6px 7px;background:var(--surface);border-bottom:1px solid var(--line);font-size:13px;font-weight:700;line-height:1.3;color:var(--ink-muted);text-align:left;white-space:nowrap}.rep-table td{padding:4px 7px;line-height:1.3;border-bottom:1px solid var(--line)}.rep-table td .chip{padding:0 7px;font-size:11.5px;line-height:18px}.rep-table tbody tr:hover>td{background:var(--bg)}.row-open>td{background:var(--bg)}.cell-name{font-weight:640;white-space:nowrap;min-width:14rem}.cell-branch{color:var(--ink-muted);font-size:13px;white-space:nowrap}.inv-section{margin-bottom:22px}.inv-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:800}.rep-table .row-group>td{padding:4px 0 2px;border-bottom:0;background:transparent}.rep-table .row-group:hover>td{background:transparent}.inv-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.inv-done{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.btn-plain.brand{color:var(--brand);border-color:var(--brand)}.rep-matrix{margin-bottom:18px}.rep-matrix tfoot .row-sum>td{border-top:2px solid var(--line);font-weight:800;background:var(--nest)}.rep-matrix tfoot .row-avg>td{font-size:13.5px;color:var(--ink-muted);background:var(--nest)}.rep-matrix td.muted{color:var(--ink-muted);opacity:.55}.rep-matrix .rank-n{font-variant-numeric:tabular-nums;font-weight:700}.cell-when,.cell-place,.cell-remark{white-space:nowrap}.cell-place{max-width:15rem;overflow:hidden;text-overflow:ellipsis}.cell-remark{max-width:14rem;overflow:hidden;text-overflow:ellipsis;color:var(--ink-muted)}.shot-cell{display:block;padding:0;border:0;background:none;cursor:pointer}.cell-thumb{display:block;width:44px;height:58px;object-fit:cover;border-radius:6px;background:var(--bg)}.cell-shots{display:flex;gap:5px;align-items:center}.num{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.rep-table th.num{text-align:center}.cell-time{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.rep-table .col-sep{border-left:1px solid var(--line)}.rep-table th.col-sep{border-left-color:var(--ink-muted)}td.warn{color:var(--warn);font-weight:700}.rep-name{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer}.rep-name:hover,.row-open .rep-name{text-decoration:underline}.rep-name:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.rep-daily>td{padding:8px 14px 10px 26px;background:var(--bg);box-shadow:inset 3px 0 0 var(--brand)}.rep-detail{width:auto;border-collapse:collapse;font-size:13px}.rep-detail th{padding:4px 10px;font-size:12.5px;font-weight:700;background:var(--band);color:var(--band-ink);text-align:left;white-space:nowrap}.rep-detail th.num,.rep-detail td.num{text-align:center}.rep-detail tbody tr{background:var(--nest)}.rep-detail td{padding:3px 10px;border-top:1px solid var(--line);line-height:1.3;white-space:nowrap}.rep-detail .shift-why{display:inline;margin-left:4px;font-size:11.5px}.rep-detail .btn-tiny{min-height:22px;padding:0 8px;font-size:12.5px}.rep-detail th:last-child,.rep-detail td:last-child{padding-right:14px}.cell-flags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.cell-actions{width:1%;white-space:nowrap;text-align:right}.cell-actions .btn-tiny+.btn-tiny{margin-left:6px}.hol-table td.cell-flags{display:table-cell;vertical-align:middle;white-space:normal}.hol-table td.cell-flags .chip{margin:2px 4px 2px 0}.hol-table{min-width:940px}.hol-table th:nth-child(1){width:11rem}.hol-table th:nth-child(3){width:24rem}.hol-table th:nth-child(4){width:8.5rem}.hol-table td.cell-name{min-width:0;white-space:nowrap}.rep-note{margin:14px 0 0;font-size:13.5px;color:var(--ink-muted);line-height:1.6}.rep-stamp{margin:6px 0 0;font-size:13.5px;font-weight:600;color:var(--brand);font-variant-numeric:tabular-nums}.rep-stamp.stale{color:var(--warn)}.th-sort{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.th-sort:hover,.th-sort.on{color:var(--ink)}.th-arrow{display:inline-block;min-width:9px;font-size:10px;opacity:.85}.rep-scroll.pm-scroll{overflow:visible}.pm-rank{position:sticky;top:0;z-index:5;background:var(--bg);margin-inline:-4px;padding:8px 4px}.pm-scroll thead th{position:sticky;top:var(--pm-rank-h, 52px);z-index:2;background:var(--surface)}.pm-table td{padding:2px 6px}.pm-table thead th{white-space:normal;vertical-align:bottom;line-height:1.3}.pm-table td.pm-act,.pm-table .pm-group>td{white-space:nowrap}.pm-group>td{padding:5px 10px;background:var(--band);color:var(--band-ink);font-size:13px;font-weight:800;border-bottom:1px solid var(--line)}.pm-group-k{font-weight:600;opacity:.65}.pm-act{font-weight:600;white-space:nowrap}.pm-cell{width:100%;min-width:78px;height:26px;padding:0 3px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:12.5px}.pm-cell:disabled{opacity:.6;cursor:not-allowed}.pm-changed{border-color:var(--out);color:var(--out);font-weight:700}.pm-dirty,.pm-star{color:var(--warn)}.pm-help{margin-top:14px}.pm-help-head{margin:0 0 8px;font-size:14px;font-weight:700}.pm-help-list{margin:0;padding-left:18px;font-size:13px;line-height:1.65;color:var(--ink-muted)}.pm-help-list b{color:var(--ink)}.pm-help-list .pm-changed-key{color:var(--out)}.pm-help-note{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--warn)}.pm-help-note+.pm-help-note{color:var(--ink-muted)}.pm-note{margin-top:0;margin-bottom:12px}.hol-depts{display:flex;flex-wrap:wrap;gap:8px}.hol-dept{min-height:30px;padding:4px 13px;border:1px solid var(--line);background:transparent;color:var(--ink-muted);cursor:pointer;font-family:inherit;font-weight:600;transition:background .12s,border-color .12s,color .12s}.hol-dept.on{border-color:var(--brand);background:var(--brand-soft);color:var(--ink);font-weight:700}.hol-dept:not(.on):hover{border-color:var(--ink-muted);color:var(--ink)}.hol-issued{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hol-issued-hint{color:var(--ink-muted)}.sch-who{max-width:100%}.au-table td.au-kind,.au-table td.cell-time{width:1%;white-space:nowrap;vertical-align:middle}.au-table td.au-who{white-space:nowrap;font-weight:640;vertical-align:middle}.au-table td:last-child{vertical-align:middle;min-width:18rem;overflow-wrap:anywhere}.au-affected{color:var(--warn);font-weight:700}.loc-table{min-width:1000px}.loc-table th:nth-child(1){width:13rem}.loc-table th:nth-child(2){width:11rem}.loc-table th:nth-child(3){width:5rem}.loc-table th:nth-child(5){width:8rem}.loc-table th:nth-child(6){width:6rem}.loc-table th:nth-child(7){width:6rem}.loc-table td.cell-name{min-width:0}.loc-table td:nth-child(4){white-space:normal;overflow-wrap:anywhere;line-height:1.5}.staff-table{min-width:1000px}.staff-table th:nth-child(2){width:8rem}.staff-table th:nth-child(3){width:9rem}.staff-table th:nth-child(4){width:7rem}.staff-table th:nth-child(5){width:10rem}.staff-table th:nth-child(6),.staff-table th:nth-child(7){width:4.5rem}.staff-table th:nth-child(8){width:7rem}.staff-table th:nth-child(9){width:6rem}.staff-table th:nth-child(10){width:5rem}.staff-table td.cell-name{min-width:0}.btn-plain{min-height:38px;padding:0 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.btn-plain:disabled{opacity:.5;cursor:default}.btn-plain.confirm{background:var(--brand);border-color:var(--brand);color:#fff}.btn-plain.confirm:active:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.staff-group{margin-bottom:26px}.staff-dept{margin:0 0 8px;font-size:15px;font-weight:720}.row-off>td{opacity:.5}.passcode-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:16px 18px;border:1px solid var(--brand);border-radius:12px;background:var(--brand-soft)}.pc-k{margin:0;font-size:13px;color:var(--ink)}.pc-v{margin:2px 0;font-size:30px;font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--brand)}.pc-note{margin:0;font-size:13.5px;color:var(--ink-muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#080e0c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.sheet{width:100%;max-width:460px;margin:auto;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.sheet-head h2{margin:0;font-size:19px;font-weight:740}.field select,.field input[type=time]{width:100%;min-height:var(--tap);padding:12px 14px;font-family:inherit;font-size:16px;color:var(--ink);background-color:var(--bg);border:1px solid var(--line);border-radius:10px}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.field-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}@media (max-width: 430px){.lv-time-pair{grid-template-columns:minmax(0,1fr);gap:0}}.toggle{display:flex;gap:12px;align-items:flex-start;margin:4px 0 18px;padding:14px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.toggle input{width:20px;height:20px;margin-top:2px;flex:none}.toggle span{display:flex;flex-direction:column;gap:3px}.toggle em{font-style:normal;font-size:13.5px;color:var(--ink-muted);line-height:1.5}.form-screen{padding-bottom:60px}.form-head{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.form-head h1{margin:0;font-size:21px;font-weight:760;letter-spacing:-.02em}.req{color:var(--danger)}.field input+input,.field select+input,.field input+select{margin-top:8px}.field textarea{width:100%;padding:12px 14px;font-family:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;resize:vertical}.photo-slot{margin-bottom:18px}.photo-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;font-size:14px;font-weight:620}.photo-drop{flex:none;border:0;background:none;padding:0 2px;font-size:17px;line-height:1;color:var(--ink-muted);cursor:pointer}.photo-drop:active{color:var(--danger)}.photo-empty{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.photo-btn{min-height:84px;border:1.5px dashed var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:15px;font-weight:620;cursor:pointer}.photo-btn.ghost{font-weight:500;color:var(--ink-muted);font-size:14px}.photo-btn:active{background:var(--bg)}.photo-filled{display:flex;gap:12px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.photo-filled img{width:96px;height:96px;object-fit:cover;border-radius:9px;flex:none}.photo-actions{display:flex;flex-direction:column;gap:8px}.btn-plain.danger{color:var(--danger);border-color:var(--danger)}.gps-note{margin:4px 0 16px;padding:11px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:13px;color:var(--ink-muted)}.board-right{display:flex;align-items:center;gap:10px}.gear{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--ctl);height:var(--ctl);padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-muted);font-family:inherit;font-size:17px;line-height:1;cursor:pointer}.gear:active:not(:disabled){background:var(--bg)}.gear:disabled{opacity:.5;cursor:default}.settings-note{margin:14px 0 28px;font-size:13px;color:var(--ink-muted);line-height:1.6}.btn-danger{width:100%;min-height:var(--tap);border:1px solid var(--danger);border-radius:10px;background:transparent;color:var(--danger);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}.btn-danger:active{background:var(--danger-bg)}.btn-plain.wide{width:100%;margin-top:10px}.link-danger{display:block;width:100%;margin-top:18px;padding:12px;background:none;border:0;color:var(--danger);font-family:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.fcard-tap{cursor:pointer;-webkit-tap-highlight-color:transparent}.fcard-tap:active{background:var(--brand-soft)}.fcard-tap:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sheet-detail{max-height:88vh;overflow-y:auto}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.detail-title{min-width:0}.detail-head .sheet-x{position:static;flex:none;width:44px;height:44px;font-size:22px}.detail-head h2{margin:0;font-size:19px;font-weight:740}.detail-head p{margin:2px 0 0;font-size:13px}.detail{margin:0 0 16px}.detail-row{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14.5px}.detail-row dt{flex:0 0 38%;color:var(--ink-muted)}.detail-row dd{flex:1;margin:0;min-width:0;font-weight:600;word-break:break-word}.detail-row dd a{color:var(--brand)}.day-side{padding-top:14px;border-top:1px solid var(--line);margin-bottom:4px}.day-side-h{margin:0 0 8px;font-size:15px;font-weight:700}.day-side-empty{padding-bottom:14px}.day-side-empty .muted{margin:0}.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.shot{margin:0}.shot-img{width:100%;height:auto;object-fit:contain;border-radius:10px;background:var(--bg)}.shot figcaption{margin-top:4px;font-size:13px;color:var(--ink-muted)}.minimap{display:block;width:100%;height:190px;margin-bottom:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.fflags{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 0}.thumb-failed{display:flex;align-items:center;justify-content:center;color:var(--warn);font-size:20px}.fremark{font-size:12.5px;color:var(--ink-muted)}.board-body{overscroll-behavior-y:none}.just-saved{flex:none;margin-right:5px;color:var(--brand);font-weight:800}.camera-acc{font-weight:600;opacity:.75}.camera-shift,.camera-sub{display:block;margin-top:3px;font-size:13.5px;font-weight:600;opacity:.9}.camera-shift.late,.camera-label.warn{color:#ffcf8a;opacity:1}.sheet-x{position:absolute;top:8px;right:8px;z-index:2;width:var(--ctl);height:var(--ctl);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:var(--bg);color:var(--ink);font-family:inherit;font-size:19px;font-weight:600;line-height:1;cursor:pointer}.sheet-x:active{background:var(--line)}.sheet-detail{position:relative;padding-top:20px}.link-cell{padding:0;border:0;background:none;text-decoration:none;color:var(--brand);font-family:inherit;font-size:inherit;font-weight:700;text-align:right;cursor:pointer}.shot-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}.hrow{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.hrow:last-of-type{border-bottom:0}.hthumb{width:44px;height:52px;object-fit:cover;border-radius:7px;background:var(--bg)}.hend{margin-top:12px;text-align:center;font-size:13px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000eb}.lightbox-x{top:calc(12px + env(safe-area-inset-top));right:12px;background:#ffffff29;color:#fff}.lightbox-viewport{position:absolute;top:16px;right:16px;bottom:16px;left:16px;overflow:hidden}.lightbox-track{display:flex;width:100%;height:100%;will-change:transform}.lightbox-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;min-width:0}@media (prefers-reduced-motion: reduce){.lightbox-track{transition:none!important}}.lightbox-zoombar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(52px + env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:#ffffff29}.lightbox-zoombar button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:none;color:#fff;font-size:20px;line-height:1;cursor:pointer}.lightbox-zoombar button:hover:not(:disabled){background:#ffffff2e}.lightbox-zoombar button:disabled{opacity:.35;cursor:default}.lightbox-zoombar span{min-width:48px;text-align:center;color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:76px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#ffffff24;color:#fff;font-size:34px;line-height:1;cursor:pointer}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}.lightbox-nav:active{background:#ffffff42}.lightbox-count{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:2;padding:5px 12px;border-radius:999px;background:#ffffff29;color:#fff;font-size:13px;font-weight:600}.lightbox-dl{top:calc(12px + env(safe-area-inset-top));right:calc(12px + var(--ctl) + 8px);background:#ffffff29;color:#fff;font-size:20px}.lightbox-dl:disabled{opacity:.5}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.bar-actions{flex:none;display:flex;gap:8px}.bar-actions .cta{min-width:76px;padding:0 14px;font-size:16px}.cta-next{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 30%,transparent)}.cta:not(.cta-next){opacity:.82}.hrow-tap{cursor:pointer;-webkit-tap-highlight-color:transparent}.hrow-tap:active{background:var(--brand-soft)}.screen{position:relative}.screen-x{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px}.daypick{display:flex;align-items:center;gap:8px;margin-bottom:6px}.daypick-arrow{flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}.daypick-arrow:disabled{opacity:.4;cursor:default}.daypick-input{flex:1;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-family:inherit;font-size:15px}.daypick-label{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--warn)}.daymap-wrap{position:relative}.daymap-wrap .map-status{border-radius:10px}.daymap{width:100%;height:260px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.daymap-note{margin-bottom:10px;font-size:13px}.stopno{display:inline-block;min-width:18px;margin-right:6px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:800;text-align:center}.menu-wrap{position:relative;flex:none}.menu-btn{font-size:20px}.menu-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:172px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px #080e0c38}.menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--ink);font-family:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer}.menu-item:active{background:var(--bg)}.menu-item-on{background:var(--brand-soft);color:var(--brand)}.menu-glyph{width:20px;font-size:15px;text-align:center}.rep-menu{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;gap:8px}@media (min-width: 1000px){.rep-head{grid-template-columns:1fr auto auto;align-items:end}.rep-actions{grid-column:2;grid-row:1;flex-wrap:nowrap}.rep-menu{grid-column:3;grid-row:1}}.shot-solo{margin-bottom:14px}.lightbox{touch-action:none;overflow:hidden}.lightbox-img{transform-origin:center center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-zoom{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:4px 12px;border-radius:999px;background:#ffffff2e;color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.minimap-wrap{position:relative;margin-bottom:14px}.minimap-wrap .minimap{margin-bottom:0}.minimap-open{display:block;margin-top:6px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--brand);font-size:13px;font-weight:700;text-align:center;text-decoration:none}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,42px));justify-content:center;margin-inline:auto;gap:4px}.cal .dow{font-size:11px;color:var(--ink-muted);text-align:center;font-weight:600;padding-bottom:2px}.wk-h{font-size:11px;color:var(--ink-muted);text-align:center;font-weight:600}.wk{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.wk.ok{color:var(--brand)}.wk.todo{color:var(--warn)}.wk.gone{color:var(--ink-muted);opacity:.55;font-weight:600}.cal .day{position:relative;aspect-ratio:1;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.cal .day:disabled{cursor:default}.cal .day.other{color:var(--ink-muted);border-style:dashed;opacity:.75}.cal .day.past{color:var(--ink-muted);background:var(--bg);border-color:var(--line);opacity:.6}.cal .day.off{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);font-weight:700;opacity:1;border-style:solid}.cal .day.today{box-shadow:inset 0 0 0 2px var(--out)}.cal .day.clash{border-color:var(--warn);border-width:2px}.cal .day.hol{background:var(--warn-bg)}.cal .day.saving{opacity:.45}.cal .day .cnt{position:absolute;top:1px;right:3px;font-size:10.5px;font-weight:700;line-height:1;color:var(--warn);font-style:normal}.cal .day.clash .cnt,.cal-note.cal-others{color:var(--warn)}.cal-note.cal-others b{color:var(--warn);font-weight:700}.cal-others-days{display:block;margin-top:2px}.cal-note{font-size:12.5px;color:var(--ink-muted);margin:8px 0 0;line-height:1.4}.cal-short{display:block;color:var(--warn)}.cal-edit-bar{margin-bottom:10px}.cal-edit-bar>.cal-note{margin:0 0 6px}.lv-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lv-pick .rep-month{width:100%;min-width:0}.lv-pick>.lv-span{grid-column:1 / -1}.board-top>.rep-actions{grid-column:1 / -1;grid-row:3;margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-top>.rep-actions>*{width:100%}.board-top>.rep-actions>.rep-when{grid-column:2;grid-row:1}.board-top>.rep-actions>.rep-filter{grid-row:2}.board-top>.rep-actions>.rep-filter:first-child:nth-last-child(2):has(+.rep-when){grid-column:1 / -1}.bar-v.short{color:var(--warn)}.pm-rank{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.pm-rank-k{font-size:13px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.pm-rank .chiprow{flex:1}.pm-axis{display:block;font-size:10.5px;font-weight:500;color:var(--ink-muted);white-space:nowrap}.pm-legend{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:14px 0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:13px}.pm-legend dt{font-weight:650}.pm-legend dd{margin:0;color:var(--ink-muted)}.pm-group-note{font-size:11.5px;font-weight:500;color:var(--ink-muted)}.pm-group-id{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px;font-weight:500;color:var(--ink-muted)}.chiprow{display:flex;gap:6px;flex-wrap:wrap}.pick-chip{font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-muted);cursor:pointer}.pick-chip.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.pick-chip:disabled{opacity:.5;cursor:default}.lv-day{font-size:13px;font-weight:700;color:var(--ink-muted);margin:10px 0 4px}.lv-card{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding:10px 14px}.lv-card>.lv-impact,.lv-card>.lv-acts{margin-top:6px}.lv-card>.lv-line+.lv-line{margin-top:-1px}.lv-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lv-name{font-size:13.5px;font-weight:650}.lv-redot{display:inline-block;width:5px;height:5px;margin-left:5px;margin-bottom:1px;border-radius:50%;background:var(--ink-muted);vertical-align:middle}.lv-sub{font-size:12.5px;color:var(--ink-muted);margin:0;line-height:1.35}.lv-right{text-align:right;flex:none}.lv-days{font-size:12.5px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}.lv-impact{margin:0;font-size:12.5px;font-weight:600;padding:7px 9px;border-left:3px solid var(--warn);border-radius:0 8px 8px 0;background:var(--warn-bg);color:var(--warn)}.lv-impact.ok{border-left-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.lv-acts{display:flex;gap:8px}.lv-acts>*{flex:1}.star{color:var(--gold);font-size:14px;margin-left:5px}.star-mark{flex:none;margin-right:4px;color:var(--gold);font-size:13px;line-height:1}.feed-note{margin:0 0 8px;font-size:12.5px;color:var(--ink-muted)}.num.bad{color:var(--danger);font-weight:700}.rep-pending{color:var(--warn);font-weight:600;font-family:inherit;font-size:inherit}button.rep-pending{border:0;background:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.board-bar .bar-me{min-width:0;flex:1}.lv-when{margin:-2px 0 0;font-size:13.5px;font-weight:600;color:var(--brand-dark)}.staff-gone{margin:0 0 14px;font-size:13px}.dp{position:relative}.dp-value{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.3}.dp-value:disabled{opacity:.5;cursor:default}.dp-caret{color:var(--ink-muted);font-size:12px;flex:none}.dp-pop{position:fixed;z-index:70;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px -10px #0f172a59}.dp-months{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 0}.dp-mon{padding:10px 0;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.dp-mon:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.dp-mon.on{background:var(--brand);color:#fff}.dp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.dp-month{border:0;background:transparent;color:var(--ink);font:inherit;font-size:14.5px;font-weight:700;padding:4px 10px;border-radius:8px;cursor:pointer}.dp-month:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.dp-step{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:18px;font-family:inherit;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.dp-dow{font-size:11px;font-weight:600;color:var(--ink-muted);text-align:center;padding-bottom:2px}.dp-day{aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:none;color:var(--ink);font-family:inherit;font-size:13.5px;font-variant-numeric:tabular-nums;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.dp-day:hover:not(:disabled){border-color:var(--line)}.dp-other{color:var(--ink-muted);opacity:.55}.dp-on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.dp-off{color:var(--ink-muted);opacity:.3;cursor:default}.sf-views{display:inline-flex;gap:4px;margin-bottom:10px;padding:2px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.sf-views .tab{padding:0 14px}.sf-rota th.sf-d,.sf-rota td{padding:3px 4px}.sf-rota th.sf-d{width:22px;font-size:11.5px}.sf-rota{width:auto}.sf-rota th.sf-d,.sf-rota td.sf-day{width:26px;min-width:26px;max-width:26px;box-sizing:border-box}.sf-rota .sf-dow{font-size:10px}.rep-table th.mid,.rep-table td.mid{text-align:center}.sf-rota th.sf-tail,.sf-rota td.sf-tail{min-width:4.2rem;white-space:normal;line-height:1.2}.sf-rota th.sf-tail{vertical-align:bottom}.sf-rota th.sf-d,.sf-rota td.sf-day{border-left:1px solid var(--line)}.sf-rota th.sf-d{text-align:center}.sf-dow{display:block;font-size:10px;font-weight:600;line-height:1.3;color:var(--ink-muted)}.sf-rota th.sf-wk,.sf-rota td.sf-wk{border-left:1px solid var(--ink-muted)}.sf-rota th.sf-medge,.sf-rota td.sf-medge{border-left:2px solid var(--ink)}.sf-rota th.sf-msplit{border-left:1px solid var(--ink-muted)}.sf-rota .sf-months th{padding:3px 6px;border-bottom:1px solid var(--line)}.sf-rota th.sf-mhead{text-align:center;font-size:11.5px;font-weight:700;color:var(--ink-muted);white-space:nowrap}.sf-rota th.sf-other{color:var(--ink-muted);opacity:.55}.sf-rota td.sf-other{opacity:.75}.sf-rota th.sf-alt,.sf-rota td.sf-alt{background:color-mix(in srgb,var(--ink-muted) 12%,transparent)}.sf-rota tr.sf-unfiled>td.sf-alt{background:color-mix(in srgb,var(--ink-muted) 12%,transparent)}.sf-name{min-width:10rem;max-width:14rem}.sf-name .fname-main{overflow:hidden;text-overflow:ellipsis}.sf-pname{min-width:0;max-width:14rem}.sf-unfiled>td{background:color-mix(in srgb,var(--warn) 10%,transparent)}.sf-none{margin-left:6px}.sf-cols{display:grid;gap:12px;justify-items:center}.sf-cols>*{width:100%;max-width:460px}@media (min-width: 900px){.sf-cols{grid-template-columns:460px minmax(320px,520px);justify-content:center;gap:20px;align-items:start}.sf-cols>*{max-width:none}.sf-cols .ed{margin-top:0}}.sc{padding:10px;max-width:460px}.sc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sc-month{font-size:14.5px;font-weight:700}.sc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.sc-dow{font-size:11px;font-weight:600;color:var(--ink-muted);text-align:center;padding-bottom:2px}.sc-day{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-family:inherit;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer}.sc-day:disabled{cursor:default}.sc-n{font-size:12.5px;font-variant-numeric:tabular-nums;line-height:1.1}.sc-mark{font-size:13px;font-weight:800;line-height:1;min-height:13px}.sc-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand);vertical-align:middle}.sc-day.sc-today{box-shadow:inset 0 0 0 2px var(--out)}.sc-day.sc-short{border-color:var(--danger)}.sc-day.sc-short .sc-mark{color:var(--danger)}.sc-day.sc-risk{border-color:var(--warn)}.sc-day.sc-risk .sc-mark{color:var(--warn)}.sc-day.sc-on{box-shadow:inset 0 0 0 2px var(--ink)}.sc-other{opacity:.45}.sc-past{background:var(--bg)}.sc-past .sc-n{opacity:.55}.sc-was{display:inline-block;min-width:16px;padding:0 4px;border-radius:5px;background:var(--danger);color:#fff;font-size:11.5px;font-weight:800;line-height:15px}.sc-was-k{font-size:11px}.ed{margin-top:12px}.ed-head{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--ink-muted)}.ed-row{display:grid;grid-template-columns:1fr auto;gap:0 10px;margin:0;padding:6px 0;border-top:1px solid var(--line);font-size:14px}.ed-name{font-weight:600}.ed-days{font-weight:700;font-variant-numeric:tabular-nums}.ed-why{grid-column:1 / -1;font-size:12px;color:var(--ink-muted)}.ed-bad{color:var(--danger)}.ed-warn{color:var(--warn)}.sc-picks{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.sc-picks .sc-branch{flex:1 1 45%;min-width:0;margin:0}.sc-branch{width:100%;height:var(--ctl);margin:8px 0 4px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px}.sc-dot-shut{background:var(--ink-muted)}.sc-day.sc-shut{border-style:dashed}.sc-shut-line{margin:0;font-size:12.5px;color:var(--ink-muted)}.sc-dot-extra{background:var(--out)}.sc-extra-line{margin:0;font-size:12.5px;font-weight:600;color:var(--out)}.sc-detail-tag{font-weight:400;color:var(--ink-muted)}.sc-detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.sc-detail-day{margin:0 0 4px;font-size:13px;font-weight:700}.sc-gap-group{margin:0 0 6px}.sc-gap-group:last-child{margin-bottom:0}.sc-gap-why{margin:0 0 1px;font-size:12.5px;font-weight:700;color:var(--danger)}.sc-gap{margin:0 0 0 10px;font-size:12.5px;font-weight:600;color:var(--danger)}.sc-risk-line{margin:0;font-size:12.5px;font-weight:600;color:var(--warn)}.sc-legend{margin:10px 0 0;font-size:12px;color:var(--ink-muted);line-height:1.5}.sc-gap-k{color:var(--danger)}.sc-risk-k{color:var(--warn)}.lv-elsewhere{margin:0 0 10px}.lv-why{margin:0;line-height:1.35;font-size:12.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-clip{color:var(--ink-muted);font-size:12px}.lv-tap{cursor:pointer}.lv-tap:active{background:var(--bg)}.shot .thumb-empty{width:100%;height:auto;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:22px;color:var(--ink-muted)}.shot .thumb-empty:after{content:"ยังไม่มีรูป — รออัปโหลดจากเครื่องผู้ส่ง";font-size:12.5px;text-align:center;padding:0 12px}.shot .thumb-failed:after{content:"อัปโหลดรูปไม่สำเร็จ — ผู้ส่งเปิดแอปเพื่อลองใหม่";color:var(--warn)}.lv-when-sm{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;margin:0;line-height:1.35}.lv-why-k{color:var(--ink-muted);font-weight:600}.lv-totals{grid-template-columns:repeat(3,1fr);margin-bottom:12px}.lv-totals .tot{padding:10px 12px}.lv-totals .tot-v{font-size:20px}.lv-totals .tot-v.warn{color:var(--warn)}.lv-usage{display:flex;flex-wrap:wrap;gap:4px 0;margin-bottom:12px;padding:6px 8px;border-radius:9px;background:var(--nest)}.lv-use{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;white-space:nowrap;border-right:1px solid var(--line);font-size:13px;font-variant-numeric:tabular-nums}.lv-use:last-child{border-right:0}.lv-use .sf-m{flex:0 0 auto}.lv-opening{color:var(--ink-muted);font-size:11.5px}.menu-btn{position:relative}.menu-dot{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--warn);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--surface)}.menu-item .tab-badge{margin-left:auto}.rep-absent>td{background:color-mix(in srgb,var(--danger) 10%,transparent)}.rep-absent .btn-tiny{border-color:var(--danger);color:var(--danger);background:var(--surface)}.rep-noted>td{color:var(--ink-muted)}.lv-chip{border:0;cursor:pointer;font-family:inherit;font-size:inherit}.lv-chip:hover{filter:brightness(1.08)}.field label.toggle{display:flex;align-items:flex-start;gap:12px;margin-bottom:0}.rep-table .th-group{height:22px;padding:0 7px;font-size:11.5px;font-weight:700;letter-spacing:.02em;text-align:center;color:var(--ink-muted);border-bottom:1px solid var(--line);white-space:nowrap}.rep-table .th-group:empty{border-bottom:0}.unit-tree{max-width:860px;margin:0 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.unit-row,.unit-edit{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 8px;background:var(--bg);border-radius:8px}.unit-edit{flex-wrap:wrap;background:var(--brand-soft)}.unit-edit input,.unit-edit select{flex:1 1 40%;min-width:120px;min-height:38px}.unit-name{flex:0 1 auto;font-weight:650;font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-id{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px;color:var(--ink-muted)}.unit-row.retired{border:1px dashed var(--line);background:transparent;opacity:.7}.unit-n{font-size:12px;color:var(--ink-muted);white-space:nowrap}.unit-row-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto}.unit-row-actions .btn-plain{min-height:34px;padding-inline:10px;font-size:13px}.unit-picks{display:flex;flex-direction:column;gap:2px;max-height:210px;overflow-y:auto;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.unit-picks em{font-style:normal;font-size:12.5px;color:var(--ink-muted)}.sf-m{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:17px;height:17px;border-radius:999px;font-size:12px;font-weight:700;line-height:1}.sf-worked{color:var(--brand)}.sf-rest{background:var(--dayoff)}.sf-quota{background:var(--dayoff);clip-path:polygon(50% 4%,100% 96%,0 96%);border-radius:0}.sf-cover{background:var(--dayoff);color:#111827;font-size:11px}.sf-cover-q{background:var(--dayoff);clip-path:polygon(50% 4%,100% 96%,0 96%);border-radius:0;color:#111827;align-items:flex-end;font-size:9px;padding-bottom:1px}.sf-closure{background:var(--dayoff);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);border-radius:0;color:#111827;font-size:9px}.sf-cover-c{background:var(--dayoff);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);border-radius:0;color:#111827;font-size:9px;align-items:center}.sf-leave{--leave-mark-bg: color-mix(in srgb, var(--ink-muted) 65%, transparent);background:var(--leave-mark-bg);color:#fff}.sf-leave-glyph{display:block;font-family:system-ui,sans-serif;font-size:12px;line-height:1}.sf-asked{border:1.5px dashed color-mix(in srgb,var(--ink-muted) 75%,transparent)}.sf-miss{background:var(--warn);color:#111827;font-size:11px}.sf-marks{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}.sf-key{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cal-keys{display:flex;flex-wrap:wrap;gap:6px 16px}.cal-key{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cal-key .day{display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.cal-key .day.off{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);font-weight:700}.cal-key .day.clash{border-color:var(--warn);border-width:2px}.sf-closed{color:var(--ink-muted);opacity:.7}.sf-late{color:var(--warn)}.sf-cell{display:flex;align-items:center;justify-content:center;width:100%;min-height:26px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.sf-cell:hover{background:color-mix(in srgb,var(--ink-muted) 14%,transparent)}.sf-locked{opacity:.85}.sf-cell:disabled{cursor:default}.sf-quota-year{color:var(--ink-muted);font-size:11px}.no-box-scroll{overflow:visible;border:0;border-radius:0;background:none}.no-box-scroll thead th{position:sticky;top:0;z-index:3;background:var(--surface)}.sf-frozen{overflow:visible;border:0;border-radius:0;background:none}.sf-frozen thead th{position:sticky;z-index:3;background:var(--surface)}.sf-frozen thead tr.sf-months th{top:0}.sf-frozen thead tr:not(.sf-months) th{top:var(--sf-mh, 22px)}.sf-frozen thead th.sf-alt{background:color-mix(in srgb,var(--ink-muted) 8%,var(--surface))}.sf-unsaved{box-shadow:inset 0 0 0 2px var(--out)}@media (max-width: 620px){.rep-actions>.btn-plain.sf-undo{grid-column:1;grid-row:3}.rep-actions>.btn-export.sf-save{grid-column:2;grid-row:3}}.sf-back.on{border-color:var(--warn);color:var(--warn)}.sf-backnote{color:var(--warn)}.lv-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.lv-line>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-line>.chip{flex:none}.cal .day{flex-direction:column;gap:1px}.cal-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;font-weight:700;line-height:1}.cal-b-off{background:var(--dayoff);color:#fff}.cal-b-leave{background:color-mix(in srgb,var(--ink-muted) 65%,transparent);color:var(--ink)}.cal-b-asked{border:1.5px dashed color-mix(in srgb,var(--ink-muted) 75%,transparent);color:var(--ink-muted)}.cal-b-miss{background:var(--warn);color:#111827}.cal-b-closed{color:var(--ink-muted);opacity:.6}.cal-b-quota{background:var(--dayoff);color:#fff;border-radius:0;clip-path:polygon(50% 2%,100% 98%,0 98%);align-items:flex-end;padding-bottom:2px;font-size:11px}.cal-b-closure{background:var(--dayoff);color:#fff;border-radius:0;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);font-size:11px}.cal-n-ok{color:var(--brand)}.cal-n-late{color:var(--warn)}.cal-badge.cal-n-ok{color:color-mix(in srgb,var(--brand) 78%,#fff)}.cal-badge.cal-n-late{color:color-mix(in srgb,var(--warn) 78%,#fff)}.cal .day .cal-mark{position:absolute;right:2px;bottom:1px;width:16px;height:16px;font-size:11px}.staff-also{margin-inline-start:6px}