/* Màn nhân viên (Buổi sáng): dùng chung bảng màu và thẻ với /admin/style.css, chỉ thêm phần riêng. */
.wrap.narrow{max-width:760px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;border:1.5px solid var(--line2);background:var(--surface);border-radius:16px;padding:13px 14px;cursor:pointer;min-height:84px;font-weight:700;transition:border-color .15s var(--ease),background .15s var(--ease)}
.opt svg{width:1.5rem;height:1.5rem;color:var(--ink3)}
.opt:hover{border-color:var(--accent)}
.opt[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.opt[aria-pressed=true] svg{color:var(--accent)}
.opt[disabled]{opacity:.55;cursor:not-allowed}
.opts.three{grid-template-columns:repeat(3,1fr)}.opts.three .opt{min-height:74px;align-items:center;text-align:center}
textarea{resize:vertical;min-height:84px;line-height:1.45}
.days{display:flex;justify-content:space-between;gap:6px}
.dayc{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;color:var(--ink3);font-weight:700}
.dayc i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--ink3);font-style:normal}
.dayc.full i{background:var(--accent);color:var(--on-accent)}.dayc.half i{background:var(--accent-soft);color:var(--accent-deep)}.dayc.now i{outline:2px solid var(--hot);outline-offset:2px}.dayc.now{color:var(--hot-ink)}
.sbar{position:sticky;bottom:0;z-index:4;padding:14px 0 12px;background:linear-gradient(rgba(0,0,0,0),var(--bg) 38%)}
.sbar .btn[disabled]{opacity:1;background:var(--surface-3);color:var(--ink3);box-shadow:none}
@media (max-width:999px){.sbar.hasnav{bottom:62px}}
.sbar .btn{box-shadow:var(--sh2);min-height:50px;font-size:1.02rem}
.pre{white-space:pre-wrap;word-break:break-word}
details.row2{border-bottom:1px solid var(--line)}details.row2:last-child{border-bottom:0}
details.row2>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:11px 4px;min-height:var(--tap)}
details.row2>summary::-webkit-details-marker{display:none}
details.row2[open]>summary{background:var(--surface-2);border-radius:12px}
details.row2 .det{padding:6px 6px 14px 52px}
details.row2 .det h4{margin:10px 0 2px;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
.dnav{display:flex;align-items:center;gap:8px}.dnav input{max-width:190px}
.metabar{display:flex;gap:8px;flex-wrap:wrap}
.hero .hint{margin-top:10px;font-size:.84rem;opacity:.85}
.foot-note{text-align:center;color:var(--ink3);font-size:.78rem;margin:18px 0 0}
.foot-note a{color:inherit}
