:root{--ink:#292c25;--muted:#888b80;--paper:#f7f7f0;--line:#e1e3d8;--yellow:#edcd63;--green:#708369;--radius:14px;--sidebar:246px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #ad941f;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #c5a83a;outline-offset:1px}button svg,.search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}button{transition:background .16s,transform .16s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#282b24;color:#f5f3e9;display:flex;flex-direction:column;padding:33px 22px 22px;z-index:5}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.5px;line-height:1.18}.brand-mark{display:grid;place-items:center;width:47px;height:53px;border:1px solid #edcd63;border-radius:12px;font-size:31px;font-weight:900;color:var(--yellow);transform:rotate(-5deg)}.brand-caption{display:block;font-size:8px;font-weight:500;letter-spacing:1.9px;margin-top:9px;color:#a9ac9f}.cafe-label{margin:30px 0 33px;padding:11px 13px;border:1px solid #464a3d;border-radius:9px;color:#c0c5b5;font-size:12px;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;background:var(--yellow);height:6px;width:6px;border-radius:50%}.nav-label{font-size:8px;letter-spacing:1.7px;color:#8d9380;margin:0 12px 12px}nav button{display:flex;align-items:center;gap:12px;background:transparent;border:0;color:#b9bfb0;width:100%;padding:13px 12px;border-radius:8px;text-align:left;font-size:13px;margin-bottom:4px}nav button:hover{background:#383d31}nav button.active{background:var(--yellow);color:#303122;font-weight:650}nav [data-count]{margin-left:auto;font-size:11px;background:#3a4032;color:#c0c6b5;min-width:22px;text-align:center;border-radius:5px;padding:1px 5px}nav .active [data-count]{background:#d7b951;color:#3c3924}.nav-icon{width:18px;text-align:center;font-size:20px;font-weight:400;line-height:1}.nav-divider{height:1px;background:#3c4135;margin:21px 11px}.sidebar-note{margin-top:auto;padding:35px 12px 30px;color:#a3ad95}.sidebar-note>span{font-size:8px;letter-spacing:1.4px}.sidebar-note strong{display:block;font-size:18px;font-weight:500;color:#e1e6d6;margin-top:5px}.checker{height:12px;width:88px;margin-top:16px;opacity:.3;background:conic-gradient(#dde5cc 25%,transparent 0 50%,#dde5cc 0 75%,transparent 0) 0 0/12px 12px}.sidebar-bottom{border-top:1px solid #414537;display:flex;gap:10px;align-items:center;padding-top:22px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#464e39;font-size:10px;color:#c8d1b9}.sidebar-bottom strong{font-size:12px;font-weight:500}.sidebar-bottom div>span{display:block;font-size:10px;color:#8f9880}.lock-icon{margin-left:auto;color:#778366}main{margin-left:var(--sidebar)}.topbar{height:75px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:11px;color:#7f8377}.breadcrumb span{margin:0 12px;color:#c0c4b3}.top-right{display:flex;align-items:center;gap:19px;font-size:10px;white-space:nowrap}.private-tag{display:flex;align-items:center;gap:6px}.private-tag svg{width:12px;height:12px;stroke:#717766;stroke-width:1.5;fill:none}.save-state{color:#6f7962}.save-state:before{content:'';display:inline-block;height:5px;width:5px;border-radius:50%;background:#7e946c;margin-right:6px}.workspace{max-width:1450px;margin:auto;padding:37px 42px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#868b7a;margin:0 0 10px;text-transform:uppercase;font-weight:550}h1{font-size:39px;line-height:1.1;letter-spacing:-1.6px;margin:0;font-weight:650}.page-subtitle{margin:12px 0 0;color:#858979;font-size:12px}.primary,.secondary{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:550;white-space:nowrap}.primary{background:var(--ink);color:#fff;border:1px solid var(--ink)}.primary:hover{background:#454b3c}.primary>span{font-size:19px;font-weight:400;line-height:1}.secondary{background:white;border:1px solid var(--line)}.secondary:hover{background:#f0f1e9}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}.stat-card{border:1px solid var(--line);padding:18px 20px;background:#fbfcf6;border-radius:var(--radius);text-align:left;display:flex;flex-direction:column;position:relative}.stat-card:hover{background:white}.stat-card>span{font-size:11px;color:#717765}.stat-arrow{position:absolute;right:17px;color:#afb49f}.stat-card strong{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-1.2px;margin:13px 0 6px}.stat-card small{font-size:10px;color:#959b87}.stat-card.accent{background:#e6eccd;border-color:#d8e1b7}.stat-card.accent:hover{background:#dee7c1}.stat-card.accent small{color:#7c8964}.board-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:300px;max-width:48%;color:#959c89}.search input{border:0;background:transparent;outline:none!important;width:100%;font-size:12px;color:var(--ink);padding:0}.search:focus-within{outline:2px solid #c5a83a}.search input::placeholder{color:#9ca18f}.toolbar-spacer{flex:1}.text-button{border:0;background:none;color:#7c8370;font-size:11px;padding:7px 6px}.text-button:hover{color:var(--ink);background:#ecede3;border-radius:6px}.content-heading{display:flex;justify-content:space-between;align-items:center;margin:23px 0 16px}.content-heading h2{font-size:16px;letter-spacing:-.3px;margin:0;font-weight:600}.content-heading>span{font-size:10px;color:#989d8d}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;border:1px solid var(--line);border-radius:10px;background:#eff1e7;padding:15px}.filters label{font-size:10px;display:flex;flex-direction:column;gap:5px;color:#727966}.filters select{max-width:175px;font-size:12px;border:1px solid #d8ddcc;border-radius:6px;background:white;padding:6px}.filters .check-label{display:flex;flex-direction:row;align-items:center;padding:5px;font-size:11px}.filters .check-label input{accent-color:#738a5e}#filter-count{background:#e1e6d2;border-radius:4px;font-size:9px;padding:1px 5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.task-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;min-height:214px;transition:border .15s,box-shadow .15s}.task-card:hover{border-color:#bac4a2;box-shadow:0 3px 10px #252b1610}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.category{font-size:9px;letter-spacing:.3px;color:#8a937c}.priority{font-size:9px;display:inline-flex;align-items:center;gap:5px;background:#f2f3ec;padding:3px 7px;border-radius:5px;color:#90977f}.priority:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.priority.high{background:#fbefdb;color:#b48a38}.priority.low{background:#f0f1ef;color:#929b8b}.card-title{font-size:15px;font-weight:550;line-height:1.42;margin:0 0 11px;letter-spacing:-.3px}.title-button{display:block;border:0;padding:0;margin:0;background:transparent;text-align:left;font:inherit;font-weight:inherit;width:100%;line-height:inherit}.title-button:hover{color:#6e7c4d}.card-note{color:#939989;font-size:11px;line-height:1.6;margin:0 0 13px}.card-meta{display:flex;flex-wrap:wrap;gap:7px;margin:auto 0 13px;font-size:10px}.due-chip{padding:3px 7px;border-radius:5px;background:#f5f6f0;color:#848e74}.due-chip.overdue{background:#fce8e2;color:#bb6550}.due-chip.near{background:#f8f0cf;color:#967e35}.due-chip.today{background:#ecedce;color:#777b3a}.assignee{display:inline-flex;align-items:center;gap:6px;color:#849072;padding:3px 0}.mini-avatar{display:inline-grid;place-items:center;font-size:7px;background:#eaf0e1;width:17px;height:17px;border-radius:50%;color:#738162}.linked-purchases{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.purchase-link{background:#f3f2e7;border:1px solid #ebe8d7;padding:3px 6px;border-radius:5px;font-size:9px;color:#8c8356;text-align:left}.purchase-link.ready{background:#edf3e6;color:#768b61;border-color:#e0e8d6}.card-bottom{border-top:1px solid #eef0e7;padding-top:12px;display:flex;gap:8px;justify-content:space-between;align-items:center}.status-select{border:0;border-radius:5px;padding:4px 5px;font-size:10px;max-width:140px;background:#f1f2eb;color:#7f886f}.status-select.doing{background:#f7edbd;color:#927e26}.status-select.done{background:#e7efdf;color:#788c61}.status-select.idea{background:#f0eaf4;color:#9b84a7}.card-bottom .icon-button{font-size:16px;color:#a4ac95}.icon-button{border:0;background:none;border-radius:5px;font-size:26px;line-height:1;padding:3px 6px}.icon-button:hover{background:#f0f2e7}.done-card{opacity:.68}.done-card .card-title{text-decoration:line-through}.today-action{font-size:9px;color:#808c6e;border:0;background:transparent;padding:4px 0}.today-action:hover{color:#3c5426}.board-group{margin-bottom:29px}.group-title{display:flex;gap:8px;align-items:center;font-size:11px;color:#838d74;margin-bottom:11px;font-weight:550}.group-dot{height:6px;width:6px;border-radius:50%;background:#c2cbb2}.group-dot.yellow{background:#d7b952}.group-title .number{font-size:9px;padding:1px 6px;background:#e7ebdd;border-radius:4px;color:#919b83}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.kanban-column{background:#eff1e7;padding:12px;border-radius:14px;min-height:200px;border:1px dashed transparent}.kanban-column.drag-over{border-color:#c5a132;background:#f2edce}.kanban-column .task-card{margin-bottom:12px;padding:15px;min-height:190px}.kanban-column .task-card:last-child{margin-bottom:0}.kanban-column .group-title{padding:4px 4px 6px}.column-empty{text-align:center;padding:27px 0;color:#a3ac96;font-size:11px}.empty{background:#eff2e4;border:1px dashed #cdd5b9;border-radius:var(--radius);padding:38px 20px;text-align:center;margin-bottom:27px}.empty-icon{background:#e1e8cd;color:#7b8a5f;border-radius:50%;width:43px;height:43px;margin:0 auto 13px;font-size:22px;display:grid;place-items:center}.empty h3{font-size:17px;font-weight:550;margin:0 0 9px}.empty p{max-width:480px;margin:0 auto;color:#8a947b;font-size:12px}.empty .secondary{margin-top:18px}.upcoming-label{display:flex;align-items:center;justify-content:space-between;margin:24px 0 15px}.upcoming-label h3{font-size:14px;font-weight:550;margin:0}.upcoming-label p{font-size:10px;color:#949e84;margin:3px 0 0}.workspace-footer{margin-top:35px;border-top:1px solid var(--line);padding:13px 0 0;display:flex;align-items:center;justify-content:space-between;color:#a1a695;font-size:9px;gap:10px}dialog{border:1px solid #dce1d0;border-radius:18px;padding:0;width:560px;max-width:calc(100% - 28px);max-height:90vh;color:var(--ink);box-shadow:0 18px 80px #111a1640;background:#fafbf6}dialog::backdrop{background:#1d271466;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 18px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:22px;font-weight:550;letter-spacing:-.6px;margin:0}.dialog-header .eyebrow{margin-bottom:5px}#edit-fields{padding:20px 26px;display:grid;grid-template-columns:1fr 1fr;gap:15px}#edit-fields label{display:flex;flex-direction:column;font-size:11px;color:#818972;gap:5px}#edit-fields label.full{grid-column:1/-1}#edit-fields input,#edit-fields select,#edit-fields textarea{border:1px solid #dce1cf;border-radius:7px;background:#fff;padding:10px;color:var(--ink);width:100%;font-size:12px}#edit-fields textarea{height:78px;resize:vertical}#edit-fields .link-check{display:flex;flex-direction:row;align-items:center}#edit-fields .link-check input{width:auto;accent-color:#7e8c5b}.purchase-checks{grid-column:1/-1;background:#edf1e5;border-radius:8px;padding:11px;display:flex;flex-direction:column;gap:6px}.purchase-checks>span{font-size:10px;color:#8d957f;margin-bottom:4px}.source-note{grid-column:1/-1;font-size:10px;line-height:1.5;color:#a0a692;margin:0}.dialog-footer{display:flex;justify-content:end;padding:17px 26px;gap:10px;border-top:1px solid var(--line)}.info-body{padding:15px 26px 24px;font-size:13px;color:#788367}.info-body p{margin:12px 0}#toast{position:fixed;bottom:25px;left:calc(var(--sidebar) + 30px);max-width:calc(100vw - var(--sidebar) - 60px);padding:14px 18px;background:#2d3425;color:#f4f6ed;border-radius:10px;box-shadow:0 5px 25px #26331530;z-index:20;font-size:12px;display:flex;align-items:center;gap:15px}#toast button{background:none;border:0;color:var(--yellow);font-size:12px;font-weight:600}.purchase-card .card-title{font-size:16px}.purchase-card .linked-title{font-size:10px;color:#9ba48c;margin:0 0 4px}.purchase-card .linked-list{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}.purchase-card .linked-list button{border:0;background:none;text-align:left;padding:0;font-size:11px;color:#798761}.read-warning{background:#fff0d6;color:#91632c;padding:12px;border-radius:9px;font-size:12px;margin-bottom:15px}.file-notice{font-size:10px;color:#849175}
@media(min-width:1450px){.workspace{padding-top:45px}.grid{gap:20px}.task-card{padding:23px}}
@media(max-width:1150px){:root{--sidebar:210px}.sidebar{padding:27px 15px 20px}.topbar{padding:0 28px}.workspace{padding:30px 28px 20px}.top-right{gap:12px}.save-state{font-size:9px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:16px}.summary{gap:10px}.stat-card>span{font-size:10px}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:17px}.brand-mark{width:42px;height:49px}}
@media(max-width:850px){:root{--sidebar:190px}.topbar{padding:0 22px}.workspace{padding:28px 22px 20px}.top-right .save-state{display:none}.breadcrumb{font-size:10px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card strong{font-size:30px}.grid{gap:12px}.task-card{padding:16px}.kanban{grid-template-columns:1fr 1fr}.kanban-column{padding:8px}.brand{font-size:16px}.brand-mark{width:35px;height:44px}.sidebar{padding:27px 12px 18px}.cafe-label{font-size:10px}.nav-label{font-size:7px}.nav-icon{font-size:18px}nav button{font-size:12px;gap:8px;padding:13px 9px}.sidebar-note{padding-left:9px}.sidebar-note strong{font-size:16px}.text-button{font-size:10px}}
@media(max-width:650px){:root{--sidebar:0px}.sidebar{position:static;width:100%;padding:18px 17px 0;display:block}.brand{font-size:14px;line-height:1.2;gap:10px}.brand br{display:none}.brand span br+*{margin-left:4px}.brand-mark{width:30px;height:33px;border-radius:7px;font-size:21px}.brand-caption{display:none}.cafe-label{position:absolute;right:17px;top:18px;margin:0;border:0;padding:7px 0;font-size:9px}.nav-label,.sidebar-note,.sidebar-bottom,.nav-divider{display:none}nav{display:flex;overflow-x:auto;gap:5px;padding:17px 0 10px;scrollbar-width:none}nav button{width:auto;white-space:nowrap;flex-shrink:0;font-size:10px;padding:9px 10px;gap:6px;margin:0;border-radius:7px}nav [data-count]{min-width:15px;font-size:8px;padding:1px 3px}.nav-icon{font-size:14px}main{margin:0}.topbar{height:38px;padding:0 18px}.breadcrumb{display:none}.top-right{width:100%;justify-content:space-between;font-size:9px}.top-right .save-state{display:block;font-size:8px}.workspace{padding:25px 18px 14px}.page-heading{align-items:end;margin-bottom:21px}h1{font-size:32px}.eyebrow{font-size:8px;letter-spacing:1.1px}.page-subtitle{font-size:10px;max-width:225px;line-height:1.5}.primary,.secondary{font-size:10px;padding:9px 12px;gap:5px}#add-task{padding:9px 10px}.summary{gap:9px;margin-bottom:21px}.stat-card{padding:13px 15px;border-radius:12px}.stat-card strong{font-size:29px;margin-top:8px}.stat-card>span{font-size:9px}.stat-card small{font-size:8px}.stat-arrow{right:12px}.board-toolbar{flex-wrap:wrap;gap:7px}.search{width:100%;flex:1;max-width:none;min-width:160px}.search input{font-size:11px}.toolbar-spacer{display:none}#export,#import{padding:3px 7px}.content-heading{margin-top:21px}.content-heading h2{font-size:14px}.content-heading>span{font-size:9px}.grid,.kanban{grid-template-columns:1fr}.task-card{min-height:200px;padding:18px}.card-title{font-size:16px}.category,.priority{font-size:10px}.card-note{font-size:12px}.card-meta{font-size:11px}.status-select{font-size:11px}.purchase-link{font-size:10px}.card-bottom{padding-top:10px}.workspace-footer{font-size:8px;align-items:start;gap:7px}.workspace-footer>span{max-width:200px}.empty{padding:27px 17px}.empty h3{font-size:16px}.empty p{font-size:11px}.upcoming-label h3{font-size:13px}.filters{gap:9px}.filters label{flex:1 1 42%}.filters select{width:100%;max-width:none}.filters .check-label{flex:1 1 75%}.dialog-header{padding:21px 20px 15px}.dialog-header h2{font-size:20px}#edit-fields{padding:19px 20px;gap:13px}.dialog-footer{padding:16px 20px}.info-body{padding:12px 20px 20px;font-size:12px}#toast{left:18px;right:18px;bottom:18px;max-width:none;font-size:11px}.kanban-column{padding:11px}.kanban-column .task-card{padding:17px}.private-tag svg{height:11px;width:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.entry-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#282b24}.entry-card{width:100%;max-width:440px;background:var(--paper);border-radius:18px;padding:36px;display:flex;flex-direction:column;gap:18px}.entry-card .brand-mark{background:#282b24;margin-bottom:6px}.entry-card .eyebrow{font-size:14px;margin:0}.entry-card h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin-bottom:8px}.entry-card label{font-size:16px}.entry-card input{width:100%;border:1px solid #b9c0ac;background:#fff;border-radius:8px;padding:13px;font-size:18px}.entry-card .primary{font-size:16px;padding:13px}.entry-card p:last-child{font-size:14px;color:#67715b;margin:0;line-height:1.6}#change-name{font-size:14px;white-space:normal;text-align:left}#top-user-name,#user-name{overflow-wrap:anywhere}.sidebar-bottom div{min-width:0}.sidebar-bottom strong{font-size:14px}.top-right{white-space:normal}@media(max-width:650px){.entry-card{padding:28px 24px}.entry-card h1{font-size:28px}.topbar{height:auto;min-height:48px;padding:8px 18px}.top-right{flex-wrap:wrap;gap:4px 12px}#change-name{font-size:14px}.sidebar-bottom{display:none}}

.claim-row{margin-bottom:12px}.claim-task{width:100%;border:1px solid #b9c79c;background:#e6eccd;border-radius:8px;padding:10px;font-size:14px;font-weight:600}.claim-task:hover{background:#d8e5b9}.working-label{display:block;font-size:14px;font-weight:600;color:#536b3e;overflow-wrap:anywhere}.started-label{font-size:14px;color:#67765a;margin:0 0 10px}.saving #confirm-import,.saving #edit-form button[type=submit]{pointer-events:none;opacity:.65}#entry-error:empty{display:none}#entry-error{color:#a43d28;font-size:16px;margin:0}.group-title{font-size:16px}.group-title .number{font-size:14px}.status-select,.card-meta{font-size:14px}.mini-avatar{font-size:10px;width:22px;height:22px}.card-title{font-size:17px}nav button{font-size:14px}nav [data-count]{font-size:12px}:root{--sidebar:270px}.sidebar{width:var(--sidebar)}main{margin-left:var(--sidebar)}@media(max-width:650px){.sidebar{width:100%}main{margin:0}nav button{font-size:14px}nav [data-count]{font-size:12px}.group-title{font-size:16px}.card-meta,.status-select{font-size:14px}}

.entry-card input[type=password]{width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;background:white;font-size:16px;color:var(--ink)}

/* Cafe identity: charcoal, diner red, white and gingham. */
:root{--ink:#222;--muted:#6b6663;--paper:#f5f3f0;--line:#ddd8d3;--yellow:#e23832;--green:#3f7657;--radius:12px;--sidebar:292px}
body{font-size:16px;background:var(--paper);color:var(--ink)}
.sidebar{background:#181818;color:#fff;padding:24px 18px;border-right:1px solid #333}
.brand{gap:20px;padding:6px 12px 24px;border-bottom:4px solid #df302e;align-items:center}
.brand-wordmark{display:flex;flex-direction:column;align-items:center;flex-shrink:0;line-height:1;color:#fff;letter-spacing:-1px;transform:rotate(-3deg)}
.brand-wordmark strong{font-family:Impact,'Arial Black',sans-serif;font-size:34px;font-weight:900;letter-spacing:1px}
.brand-wordmark em{font-family:Georgia,serif;font-size:25px;line-height:1.1;color:#f45b51;letter-spacing:0;font-weight:700}
.brand-caption{font-size:12px;line-height:1.7;letter-spacing:1.5px;color:#d7d0cb;margin:0}
.cafe-label{margin:22px 0;padding:12px;background:#242424;border-color:#3a3a3a;color:#ddd;font-size:14px}
.live-dot{background:#ef564b}.nav-label{font-size:12px;color:#a9a19b;letter-spacing:1.1px}
nav button{padding:12px;font-size:14px;color:#ded9d5;border-radius:8px;min-height:46px}
nav button:hover{background:#2b2b2b}nav button.active{background:#d8302b;color:#fff;box-shadow:0 4px 15px #0003}
nav [data-count]{background:#353535;color:#fff;font-size:13px}nav .active [data-count]{background:#b5211d;color:#fff}
.nav-divider,.sidebar-bottom{border-color:#393939}.nav-divider{background:#393939}
.sidebar-note{color:#c4bcb7;padding-top:24px;padding-bottom:22px}.sidebar-note>span{font-size:12px}.sidebar-note strong{color:#fff;font-size:20px}
.checker{width:100%;height:14px;opacity:1;background:conic-gradient(#c82a26 25%,#fff 0 50%,#c82a26 0 75%,#fff 0) 0 0/14px 14px;margin-top:16px}
.avatar{background:#b72b26;color:white;font-size:14px}.sidebar-bottom div>span{color:#bfb8b2;font-size:12px}.lock-icon{color:#c5beba}
main{margin-left:var(--sidebar)}.topbar{background:#fff;border-top:5px solid #d8302b;height:auto;min-height:76px;padding:16px 36px}
.breadcrumb{font-size:14px;color:#655b54}.top-right{font-size:14px;gap:16px}.save-state{color:#466452}.save-state:before{background:#466452}
.workspace{padding:32px 36px 24px}.page-heading{margin-bottom:26px;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:1.3px;color:#71635b}
h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-weight:800;font-size:40px;letter-spacing:-.5px;line-height:1.15}.page-subtitle{font-size:16px;color:#6a625d;line-height:1.6}
.primary,.secondary{font-size:14px;min-height:44px;padding:11px 16px;border-radius:8px}.primary{background:#c92b26;border-color:#c92b26;color:#fff}.primary:hover{background:#a9211d;border-color:#a9211d}.secondary:hover{background:#f6eeeb}
.summary{gap:14px}.stat-card{background:#fff;border-color:#ddd6d0;box-shadow:0 3px 0 #dfd9d3;padding:20px;border-radius:10px;border-top:3px solid #262626}
.stat-card>span{font-size:14px;color:#5f5751}.stat-card strong{font-family:Impact,'Arial Black',sans-serif;font-size:40px;color:#252525}.stat-card small{font-size:14px;color:#766d66}
.stat-card.accent{background:#fff0ed;border-color:#edc2ba;border-top-color:#d8302b}.stat-card.accent:hover{background:#ffe6e1}.stat-card.accent strong{color:#ae251f}.stat-card.accent small{color:#86504a}
.stat-arrow{color:#89766b}.search{width:340px;padding:12px;background:white}.search input{font-size:16px}.toolbar-button,.text-button{font-size:14px}.board-toolbar{flex-wrap:wrap;gap:10px}
.content-heading h2{font-size:18px;font-weight:700}.content-heading>span{font-size:14px;color:#766d66}.group-title{font-size:18px;font-weight:700;color:#352b25}.group-dot.yellow{background:#d8302b}.group-title .number{background:#ece5e0;color:#675a50;font-size:14px}
.task-card{background:#fff;border:1px solid #ded7d0;border-radius:12px;padding:21px;box-shadow:0 4px 12px #38241506;overflow-wrap:anywhere}.task-card:hover{border-color:#c8b9ae;box-shadow:0 6px 18px #3824150d}
.card-title{font-size:18px;line-height:1.45;font-weight:700}.category{font-size:12px;color:#78665a;letter-spacing:.8px}.priority{font-size:14px}.priority.high{background:#ffe7e2;color:#9d2920}.priority.normal{background:#eee9e4;color:#62534a}
.card-note{font-size:16px;color:#6a625c;line-height:1.6}.card-meta{font-size:14px;gap:10px;flex-wrap:wrap}.due-chip{font-size:14px}.due-chip.near,.due-chip.today{background:#fff0e5;color:#8d481a}.due-chip.overdue{background:#ffe7e2;color:#a52b21}
.mini-avatar{background:#eee4df;color:#8c4438;font-size:12px;width:26px;height:26px}.card-bottom{border-top-color:#eee7e1}.status-select{font-size:14px;min-height:40px;max-width:100%;background:#f2ece6;color:#5e4e44}.status-select.doing{background:#ffe8e3;color:#a52b21}
.claim-task{background:#c92b26;border-color:#c92b26;color:#fff;font-size:14px;min-height:44px}.claim-task:hover{background:#a9211d}.working-label{color:#9a3327}.started-label{color:#76665c}.linked-purchases .purchase-link{font-size:14px;background:#f4ece6;color:#775b48;border-color:#e5d7cc}
.kanban-column{background:#ece6e0;border-radius:12px;padding:14px}.column-empty{font-size:14px;color:#7a6b60}.empty{background:#fff;border:1px dashed #cfbfb3;border-radius:12px}.empty h3{font-size:20px}.empty p{font-size:16px;color:#75685e}.empty-icon{color:#a93429}
.filters{background:#fff;border-color:#ded7d0;padding:18px}.filters label,.filters select{font-size:14px}.filters select{min-height:42px}.workspace-footer{font-size:14px;color:#766b62}.workspace-footer>span{line-height:1.6}
.entry-screen{background:#181818;background-image:radial-gradient(ellipse at top,#3c211d 0%,#181818 65%);padding:36px 20px}
.entry-card{background:#fff;border-radius:14px;border:1px solid #615047;border-top:5px solid #d8302b;box-shadow:0 25px 70px #0005;padding:32px;gap:16px;max-width:460px;position:relative}
.entry-card:after{content:'';height:12px;background:conic-gradient(#c82a26 25%,#fff 0 50%,#c82a26 0 75%,#fff 0) 0 0/12px 12px;display:block;margin:12px -32px -32px;border-radius:0 0 13px 13px}
.entry-card .brand-wordmark{align-self:center;background:#181818;border-radius:10px;padding:18px 34px;margin-bottom:10px}.entry-card .brand-wordmark strong{font-size:42px}.entry-card .brand-wordmark em{font-size:30px}.entry-card .eyebrow{text-align:center;color:#736358;font-size:12px}
.entry-card h1{font-family:Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.5px}.entry-card label{font-size:16px;color:#352d27}.entry-card input,.entry-card input[type=password]{font-size:16px;min-height:48px;background:#faf8f6;border-color:#d8cec6}.entry-card p:last-child{color:#70645b}.entry-card .text-button{min-height:44px;color:#a52b21;font-size:14px}
input:focus,select:focus,textarea:focus{outline-color:#c92b26}button:focus-visible,a:focus-visible{outline-color:#c92b26}
dialog{background:#fff;border-radius:14px;border-color:#d8cfc7}.dialog-header h2{font-size:24px}.info-body{font-size:16px;line-height:1.7}.form-grid label,#edit-fields label{font-size:14px}#edit-fields input,#edit-fields select,#edit-fields textarea{font-size:16px;min-height:42px}#toast{font-size:16px;background:#24201e}
@media(max-width:1100px){:root{--sidebar:250px}.brand{gap:12px;padding-left:4px;padding-right:4px}.brand-wordmark strong{font-size:29px}.brand-wordmark em{font-size:23px}.brand-caption{font-size:11px}.workspace{padding:28px 24px}.topbar{padding:14px 24px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban{grid-template-columns:1fr}}
@media(max-width:650px){.sidebar{position:relative;width:100%;padding:18px 18px 12px;border-right:0}.brand{padding:0 0 16px;gap:22px;justify-content:center}.brand-wordmark strong{font-size:30px}.brand-wordmark em{font-size:23px}.brand-caption{font-size:12px}.cafe-label,.nav-label,.sidebar-note,.sidebar-bottom,.nav-divider{display:none}nav{display:flex;overflow-x:auto;gap:6px;margin:14px -4px 0;padding:0 4px 5px}nav button{flex:0 0 auto;width:auto;white-space:nowrap;font-size:14px;padding:10px 12px;margin:0;min-height:44px}nav [data-count]{margin-left:8px}main{margin:0}.topbar{padding:12px 18px;min-height:60px}.breadcrumb{display:none}.top-right{width:100%;justify-content:space-between;font-size:12px}.save-state{font-size:12px}.workspace{padding:26px 18px 18px}.page-heading{flex-wrap:wrap;gap:16px;margin-bottom:22px}h1{font-size:32px;letter-spacing:0}.eyebrow{font-size:12px}.page-subtitle{font-size:16px}.summary{gap:10px;margin-bottom:24px}.stat-card{padding:15px;min-height:148px}.stat-card>span,.stat-card small{font-size:14px}.stat-card strong{font-size:34px;margin:8px 0}.stat-arrow{display:none}.search{width:100%;max-width:100%;flex:1 1 100%;min-height:46px}.board-toolbar{gap:8px}.toolbar-spacer{display:none}.grid,.kanban{grid-template-columns:1fr}.task-card{padding:20px;min-height:unset}.card-title{font-size:18px}.card-note{font-size:16px}.category{font-size:12px}.priority,.card-meta,.status-select{font-size:14px}.group-title{font-size:18px}.workspace-footer{font-size:14px;flex-wrap:wrap;gap:12px}.workspace-footer>span{max-width:none}.entry-card{padding:28px 24px}.entry-card:after{margin:12px -24px -28px}.entry-card h1{font-size:28px}.entry-screen{padding:24px 16px}.entry-card .brand-wordmark strong{font-size:38px}.filters label{flex:1 1 100%}}

.stats-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:16px 0 20px}.stats-controls label{font-size:14px;display:flex;flex-direction:column;gap:6px;font-weight:700}.stats-controls input{font-size:16px;padding:10px;border:1px solid #d8cec6;border-radius:8px;min-height:44px}.stats-controls p{font-size:14px;color:#6a625c;margin:0;max-width:560px}.stats-controls p strong{color:#a52b21;font-size:16px}.stats-totals{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.stats-totals>div{background:#fff;border:1px solid var(--line);border-top:3px solid #c92b26;border-radius:10px;padding:20px}.stats-totals span{display:block;font-size:14px;color:#6a625c}.stats-totals strong{display:block;font-size:40px;margin-top:8px}.stats-table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.stats-table{width:100%;border-collapse:collapse;font-size:16px}.stats-table th,.stats-table td{padding:18px 22px;text-align:left;border-bottom:1px solid #eee7e1}.stats-table thead{background:#24201e;color:#fff}.stats-table thead th{font-size:14px;font-weight:600}.stats-table tbody th{font-weight:600;min-width:160px}.stats-table tbody tr:last-child>*{border-bottom:0}.stats-person{display:flex;gap:10px;align-items:center;overflow-wrap:anywhere}.stats-bar{height:5px;background:#f1e9e3;border-radius:8px;max-width:280px;margin:10px 0 0 36px}.stats-bar span{height:100%;display:block;background:#c92b26;border-radius:8px}.bonus-number{background:#ffe8e3;color:#a52b21;padding:5px 12px;border-radius:6px;font-weight:700}.stats-note{color:#71635b;font-size:14px;line-height:1.6;margin:16px 0}.stats-history details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-top:12px}.stats-history summary{cursor:pointer;font-size:16px;font-weight:700}.stats-history ul{list-style:none;padding:0;margin:18px 0 0}.stats-history li{border-top:1px solid #eee7e1;padding:12px 0;font-size:16px}.stats-history li span{display:block;font-size:14px;color:#71635b;margin-top:4px}@media(max-width:650px){.stats-controls{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.stats-totals{gap:10px}.stats-totals>div{padding:15px}.stats-totals strong{font-size:34px}.stats-table th,.stats-table td{padding:14px 10px;font-size:14px}.stats-table thead th{font-size:14px}.stats-table tbody th{min-width:120px}.stats-bar{margin-left:0}.stats-person{gap:6px}.stats-history details{padding:16px}}

/* Primary sections, with task views nested under Task Board. */
#nav{display:block;overflow:visible}.nav-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;background:#252525;padding:5px;border:1px solid #393939;border-radius:10px;margin-bottom:14px}.nav-sections button{margin:0;width:100%;justify-content:flex-start;padding:12px;gap:10px;font-size:14px;min-width:0;min-height:46px;white-space:normal;line-height:1.4;overflow-wrap:break-word}.nav-sections .nav-icon{font-size:18px;flex:0 0 18px}.nav-sections button.active{box-shadow:none}.task-navigation{border-left:2px solid #48312b;margin-left:8px;padding-left:9px}.task-navigation button{font-size:14px;padding:10px;min-height:42px}.task-navigation button.active{background:#3b2824;color:#ffb6aa;box-shadow:none}.task-navigation button.active [data-count]{background:#61372d;color:#fff}.nav-sections button:focus-visible{outline-color:#fff;outline-offset:2px}@media(max-width:650px){#nav{margin:14px 0 0;padding:0}.nav-sections{margin-bottom:0;width:100%;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-sections button{flex:unset;justify-content:flex-start;font-size:16px;min-height:46px;padding:10px 12px;white-space:normal}.task-navigation{display:flex;gap:6px;overflow-x:auto;border-left:0;border-top:1px solid #393939;margin:10px -4px 0;padding:10px 4px 4px}.task-navigation button{flex:0 0 auto;width:auto;white-space:nowrap;font-size:14px;padding:9px 12px;margin:0;min-height:42px}}

.account-row{display:flex;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line);flex-wrap:wrap}.account-row strong{flex:1;min-width:110px;font-size:16px}.account-row select{padding:11px;border:1px solid var(--line);border-radius:8px;font-size:16px;min-height:44px;max-width:100%}.owner-badge{background:#ffe8e3;color:#a52b21;padding:8px 12px;border-radius:8px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#accounts-dialog{width:min(680px,calc(100% - 32px));max-height:85dvh}#manage-access{color:#a52b21;font-weight:700}@media(max-width:650px){.account-row{gap:10px}.account-row strong{flex:1 1 100%}.account-row label{flex:1}.account-row select{width:100%}}

.summary.without-purchases{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.summary.without-purchases{grid-template-columns:repeat(2,minmax(0,1fr))}}

.card-bottom.has-confirmation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.card-bottom.has-confirmation .status-select{grid-column:1;grid-row:1;width:100%;min-width:0;max-width:100%}
.card-bottom.has-confirmation .icon-button{grid-column:2;grid-row:1}
.card-bottom.has-confirmation [data-confirm-task]{grid-column:1/-1;grid-row:2;width:100%;min-width:0;min-height:44px;padding:12px 16px;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:normal;text-align:center}

.card-top{flex-wrap:wrap;align-items:flex-start;gap:8px 12px}
.card-top .category{flex:1 1 130px;min-width:0;word-break:normal;overflow-wrap:break-word}
.card-top .priority{flex:0 0 auto;white-space:nowrap;word-break:normal;overflow-wrap:normal;margin-left:auto}
.card-top .priority::before{flex-shrink:0}

.pending-screen{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:#181818}
.pending-card{width:min(100%,580px);text-align:center;border:1px solid #3e3530;border-radius:24px;background:#faf6f1;padding:32px;color:#28201c;box-shadow:0 24px 80px #0004}
.pending-card .brand-wordmark{display:inline-flex;justify-content:center;color:#c92b26}
.pending-rhino{display:block;width:min(100%,260px);height:240px;object-fit:contain;margin:24px auto 12px}
.pending-label{font-size:14px;font-weight:700;letter-spacing:1.4px;color:#a52b21;margin:12px 0}
.pending-card h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:12px 0 20px;letter-spacing:-.7px}
.pending-description{font-size:16px;line-height:1.7;color:#66544a;overflow-wrap:break-word}
.pending-status{display:inline-block;padding:10px 18px;background:#ffe7e2;border:1px solid #edc6bc;color:#9d2920;border-radius:999px;font-size:16px;font-weight:700;margin:12px 0}
.pending-note{font-size:14px;color:#78665a;margin:10px auto 24px;max-width:380px}
.pending-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.pending-actions .primary{min-height:44px;padding:12px 24px;font-size:16px}.pending-actions .text-button{min-height:44px;font-size:14px}
@media(max-width:480px){.pending-screen{padding:16px}.pending-card{padding:24px 18px}.pending-rhino{height:210px}}

.profile-header{display:flex;gap:18px;align-items:center;margin:18px 0 28px}.profile-avatar{width:72px;height:72px;border-radius:20px;background:#c92b26;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700;flex-shrink:0}.profile-header h2{font-size:28px;margin:0;overflow-wrap:anywhere}.profile-header p{font-size:16px;margin:5px 0;color:#78665a}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px;min-width:0}.profile-panel h3{font-size:20px;margin:0 0 16px}.profile-panel p{font-size:16px;line-height:1.6;color:#78665a;margin:12px 0}.profile-panel .profile-label{font-size:14px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:#a52b21;margin:0 0 14px}.profile-panel .profile-rate{font-size:28px}.profile-rate small{font-size:16px;font-weight:400;white-space:nowrap}.profile-counts{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0 24px}.profile-counts>div{display:flex;flex-direction:column;gap:4px;flex:1 1 100px}.profile-counts strong{font-size:32px;line-height:1.2}.profile-counts span{font-size:14px;color:#78665a}.profile-section-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.profile-section-head label{font-size:14px;display:flex;gap:10px;align-items:center}.profile-section-head input,.rate-row input,.rate-row select{padding:10px;border:1px solid #d8cec6;border-radius:8px;font-size:16px;min-height:44px;max-width:100%}.profile-deadlines,.profile-history ul{list-style:none;padding:0;margin:12px 0}.profile-deadlines li{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);font-size:16px}.profile-history{font-size:16px}.profile-history li{padding:14px 0;border-top:1px solid var(--line)}.profile-history span{display:block;font-size:14px;color:#78665a;margin-top:5px}.rate-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(100px,1fr) auto;gap:14px;align-items:end;border-top:1px solid var(--line);padding:18px 0}.rate-row small{display:block;font-size:14px;color:#78665a}.rate-row label{font-size:14px;display:flex;flex-direction:column;gap:6px}.rate-row button{min-height:44px}@media(max-width:800px){.profile-grid{grid-template-columns:1fr}.rate-row{grid-template-columns:1fr 1fr}.rate-row>div{grid-column:1/-1}.rate-row button{grid-column:1/-1}.profile-panel{padding:18px}.profile-header h2{font-size:24px}}

@media(max-width:380px){.nav-sections{grid-template-columns:minmax(0,1fr)}}

.brand-logo{display:block;object-fit:contain;width:150px;height:auto;border-radius:10px;background:#fff;flex-shrink:0}.sidebar .brand{gap:12px}.sidebar .brand-logo{width:140px}.entry-card .brand-logo,.pending-card .brand-logo{width:180px;max-width:100%;margin:0 auto}.branch-picker{display:flex;flex-direction:column;align-items:stretch;gap:8px}.branch-picker select{width:100%;min-width:0;min-height:44px;background:#252525;color:#fff;border:1px solid #555;border-radius:8px;padding:8px;font-size:14px}.branch-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.branch-chip{background:#f8e6e3;border-radius:8px;padding:8px 12px;font-size:16px}.branch-form,.account-settings{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.branch-form label,.account-settings label{display:flex;flex-direction:column;gap:6px;font-size:14px;flex:1 1 180px}.branch-form input,.account-settings select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:16px}.editor-account{border:1px solid var(--line);padding:20px;border-radius:12px;margin-top:16px;min-width:0}.editor-account-head{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:18px}.editor-account h4{font-size:20px;margin:0;overflow-wrap:anywhere}.danger-button{border:1px solid #e4aba6;background:#fff2ef;color:#a52b21;border-radius:8px;padding:10px 12px;min-height:44px;font-size:14px}.editor-account .rate-row{margin-top:18px;padding-bottom:0}.account-settings button,.branch-form button{min-height:44px}.sidebar{overflow-y:auto}.brand-caption{min-width:0}.profile-header>div:last-child{min-width:0}
@media(max-width:650px){.sidebar .brand-logo{width:120px}.branch-picker{display:flex;margin:12px 0}.editor-account{padding:16px}.account-settings button,.branch-form button{width:100%}.brand-caption{font-size:12px}.branch-picker select:disabled{opacity:1}}

.brand-logo{background:transparent;border-radius:0}.section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.section-tabs button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:16px}.section-tabs button[aria-selected=true],.section-tabs button[aria-pressed=true]{background:#c92b26;color:white;border-color:#c92b26}.branch-edit{width:100%;border-bottom:1px solid var(--line);padding-bottom:18px}.promotion-form{margin:20px 0;display:flex;flex-direction:column;gap:12px}.promotion-form label,#payroll-form label{display:flex;flex-direction:column;gap:8px;font-size:16px}.promotion-form textarea{width:100%;padding:12px;font:inherit;border:1px solid var(--line);border-radius:8px;resize:vertical}.promotion-form button{align-self:flex-start}.promotion-text{white-space:pre-wrap}#payroll-hours,.ranking-controls input{padding:12px;border:1px solid var(--line);border-radius:8px;font-size:16px;min-height:44px}#payroll-result{display:block;font-size:32px;font-weight:700;color:#a52b21}.ranking-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:end;margin-bottom:20px}.ranking-controls label{display:flex;flex-direction:column;gap:8px;font-size:16px}.ranking-controls .section-tabs{margin:0}.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ranking-list{list-style:none;padding:0;margin:0}.ranking-list li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px 10px;border-top:1px solid var(--line);padding:14px 0}.ranking-list strong{overflow-wrap:anywhere;font-size:16px}.ranking-list li>span:last-child{grid-column:2;color:#78665a;font-size:14px}.rank-place{grid-row:1/3;align-self:center;font-size:22px;font-weight:700;color:#c92b26}@media(max-width:800px){.ranking-grid{grid-template-columns:1fr}}@media(max-width:650px){.branch-edit button{flex:1}.section-tabs button{flex:1}.ranking-controls{align-items:stretch;flex-direction:column}}

#entry-branch{width:100%;padding:12px;min-height:46px;font-size:16px;border:1px solid var(--line);border-radius:8px;background:white}.employee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.employee-grid .profile-avatar{margin-bottom:18px}.vote-actions{display:flex;gap:10px;flex-wrap:wrap}.vote-actions button[aria-pressed=true]{background:#c92b26;border-color:#c92b26;color:white}.month-choice{display:flex;flex-direction:column;gap:8px;font-size:16px}.month-choice input{max-width:250px;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:8px}.stats-table-wrap{overflow-x:auto}.stats-table td:last-child{min-width:175px}@media(max-width:800px){.employee-grid{grid-template-columns:1fr}}

.sidebar .brand{background:linear-gradient(145deg,#f2d59a,#d4a354);border:1px solid #ffd994;border-radius:16px;padding:14px 10px;box-shadow:0 8px 28px #0005}.sidebar .brand-logo{width:138px;filter:drop-shadow(0 2px 2px #8e602444)}.sidebar .brand-caption{color:#4c291c;font-weight:800;letter-spacing:1px;font-size:12px}.sidebar-note{border-top:1px solid #5d4434;margin-top:auto}.sidebar-note strong{color:#f1ca83}.profile-avatar,.avatar{overflow:hidden}.profile-avatar img,.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-upload{display:flex;flex-direction:column;gap:12px;font-size:16px}.avatar-upload input{max-width:100%;font-size:14px}.branch-goals{background:linear-gradient(120deg,#fff8e7,#fff);border-top:4px solid #c92b26}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.goal-grid span{display:block;font-size:14px;color:#78665a}.goal-grid strong{display:block;font-size:28px;margin-top:8px;overflow-wrap:anywhere}.rename-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px}.rename-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;flex:1}.rename-form input,.promotion-form input{min-height:44px;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:16px}@media(max-width:650px){.sidebar .brand{max-width:360px;margin:auto}.sidebar .brand-logo{width:130px}.goal-grid{grid-template-columns:1fr}.goal-grid strong{font-size:26px}}

.view-quote{font-size:14px;font-weight:650;color:#9b4b2b;letter-spacing:.4px;margin:0 0 16px;padding-left:12px;border-left:3px solid #d9ad65}.task-card:has(.priority.high){border-top:3px solid #c92b26}

/* Compact cabinet and team editor */
.sidebar .brand{background:none;border:0;box-shadow:none;padding:8px;justify-content:center}
.sidebar .brand-logo{width:180px;max-width:100%;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}
.profile-panel{padding:18px;margin-bottom:14px}.profile-header{padding:12px 0;margin-bottom:14px}.profile-avatar{width:72px;height:72px;min-width:72px}.profile-header h2{font-size:26px}.profile-counts strong{font-size:28px}.profile-panel h3{margin-bottom:12px}.profile-panel p{font-size:14px}
.editor-accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}.editor-account{padding:16px}.editor-account form{gap:10px;margin-top:10px}.editor-account input,.editor-account select{padding:9px}.rate-row{grid-template-columns:1fr 1fr!important}.rate-row>div{grid-column:1/-1}.branch-form{margin-bottom:10px}.promotion-form textarea{min-height:90px}.profile-grid{gap:14px}.audit-list .profile-panel{margin-bottom:10px}.audit-list h4{margin:7px 0}.audit-list p{margin:6px 0}
.task-card.role-owner,.task-card.role-owner:has(.priority.high){border-color:#d96659}.task-card.role-admin,.task-card.role-admin:has(.priority.high){border-color:#51966d}.task-card.role-cook,.task-card.role-cook:has(.priority.high){border-color:#d9af3e}
.section-tabs{gap:6px;flex-wrap:wrap}.section-tabs button{padding:9px 13px}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}.avatar-upload input{max-width:100%}

.employee-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;align-items:start}.avatar-upload{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.avatar-upload input{display:block;position:static;opacity:1;width:100%;height:auto}.profile-avatar:has(img),.avatar:has(img){background:transparent;overflow:hidden}#entry-phone-fields{display:grid;gap:8px;margin:12px 0}
/* Delegated branch owns the outline regardless of creator or priority. */
.task-card.role-admin,.task-card.role-admin:hover,.task-card.role-admin:has(.priority.high){border:2px solid #359159}
.task-card.role-cook,.task-card.role-cook:hover,.task-card.role-cook:has(.priority.high){border:2px solid #d8ae19}
.task-card.role-owner,.task-card.role-owner:hover,.task-card.role-owner:has(.priority.high){border:2px solid #cb4336}
.previous-social{display:flex;flex-direction:column;gap:3px;border-left:3px solid #d6b95b;padding:5px 10px;margin-top:8px;font-size:14px}.previous-social span,.previous-social small{font-size:12px;color:#78665a}.knowledge-list{margin-top:18px}.knowledge-text{white-space:pre-wrap;line-height:1.65;font-size:16px;padding:16px 0}.document-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.document-actions a{text-decoration:none}#knowledge-form{display:grid;gap:12px}#knowledge-form label{display:flex;flex-direction:column;gap:6px}#knowledge-form input,#knowledge-form select,#knowledge-form textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:16px}#knowledge-form textarea{resize:vertical;min-height:300px}.reminder-item{display:flex;gap:12px;align-items:start;margin-top:14px}.reminder-item input{width:20px;height:20px;flex:0 0 20px;accent-color:#359159}.reminder-item span{display:flex;flex-direction:column;gap:3px}.reminder-item small{font-size:14px;color:#78665a}.reminder-item:has(input:checked) strong{text-decoration:line-through;color:#748271}.friend-head{display:flex;align-items:center;gap:14px}.friend-head h3{margin:0}#avatar-preview{width:100px;height:100px;object-fit:cover;border-radius:12px;margin:12px 0}#avatar-form button{margin-top:14px}#avatar-status{padding:10px 0;font-size:16px}.branch-picker #branch-static{font-size:16px;color:white}.profile-header .previous-social{margin-bottom:0}.branch-goals .goal-grid p{font-size:14px;line-height:1.5}
.social-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:3px 8px;border-radius:6px;background:#eef3e8;color:#376039;font-size:16px;font-weight:700;vertical-align:middle}.social-number.negative{background:#fbe7e4;color:#a53228}.profile-header .social-number{margin-top:6px}.task-card.role-admin .claim-task,.task-card.role-admin .secondary,.task-card.role-admin .status-select{background:#e4f2e9;border-color:#359159;color:#23683d}.task-card.role-cook .claim-task,.task-card.role-cook .secondary,.task-card.role-cook .status-select{background:#fff1b4;border-color:#d8ae19;color:#675312}.task-card.role-admin .icon-button,.task-card.role-admin .title-button{color:#23683d}.task-card.role-cook .icon-button,.task-card.role-cook .title-button{color:#7e6300}#change-name{background:#252525;color:#fff;border:1px solid #4e3833;border-radius:9px;padding:10px 14px;font-size:14px}#change-name:hover{background:#42312b}.password-form{display:grid;gap:10px;margin-top:10px}.password-form label{display:flex;flex-direction:column;gap:5px}.password-form input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:16px}.password-form button{justify-self:start}.task-report p{white-space:pre-wrap;overflow-wrap:anywhere}.discipline-panel{border-left:3px solid #cb4336}.discipline-count{display:flex;gap:10px;align-items:center}.discipline-count strong{font-size:24px}.discipline-panel small{font-size:14px}.friend-tasks{padding:12px;background:#f7f6f2;border-radius:9px}.friend-tasks h4{margin:0}.friend-tasks p{font-size:14px}#avatar-preview{width:256px;max-width:100%;height:auto;display:block;touch-action:none;cursor:grab;border-radius:14px;margin:12px 0}#avatar-crop label{display:flex;flex-direction:column;gap:6px;margin:10px 0}#avatar-crop input{width:100%;max-width:360px}#avatar-edit-existing{margin:10px 0}.profile-deadlines small{display:block;font-size:14px;color:#78665a}

/* Stable profiles, clear branch colors and friendship cards. */
.personal-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.personal-tabs .account-tab{margin-left:auto;background:transparent;color:#6c6c69;font-size:13px;border:1px solid #dedbd4}.personal-tabs .friends-tab{background:#e4f2e7;color:#25633b;border-color:#9bc8a5}.personal-tabs .friends-tab[aria-selected=true]{background:#286c40;color:white}
.avatar-link{width:100%;height:100%;border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:center;justify-content:center;font:inherit;cursor:pointer}.avatar-link img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-avatar:has(.avatar-link){overflow:hidden}.avatar-link:focus-visible{outline:3px solid #286c40;outline-offset:-3px}
.employee-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.employee-detail-grid>.profile-panel{margin:0;min-width:0}.employee-detail-grid .profile-counts{gap:16px}.employee-detail-grid p{overflow-wrap:anywhere}.friend-button{background:#286c40;color:#fff;border:1px solid #1d5230;border-radius:12px;padding:11px 18px;font-weight:700;cursor:pointer;margin:4px 0 16px}.friend-button:hover{background:#1e5733}.friend-button:disabled{opacity:.45;cursor:default}.friend-private{background:#edf6ed;border:1px solid #bdd7bf}.friend-bio{white-space:pre-wrap;overflow-wrap:anywhere}
.task-card.role-admin,.task-card.role-admin:hover,.task-card.role-admin:has(.priority.high){border:2px solid #359159;background:#f7fcf8}.task-card.role-cook,.task-card.role-cook:hover,.task-card.role-cook:has(.priority.high){border:2px solid #d8ae19;background:#fffdf2}.task-card.role-admin .claim-task,.task-card.role-admin .status-select,.task-card.role-admin .today-action{background:#e2f1e6;color:#215c36;border-color:#359159}.task-card.role-cook .claim-task,.task-card.role-cook .status-select,.task-card.role-cook .today-action{background:#fff0ad;color:#63500e;border-color:#d8ae19}
#testing-banner{position:sticky;top:0;z-index:99;background:#fff0ad;color:#4d3b09;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid #d8ae19}#testing-banner[hidden]{display:none}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.reward-card,.reward-form{border:1px solid #d9dfd4;border-radius:12px;padding:16px;display:grid;gap:10px;align-content:start}.reward-form label{display:grid;gap:6px}.reward-form input[type=checkbox]{width:auto}.reward-order{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e4e1da}.bonus-balance strong{font-size:28px;color:#286c40}.bonus-shop{margin-top:16px}
@media(max-width:700px){.employee-detail-grid{grid-template-columns:1fr}.personal-tabs .account-tab{margin-left:0}#testing-banner{flex-direction:column;align-items:flex-start}}

.friends-panel{background:#edf6ed;border-radius:16px;padding:18px;border:1px solid #bdd7bf}.friends-panel .profile-panel{background:#fafffa}
.friend-remove,.friend-remove:hover{background:#b7362e;color:#fff;border-color:#a12822}.star-vote{background:transparent;border:1px solid #ded7ca;border-radius:10px;padding:8px 12px;font-size:28px;color:#a09a90;display:grid;justify-items:center}.star-vote.selected{color:#c89d13;background:#fff8d5;border-color:#d3ae36}.star-vote small{font-size:12px;color:#5d5547}.warning-editor{padding:14px;border:1px solid #d8b5ac;background:#fff4ef;border-radius:12px;margin:16px 0}.warning-editor form{display:grid;gap:12px;margin-top:14px}.warning-editor label{display:grid;gap:8px}.warning-editor textarea{width:100%;border-radius:8px;padding:10px}.document-move{display:grid;gap:4px;font-size:13px}.document-move select{max-width:200px;padding:7px;border:1px solid #ccc;border-radius:8px}#test-accounts-list{display:grid;gap:10px;max-height:55vh;overflow:auto}#test-accounts-dialog{max-width:540px;padding:24px}.avatar-home{border:0;cursor:pointer}.bonus-total{font-size:28px;color:#286c40}.nav-sections>.task-navigation{padding-left:14px;border-left:2px solid #ae4034;margin:0 0 12px 18px}.sidebar{overflow-y:auto}.sidebar-note{padding-top:18px}

@media(max-width:650px){.nav-sections>.task-navigation{grid-column:1/-1;margin:0;padding:8px 0;border-left:0;max-width:100%}.top-right{flex-wrap:wrap;justify-content:flex-end}.topbar{height:auto;min-height:75px;padding-top:12px;padding-bottom:12px}}
.avatar-look{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden;box-sizing:border-box}.frame-red{border:4px solid #d54333!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #d54333}.frame-green{border:4px solid #28804b!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #28804b}.frame-gold{border:4px solid #d3ac24!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #d3ac24}.name-bold{font-weight:900!important;text-shadow:0 0 .3px currentColor}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.cosmetic-grid article{padding:18px;border:1px solid #ddd;border-radius:12px;background:white}.cosmetic-preview{width:58px;height:58px;display:grid;place-items:center;background:#f3ede4;border-radius:16px;font-size:24px;margin:6px 0 20px}.achievement-list{display:flex;flex-wrap:wrap;gap:8px}.achievement-badge{background:#fff1ba;color:#725814;border:1px solid #dbc777;padding:7px 11px;border-radius:10px}.discipline-history{color:#76564c;margin-top:14px}.reminder-setting{display:grid;gap:10px;padding:16px;border:1px solid #ddd;border-radius:12px;margin-bottom:14px}.reminder-setting>label{display:grid;gap:5px}.reminder-setting input,.reminder-setting textarea,.reminder-setting select{padding:9px;border:1px solid #ccc;border-radius:8px}.reminder-setting fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #ddd}.knowledge-order{padding:16px;margin-bottom:18px;border:1px solid #ddd;border-radius:12px}.knowledge-order>div{display:flex;gap:10px;align-items:center;margin:9px 0}.knowledge-order strong{margin-right:auto}.reminders-panel{border:2px solid #d6af25;background:#fff9df;margin-bottom:20px}.avatar-look img{width:100%;height:100%;object-fit:cover}.manager-profile{padding:24px}
.profile-display-name{font-weight:500}.profile-display-name.name-bold{font-weight:900}
.welcome-panel{background:#faf2e5;border-left:4px solid #c74132;margin-bottom:18px}.welcome-panel h3{margin-top:0}.welcome-panel h4{margin-bottom:6px}.newcomer-badge{display:inline-block;margin:7px 0;padding:5px 10px;border-radius:9px;background:#e3f3e8;color:#22643a;border:1px solid #a4d2b1;font-size:13px;font-weight:650}.tenure{font-size:14px;color:#6a6258}.employment-approval{border:1px solid #d4b34c;background:#fff9dc}.employment-approval button{margin-right:8px}#employment-form{display:grid;gap:12px;max-width:380px}#employment-form label{display:grid;gap:6px}#employment-form input{padding:10px;border:1px solid #ccc;border-radius:8px}.stats-controls select{padding:9px;border:1px solid #ccc;border-radius:8px}.social-number{display:inline-block}
.entry-mission{font-size:13px;line-height:1.5;color:#69615d;margin-bottom:20px}.entry-mission summary{cursor:pointer;font-weight:700;color:#762e22}.achievement-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0 26px}.achievement-tile{border:1px solid #e4d9c8;border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#faf7ef;color:#946618}.achievement-tile.locked{background:#f4f4f2;color:#777}.achievement-tile.warning,.achievement-tile.deduction{color:#9b594c;background:#fcf5f2}.achievement-tile span{font-size:12px}.achievement-tile progress{width:100%;height:5px;accent-color:#b58225}.achievement-badge svg{vertical-align:middle;width:24px;height:24px}.help-request{border-bottom:1px solid #ddd;padding:14px 0}.help-request p{white-space:pre-wrap;overflow-wrap:anywhere}.friend-help-form{padding:12px;background:#edf7ee;border-radius:12px;margin:12px 0}.friend-help-form textarea{width:100%;min-height:70px}.guest-rating{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border-radius:14px;background:#f3f7ef;margin-top:16px}.guest-rating strong{font-size:24px}.guest-rating small{flex-basis:100%;color:#687060}.frame-red{border:4px double #ffb8a4!important;box-shadow:0 0 0 3px #922e26,0 5px 16px #922e2630!important;background:linear-gradient(135deg,#72251b,#e36340)!important}.frame-green{border:4px double #c4f0c3!important;box-shadow:0 0 0 3px #206842,0 5px 16px #20684230!important;background:linear-gradient(135deg,#12482b,#479f65)!important}.frame-gold{border:4px double #fff2af!important;box-shadow:0 0 0 3px #b48320,0 0 0 6px #eed891,0 5px 18px #b4832035!important;background:linear-gradient(135deg,#895717,#e1b746,#ab6d1b)!important}.cosmetic-preview{position:relative;overflow:visible;margin:10px auto 20px}.cosmetic-preview.frame-gold:after{content:'♛';position:absolute;top:-23px;right:-10px;color:#a46c13;font-size:29px;text-shadow:0 1px #fff}.cosmetic-preview.frame-green:after{content:'✦';position:absolute;bottom:-14px;right:-10px;color:#237046;font-size:28px;text-shadow:0 1px #fff}.cosmetic-preview.frame-red:after{content:'◆';position:absolute;bottom:-14px;right:-10px;color:#a33123;font-size:25px;text-shadow:0 1px #fff}.cosmetic-grid article{padding:22px 16px}.reminder-item[hidden]{display:none!important}
/* Grouped personal workspace */
.profile-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;overflow:visible;padding:0}.profile-nav-group{padding:16px;border:1px solid #dcd4ca;border-radius:16px;background:#fff;min-width:0}.profile-nav-group h3{font-size:14px;text-transform:uppercase;letter-spacing:.07em;color:#72665f;margin:0 0 12px}.profile-navigation .profile-nav-button{display:block;width:100%;white-space:normal;text-align:left;margin:4px 0;padding:11px 12px;border:0;border-radius:10px;background:#f4f1ec;color:#40362f;min-height:44px;font-size:16px;font-weight:600}.profile-nav-group.results{border-top:4px solid #bc4133}.profile-nav-group.work{border-top:4px solid #53453b}.profile-nav-group.team{border-top:4px solid #35835a}.profile-nav-group.rewards{border-top:4px solid #d1a324}.profile-navigation .profile-nav-button[aria-current=page]{background:#332720;color:#fff}.profile-nav-group.team .profile-nav-button[aria-current=page]{background:#25683e}.profile-nav-group.rewards .profile-nav-button[aria-current=page]{background:#795917}.profile-navigation .profile-settings-button{grid-column:1/-1;justify-self:end;background:transparent;color:#6d6159;border:0;margin:0;min-height:44px;font-size:14px;width:auto}
.rating-comparison h3{font-size:16px;margin:0 0 12px}.rating-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rating-pair>div{padding:12px;background:#f6f4ef;border-radius:12px;min-width:0}.rating-pair>div:last-child{background:#edf5ee}.rating-pair span,.rating-pair small{display:block;font-size:14px;line-height:1.5;color:#71665c}.rating-pair strong{font-size:26px;display:block;margin:6px 0}.rating-pair a{display:block;font-size:14px;color:#29663e}.branch-goals .goal-grid{grid-template-columns:minmax(150px,1fr) minmax(300px,2fr);align-items:start}.achievement-art{padding:10px;border-radius:14px;background:#fff1c9;border:1px solid #d9bd73;box-sizing:content-box}.achievement-tile.locked .achievement-art{opacity:.65;background:#eee}.achievement-tile.warning .achievement-art,.achievement-tile.deduction .achievement-art{background:#f4ded7;border-color:#d5aaa0}.achievement-tile span{font-size:14px}
.entry-screen{grid-template-columns:minmax(320px,440px) minmax(300px,540px);justify-content:center;align-items:center;gap:clamp(40px,7vw,140px)}.entry-mission{max-width:540px;color:#f5ede4;font-size:18px;line-height:1.7;margin:0}.entry-mission .eyebrow{color:#e5b949;font-size:14px}.entry-mission h2{font-size:clamp(32px,4vw,52px);line-height:1.15;margin:16px 0 24px;color:#fff}.entry-mission h3{font-size:20px;color:#e9bb6c;margin:32px 0 12px}.entry-mission p{color:#dbd1c8}.bonus-form,.gift-form{display:grid;gap:12px}.bonus-form{max-width:640px;padding:20px;background:#f6f3ec;border-radius:14px}.bonus-form label,.gift-form label{display:grid;gap:7px;font-size:16px}.bonus-form input,.bonus-form select,.bonus-form textarea,.gift-form input,.gift-form select{width:100%;border:1px solid #c9bfb5;border-radius:8px;padding:11px;background:white;font-size:16px}.bonus-form textarea{min-height:95px}.form-error{color:#a63328;font-size:14px}.award-history{padding:16px 0;border-bottom:1px solid #e3ddd5}.award-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.award-history small{font-size:14px;color:#70675c}.streak-progress{padding:14px;background:#edf5ea;border-radius:10px;color:#306044}.shop-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.shop-tabs button{min-height:44px;padding:12px 18px;border-radius:10px;border:1px solid #d4c7b5;background:white;font-size:16px}.shop-tabs button[aria-selected=true]{background:#795917;color:white;border-color:#795917}.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gift-form{border:1px solid #e3d8c8;border-radius:16px;padding:20px;background:#fbf8f0;align-content:start}.gift-form>img{width:100%;height:160px;object-fit:contain}.gift-form h4{margin:0;font-size:18px}.gift-form p{margin:0}.gift-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.gift-history article{display:flex;align-items:start;gap:14px;padding:16px;background:#faf5eb;border-radius:12px}.gift-history img{object-fit:contain}.gift-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.gift-history small{font-size:14px;color:#786b5e}
/* More tasks per screen without shrinking readable text. */
.task-card{padding:14px!important;position:relative;min-height:unset}.grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.task-card .card-title{font-size:17px;line-height:1.35;margin:12px 0}.task-card .card-meta{margin:10px 0;font-size:14px;gap:8px;flex-wrap:wrap}.task-card .card-bottom{padding-top:10px;margin-top:8px;gap:8px}.task-card .card-note{font-size:14px;line-height:1.5;margin:8px 0}.task-card .claim-row{margin:8px 0}.task-card .started-label{font-size:12px;margin:8px 0;color:#786c61}.card-details{font-size:14px;color:#76665c;margin:6px 0}.task-delete{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:7px;background:#f5e9e6;color:#9f3f34;font-size:20px;cursor:pointer}.task-card:has(.task-delete) .card-top{padding-right:28px}.kanban-column{padding:10px}.kanban-column .task-card{margin-bottom:10px}.task-card .status-select{min-height:40px}.task-card .claim-task{padding:9px 12px;font-size:14px}
@media(max-width:1100px){.profile-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-screen{gap:30px}.entry-mission h2{font-size:34px}}
@media(max-width:750px){.entry-screen{grid-template-columns:1fr;gap:28px}.entry-card{justify-self:center}.entry-mission{width:100%;max-width:440px;justify-self:center;padding:12px 8px}.entry-mission h2{font-size:28px}.entry-mission h3{margin-top:20px}.entry-mission p{font-size:16px}.branch-goals .goal-grid{grid-template-columns:1fr}.profile-navigation{gap:8px}.profile-nav-group{padding:12px}.profile-navigation .profile-nav-button{font-size:14px;padding:10px}.profile-nav-group h3{font-size:12px}.gift-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.rating-pair{gap:8px}.rating-pair strong{font-size:23px}}
@media(min-width:1101px){.kanban{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:851px) and (max-width:1100px){.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phone and tablet layouts; kept after the legacy theme overrides. */
.mobile-menu-toggle{display:none}
img{max-width:100%}
.grid,.kanban,.profile-grid,.employee-grid,.profile-navigation,.stats-totals{min-width:0}
.task-card,.profile-panel,.gift-form,.reward-card,.reward-form{overflow-wrap:anywhere}
@media(max-width:850px){
 :root{--sidebar:0px}
 body{font-size:16px}
 main{margin-left:0}
 .sidebar{position:relative;inset:auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));overflow:visible}
 .sidebar .brand{justify-content:flex-start;margin:0;padding:0;max-width:none;grid-column:1;grid-row:1}
 .sidebar .brand-logo{width:112px}
 .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;grid-column:2;grid-row:1;min-height:44px;padding:10px 14px;color:#fff;background:#3d3029;border:1px solid #776051;border-radius:10px;font-size:16px}
 .mobile-menu-toggle[aria-expanded=true]{background:#9f3027;border-color:#d56a52}
 .sidebar .branch-picker{position:static;display:flex;grid-column:1/-1;margin:0;padding:8px 0 0;border:0;flex-direction:row;align-items:center;font-size:14px;gap:12px}
 .branch-picker select{flex:1;min-width:0;font-size:16px}
 .branch-picker #branch-static{overflow-wrap:anywhere}
 .sidebar .nav-label,.sidebar .sidebar-note,.sidebar .sidebar-bottom{display:none}
 .sidebar #nav{display:none;grid-column:1/-1;width:100%;margin:0;padding:4px 0 0;overflow:visible}
 .sidebar.mobile-menu-open #nav{display:block}
 .nav-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:8px}
 .nav-sections button{font-size:14px;min-height:48px;padding:10px;white-space:normal}
 .nav-sections>.task-navigation{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:8px 0;border-left:0;border-top:1px solid #59443b;border-bottom:1px solid #59443b}
 nav [data-count]{margin-left:auto;font-size:12px;flex-shrink:0}
 .topbar{padding:10px 16px;min-height:60px;gap:8px}
 .breadcrumb{display:none}
 .top-right{width:100%;flex-wrap:wrap;justify-content:flex-end;gap:8px;white-space:normal}
 #switch-account{max-width:100%;white-space:normal}
 #change-name{min-height:44px;max-width:100%;overflow-wrap:anywhere}
 .top-right .save-state{display:none}
 .workspace{padding:22px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .page-heading{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:20px}
 .page-heading>div{min-width:0;width:100%}
 h1{font-size:clamp(28px,6vw,36px);overflow-wrap:anywhere}
 .page-subtitle{max-width:none;font-size:16px;line-height:1.5}
 .eyebrow{font-size:12px}
 .primary,.secondary,.text-button{min-height:44px;font-size:14px;white-space:normal}
 .summary,.summary.without-purchases{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stat-card{min-width:0;min-height:136px;padding:14px}
 .stat-card strong{font-size:32px;margin:8px 0}
 .stat-card>span,.stat-card small{font-size:14px}
 .stat-arrow{display:none}
 .grid,.kanban,.profile-grid,.employee-grid,.ranking-grid,.employee-detail-grid,.gift-grid{grid-template-columns:minmax(0,1fr)}
 .board-toolbar{flex-wrap:wrap;gap:8px}
 .search{width:100%;max-width:none;min-width:0;flex:1 1 100%;min-height:48px}
 .search input{font-size:16px;min-width:0}
 .toolbar-spacer{display:none}
 #export,#import{padding:10px;font-size:14px}
 .filters{gap:12px;padding:14px}
 .filters label{flex:1 1 100%;font-size:14px;min-width:0}
 .filters select{width:100%;max-width:none;min-height:44px;font-size:16px}
 .filters .check-label{flex-basis:100%;font-size:14px}
 .task-card .card-bottom{flex-wrap:wrap;gap:10px}
 .task-card .status-select{min-height:44px;font-size:16px;min-width:0;flex:1}
 .task-card .icon-button,.task-card .today-action{min-height:44px;min-width:44px;font-size:14px}
 .task-card .icon-button{font-size:24px}
 .task-delete{width:44px;height:44px;top:8px;right:8px}
 .task-card:has(.task-delete) .card-top{padding-right:44px}
 .category,.priority,.purchase-link{font-size:14px}
 .content-heading{gap:10px;align-items:flex-start}
 .content-heading>span{font-size:14px;white-space:normal;text-align:right}
 .profile-header{gap:14px;align-items:flex-start}
 .profile-header h2{font-size:24px}
 .profile-header p,.profile-panel p{font-size:16px}
 .profile-panel{padding:16px}
 .profile-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}
 .profile-nav-group{padding:10px}
 .profile-nav-group h3{font-size:14px;letter-spacing:0;overflow-wrap:anywhere}
 .profile-navigation .profile-nav-button{font-size:14px;min-height:46px;padding:10px 8px}
 .profile-section-head label{flex-wrap:wrap;min-width:0}
 .profile-section-head input{min-width:0;width:100%}
 .section-tabs button{flex:1 1 120px;font-size:14px}
 .branch-goals .goal-grid{grid-template-columns:minmax(0,1fr)}
 .rating-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .rating-pair>div{padding:10px}
 .rating-pair strong{font-size:24px}
 .rate-row{gap:10px}
 .rate-row input,.rate-row select{width:100%;min-width:0}
 .stats-controls{flex-direction:column;align-items:stretch;padding:16px;gap:14px}
 .stats-controls input{max-width:100%;min-width:0;width:100%}
 .stats-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .stats-table{min-width:600px}
 .stats-table th,.stats-table td{padding:12px;font-size:14px}
 .stats-totals strong{font-size:28px;overflow-wrap:anywhere}
 .achievement-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .achievement-tile{padding:12px}
 .achievement-art{max-width:calc(100% - 22px);height:auto}
 .reward-grid,.cosmetic-grid,.gift-history{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
 .friend-head{flex-wrap:wrap}
 .friends-panel{padding:12px}
 .bonus-form,.gift-form{padding:16px}
 .knowledge-order>div{flex-wrap:wrap}
 .knowledge-order strong{flex:1 1 100%;overflow-wrap:anywhere}
 .document-move select{width:100%;max-width:100%;font-size:16px;min-height:44px}
 dialog,#accounts-dialog,#test-accounts-dialog{width:calc(100% - 24px);max-width:600px;max-height:calc(100dvh - 24px);padding:0;overflow-y:auto;overscroll-behavior:contain}
 #test-accounts-dialog>p,#test-accounts-list{margin:16px}
 .dialog-header{padding:18px 16px;gap:12px;align-items:flex-start}
 .dialog-header h2{font-size:22px;overflow-wrap:anywhere}
 .dialog-header .icon-button{min-width:44px;min-height:44px}
 #edit-fields{padding:16px;grid-template-columns:minmax(0,1fr)}
 #edit-fields label,#edit-fields .full{grid-column:1/-1;min-width:0}
 #edit-fields input,#edit-fields select,#edit-fields textarea{min-width:0;width:100%;font-size:16px;min-height:44px}
 .dialog-footer{padding:16px;gap:10px;flex-wrap:wrap}
 .dialog-footer button{flex:1}
 .info-body{padding:16px;font-size:16px}
 .entry-screen{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 16px;align-items:start}
 .entry-card{max-width:440px;padding:24px 20px;gap:14px}
 .entry-card h1{font-size:28px}
 .entry-card:after{margin:12px -20px -24px}
 .entry-mission{max-width:440px;width:100%;font-size:16px;padding:8px 4px;justify-self:center}
 .entry-mission h2{font-size:28px}
 .entry-mission h3{font-size:20px;margin-top:24px}
 #toast{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:16px;max-width:none}
}
@media(max-width:360px){
 .nav-sections,.nav-sections>.task-navigation,.rating-pair,.rate-row{grid-template-columns:minmax(0,1fr)!important}
 .profile-header{flex-wrap:wrap}
 .profile-navigation{grid-template-columns:minmax(0,1fr)}
 .summary,.summary.without-purchases,.stats-totals{grid-template-columns:minmax(0,1fr)}
}

/* Compact account tools and thumb-reachable mobile navigation. */
.mobile-menu-backdrop{display:none}
.account-menu{position:relative;min-width:0}
.account-menu summary{display:flex;align-items:center;justify-content:center;gap:10px;list-style:none;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid #ded6ce;background:#f9f6f1;border-radius:10px;font-size:14px;font-weight:600;color:#4b3429}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:focus-visible{outline:3px solid #ad941f;outline-offset:3px}
.account-menu[open] summary{background:#eee3d6;border-color:#baa58f}
.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:35;width:280px;max-width:calc(100vw - 32px);padding:8px;border:1px solid #ded6ce;border-radius:14px;background:#fff;box-shadow:0 12px 32px #33201826;display:grid;gap:4px}
.account-menu:not([open]) .account-menu-panel{display:none}
.account-menu-panel .secondary,.account-menu-panel #change-name{width:100%;text-align:left;justify-content:flex-start;border:0;border-radius:8px;min-height:46px;font-size:14px;padding:12px;background:transparent;color:#45372f;white-space:normal;line-height:1.45}
.account-menu-panel .secondary:hover{background:#f5eee5}
.account-menu-panel #change-name{color:#a62b23;border-top:1px solid #e9ded3;border-radius:0 0 8px 8px}
.account-menu-panel #change-name:hover{background:#fff0eb}
@media(max-width:850px){
 .sidebar{display:block;padding:12px 16px}
 .sidebar .brand{justify-content:center}
 .sidebar .brand-logo{width:90px}
 .sidebar .branch-picker{margin-top:10px;padding:0;font-size:14px}
 .topbar{min-height:56px;padding:6px 16px;border-top-width:3px}
 .top-right{justify-content:flex-end}
 .account-menu summary{min-height:44px;padding:8px 12px}
 .workspace{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
 .sidebar .mobile-menu-toggle{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:52;display:flex;min-height:50px;padding:12px 20px;border-radius:16px;color:#fff;background:#34271f;border:1px solid #98775c;box-shadow:0 5px 20px #291b1940;font-size:16px;gap:10px}
 .sidebar .mobile-menu-toggle[aria-expanded=true]{background:#a62e25;border-color:#e48b70}
 .sidebar.mobile-menu-open .mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:49;background:#17120c66;border:0;border-radius:0;padding:0;cursor:default}
 .sidebar.mobile-menu-open #nav{display:block;position:fixed;z-index:51;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 110px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid #816553;border-radius:18px;background:#25211e;box-shadow:0 8px 32px #0004}
 .sidebar #nav .nav-sections{margin:0;border:0;background:transparent}
 #toast{bottom:calc(80px + env(safe-area-inset-bottom))}
}

.session-restore{min-height:100dvh;display:grid;place-items:center;background:#282b24;color:#fff;padding:24px;text-align:center}.session-restore>div{max-width:440px}.session-restore .brand-logo{margin:0 auto 24px;width:160px}.session-restore p{font-size:18px;line-height:1.6}

.registration-bell{display:flex;align-items:center;gap:8px;background:#fff5de;border:1px solid #e2c78e;border-radius:10px;padding:9px 12px;min-height:44px;color:#79521e;font-size:14px;font-weight:600}.registration-bell strong{display:grid;place-items:center;min-width:24px;height:24px;background:#b92d25;color:#fff;border-radius:20px;padding:0 6px}.registration-item{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #e7ddd1}.registration-item strong{font-size:18px;overflow-wrap:anywhere}.registration-item p{font-size:14px;margin:6px 0;color:#756557}.registration-item>div{min-width:0}#registration-access-form{display:grid;gap:14px}#registration-access-form label{display:grid;gap:6px}#registration-access-form select{font-size:16px;min-height:44px;border:1px solid #d8cec6;border-radius:8px;padding:10px;width:100%;min-width:0}#registration-access-error,#registration-error{color:#a62e25}#registration-alert-status{font-size:14px}#registration-access-form h3{margin:0;overflow-wrap:anywhere}@media(max-width:850px){.top-right{justify-content:space-between}.registration-bell{font-size:14px;gap:6px;padding:8px}.registration-bell>span:first-child{display:none}.registration-item{flex-direction:column;align-items:stretch;gap:10px}}

.employee-award-button{margin:4px 0 18px}#employee-bonus-dialog .bonus-form{margin:0;border-radius:0;background:#fff;max-width:none;padding:20px}#employee-bonus-name{margin:0;font-size:20px;overflow-wrap:anywhere}

.personal-balance{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;margin:0 0 18px;border:1px solid #ddc788;border-left:4px solid #c89b30;border-radius:14px;background:#fff6df}.personal-balance span{font-size:16px;font-weight:600;color:#71552d}.personal-balance strong{display:block;font-size:34px;line-height:1.3;color:#35291d;margin:6px 0}.personal-balance small{font-size:16px;font-weight:500}.personal-balance p{margin:6px 0 0;font-size:14px;color:#78654a}.personal-balance>div{min-width:0}.personal-balance strong{overflow-wrap:anywhere}
.frame-orange{position:relative;border:4px solid #f29b2f!important;box-shadow:inset 0 0 0 2px #fff3b2,0 0 0 2px #ce651e!important;background:linear-gradient(135deg,#fbc657,#ed8926)!important;overflow:hidden}
.frame-orange:before,.frame-orange:after{content:'🍊';position:absolute;z-index:2;font-size:clamp(12px,1.2em,24px);line-height:1;pointer-events:none;text-shadow:0 1px 2px #75422044}.frame-orange:before{top:0;left:0}.frame-orange:after{bottom:0;right:0}.cosmetic-preview.frame-orange{overflow:visible}.cosmetic-preview.frame-orange:before{top:-12px;left:-12px;font-size:25px}.cosmetic-preview.frame-orange:after{bottom:-12px;right:-12px;font-size:25px}
@media(max-width:600px){.personal-balance{padding:16px;gap:12px;flex-wrap:wrap}.personal-balance strong{font-size:30px}}

.session-restore .brand-logo{width:200px;padding:22px 20px;background:linear-gradient(145deg,#fff8eb,#f0d5a5);border:1px solid #e6bf7c;border-radius:24px;box-shadow:0 12px 36px #0003}

.session-restore .brand-logo{width:180px;padding:10px;background:transparent;border:1px solid #756451;border-radius:12px;box-shadow:none}
.employee-profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 20px}.employee-profile-actions .friend-button,.employee-profile-actions .employee-award-button{margin:0;padding:10px 14px;min-height:44px;border-radius:10px;font-size:14px;line-height:1.4}.employee-profile-actions .friend-remove{background:#fff4ef;color:#a52b21;border:1px solid #d9aba0}.employee-profile-actions .friend-remove:hover{background:#fbe6df}.employee-profile-actions .employee-award-button{background:#79551c;border-color:#79551c;color:#fff}.notification-actions{display:flex;flex-wrap:wrap;gap:10px}.notification-actions button{min-height:44px;font-size:14px}
@media(max-width:480px){.employee-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-profile-actions button{width:100%;white-space:normal}.notification-actions button{flex:1}}

.navigation-group{border:1px solid #514339;border-radius:10px;margin:3px 0;background:#2c2520}.navigation-group>summary{display:flex;align-items:center;justify-content:space-between;padding:12px;min-height:46px;cursor:pointer;font-size:15px;font-weight:600;color:#eee2d5;list-style:none}.navigation-group>summary::-webkit-details-marker{display:none}.navigation-group>summary:after{content:'+';font-size:20px;color:#bda68d}.navigation-group[open]>summary:after{content:'−'}.navigation-group>summary:focus-visible{outline:2px solid #efc574;outline-offset:2px}.navigation-group-content{padding:0 6px 6px}.navigation-group-content .task-navigation{margin:0 0 8px 12px;padding:4px 0 4px 8px;border-left:1px solid #806044}.navigation-group-content button{font-size:14px}.sidebar-bottom .avatar-look[class*=frame-]{border-width:1px!important;box-shadow:none!important}.sidebar-bottom .frame-orange:before,.sidebar-bottom .frame-orange:after{font-size:9px}.sidebar-bottom .avatar{overflow:hidden;border-radius:50%}.community-tabs{margin-bottom:20px}
@media(max-width:850px){.nav-sections>.navigation-group{grid-column:1/-1}.navigation-group-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.navigation-group-content .task-navigation{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:6px 0;border-left:0;border-top:1px solid #59443b}.navigation-group-content #section-tasks{grid-column:1/-1}.community-tabs button{flex:1 1 140px}}

.profile-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:360px){.profile-navigation{grid-template-columns:minmax(0,1fr)}}

/* Small avatars show the photo without cosmetic frames or decorations. */
.sidebar-bottom .avatar-look[class*=frame-],.task-card .mini-avatar .avatar-look[class*=frame-]{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:50%}
.sidebar-bottom .avatar-look:before,.sidebar-bottom .avatar-look:after,.task-card .mini-avatar .avatar-look:before,.task-card .mini-avatar .avatar-look:after{display:none!important}
.task-card .mini-avatar,.task-card .mini-avatar .avatar-link{border:0;box-shadow:none;border-radius:50%;overflow:hidden}

/* Compact photos have no decorative border, padding, or coloured surround. */
.sidebar-bottom #user-avatar{border:0!important;box-shadow:none!important;background:transparent;padding:0;border-radius:50%}
.avatar-plain{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:50%}
.task-card .mini-avatar{background:transparent;padding:0;flex-shrink:0}

/* Unboxed logo and compact task disclosure cards. */
.session-restore .brand-logo{width:200px;height:auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;object-fit:contain}
#board .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;align-items:start}
#board .task-card{padding:0!important;min-height:0;display:block;border-radius:12px}
#board .task-summary{display:block;list-style:none;cursor:pointer;padding:12px;position:relative}
#board .task-summary::-webkit-details-marker{display:none}
#board .task-summary:focus-visible{outline:3px solid #b7893e;outline-offset:-3px;border-radius:12px}
#board .task-summary .card-top{display:flex;margin:0 0 7px;gap:8px;padding-right:0}
#board .task-summary .category{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#board .task-summary .priority{font-size:12px;flex-shrink:0}
#board .task-summary .card-title{display:block;font-size:15px;line-height:1.4;margin:0;padding-right:16px;overflow-wrap:anywhere}
#board .task-summary:after{content:'+';position:absolute;right:12px;bottom:14px;color:#826b59;font-size:18px}
#board .task-expander[open]>.task-summary:after{content:'−'}
#board .task-summary-status{display:block;font-size:12px;color:#827362;margin-top:7px}
#board .task-expanded{padding:0 12px 12px;border-top:1px solid #eee5dd}
#board .task-expanded .card-note{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
#board .task-expanded .card-meta{font-size:13px}
#board .task-expanded .task-delete{position:static;float:right;margin:4px 0}
#board .task-expanded .claim-task{min-height:40px;padding:8px 10px}
#board .task-expanded .claim-row:empty{display:none}
#board .kanban-column .task-card{min-height:0}
@media(max-width:480px){#board .grid{grid-template-columns:minmax(0,1fr)}#board .task-summary{padding:11px 12px}}

.task-edit-corner{float:right;background:transparent;border:0;color:#786e66;font-size:12px;min-height:32px;padding:4px 6px;border-radius:5px;margin:2px 0 2px 8px}.task-edit-corner:hover{color:#452b1e;background:#f2ebe5}
.vote-actions .star-vote.selected{background:#a52b21!important;border-color:#a52b21!important;color:#fff!important}.vote-actions .star-vote.selected small{color:#fff!important;font-weight:700}.vote-actions .star-vote small{color:#473b32;font-size:14px}.availability-panel{margin:10px 0 18px}.availability-panel label{display:flex;align-items:center;gap:12px;font-size:14px}.availability-panel select{padding:9px;border:1px solid #cdbfb2;border-radius:8px;background:white}.availability-badge{padding:6px 12px;border-radius:20px;background:#ede7df;color:#554539;font-size:14px}.employee-management>summary{cursor:pointer;font-weight:600;font-size:16px}.deduct-form{display:grid;gap:10px;max-width:420px;margin:16px 0}.deduct-form label{display:grid;gap:6px;font-size:14px}.deduct-form input,.deduct-form textarea{padding:9px;border:1px solid #d0c3b6;border-radius:8px}.management-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e4dacf;padding:12px 0;font-size:14px}.management-item>span{overflow-wrap:anywhere}.management-item>div{display:flex;gap:8px;flex-wrap:wrap}.management-item button{font-size:14px;min-height:40px}.discipline-panel em{color:#736352;font-size:14px}@media(max-width:480px){.management-item{align-items:start;flex-direction:column}}

#board .task-edit-corner{position:absolute;float:none;top:5px;right:5px;margin:0;width:28px;height:28px;min-height:28px;padding:0;font-size:17px;z-index:1}#board .task-card:has(.task-edit-corner) .task-summary .card-top{padding-right:24px}

.employee-management-menu{margin:12px 0 22px;border:1px solid #d8cabe;border-radius:12px;background:#faf7f3}.employee-management-menu>summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600;padding:13px 16px}.employee-management-menu>summary::-webkit-details-marker{display:none}.employee-management-menu>summary span{margin-right:8px}.employee-action-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:start;gap:10px;padding:0 12px 12px}.employee-action-tile{margin:0!important;padding:0;border:1px solid #e0d4c9;border-radius:10px;background:white;color:#493a2f;text-align:left;font-size:14px;overflow:hidden}.employee-action-tile>summary,.employee-action-tiles>button{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:13px 12px;min-height:48px;font-weight:600}.employee-action-tile>summary::-webkit-details-marker{display:none}.employee-action-tile>summary>span,.employee-action-tiles>button>span{font-size:20px;font-weight:500;width:22px;text-align:center;color:#966f3c}.employee-action-tile[open]{grid-column:1/-1}.action-tile-body,.employee-action-tile>form{padding:0 14px 14px}.employee-action-tile .deduct-form{margin:12px 0}.employee-action-tile>summary:hover,.employee-action-tiles>button:hover{background:#f6eee6}.employee-action-tile:focus-visible,.employee-action-tile>summary:focus-visible{outline:2px solid #b7893e;outline-offset:-3px}
.vote-actions .star-vote{background:white!important;color:#a8a098!important;border-color:#d8d0c8!important}.vote-actions .star-vote.selected{background:#fff8e0!important;color:#cf930b!important;border-color:#d9b653!important;text-shadow:0 0 10px #ffc54c80}.vote-actions .star-vote.selected small{color:#5b4314!important;text-shadow:none}.vote-actions .star-vote.selected:focus-visible{outline-color:#b58a28}

.profile-setting-tile{border:1px solid #dfd2c6;border-radius:12px;background:white;margin:0 0 10px;overflow:hidden}.profile-setting-tile>summary{list-style:none;padding:14px 16px;cursor:pointer;font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-setting-tile>summary::-webkit-details-marker{display:none}.profile-setting-tile>summary:after{content:'+';color:#947452;font-size:20px}.profile-setting-tile[open]>summary:after{content:'−'}.profile-setting-body{padding:0 16px 16px}.profile-setting-body form{margin-top:12px}.profile-setting-tile>summary:focus-visible{outline:2px solid #b7893e;outline-offset:-3px}
.employee-management-menu{border:0;background:transparent;margin:8px 0 20px}.employee-management-menu>summary{display:inline-flex;gap:8px;align-items:center;width:auto;min-height:44px;padding:10px 14px;border:1px solid #d9c7b5;border-radius:10px;background:#fff7eb;color:#674522;font-size:14px}.employee-management-menu>summary:hover{background:#f5e7d4}.employee-management-menu .employee-action-tiles{margin-top:12px;padding:0}
#board .knowledge-list{margin-top:14px}#board .knowledge-card .task-summary{padding-right:74px}#board .knowledge-card .card-title{padding-right:0}.knowledge-corner-actions{position:absolute;top:6px;right:6px;display:flex;gap:3px;z-index:1}.document-icon{display:grid;place-items:center;width:28px;height:30px;border:0;border-radius:6px;background:transparent;color:#776553;font-size:20px;text-decoration:none;cursor:pointer}.document-icon:hover{background:#f1e7dc;color:#4b3220}.knowledge-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.6;max-height:65vh;overflow-y:auto;padding:12px 0}.knowledge-readers{border:1px solid #dbcec0;padding:12px;border-radius:10px;margin:12px 0}.knowledge-readers legend{font-weight:600;font-size:14px}.reader-choice-list{display:grid;gap:8px;max-height:330px;overflow-y:auto;margin-top:12px}.reader-choice-list label{display:flex!important;align-items:center;gap:8px;font-size:14px}.reader-choice-list input{width:auto!important}.reader-choice-list p{font-size:14px;margin:0 0 8px}.reader-mode select{width:100%}

.employee-profile-actions{align-items:flex-start}.employee-profile-actions .employee-management-menu{margin:0;flex:0 1 auto;min-width:0}.employee-profile-actions .employee-management-menu>summary{margin:0}.employee-profile-actions .employee-management-menu[open]{flex:1 1 300px}.employee-profile-actions .employee-action-tiles{min-width:0}.subtasks{clear:both;border-top:1px solid #e6ddd4;margin-top:12px;padding-top:10px}.subtasks h4{font-size:14px;margin:0 0 8px}.subtask-row{display:flex;gap:8px;align-items:center}.subtask-row label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:6px 0;font-size:14px}.subtask-row span{overflow-wrap:anywhere}.subtask-done{text-decoration:line-through;color:#807970}.subtask-row input{accent-color:#47744c}.subtask-form{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.subtask-form input{width:100%;min-width:0;flex:1 1 120px;border:1px solid #d9cbbb;border-radius:7px;padding:8px;font-size:14px}.subtask-form button{font-size:14px;padding:8px}.task-ai-help{margin-top:12px;font-size:14px}.task-ai-help>summary{cursor:pointer;font-weight:600;color:#755328}.task-ai-help textarea{width:100%;min-height:80px;padding:8px;border:1px solid #d8c9b9;border-radius:8px;font-size:14px;margin:8px 0}.task-ai-help .ai-ready-prompt{min-height:160px}.task-ai-help a,.task-ai-help button{font-size:14px;white-space:normal}.task-ai-help p{font-size:14px}

.knowledge-open{border:0;background:transparent;width:100%;text-align:left;color:inherit}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.knowledge-document{max-width:850px;margin:auto}.knowledge-document h2{font-size:28px;line-height:1.3;overflow-wrap:anywhere}.knowledge-document-text{white-space:pre-wrap;font-size:16px;line-height:1.75;overflow-wrap:anywhere;padding:24px 0}.knowledge-tabs [draggable]{cursor:grab;touch-action:pan-y}.knowledge-tabs [draggable]:active{cursor:grabbing}#employee-action-body .action-tile-body{padding:0}#employee-action-body form{display:grid;gap:12px}#employee-action-body textarea,#employee-action-body input{width:100%;padding:10px;border:1px solid #d3c5b8;border-radius:8px}#employee-action-dialog{width:620px}#employee-action-body h4{font-size:16px}

.task-ai-answer{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff8e8;border:1px solid #e4d4ac;padding:12px;border-radius:8px;margin-top:12px;font-size:14px;line-height:1.6}.task-ai-help>details{margin-top:12px}

#employee-action-body label{display:grid;gap:7px;font-size:14px}.knowledge-tabs .section-holding{outline:2px solid #b7893e;outline-offset:2px;opacity:.75}

/* Team statistics: photographs, clear labels and compact controls. */
.stats-avatar{display:inline-flex;width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;background:#f1e9e3;font-size:14px;color:#76564c}.stats-avatar .avatar-look{border-radius:50%}.stats-name{border:0;background:transparent;padding:6px 0;text-align:left;font:inherit;font-weight:600;min-height:44px}.stats-name:hover{text-decoration:underline}.stats-totals{grid-template-columns:1fr}.stats-totals>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}.stats-totals strong{font-size:32px;margin:0}.stats-help{max-width:560px;font-size:14px}.stats-help summary{cursor:pointer;font-weight:600;padding:8px 0}.stats-help p{margin-top:8px}.stats-history h2{font-size:18px;margin:24px 0 12px}.stats-table-wrap{overflow-x:auto}.stats-person{min-width:170px}.stats-table td{font-variant-numeric:tabular-nums}@media(max-width:650px){.stats-avatar{width:36px;height:36px;flex-basis:36px}.stats-controls{gap:10px}.stats-table th,.stats-table td{padding:12px 10px}}

.collective-card{border-top:3px solid #c92b26}.participation-body{padding:20px 24px}.participation-body>p{font-size:14px}.participation-body form{border-top:1px solid var(--line);padding:16px 0}.participation-person{display:grid;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:14px}.participation-person label{display:grid;gap:5px;font-size:14px}.participation-person select,.participation-person textarea{width:100%;padding:10px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:white;font-size:16px}.participation-confirmed{color:#28764b}.participation-status{color:#a52b21}.participation-body .primary{white-space:normal;min-height:44px}.stats-help summary{list-style-position:inside}

.ranking-person{display:flex;align-items:center;gap:10px;min-width:0}.ranking-person .stats-name{font-size:16px}.compact-friends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-friend{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.compact-friend-head{display:flex;align-items:center;gap:10px;padding:12px}.compact-friend-head .stats-name{flex:1;min-width:0;overflow-wrap:anywhere}.compact-friend-head small{display:block;font-size:12px;font-weight:400;color:#78665a}.friend-status{font-size:12px;color:#78665a;text-align:right;max-width:100px}.compact-friend>details>summary{cursor:pointer;font-size:14px;padding:10px 12px;border-top:1px solid var(--line)}.compact-friend-body{padding:0 12px 12px}.compact-friend .friend-tasks p{font-size:14px;margin:10px 0}.compact-friend .document-actions{gap:6px;flex-wrap:wrap}.collective-card{border-top:1px solid var(--line)}@media(max-width:650px){.compact-friends{grid-template-columns:1fr}.friend-status{max-width:85px}.ranking-person{gap:8px}}

.compact-friends{align-items:start}.friend-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.friend-row:hover{background:#faf5f0}.friend-row-name{flex:1;min-width:0}.friend-row-name small{display:block;font-size:12px;color:#78665a}.friend-menu-body{padding:16px 20px}.friend-menu-actions{display:flex;flex-wrap:wrap;gap:8px}.friend-mini{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 10px;font-size:13px;min-height:32px}.friend-mini-remove{color:#a52b21}.friend-menu-task{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.friend-menu-task small{display:block;color:#78665a;margin-top:3px}#friend-menu-dialog{width:440px}.stats-table{font-size:14px;width:auto;min-width:100%}.stats-table th,.stats-table td{padding:12px 12px}.stats-table thead th{font-size:13px}.stats-table tbody th{min-width:150px}.stats-person{min-width:140px}.stats-table .stats-avatar{width:32px;height:32px;flex-basis:32px}.stats-table .stats-name{font-size:14px;min-height:32px}.stats-table .bonus-number{padding:3px 8px}.employee-fold{background:#fff;border:1px solid var(--line);border-radius:10px;align-self:start;overflow:hidden}.employee-fold>summary{padding:14px 16px;cursor:pointer;font-size:15px;font-weight:600;list-style-position:inside}.employee-fold-body{padding:0 12px 12px}.employee-fold .profile-panel{border:0;margin:0;padding:14px}.employee-fold .profile-panel h3{font-size:15px}.employee-profile-actions .employee-award-button,.employee-action-tiles .employee-award-button{background:#fff;color:var(--ink);border:1px solid var(--line)}.employee-profile-actions .employee-award-button:hover,.employee-action-tiles .employee-award-button:hover{background:#f7f2ed}

.stats-table-wrap{width:fit-content;max-width:100%}.stats-table{width:auto;min-width:0}.stats-table th:not(:first-child),.stats-table td{white-space:nowrap}

.stats-controls{flex-wrap:wrap;align-items:flex-start}.stats-controls select{min-height:44px;max-width:100%;font-size:14px}.stats-table td:last-child{min-width:0}

.statistics-block{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;width:100%;box-sizing:border-box}
.statistics-block .stats-controls{background:transparent;border:0;padding:0;gap:14px;margin-bottom:16px}
.statistics-block .stats-help{flex:1 1 240px}.stats-role{display:block;font-size:13px;font-weight:400;color:#71635b;margin-top:3px}.stats-week-range{font-size:14px;font-weight:600}
.statistics-block .stats-totals{margin-bottom:16px}.statistics-block .stats-totals>div{border:0;background:#f8f4f0}
.statistics-block .stats-table-wrap{width:100%;max-width:100%;overflow:visible;border:0;border-radius:0}
.statistics-block .stats-table{table-layout:fixed;width:100%;min-width:0}
.statistics-block .stats-table th,.statistics-block .stats-table td{padding:10px 8px;min-width:0;white-space:normal;overflow-wrap:anywhere}
.statistics-block .stats-table thead th{font-size:14px}.statistics-block .stats-table th:first-child{width:25%}
.statistics-block .stats-person{min-width:0;gap:8px}.statistics-block .stats-name{min-width:0;overflow-wrap:anywhere}
@media(max-width:950px){
.statistics-block{padding:12px}.statistics-block .stats-table,.statistics-block .stats-table tbody{display:block}
.statistics-block .stats-table thead{display:none}.statistics-block .stats-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}
.statistics-block .stats-table tr:last-child{border-bottom:0}.statistics-block .stats-table tbody th{grid-column:1/-1;width:auto;padding:0 0 8px;border:0}
.statistics-block .stats-table td{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:0;background:#f8f4f0;border-radius:6px;padding:10px;min-width:0;font-size:16px}
.statistics-block .stats-table td:before{content:attr(data-label);font-size:14px;color:#71635b}.statistics-block .stats-table td[colspan]{grid-column:1/-1}
.statistics-block .stats-table .stats-name{font-size:16px}.statistics-block .stats-totals>div{padding:12px}.statistics-block .stats-history details{padding:12px}
}

/* Shared compact surfaces and predictable text wrapping. */
.workspace{max-width:1440px;margin-inline:auto;padding:28px 28px 32px}
.page-heading{gap:16px;margin-bottom:20px}.page-heading>div,.content-heading,.profile-header>div{min-width:0}
h1{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.6px}h2,h3,h4{line-height:1.3;word-break:normal;overflow-wrap:break-word}
.profile-panel,.task-card,.reward-card,.gift-form,.knowledge-document,.friends-panel{border-radius:12px;box-shadow:none}
.profile-panel{padding:18px;margin-bottom:16px}.profile-panel h3{font-size:18px;margin-top:0;margin-bottom:12px}.profile-panel p{line-height:1.5}
.profile-grid,.employee-detail-grid,.gift-grid,.ranking-grid{gap:16px}.employee-detail-grid{align-items:start}.employee-detail-grid>.profile-panel{margin:0}
.employee-profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.employee-profile-actions button{margin:0}
button,input,select,textarea{max-width:100%;box-sizing:border-box}button{line-height:1.35}.primary,.secondary,.friend-button{border-radius:8px;font-size:14px;min-height:40px;padding:9px 14px}
.profile-header{gap:16px;padding:20px;margin-bottom:16px}.profile-header .profile-avatar{width:72px;height:72px;flex:0 0 72px}.profile-header h2{font-size:24px;margin:0 0 6px}.profile-header p{margin:6px 0}
.employees-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.employee-list-row{display:flex;align-items:center;gap:14px;width:100%;background:#fff;border:0;border-bottom:1px solid var(--line);padding:14px 18px;text-align:left;color:var(--ink)}.employee-list-row:last-child{border-bottom:0}.employee-list-row:hover{background:#f8f4f0}.employee-list-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f1e9e3}.employee-list-avatar .avatar-look{width:100%;height:100%}.employee-list-info{display:grid;gap:4px;flex:1;min-width:0}.employee-list-info strong{font-size:16px}.employee-list-info>span,.employee-list-info small,.employee-list-score small{font-size:14px;color:#71635b}.employee-list-score{display:grid;gap:5px;text-align:right;font-size:14px}.employee-gifts .gift-history article{padding:10px 0;gap:12px}.employee-gifts .gift-history img{width:56px;height:56px;object-fit:contain}.gift-history p{margin:4px 0}
.statistics-block .stats-table{table-layout:auto}.statistics-block .stats-table thead th{word-break:normal;overflow-wrap:normal;hyphens:none;white-space:normal;line-height:1.4}.statistics-block .stats-table th:first-child{width:24%}.statistics-block .stats-table td{word-break:normal;overflow-wrap:normal}.statistics-block .stats-table thead th:nth-child(5){min-width:135px}.statistics-block .stats-table thead th:nth-child(6){min-width:135px}
@media(max-width:1150px){
.statistics-block .stats-table,.statistics-block .stats-table tbody{display:block}.statistics-block .stats-table thead{display:none}
.statistics-block .stats-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}
.statistics-block .stats-table tr:last-child{border-bottom:0}.statistics-block .stats-table tbody th{grid-column:1/-1;width:auto;padding:0 0 8px;border:0}
.statistics-block .stats-table td{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:0;background:#f8f4f0;border-radius:6px;padding:10px;min-width:0;font-size:16px}
.statistics-block .stats-table td:before{content:attr(data-label);font-size:14px;color:#71635b}.statistics-block .stats-table td[colspan]{grid-column:1/-1}
}
@media(max-width:700px){.workspace{padding:20px 16px calc(92px + env(safe-area-inset-bottom))}.profile-panel{padding:16px}.profile-header{padding:16px;gap:12px}.profile-header .profile-avatar{width:56px;height:56px;flex-basis:56px}.profile-header h2{font-size:22px}.employee-detail-grid{grid-template-columns:minmax(0,1fr)}.employee-list-row{padding:12px;gap:10px;flex-wrap:wrap}.employee-list-info{flex-basis:calc(100% - 60px)}.employee-list-score{padding-left:54px;text-align:left;display:flex;flex-wrap:wrap;gap:8px 16px}.employee-profile-actions button{min-height:44px}.page-heading{align-items:flex-start}.gift-history article>div{min-width:0}.statistics-block .stats-controls>label{flex:1 1 140px}.statistics-block .stats-controls input,.statistics-block .stats-controls select{width:100%}.profile-panel .profile-counts{gap:12px}}

.notification-read{opacity:.65}.employee-management-menu>summary{cursor:pointer;list-style:none;padding:10px 14px;border:1px solid #d9cbbb;border-radius:10px;font-size:14px}.employee-management-menu[open] .employee-action-tiles{margin-top:10px}.subtask-row button{min-width:32px;min-height:36px}

.top-profile-settings{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 12px;border:1px solid #d9c7b5;border-radius:10px;background:#fff7eb;color:#674522;font-size:14px;font-weight:600;white-space:normal}.top-profile-settings:hover{background:#f5e7d4}.top-profile-settings:focus-visible{outline:2px solid #a62b23;outline-offset:2px}.management-close{display:block;margin:12px 0 0!important;min-height:44px;width:100%;font-size:14px}.management-toggle-label{display:none;font-weight:400;margin-left:8px}.employee-management-menu[open]>summary .management-toggle-label{display:inline}.employee-management-menu>summary{touch-action:manipulation;min-height:44px;position:relative;z-index:1}.profile-settings-title{font-size:22px;margin:22px 0 14px}
@media(max-width:700px){.top-right{flex-wrap:wrap;gap:8px}.top-profile-settings{flex:1 1 140px}.employee-profile-actions .employee-management-menu{flex:1 1 100%;width:100%}.employee-management-menu>summary{display:flex;width:100%;justify-content:space-between;box-sizing:border-box}.employee-action-tiles{grid-template-columns:minmax(0,1fr)}.management-close{width:100%}}

#profile-account-settings{scroll-margin-top:24px}
/* Compact workflows and task groups */
.workflow-tabs,.role-filter,.idea-stages{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.workflow-tabs button,.role-filter button{font-size:14px;padding:8px 12px}.role-filter [aria-pressed=true],.workflow-tabs [aria-pressed=true]{background:var(--yellow,#edc149);color:#191919}.task-role-group,.workflow-card{border:1px solid #dedede;border-radius:12px;margin:10px 0;background:var(--surface,#fff);overflow:hidden}.task-role-group>summary,.workflow-card>summary{padding:14px;display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-size:16px}.task-role-group>summary:before,.workflow-card>summary:before{content:'＋';margin-right:4px}.task-role-group[open]>summary:before,.workflow-card[open]>summary:before{content:'−'}.status-groups,.workflow-card>p,.workflow-card>.document-actions,.idea-comments,.idea-stages{padding:0 14px}.status-groups h3{font-size:16px;margin:12px 0}.workflow-description,.idea-comments p{white-space:pre-wrap;overflow-wrap:anywhere}.workflow-card>summary span{font-size:14px}.idea-stages span{font-size:14px;padding:6px;border-radius:6px;background:#eee}.idea-stages .current{background:#f5d37c;font-weight:700}.idea-comments{padding-bottom:14px}.idea-comments form,.workflow-dialog form{display:grid;gap:12px}.workflow-dialog{width:min(620px,calc(100vw - 24px))}.workflow-dialog textarea{width:100%;box-sizing:border-box}.personal-balance{padding:10px 14px;gap:10px;min-height:0}.personal-balance strong{font-size:22px}.personal-balance p{display:none}.personal-balance>div{display:flex;align-items:center;gap:12px}.personal-balance .secondary{padding:7px 12px}.guest-review-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.guest-review{font-size:14px;background:#f5f5f5;padding:8px;border-radius:8px}.guest-review summary{cursor:pointer}.guest-review p{line-height:1.4;margin:6px 0;max-height:160px;overflow:auto}.guest-review.good{border-left:3px solid #4c9365}.guest-review.bad{border-left:3px solid #b85f51}.notification-category>summary{font-size:16px;font-weight:700;padding:10px 0;cursor:pointer}#knowledge-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}#knowledge-form>label:has(textarea),#knowledge-form>.knowledge-readers,#knowledge-form>.document-actions,#knowledge-form>[role=alert]{grid-column:1/-1}#knowledge-form textarea{min-height:160px;max-height:50vh;resize:vertical}.availability-badge,.availability-panel{display:none} [data-participation-reason][hidden]{display:none!important}@media(max-width:640px){.guest-review-pair{grid-template-columns:1fr}.personal-balance>div{flex-wrap:wrap;gap:4px 10px}.personal-balance{align-items:center}.workflow-card>summary{flex-wrap:wrap}#knowledge-form{grid-template-columns:1fr}#knowledge-form>*{grid-column:1}.role-filter{gap:6px}.role-filter button{padding:8px}.status-groups .grid{grid-template-columns:1fr}}

#knowledge-form .reader-choice-list{max-height:220px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#knowledge-form .reader-choice-list[hidden]{display:none}#knowledge-form .reader-choice-list>p,#knowledge-form .reader-choice-list>strong{grid-column:1/-1}@media(max-width:640px){#knowledge-form .reader-choice-list{grid-template-columns:1fr}}

.column-role{margin:10px 0 16px}.column-role>h3{font-size:14px;padding:8px 4px;border-bottom:1px solid #ddd;margin:0 0 8px;display:flex;justify-content:space-between}.column-role .task-card{margin-bottom:8px}.idea-stage-panel{padding:0 14px 12px}.idea-stage-panel h3{font-size:16px}.idea-stage-panel dl>div{padding:8px 0;border-bottom:1px solid #ddd}.idea-stage-panel dt{font-size:14px;font-weight:600}.idea-stage-panel dd{margin:4px 0;white-space:pre-wrap;font-size:14px}.idea-stage-panel summary{cursor:pointer;padding:8px 0}.notification-category>summary{display:flex;justify-content:space-between;gap:8px;align-items:center}#knowledge-form{display:flex;flex-direction:column;gap:10px}#knowledge-form>label{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:12px}#knowledge-form .reader-choice-list{display:flex;flex-direction:column}#knowledge-form .reader-mode{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px}@media(max-width:640px){#knowledge-form>label,#knowledge-form .reader-mode{grid-template-columns:1fr;gap:4px}.kanban{overflow-x:auto;grid-template-columns:repeat(3,minmax(260px,1fr));align-items:start}.notification-category>summary{flex-wrap:wrap}}

.workflow-dialog{padding:0;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border:1px solid #dfd5c9;border-radius:16px;box-shadow:0 24px 80px #0004}.workflow-dialog::backdrop{background:#1f211fb3}.workflow-form{display:flex;flex-direction:column;margin:0}.workflow-dialog .dialog-header{padding:20px 24px 16px;border-bottom:1px solid #e9e0d7;align-items:flex-start;gap:16px}.workflow-dialog .dialog-header h2{font-size:22px;margin:0;line-height:1.3}.workflow-form-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 24px}.workflow-form-fields>label,.idea-comment-form>label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;min-width:0}.workflow-dialog input,.workflow-dialog textarea,.workflow-dialog select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d7cfc6;border-radius:9px;background:#fff;padding:11px 12px;font-size:16px;color:var(--ink);font-weight:400;line-height:1.5}.workflow-dialog textarea{resize:vertical;min-height:100px}.workflow-dialog input[type=checkbox]{width:18px;min-height:18px}.workflow-dialog .link-check{flex-direction:row;align-items:center}.workflow-form-hint{margin:0;font-size:14px;line-height:1.5;color:#76695d}.workflow-form-fields>[role=alert]:empty{display:none}.workflow-dialog .dialog-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e9e0d7;background:#fbf8f4}.idea-card .task-expanded .idea-stage-panel{padding:0 0 12px}.idea-card .task-expanded>.document-actions{padding:0;margin:12px 0}.idea-card .idea-comment-button{margin-top:12px}.idea-comment-list{max-height:40dvh;overflow:auto;padding:8px 24px}.idea-comment{padding:14px 0;border-bottom:1px solid #e9e0d7}.idea-comment>div{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:14px}.idea-comment small{font-size:12px;color:#76695d}.idea-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.5;margin:8px 0 0}.idea-comment-form{padding:18px 24px;border-top:1px solid #e9e0d7;display:grid;gap:14px}.idea-comment-form .document-actions{justify-content:flex-end}.stat-card[data-go=urgent]>span{color:#b94e24}@media(max-width:640px){.workflow-dialog .dialog-header,.workflow-form-fields,.workflow-dialog .dialog-footer,.idea-comment-form{padding:16px}.idea-comment-list{padding:8px 16px}.workflow-dialog .dialog-footer{flex-wrap:wrap}.workflow-dialog .dialog-footer .primary{flex:1}.idea-comment-form .document-actions{flex-wrap:wrap}}

.purchase-group{margin-bottom:18px;border:1px solid #dfd5c9;border-radius:12px;background:#fff;overflow:hidden}.purchase-group>summary{padding:14px 16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;background:#fbf8f4}.purchase-group>summary .number{margin-left:auto}.purchase-group>.grid{padding:12px}.purchase-group-editor{display:grid;gap:10px}.purchase-group-editor-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}.purchase-group-editor-row input[type=hidden]{display:none}.purchase-group-editor-row .icon-button{border:1px solid #dfd5c9;border-radius:9px;width:40px;height:44px;color:#a64a35}
.workflow-dialog .workflow-form{display:flex;flex-direction:column;gap:0}

.purchase-group-picker{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:12px}.purchase-group-picker select{flex:1;min-width:0;border:1px solid #d7cfc6;border-radius:8px;padding:8px;font-size:14px;background:#fff}

.workflow-tabs button{display:inline-flex;align-items:center;gap:7px}.idea-management{margin:0 0 12px!important;flex-wrap:wrap}.idea-trash{color:#ac4535;border-color:#e2c3bb}.idea-trash:hover{background:#f8ece7}

.workflow-menu{position:relative}.workflow-menu>summary{list-style:none;cursor:pointer;padding:9px 14px;border:1px solid var(--border,#ddd);border-radius:10px}.workflow-menu>summary::-webkit-details-marker{display:none}.workflow-menu-items{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:220px;padding:6px;border:1px solid #ddd;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0002;display:grid;gap:4px}.workflow-menu-items button{text-align:left;background:transparent;border:0;padding:12px;border-radius:8px;color:#28221d}.workflow-menu-items button:hover{background:#f3eee7}.direction-editor{display:grid;gap:10px}.employee-presence{display:block;color:#70675c;margin-top:6px}
/* Shift planning and team communication */
.work-panel{background:var(--surface,#fff);border:1px solid #ddd9d0;border-radius:14px;padding:20px;margin:0 0 18px;min-width:0;color:var(--text,#292b25)}
.work-panel h2{font-size:1.2rem;margin:0 0 14px}.work-panel h3{font-size:1rem;margin:0 0 10px}.work-panel p{line-height:1.5}
.work-panel-head,.work-toolbar,.work-actions,.week-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.work-panel-head{justify-content:space-between;margin-bottom:12px}.work-panel-head h2,.work-panel-head h3{margin:0}.work-toolbar{justify-content:space-between;margin-bottom:18px}.work-actions{margin-top:12px}.work-badge{font-size:.875rem;padding:4px 9px;background:#efede7;border-radius:6px;color:#53564a}.work-note,.work-muted{color:#666b5b;font-size:.875rem}.work-error{background:#fff0ef;border-left:4px solid #bc302a;padding:12px}.work-text{white-space:pre-wrap;overflow-wrap:anywhere}.work-card{padding:16px 0;border-top:1px solid #e3e1da}.work-card:first-child{border-top:0}.work-card small{font-size:.875rem;color:#676c5d}.work-urgent{border-left:4px solid #bb3029;padding-left:14px}.work-check{display:flex;align-items:center;gap:8px;font-size:.875rem}.work-check input{width:auto}.work-tabs{margin-bottom:16px;flex-wrap:wrap}.work-tabs button[aria-pressed=true],.work-toolbar button[aria-pressed=true]{background:#b52d28;color:#fff}.schedule-scroll{overflow:auto;max-width:100%;border-radius:8px}.schedule-table{border-collapse:separate;border-spacing:0;width:100%;min-width:850px;font-size:.875rem}.schedule-table th,.schedule-table td{border-bottom:1px solid #e3e1da;padding:12px 9px;text-align:center;vertical-align:middle}.schedule-table th:first-child{position:sticky;left:0;z-index:1;background:#faf9f6;text-align:left;min-width:145px}.schedule-table thead th{background:#f0eee7}.schedule-table small{display:block;font-weight:400;margin-top:4px}.schedule-self th:first-child{border-left:3px solid #b52d28}.schedule-today{background:#fff4da!important}.shift-off{color:#7a7e71}.shift-time{white-space:nowrap;font-weight:600}.shift-main-time{font-size:1.5rem;font-weight:700}.shift-colleagues,.motivation-rules,.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.shift-colleagues article,.motivation-rules article,.reward-grid article{padding:14px;background:#f6f4ee;border-radius:9px;border:0}.shift-colleagues span,.shift-colleagues small{display:block;margin-top:5px}.shift-edit-days fieldset{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;border:1px solid #d8d5cd;border-radius:8px;padding:12px;margin:0 0 12px}.shift-edit-days legend{font-size:.875rem;font-weight:600;padding:0 6px}.shift-edit-days label{min-width:0}.shift-edit-days input,.shift-edit-days select{min-width:0;width:100%}.issue-photo{display:block;max-height:220px;max-width:100%;border-radius:8px;object-fit:contain;margin:12px 0}.task-help-note{background:#fff2d8;border-left:3px solid #d9a535;padding:10px;font-size:.875rem;white-space:pre-wrap}.task-bonus-label{font-size:.875rem;color:#656952;font-weight:500}.work-panel .grid{margin-top:14px}
@media(max-width:640px){.work-panel{padding:14px;border-radius:10px}.work-toolbar{align-items:stretch}.week-switch{width:100%;justify-content:space-between;gap:6px}.week-switch strong{font-size:.875rem}.week-switch button{padding:9px}.shift-edit-days fieldset{grid-template-columns:1fr 1fr}.shift-edit-days fieldset label:first-of-type{grid-column:1/-1}.work-tabs button{font-size:.875rem;padding:10px}.shift-colleagues,.motivation-rules,.reward-grid{grid-template-columns:1fr}.schedule-table th:first-child{min-width:115px}.schedule-table{min-width:760px}}

.work-panel{font-size:1rem}.work-panel button,.work-panel input,.work-panel select,.work-panel textarea{font-size:.875rem}.work-panel .primary,.work-panel .secondary{min-height:40px}

.preference-roster details{border-top:1px solid var(--line);padding:12px 0}.preference-roster summary{cursor:pointer;font-size:.875rem}.preference-days p{margin:8px 0;font-size:.875rem}.sunday-preferences{border-left:4px solid #b52d28}

.preference-hint{display:block;color:#7c5033;font-size:.875rem;white-space:normal;font-weight:400}.shift-edit-days fieldset>.preference-hint{grid-column:1/-1;margin:0}
/* Keep schedule editing visible in both the tabs and group headers. */
.work-toolbar button[data-schedule-mode="draft"],.work-panel button[data-schedule-edit]{background:#b52d28;color:#fff;border:1px solid #9b2521;font-weight:700;min-height:44px;padding:10px 16px;border-radius:8px}
.work-toolbar button[data-schedule-mode="draft"]:hover,.work-panel button[data-schedule-edit]:hover{background:#92231f;color:#fff;border-color:#92231f}
.work-toolbar button[data-schedule-mode="draft"]:focus-visible,.work-panel button[data-schedule-edit]:focus-visible{outline:3px solid #292c25;outline-offset:3px}

.shift-week-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:16px}.shift-calendar-day{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#faf9f5}.shift-calendar-day>header{padding:12px;background:#efede6;display:grid;gap:4px;text-transform:capitalize;font-size:.875rem}.shift-calendar-day>header span{font-size:.875rem}.shift-calendar-day ul{list-style:none;padding:8px;margin:0}.shift-calendar-day li{display:grid;gap:4px;padding:10px 7px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;font-size:.875rem}.shift-calendar-day li:last-child{border-bottom:0}.shift-calendar-day li small{font-size:.875rem;color:#686b5c}.calendar-day-today{border-color:#b52d28}.calendar-day-today>header{background:#b52d28;color:#fff}.shift-calendar-day .calendar-my-shift{background:#fff1d3;border-left:3px solid #b52d28;border-radius:5px}.calendar-off,.calendar-unassigned{color:#727565}.calendar-week-switch{margin-bottom:12px}.calendar-week-switch strong{font-size:1rem}
@media(max-width:1350px){.shift-week-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){.shift-week-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.shift-week-calendar{grid-template-columns:1fr}.calendar-week-switch{gap:8px}.calendar-week-switch strong{font-size:.875rem}.shift-calendar-day li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.shift-calendar-day li strong{grid-column:1}.shift-calendar-day li small{grid-column:1;grid-row:2}.shift-calendar-day li>span{grid-column:2;grid-row:1 / 3;align-self:center;text-align:right;max-width:150px}}

.schedule-main-actions{margin:0}.work-panel button[data-schedule-edit]{background:#b52d28;color:#fff;border-color:#9b2521}.schedule-editor-group{margin:14px 0}.schedule-editor-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.schedule-person-tile{display:grid;gap:6px;text-align:left;padding:14px;border:1px solid #dbd4c8;border-radius:10px;background:#f8f5ef;color:#292c25;min-height:88px}.schedule-person-tile:hover{border-color:#b52d28;background:#fff2df}.schedule-person-tile small,.schedule-person-tile span{font-size:.875rem}.schedule-draft-notice{padding:10px 12px;border-left:3px solid #c49b40;background:#fff2d8;font-size:.875rem}.schedule-empty{padding:24px 12px;margin-top:16px;text-align:center;background:#f5f3ed;border-radius:10px}.team-calendar-scroll{margin-top:18px}.team-calendar{min-width:800px}.team-calendar .shift-time{display:block;white-space:normal}.team-calendar .schedule-self td{background:#fff8e6}.team-calendar .schedule-self th{background:#fff1d3}@media(max-width:520px){.schedule-editor-tiles{grid-template-columns:1fr}.schedule-main-actions{width:100%}.schedule-main-actions button{flex:1}.team-calendar{min-width:720px}}

/* Statistics help opens separately without resizing the controls. */
.stats-help-row{display:flex;justify-content:flex-end;margin:12px 0 0}.stats-help-button{min-height:44px;white-space:normal;text-align:left;font-size:14px}#stats-help-dialog{width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;border:1px solid var(--line);border-radius:14px;overflow-y:auto;background:#fff;color:#24201e}#stats-help-dialog::backdrop{background:#0007}#stats-help-dialog .dialog-header{padding:18px 20px;gap:12px;align-items:flex-start}#stats-help-title{font-size:20px;line-height:1.3;margin:0;overflow-wrap:anywhere}#stats-help-dialog .icon-button{flex-shrink:0;min-width:44px;min-height:44px}.stats-help-body{padding:0 20px 20px;font-size:16px;line-height:1.6}.stats-help-body p{margin:0 0 16px}.stats-help-body button{min-height:44px}@media(max-width:650px){.stats-help-row{justify-content:flex-start}#stats-help-title{font-size:18px}}

.branch-ranking-list{display:grid;gap:12px}.branch-ranking-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.branch-ranking-metrics span{display:block;font-size:14px;color:#71635b}.branch-ranking-metrics strong{display:block;font-size:20px;margin-top:6px}.revenue-comparison small{display:block;font-size:14px;margin-top:6px}@media(max-width:650px){.branch-ranking-list .profile-section-head{align-items:flex-start;flex-wrap:wrap}.branch-ranking-metrics{gap:10px}.branch-ranking-metrics strong{font-size:18px}}

.notification-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.notification-category{margin-top:16px}.notification-empty{text-align:center;padding:20px 0}#registration-alert-status:empty,#registration-error:empty{display:none}#registration-dialog .registration-item{gap:10px;flex-wrap:wrap}#registration-dialog .notification-actions{flex-wrap:wrap}

.branch-goals .goal-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px;align-items:start}.goal-metric{min-width:0}.goal-metric h3{font-size:16px;margin:0 0 8px}.goal-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.goal-pair>div{min-width:0;padding:12px;border-radius:10px;border-top:3px solid}.goal-pair .goal-plan{background:#fff0ed;border-color:#bb302b}.goal-pair .goal-fact{background:#edf6ef;border-color:#35734c}.goal-pair span,.goal-pair small{display:block;font-size:14px;line-height:1.4;color:#62564c}.branch-goals .goal-pair strong{font-size:clamp(18px,2vw,24px);line-height:1.3;margin:6px 0;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums}.goal-pair a{display:block;font-size:14px;color:#29663e}.branch-goals .goal-progress{font-size:14px;margin:8px 0 0}#profile-task-history-dialog{width:min(620px,calc(100vw - 24px))}#profile-task-history-dialog .registration-item{flex-wrap:wrap;gap:8px}@media(max-width:420px){.goal-pair{grid-template-columns:1fr}.branch-goals .goal-pair strong{font-size:22px}}

.goal-pair>div{position:relative;min-height:104px}.goal-fact#guest-rating-fact{padding-right:46px}.goal-pair .guest-reviews-icon{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#29663e;text-decoration:none}.guest-reviews-icon:hover{background:#d9ebdc}.guest-reviews-icon:focus-visible{outline:2px solid #29663e;outline-offset:2px}

#personnel-dialog{width:min(620px,calc(100vw - 24px))}#personnel-form{display:grid;gap:14px}#personnel-form label{display:grid;gap:6px}#personnel-form input,#personnel-form select,#personnel-form textarea{width:100%;min-width:0}#personnel-fields{display:grid;gap:10px}.personnel-requests{margin-top:24px}.personnel-requests .profile-panel{padding:14px;margin-top:10px}.personnel-requests p{overflow-wrap:anywhere}

#personnel-suggestions{max-height:240px;overflow-y:auto;display:grid;gap:4px;border:1px solid #ddd;border-radius:12px;padding:6px}#personnel-suggestions[hidden]{display:none}#personnel-suggestions button{display:grid;gap:3px;text-align:left;width:100%;white-space:normal;padding:10px 12px}#personnel-suggestions small{font-size:14px;font-weight:400}

/* Unified settings and notification surfaces */
dialog{background:#fff;color:#282321;border:1px solid #ded9d5;border-radius:20px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcb5af transparent;box-shadow:0 24px 90px #17131245}
dialog::backdrop{background:#19161599;backdrop-filter:blur(5px)}
dialog .dialog-header{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e8e2de;padding:18px 22px;gap:16px}
dialog .dialog-header h2{font-size:22px;font-weight:750;letter-spacing:-.4px;line-height:1.3;overflow-wrap:anywhere}
dialog .dialog-header .icon-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#f3f0ee;border-radius:12px;color:#655b55}
dialog .dialog-header .icon-button:hover{background:#ffe8e5;color:#a82e27}
dialog .info-body{padding:20px 22px;color:#514842;font-size:16px}
dialog :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]),:is(.editor-account,.branch-form,.profile-setting-body,#profile-account-settings,#board:has([data-editor-tab])) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]){width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #d9d2cc;border-radius:10px;background:#fff;color:#282321;font-size:16px;line-height:1.4;box-shadow:0 1px 2px #241b1205}
dialog textarea{min-height:100px;resize:vertical}
dialog :is(input,select,textarea):focus,:is(.editor-account,.branch-form,.profile-setting-body,#board:has([data-editor-tab])) :is(input,select,textarea):focus{outline:2px solid #b72e28;outline-offset:2px;border-color:#b72e28}
dialog label,:is(.editor-account,.branch-form,.profile-setting-body,#board:has([data-editor-tab])) label{font-size:14px;font-weight:600;color:#514842;gap:7px;min-width:0}
dialog :is(.primary,.secondary,.danger-button),:is(.editor-account,.branch-form,.profile-setting-body,#board:has([data-editor-tab])) :is(.primary,.secondary,.danger-button){min-height:44px;border-radius:10px;font-size:14px;padding:10px 15px;white-space:normal;line-height:1.4}
dialog .primary,#board:has([data-editor-tab]) .primary,.profile-setting-body .primary{background:#b8322b;border-color:#b8322b;color:#fff}
dialog .primary:hover,#board:has([data-editor-tab]) .primary:hover{background:#98251f}
dialog .secondary{background:#fff;border-color:#d9d2cc;color:#38302b}
dialog .dialog-footer{background:#f8f6f4;border-color:#e8e2de;padding:16px 22px}
dialog .text-button{font-size:14px;min-height:40px;color:#75665c;border-radius:8px}
dialog .text-button:hover{background:#f5eeea;color:#a82e27}
dialog :is(.form-error,[role=alert]):empty{display:none}
#registration-dialog{width:min(680px,calc(100vw - 24px))}
.push-preferences{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;background:#f7f4f1;border:1px solid #e6ded8;border-radius:14px;padding:16px;margin-bottom:22px}
.push-preferences strong{font-size:15px;color:#332b26}
.push-preferences p{font-size:14px;margin:4px 0 0;color:#77695e;line-height:1.45}
.push-preferences #registration-alert-status{grid-column:1/-1;margin:0}
.notification-category{margin:22px 0 0}
.notification-section-heading{margin:0 0 10px;gap:12px;padding:0 2px}
.notification-section-heading>strong{font-size:14px;letter-spacing:.04em;color:#71645c}
#registration-dialog .registration-item{margin:8px 0;padding:15px 16px;min-height:0;border:1px solid #e8e1dc;border-radius:13px;background:#fff;display:flex;flex-direction:row;align-items:flex-start;gap:12px;box-shadow:0 2px 5px #33221404}
#registration-dialog .notification-card{border-left:3px solid #b8322b}
#registration-dialog .registration-item>div:first-child{flex:1;min-width:0}
#registration-dialog .registration-item strong{font-size:16px;line-height:1.45;font-weight:650;color:#332b26}
#registration-dialog .registration-item p{font-size:14px;line-height:1.5;margin:6px 0 0;color:#786a60;overflow-wrap:anywhere}
#registration-dialog .notification-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center;max-width:100%}
#registration-dialog .notification-card .notification-actions{flex:0 1 185px}
#registration-dialog [data-notification-read]{font-size:14px;text-align:left;padding:6px 8px;line-height:1.3}
.notification-empty{margin:18px 0 0;padding:32px 16px!important;border:1px dashed #ded4cc;border-radius:14px;background:#faf8f6;color:#786a60}
#personnel-form{padding:18px;background:#faf8f6;border:1px solid #e8e1dc;border-radius:14px;gap:16px}
#personnel-form>[type=submit]{width:100%;margin-top:2px}
#personnel-fields:empty{display:none}
#personnel-suggestions{background:#fff;border-color:#ded4cc;border-radius:10px;padding:5px}
#personnel-suggestions button{border:0;background:#fff;min-height:52px;border-radius:8px;padding:10px 12px;color:#332b26;font-size:16px}
#personnel-suggestions button:hover,#personnel-suggestions button:focus-visible{background:#fff0ec}
#personnel-suggestions small{color:#796a5f}
.personnel-requests h3{font-size:16px;margin:24px 0 10px}
.personnel-requests .profile-panel{border-radius:12px;border:1px solid #e8e1dc;box-shadow:none}
#board:has([data-editor-tab]){max-width:1100px}
#board:has([data-editor-tab])>.section-tabs{display:flex;flex-wrap:wrap;gap:7px;background:#eee9e5;border:1px solid #e2dad4;border-radius:14px;padding:6px;margin:20px 0}
#board:has([data-editor-tab])>.section-tabs button{flex:1 1 145px;background:transparent;border:0;border-radius:9px;padding:12px;color:#70635a;font-size:14px;line-height:1.4;white-space:normal}
#board:has([data-editor-tab])>.section-tabs button[aria-selected=true]{background:#fff;color:#a82e27;box-shadow:0 2px 8px #32201612;font-weight:700}
#board:has([data-editor-tab])>.profile-panel{padding:22px;border-radius:16px;border:1px solid #e2dad4;background:#fff}
#board:has([data-editor-tab]) h3{font-size:18px;margin:0 0 18px;color:#332b26}
.editor-accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}
.editor-account{padding:18px;border:1px solid #e6ded8;border-radius:14px;background:#faf8f6;min-width:0}
.editor-account-head{align-items:flex-start;gap:12px;margin-bottom:16px}
.editor-account-head h4{font-size:17px;margin:0;overflow-wrap:anywhere}
.editor-account :is(.rename-form,.password-form,.account-settings){gap:12px;margin:14px 0 0;align-items:end}
.editor-account details{border-top:1px solid #e6ded8;margin-top:16px;padding-top:12px}
.editor-account summary{cursor:pointer;font-size:14px;color:#75665c;padding:6px 0}
.branch-list{display:grid;gap:12px}
.branch-form{padding:16px;border:1px solid #e6ded8;border-radius:12px;background:#faf8f6;gap:12px;align-items:end}
#add-branch-form{margin-top:18px;background:#fff;border-style:dashed}
.profile-setting-tile{border:1px solid #e2dad4;background:#fff;border-radius:14px;margin:12px 0;overflow:hidden}
.profile-setting-tile>summary{padding:16px 18px;cursor:pointer;font-size:16px;font-weight:650;color:#332b26}
.profile-setting-tile[open]>summary{border-bottom:1px solid #eee7e1;background:#faf8f6}
.profile-setting-body{padding:18px}
.profile-setting-body form{display:grid;gap:14px}
.profile-setting-body label{display:grid}
#profile-account-settings{border:1px solid #e2dad4;border-radius:16px;background:#fff;padding:22px}
#personnel-dialog .notification-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:650px){
 dialog{max-height:calc(100dvh - 20px);max-width:calc(100vw - 20px);border-radius:16px}
 dialog .dialog-header{padding:14px 16px}dialog .dialog-header h2{font-size:20px}
 dialog .info-body{padding:16px}dialog .dialog-footer{padding:14px 16px;flex-wrap:wrap}
 .push-preferences{grid-template-columns:1fr;padding:14px}.push-preferences button{justify-self:start}
 #registration-dialog .registration-item{flex-direction:column;padding:13px;gap:10px}
 #registration-dialog .notification-card .notification-actions{flex:auto;width:100%;justify-content:flex-start}
 #registration-dialog .notification-section-heading{flex-wrap:wrap;gap:4px}
 #personnel-form{padding:14px}.editor-account,.branch-form{padding:14px}
 .branch-form,.editor-account .rename-form,.editor-account .account-settings{display:flex;flex-direction:column;align-items:stretch}
 .editor-account-head{flex-wrap:wrap}
 #board:has([data-editor-tab])>.profile-panel,#profile-account-settings{padding:16px}
 #board:has([data-editor-tab])>.section-tabs button{flex-basis:45%;padding:10px}
}
.profile-header .profile-settings-entry{margin-left:auto;align-self:flex-start;flex-shrink:0;font-size:14px;min-height:44px}
.profile-settings-back{font-size:14px;margin-bottom:16px;min-height:44px}
#profile-account-settings{max-width:720px;padding:0;border:1px solid #e2dad4;border-radius:16px;overflow:hidden}
#profile-account-settings .profile-settings-title{padding:22px 24px;margin:0;font-size:22px;border-bottom:1px solid #e9e2dc}
#profile-account-settings .profile-setting-tile{border:0;border-radius:0;margin:0;background:transparent;border-bottom:1px solid #e9e2dc}
#profile-account-settings .profile-setting-tile:last-child{border-bottom:0}
#profile-account-settings .profile-setting-tile>summary{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;font-size:16px;font-weight:500;list-style:none}
#profile-account-settings .profile-setting-tile>summary::-webkit-details-marker{display:none}
#profile-account-settings .profile-setting-tile>summary:after{content:'＋';color:#9a8170;font-size:20px}
#profile-account-settings .profile-setting-tile[open]>summary:after{content:'−'}
#profile-account-settings .profile-setting-body{padding:20px 24px;background:#faf8f6}
.notification-detail-dialog{width:min(580px,calc(100vw - 24px))}.notification-detail-dialog .info-body p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:650px){.profile-header .profile-settings-entry{margin-left:0}.profile-header{flex-wrap:wrap}#profile-account-settings .profile-settings-title,#profile-account-settings .profile-setting-tile>summary,#profile-account-settings .profile-setting-body{padding:16px}}
/* Clear notification actions */
#registration-dialog .notification-actions .notification-go,.notification-detail-dialog .notification-go{background:#247345;border:1px solid #247345;color:#fff;font-size:14px;font-weight:650;min-height:44px;padding:10px 14px;border-radius:10px;text-align:center;line-height:1.35}
#registration-dialog .notification-actions .notification-go:hover,.notification-detail-dialog .notification-go:hover{background:#195a34;border-color:#195a34;color:#fff}
#registration-dialog .notification-actions .notification-read,.notification-detail-dialog .notification-read{background:#b8322b;border:1px solid #b8322b;color:#fff;font-size:14px;font-weight:650;min-height:44px;padding:10px 14px;border-radius:10px;text-align:center;line-height:1.35}
#registration-dialog .notification-actions .notification-read:hover,.notification-detail-dialog .notification-read:hover{background:#94251f;border-color:#94251f;color:#fff}
#registration-dialog .notification-card .notification-actions{flex-basis:190px;justify-content:stretch}
#registration-dialog .notification-card .notification-actions .notification-go,#registration-dialog .notification-card .notification-actions .notification-read{width:100%}
@media(max-width:650px){#registration-dialog .notification-card .notification-actions{flex-basis:auto;display:flex}#registration-dialog .notification-card .notification-actions .notification-go,#registration-dialog .notification-card .notification-actions .notification-read{width:auto;flex:1 1 130px}}
/* Compact notification inbox */
#registration-dialog{width:min(620px,calc(100vw - 24px));border-radius:16px}
#registration-dialog .dialog-header{padding:12px 18px}
#registration-dialog .dialog-header h2{font-size:20px}
#registration-dialog .info-body{padding:14px 18px 18px}
#registration-dialog .push-preferences{padding:10px 12px;gap:6px 12px;border-radius:10px;margin:0 0 16px;background:#f7f5f3}
#registration-dialog .push-preferences strong{font-size:14px}
#registration-dialog .push-preferences p{font-size:14px;margin-top:2px}
#registration-dialog .push-preferences button{min-height:36px;padding:7px 10px;font-size:14px}
#registration-dialog .notification-category{margin:14px 0 0}
#registration-dialog .notification-section-heading{padding:0;margin-bottom:4px;min-height:32px}
#registration-dialog .notification-section-heading .text-button{min-height:32px;padding:5px 8px;font-size:14px}
#registration-dialog .registration-item{margin:0;padding:12px 0;border:0;border-bottom:1px solid #eee8e3;background:transparent;border-radius:0;box-shadow:none;gap:8px 12px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}
#registration-dialog .registration-item:last-child{border-bottom:0}
#registration-dialog .notification-card .notification-copy{flex:1 1 230px;min-width:0}
#registration-dialog .notification-card .notification-copy strong{font-size:14px;line-height:1.45;font-weight:600}
#registration-dialog .notification-card .notification-actions{flex:0 1 auto;display:flex;flex-direction:row;justify-content:flex-start;gap:6px;max-width:100%}
#registration-dialog .notification-card .notification-actions :is(.notification-go,.notification-read){width:auto;flex:none;min-height:36px;padding:7px 10px;font-size:14px;line-height:1.3;border-radius:8px}
#registration-dialog .notification-card .notification-actions .notification-go{background:#eaf5ee;border-color:#b9d9c4;color:#21653e}
#registration-dialog .notification-card .notification-actions .notification-go:hover{background:#d9eddf;color:#194e30}
#registration-dialog .notification-card .notification-actions .notification-read{background:#fff0ee;border-color:#edc9c5;color:#a32d27}
#registration-dialog .notification-card .notification-actions .notification-read:hover{background:#fbe0dc;color:#86231e}
#registration-dialog .notification-empty{padding:20px 12px!important;font-size:14px;margin-top:12px}
@media(max-width:650px){#registration-dialog .dialog-header{padding:12px 14px}#registration-dialog .info-body{padding:12px 14px 16px}#registration-dialog .push-preferences{grid-template-columns:1fr auto}#registration-dialog .push-preferences p{display:none}#registration-dialog .notification-card .notification-copy{flex-basis:100%}#registration-dialog .notification-card .notification-actions{width:auto;flex-basis:auto}#registration-dialog .notification-card .notification-actions :is(.notification-go,.notification-read){width:auto;flex:none}}

.manager-dashboard{display:grid;gap:18px}.dash-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dash-head>div{flex:1}.dash-head h2{margin:4px 0;font-size:28px}.dash-head label{display:grid;gap:6px;font-size:14px}.dash-source{margin:0;font-size:14px;line-height:1.6;opacity:.8}.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash-kpi{padding:20px;border-radius:14px;background:#272b26;color:#fff;display:grid;gap:9px;border-top:3px solid #d63a31}.dash-kpi span{font-size:14px}.dash-kpi strong{font-size:clamp(20px,2.2vw,30px);overflow-wrap:anywhere}.dash-kpi small{font-size:13px;color:#dadbd3}.dash-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dash-panel{background:#fff;border:1px solid #dfe1d8;border-radius:16px;padding:22px;color:#282b24;min-width:0}.dash-panel h3{margin:0 0 20px;font-size:20px}.dash-panel summary{cursor:pointer;font-size:20px;font-weight:700}.dash-panel small{font-size:13px;line-height:1.6}.dash-bars{display:grid;gap:16px;margin:20px 0}.dash-bar-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:14px}.dash-bar-label strong{white-space:nowrap}.dash-track{height:10px;border-radius:6px;background:#eee;overflow:hidden}.dash-track i{display:block;height:100%;background:#c9342d;border-radius:6px}.dash-pairs{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.dash-pairs span{display:grid;gap:7px;font-size:14px}.dash-finance .dash-kpis{margin-top:20px}.dash-task-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border:0;border-bottom:1px solid #eee;background:transparent;color:inherit;text-align:left;width:100%;font-size:16px}.dash-task-list small{display:block}.dash-task-list strong{font-size:14px;white-space:nowrap}.dash-table{overflow:auto;margin-top:18px}.dash-table table{width:100%;border-collapse:collapse;font-size:14px}.dash-table th,.dash-table td{text-align:left;padding:12px;border-bottom:1px solid #eee;white-space:nowrap}@media(max-width:900px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dash-columns{grid-template-columns:1fr}.dash-panel{padding:16px}.dash-kpi{padding:14px}.dash-head h2{font-size:24px}}
/* Papa's unified working surfaces */
:root{--brand-red:#bf322b;--brand-gold:#edcd63;--brand-dark:#282b24;--radius:14px;--muted:#62695c}
body{font-size:16px;line-height:1.5}.workspace{padding:26px 30px 24px}.page-heading{margin-bottom:20px}h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.6px}.page-subtitle{font-size:14px}.eyebrow{font-size:12px;letter-spacing:.8px}.primary,.secondary,.text-button,nav button{font-size:14px}.primary,.secondary{min-height:42px;padding:9px 14px}.primary{background:var(--brand-dark)}.primary:hover{background:#424738}.task-card{min-height:0;padding:16px;box-shadow:none}.task-card:hover{border-color:#b6beab;box-shadow:0 4px 16px #282b2409}.card-title{font-size:17px;line-height:1.4;letter-spacing:0}.category,.priority{font-size:12px}.board-group{margin-top:20px}.grid{gap:14px}.profile-panel,.work-panel{padding:18px;border-radius:14px;margin-bottom:16px}.profile-panel h3,.work-panel h2{font-size:18px;margin-top:0}.profile-panel p,.work-panel p{margin:8px 0}.profile-grid{gap:14px}.profile-header{padding:20px;gap:18px;align-items:flex-start}.profile-avatar-wrap{width:160px;flex-shrink:0;text-align:center}.profile-avatar-wrap .profile-avatar{margin:auto}.profile-avatar-wrap .tenure{font-size:12px;line-height:1.4;margin:10px 0 0}.personal-balance{padding:12px 16px;min-height:0;gap:14px;margin:14px 0;align-items:center;border-left:4px solid var(--brand-gold)}.personal-balance>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.personal-balance strong{font-size:24px;line-height:1.2;margin:0}.personal-balance span,.personal-balance small{font-size:14px}.personal-balance .secondary{margin-left:auto}.profile-navigation{display:block;margin:18px 0}.profile-nav-group{padding:0;border:0;background:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-nav-group h3{width:100%;margin:0 0 4px;font-size:18px}.profile-nav-button{width:auto;min-height:40px;padding:9px 14px;background:white;border:1px solid var(--line);border-radius:10px;flex:none;color:var(--ink);margin:0;font-size:14px}.profile-nav-button[aria-current=page]{background:var(--brand-dark);color:white;border-color:var(--brand-dark)}.profile-counts strong{font-size:26px}.profile-counts span{font-size:14px}.profile-results{padding:18px}.profile-rate{font-size:26px}.profile-section-head{gap:12px}.branch-goals{padding:16px}.branch-goals .profile-label{font-size:14px;margin:0 0 12px}.goal-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.goal-metric{padding:14px;min-height:0;border-radius:10px;background:#fff}.goal-metric h3{font-size:16px;margin:0 0 10px}.goal-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.goal-pair strong{font-size:23px;line-height:1.25;letter-spacing:0}.goal-pair span{font-size:14px}.goal-pair small{font-size:12px}.goal-progress{font-size:14px;margin-bottom:0}.shift-news{border-top:4px solid var(--brand-red);background:#fffdf7}.shift-news .work-card{padding:14px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:12px}.work-badge{font-size:12px;background:#faeed0;border-radius:100px;padding:5px 9px;color:#60502b}.work-actions details{font-size:14px}.shift-team{margin:16px 0;padding:14px 18px}.shift-team>summary{cursor:pointer;font-weight:650}.shift-colleagues{margin-top:14px}.brand-ui-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}.nav-icon{width:22px;height:22px;display:grid;place-items:center}.nav-icon .brand-ui-icon{width:21px;height:21px;filter:invert(.82)}nav button.active .brand-ui-icon{filter:none}.sidebar .brand-logo,.session-restore .brand-logo,.entry-card .brand-logo{background:#fff;border-radius:14px;padding:10px;box-sizing:border-box}.sidebar .brand-logo{width:100%;max-width:190px}.sidebar{padding:20px 18px}.sidebar-note{padding:20px 12px}.sidebar-note>span{font-size:12px;letter-spacing:.5px}.sidebar-bottom strong{font-size:14px}.sidebar-bottom div>span{font-size:12px}.navigation-group>summary{font-size:14px;min-height:42px;display:flex;align-items:center}.nav-label{font-size:12px;letter-spacing:1px}.branch-picker{margin:18px 0;font-size:14px}.breadcrumb{font-size:14px}.topbar{padding:0 30px}.employees-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.employee-list-row{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:10px;padding:16px;min-width:0;min-height:0;width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;background:white}.employee-list-row .employee-list-name{min-width:0;flex:1}.employee-list-row>*{min-width:0}.employee-list-row strong{font-size:16px}.employee-list-row small{font-size:12px;overflow-wrap:anywhere}.employee-list-row .employee-list-social{width:100%;font-size:14px}.employee-list-row .employee-list-avatar{width:50px;height:50px;flex:0 0 50px}.employee-list-row img{object-fit:cover}.knowledge-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.knowledge-card{padding:0;overflow:hidden;position:relative;min-height:180px;background:#fff}.knowledge-open{padding:22px 18px;min-height:180px;justify-content:flex-end;text-align:left}.knowledge-topic-icon{display:grid;place-items:center;width:60px;height:60px;background:#f5dfa2;border-radius:16px;margin:0 0 18px;color:#282b24}.knowledge-topic-icon img{width:32px;height:32px}.knowledge-card:nth-child(3n+2) .knowledge-topic-icon{background:#dce6d3}.knowledge-card:nth-child(3n+3) .knowledge-topic-icon{background:#f3d8d4}.knowledge-card .card-title{font-size:18px}.knowledge-control{display:flex;justify-content:flex-end;margin-bottom:14px}.knowledge-corner-actions{top:12px;right:12px}.knowledge-document{max-width:1000px;margin:auto}.knowledge-document h2{font-size:28px}.knowledge-document-text{padding:24px;border:1px solid var(--line);border-radius:14px;background:white;font-size:16px;line-height:1.7}.knowledge-readers{padding:16px;border-radius:12px;background:#f6f7f2;border:1px solid var(--line)}.reader-choice-list{display:flex;gap:12px;flex-wrap:wrap}.reader-choice-list p,.reader-choice-list>strong{width:100%}.reader-choice-list label{flex-direction:row;align-items:center;font-size:14px}.reader-choice-list input{width:auto;accent-color:var(--brand-red)}#knowledge-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}#knowledge-form>.knowledge-readers,#knowledge-form>label:has(textarea),#knowledge-form>.document-actions,#knowledge-error{grid-column:1/-1}#knowledge-form textarea{min-height:260px}#knowledge-form label{font-size:14px}#knowledge-form input,#knowledge-form textarea,#knowledge-form select{font-size:16px}.document-learning{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:18px;background:#f0f3e8;border-radius:14px;border:1px solid #d9dfcb}.document-learning h3{margin:0;font-size:18px}.document-learning p{margin:6px 0;font-size:14px}.learning-progress{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;margin-bottom:10px;font-size:14px}.learning-progress strong{font-size:26px;color:#4c6441}.learning-list{display:grid;gap:10px}.learning-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:white;border-radius:12px;padding:14px;text-align:left;min-width:0;width:100%}.learning-card>span{flex:1;min-width:0}.learning-card strong,.learning-card small{display:block;white-space:normal}.learning-card small{color:var(--muted);font-size:14px;margin-top:4px}.learning-card.passed{border-color:#b7c7a4;background:#f7faf1}.training-table-wrap{overflow:auto;max-height:65vh}.training-table-wrap table{min-width:850px}.training-table-wrap th{vertical-align:top;min-width:180px}.training-table-wrap th:first-child{position:sticky;left:0;background:white;z-index:1}.quiz-question,.quiz-editor-row{margin:16px 0;border:1px solid var(--line);padding:16px;border-radius:12px}.quiz-question legend{font-weight:650}.quiz-question label{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px;margin:0}.quiz-question input{width:auto;accent-color:var(--brand-red)}.quiz-editor-row label{margin:10px 0}.personnel-page{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:22px;align-items:start}.personnel-page>.bonus-form-layout{display:flex;flex-direction:column;gap:14px;padding:20px;background:white;border:1px solid var(--line);border-radius:14px}.personnel-requests{margin:0}.personnel-page .bonus-form-layout label{font-size:14px}.personnel-page input,.personnel-page textarea,.personnel-page select{font-size:16px}.trash-page .registration-item{padding:18px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.task-inner-tabs{margin:0 0 18px;flex-wrap:wrap}.task-inner-tabs button{width:auto;color:var(--ink);font-size:14px;margin:0}.task-inner-tabs [aria-current=page]{color:white;background:var(--brand-dark)}.schedule-table th,.schedule-table td{font-size:14px;padding:14px 10px}.schedule-table th small{font-size:12px}.shift-time{background:#edf3e6;border:1px solid #d6e2c9;padding:7px 9px;border-radius:8px;font-size:14px;white-space:nowrap}.schedule-table .schedule-today{background:#fff6dc}.my-week{margin:18px 0}.my-week h3{font-size:16px}.my-shift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.my-shift-day{padding:14px;border:1px solid #d6e2c9;border-radius:12px;background:#f4f8ee}.my-shift-day span{font-size:14px;display:block}.my-shift-day strong{font-size:18px}.my-shift-day.off{background:#f4f4f0;border-color:var(--line)}.schedule-image-preview{width:100%;max-height:230px;object-fit:contain;border-radius:10px;margin:12px 0}.recognized-table{max-height:50vh;overflow:auto}.recognized-table [data-recognized-row]{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}.recognized-table label{font-size:14px}.recognized-table input,.recognized-table select{font-size:16px;min-width:0;width:100%}.recognized-table .check-label input{width:auto}.recognize-status{white-space:pre-wrap;font-size:14px}.manager-ai-float{position:fixed;bottom:22px;right:24px;z-index:20;display:flex;gap:8px;align-items:center;padding:12px 18px;border-radius:100px;background:var(--brand-dark);border:2px solid var(--brand-gold);color:white;box-shadow:0 6px 24px #282b2428;font-size:14px;font-weight:650}.manager-ai-float .brand-ui-icon{filter:invert(.9)}.manager-ai-dialog{max-width:650px;width:calc(100% - 24px);max-height:90vh;border-radius:18px}.manager-ai-thread{display:grid;gap:12px;margin:20px 0;max-height:42vh;overflow:auto;white-space:pre-wrap}.manager-ai-thread p{padding:14px;border:1px solid var(--line);border-radius:12px;margin:0;font-size:16px}.ai-user-message{background:#fff4d3}.ai-assistant-message{background:#f3f6ed}.connection-illustration{max-width:160px;height:140px;object-fit:contain;margin:20px auto}.session-restore-message{font-size:16px}.session-restore>div{max-width:430px;padding:28px}.session-restore p{font-size:16px;line-height:1.6}.view-quote{font-size:14px;margin-bottom:14px}.stats-note,.work-note{font-size:14px}.goal-metric,.profile-panel,.work-panel,.knowledge-card{overflow-wrap:anywhere}button{touch-action:manipulation}button:disabled{cursor:wait}small{font-size:12px}
@media(max-width:1100px){.employees-list,.knowledge-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:22px}.profile-header{flex-wrap:wrap}.goal-grid{grid-template-columns:1fr 1fr}.goal-pair strong{font-size:20px}}
@media(max-width:700px){.employees-list,.knowledge-list{grid-template-columns:1fr}.personnel-page{grid-template-columns:1fr}.workspace{padding:18px 14px 100px}.topbar{padding:12px 14px;min-height:64px;height:auto;flex-wrap:wrap}.breadcrumb{font-size:12px}.profile-header{padding:16px;gap:14px}.profile-avatar-wrap{width:100px}.profile-avatar-wrap .profile-avatar{width:82px;height:82px}.profile-avatar-wrap .tenure{font-size:12px}.profile-header>div:not(.profile-avatar-wrap){flex:1;min-width:140px}.profile-header h2{font-size:22px}.profile-header .profile-settings-entry{width:100%}.personal-balance{margin:12px 0;padding:12px}.personal-balance>div{gap:6px}.personal-balance strong{font-size:22px}.goal-grid{grid-template-columns:1fr}.goal-metric{padding:12px}.goal-pair strong{font-size:22px}.profile-nav-button{flex:1 1 auto;text-align:center;padding:8px 10px}.profile-navigation{margin:16px 0}.profile-panel,.work-panel{padding:16px}.profile-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.work-panel-head h2{font-size:18px}.work-panel-head .primary,.work-panel-head .secondary{padding:8px 10px}.knowledge-document-text{padding:18px}.knowledge-document h2{font-size:24px}#knowledge-form{grid-template-columns:1fr}#knowledge-form>*{grid-column:1}.knowledge-open{min-height:170px}.document-learning{padding:14px}.document-learning .document-actions{width:100%}.document-learning .document-actions button{flex:1;white-space:normal}.manager-ai-float{bottom:78px;right:14px;padding:11px 14px}.my-shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-main-actions{width:100%;gap:8px}.schedule-main-actions button{white-space:normal;flex:1;font-size:14px}.week-switch{gap:8px}.week-switch strong{font-size:14px}.brand-ui-icon{width:22px;height:22px}.page-heading{margin-bottom:16px}.sidebar .brand-logo{max-width:170px}.learning-card strong{font-size:16px}.trash-page .registration-item{align-items:start;flex-direction:column}.recognized-table [data-recognized-row]{grid-template-columns:1fr}.profile-counts{gap:10px}.profile-counts strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.employee-list-info{flex:1;min-width:0}.employee-list-info>span{font-size:14px;display:block}.employee-list-score{width:100%;margin:4px 0 0;padding-top:10px;border-top:1px solid var(--line);text-align:left;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.employee-list-score small{font-size:12px}#board .knowledge-card .task-summary{padding:22px 18px}#board .knowledge-card .knowledge-open .card-top{padding-right:50px}#board .profile-nav-group{display:flex;flex-wrap:wrap;gap:8px}#board .profile-nav-group h3{flex-basis:100%}.profile-avatar-wrap{flex:0 0 160px}.sidebar .navigation-group-content{padding-bottom:6px}.sidebar #community-navigation>summary{cursor:pointer}.document-learning .document-actions{margin-top:0}.knowledge-document-text{white-space:pre-wrap}.manager-ai-thread{scrollbar-gutter:stable}#manager-ai-form textarea{width:100%;font-size:16px;resize:vertical}.profile-panel small{color:#62695c}#session-restore .brand-logo{background:white;padding:12px;border-radius:14px;border:0}.training-table-wrap td{min-width:160px;font-size:14px;vertical-align:top}.task-inner-tabs{position:relative}.sidebar .navigation-group>summary:focus-visible{outline:3px solid var(--brand-gold);outline-offset:2px}.sidebar .navigation-group>summary{color:#dddccf}
@media(max-width:700px){.profile-avatar-wrap{flex:0 0 100px}.employee-list-score{flex-wrap:wrap}.topbar .top-right{gap:10px}.profile-panel{min-width:0}.personal-balance>.secondary{min-width:0}.sidebar .sidebar-bottom{padding-bottom:12px}}
/* Compact branded work surfaces. */
.sidebar .brand-logo,.session-restore .brand-logo,.entry-card .brand-logo,#session-restore .brand-logo{background:transparent;padding:0;border:0;border-radius:0;box-shadow:none}
#task-navigation,#community-navigation>.navigation-group-content{display:none!important}
#editor .dialog-header{background:var(--brand-dark);color:#fff;border-bottom:4px solid var(--brand-gold)}
#editor .dialog-header .icon-button{color:#fff}#editor .dialog-header .eyebrow{color:var(--brand-gold)}
#edit-fields{background:#fff}#edit-fields label{font-size:14px;font-weight:600;color:#433d32}#edit-fields input,#edit-fields textarea,#edit-fields select{font-size:16px;background:#fff;border:1px solid #d6d4cb;border-radius:10px;min-width:0;max-width:100%}
#edit-fields input:focus,#edit-fields textarea:focus,#edit-fields select:focus{outline:2px solid var(--brand-gold);outline-offset:2px}
#edit-fields .link-check{background:#f8f4e7;border-radius:10px;padding:12px}input[type=checkbox],input[type=radio],progress{accent-color:var(--brand-red)}
#editor .primary{background:var(--brand-red)}.subtask-editor,.task-purchase-picker{border-top:1px solid var(--line);padding-top:16px}.new-subtask-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.new-subtask-row input{flex:1;width:100%;min-height:44px}.new-subtask-row button{flex-shrink:0}
.task-purchase-picker small{display:block;margin-top:8px;font-size:14px;color:var(--muted)}#purchase-matches{max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:10px;margin:8px 0;background:#fff}.purchase-match{display:block;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid var(--line);background:#fff;font:inherit}.purchase-match:hover{background:#fbefcf}.purchase-chip{display:inline-flex!important;gap:8px;align-items:center;background:#f8f0d9;padding:8px 12px;border-radius:10px;margin:8px 8px 0 0}.purchase-chip input{width:18px!important;min-height:18px!important}
.profile-avatar-wrap .profile-avatar{width:144px;height:144px}.profile-avatar-wrap{flex-basis:170px;width:170px}.personal-balance{display:flex;width:fit-content;max-width:100%;padding:8px 12px;gap:16px;margin:12px 0;border-radius:10px}.personal-balance strong{font-size:20px}.personal-balance .secondary{min-height:36px;padding:6px 10px}.personal-balance small{font-size:14px}
.profile-navigation .profile-nav-group{gap:8px}.profile-nav-button{border-radius:12px;min-height:42px;transition:background .15s}.profile-nav-button[aria-current=page],.task-inner-tabs button[aria-current=page]{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.profile-navigation .work-subtabs{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.work-subtabs .profile-nav-button{background:transparent;font-size:14px;padding:7px 12px}.work-subtabs .profile-nav-button[aria-current=page]{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark)}
.work-actions details>summary{border:1px solid var(--line);border-radius:9px;padding:7px 12px;cursor:pointer;background:#fff}.work-actions details>p{padding:12px;border:1px solid var(--line);border-radius:9px;max-width:440px;overflow-wrap:anywhere}.schedule-preference-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.preference-person{padding:12px;border-bottom:1px solid var(--line)}.preference-person summary{cursor:pointer;font-weight:600}
.quiz-editor-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-top:4px solid var(--brand-red);border-radius:14px;padding:18px;margin:20px 0;background:#fff;min-width:0}.quiz-editor-row legend{font-size:18px;font-weight:750;color:var(--brand-red);padding:0 10px}.quiz-editor-row>label:first-of-type,.quiz-editor-row .correct-answer{grid-column:1/-1}.quiz-editor-row label{display:flex;flex-direction:column;gap:7px;font-size:14px;min-width:0}.quiz-editor-row input,.quiz-editor-row select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit}.quiz-option{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafaf7}.quiz-option.correct{background:#edf6ed;border-color:#6b9e6c}.correct-answer{padding:12px;background:#edf6ed;border-radius:10px;color:#286537;font-weight:650}.quiz-question{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:16px}.quiz-question label{display:flex;align-items:center;gap:10px;padding:10px;margin:8px 0;border:1px solid var(--line);border-radius:8px}.quiz-question label:has(input:checked){background:#fbefcf;border-color:var(--brand-gold)}
.team-learning-list{display:grid;gap:10px}.team-learning-row{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 16px;font:inherit}.team-learning-row:hover{border-color:var(--brand-gold);background:#fffcf4}.team-learning-row span{min-width:0;overflow-wrap:anywhere}.team-learning-row strong,.team-learning-row small,.team-learning-row progress{display:block}.team-learning-row small{font-size:14px;color:var(--muted)}.team-learning-row progress{width:150px;max-width:100%;height:8px;margin-top:8px}.learning-card{min-width:0;overflow-wrap:anywhere}.learning-card>span{flex:1;min-width:0}
.dash-kpi{font:inherit;text-align:left;cursor:pointer;width:100%;color:var(--ink)}.dash-kpi:hover,.dash-kpi:focus-visible{border-color:var(--brand-red);box-shadow:0 3px 12px #282b2410;outline:2px solid var(--brand-gold);outline-offset:2px}
#personnel-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand-red);border-radius:16px;padding:20px;max-width:860px}#personnel-form>label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;min-width:0}#personnel-form>label:has(textarea),#personnel-fields,#personnel-suggestions,#personnel-form>.form-error{grid-column:1/-1}#personnel-form input,#personnel-form select,#personnel-form textarea{font-size:16px;width:100%;min-height:44px;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}#personnel-fields{background:#faf7ec;border-radius:10px;padding:14px}#personnel-form>.primary{background:var(--brand-red)}.personnel-requests{margin-top:24px}.personnel-requests .profile-panel{padding:14px 16px;border-left:3px solid var(--brand-gold)}
@media(max-width:700px){.profile-avatar-wrap{flex:0 0 124px;width:124px}.profile-avatar-wrap .profile-avatar{width:116px;height:116px}.profile-header{flex-wrap:wrap}.personal-balance{width:auto;justify-content:space-between}.profile-navigation .profile-nav-button{flex:0 1 auto;white-space:normal}.profile-nav-group{gap:6px}.quiz-editor-row,#personnel-form{grid-template-columns:1fr;padding:14px}.quiz-editor-row>* ,#personnel-form>*{grid-column:1}.team-learning-row{padding:12px;gap:12px}.team-learning-row progress{width:110px}.learning-card{flex-wrap:wrap}.task-inner-tabs{gap:6px}.task-inner-tabs button{flex:0 1 auto;font-size:14px;padding:8px 10px}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.profile-header>div:not(.profile-avatar-wrap){min-width:120px}.profile-header h2{overflow-wrap:anywhere}}

.schedule-table .quiz-day,.quiz-day{background:#fff0ba;border-color:#e6ae31;color:#593b00}.ai-working{display:flex;align-items:center;gap:12px;padding:14px;background:#fff0ba;border-radius:10px}.ai-working:before{content:"";width:20px;height:20px;flex-shrink:0;border:3px solid #d6bd7c;border-top-color:#9c302b;border-radius:50%;animation:ai-spin 1s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ai-working:before{animation:none}}

.stats-sort-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:left;padding:5px 0;cursor:pointer}.stats-sort-button span{opacity:.8;font-size:14px}.stats-sort-button:hover{text-decoration:underline}

/* Compact weekly calendar with readable fixed day columns. */
.team-calendar-scroll{margin-top:12px;max-height:65vh;overflow:auto;scroll-padding-left:124px}
.schedule-table.team-calendar{table-layout:fixed;width:740px;min-width:740px}
.schedule-table.team-calendar th,.schedule-table.team-calendar td{padding:8px 5px;font-size:14px;height:auto;line-height:1.25;width:88px}
.schedule-table.team-calendar th:first-child{width:124px;min-width:124px;max-width:124px;overflow-wrap:anywhere}
.schedule-table.team-calendar th strong{font-size:14px}.schedule-table.team-calendar small{font-size:12px;margin-top:3px}
.team-calendar thead th{position:sticky;top:0;z-index:2}.team-calendar thead th:first-child{z-index:3}
.schedule-table.team-calendar .shift-time{display:block;white-space:nowrap;padding:5px 3px;font-size:14px;background:transparent;border:0;border-radius:0}
.week-fill{padding:12px;border:1px solid var(--line);border-radius:10px;margin:12px 0;background:#fff8e6}.week-fill-days{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.week-fill-days label{display:flex;flex-direction:row;align-items:center;gap:4px;margin:0;font-size:14px}.week-fill-days input{width:auto}.week-fill-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.week-fill-controls input,.week-fill-controls select{min-width:0;width:100%;font-size:16px}.week-fill-controls label{min-width:0;font-size:14px}.compact-shift-editor fieldset{padding:8px;margin-bottom:8px;gap:6px}.compact-shift-editor label{font-size:14px;margin:0}.compact-shift-editor input,.compact-shift-editor select{font-size:16px;padding:7px}
@media(max-width:640px){.schedule-table.team-calendar{width:684px;min-width:684px}.schedule-table.team-calendar th,.schedule-table.team-calendar td{width:80px;padding:7px 4px}.schedule-table.team-calendar th:first-child{width:124px;min-width:124px;max-width:124px}.compact-shift-editor fieldset{grid-template-columns:1.1fr 1fr 1fr}.compact-shift-editor fieldset label:first-of-type{grid-column:auto}.week-fill-controls{grid-template-columns:1.1fr 1fr 1fr}.schedule-editor-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-person-tile{padding:10px;min-height:72px}.my-week{margin:10px 0}.my-week p{font-size:14px;margin:6px 0}.schedule-table.team-calendar .shift-time{white-space:nowrap}}

/* Schedule review: one employee at a time, no nested scroll areas. */
.schedule-review-dialog .recognized-table{max-height:none;overflow:visible}.schedule-review-dialog [hidden]{display:none!important}.review-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}.review-navigation select{width:100%;min-width:0;font-size:16px}.review-navigation button{padding:9px;font-size:14px}.schedule-review-dialog .recognized-table [data-recognized-row]{display:grid;grid-template-columns:48px 50px minmax(0,1fr) minmax(0,1fr) 28px;gap:6px;align-items:center;padding:8px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}.schedule-review-dialog .recognized-table [data-recognized-row] label{margin:0;font-size:14px}.schedule-review-dialog .recognized-table [data-recognized-row] input[type=time]{font-size:16px;padding:6px 2px;width:100%;min-width:0}.review-date{font-size:14px}.review-off{display:flex;flex-direction:column;align-items:center;gap:4px}.review-off input{width:auto!important}.review-week{margin:12px 0}.schedule-review-dialog .recognize-questions textarea{width:100%;font-size:16px;white-space:pre-wrap;resize:vertical}.schedule-review-dialog .recognize-questions{padding:12px;border-left:3px solid var(--brand-red);margin:12px 0;background:#fff8e6}.schedule-review-dialog .recognize-questions label{font-size:14px;line-height:1.5}.schedule-review-dialog .schedule-image-preview{max-height:120px}.schedule-review-dialog .recognized-table>p{font-size:14px;margin:8px 0}.schedule-table.team-calendar .shift-time{white-space:normal;overflow-wrap:anywhere;line-height:1.4;max-width:100%}.mobile-week-cards{display:none}
@media(max-width:700px){.team-calendar-scroll{display:none}.mobile-week-cards{display:grid;gap:12px;margin-top:12px}.mobile-week-person{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.mobile-week-person header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 12px;background:#f5f3ee}.mobile-week-person header strong{font-size:16px}.mobile-week-person header small{font-size:12px;max-width:45%;text-align:right}.mobile-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:8px 4px;gap:2px}.mobile-week-days>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0;min-width:0;border-radius:5px}.mobile-week-days span,.mobile-week-days small{font-size:12px;line-height:1.4}.mobile-week-days strong{font-size:14px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}.schedule-review-dialog{width:calc(100% - 16px);max-height:92dvh}.schedule-review-dialog .dialog-header h2{font-size:22px}.schedule-review-dialog .icon-button{padding:3px;min-width:24px}.schedule-review-dialog .recognized-table [data-recognized-row]{grid-template-columns:38px 40px minmax(0,1fr) minmax(0,1fr) 24px;gap:4px}}
@media(max-width:380px){.mobile-week-days{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-week-days strong{font-size:14px}}

.schedule-review-dialog .workflow-form-fields{gap:10px;padding:14px}.schedule-review-dialog .dialog-footer{position:sticky;bottom:0;z-index:3;padding:10px 14px}.schedule-review-dialog .dialog-footer button{font-size:14px;padding:10px 12px;white-space:normal}.schedule-review-dialog .review-week label span{font-size:12px;color:var(--muted)}.schedule-review-dialog .review-off input{width:18px!important}.schedule-review-dialog [data-review-progress]{color:var(--muted);font-size:14px}.schedule-review-dialog [data-review-group]>label{display:block;font-size:14px}.schedule-review-dialog [data-review-group]>button{width:100%;font-size:14px}.schedule-review-dialog .review-navigation select{padding:8px 4px}.schedule-review-dialog .review-navigation button{padding:8px 6px}@media(max-width:700px){.work-panel .work-note{font-size:14px}.mobile-week-person .quiz-day{border-bottom:2px solid #d4a52a}}

.password-activation{position:fixed;inset:0;z-index:10000;background:var(--bg,#171717);overflow:auto;display:grid;place-items:center;padding:24px}.password-activation[hidden]{display:none}.password-activation form{max-width:420px;width:100%;display:grid;gap:18px}.password-activation label{display:grid;gap:8px}.day-schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.day-schedule{border:1px solid #5555;border-radius:12px;overflow:hidden}.day-schedule header{padding:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.day-schedule header small{flex-basis:100%}.day-schedule table{width:100%;border-collapse:collapse;font-size:14px}.day-schedule th,.day-schedule td{padding:8px 12px;text-align:left;border-top:1px solid #5553}.day-schedule td{white-space:nowrap}.day-schedule small{display:block;font-size:12px}.day-schedule th:first-child{width:100%}@media(max-width:600px){.day-schedule-grid{grid-template-columns:1fr}}

.iiko-dashboard{margin-bottom:18px}.iiko-dashboard-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.iiko-dashboard-head h3{margin:0}.iiko-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.iiko-dashboard-grid>div{padding:12px;border:1px solid var(--line);border-radius:8px;font-size:14px}.iiko-dashboard-grid strong{display:block;font-size:18px;margin-top:6px}#nav-iiko{font-size:14px;white-space:normal;margin:6px 0;color:inherit;background:transparent;border-color:#555}.iiko-dashboard .secondary{font-size:14px}@media(max-width:650px){.iiko-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact, readable mobile working surfaces. */
.dash-kpi,.dash-kpi span,.dash-kpi strong{color:#fff}.dash-kpi small{color:#e0e4dc}
.task-overdue-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-top:8px;padding:5px 9px;border:1px solid #e7aaa5;border-radius:8px;background:#fff0ef;color:#a0211c;font-size:14px;font-weight:700;line-height:1.4}
.task-overdue-badge>span{font-size:18px}.task-card.overdue-card{border-left:4px solid #bd3028}.due-chip.overdue{color:#a0211c;background:#fff0ef}
#board .profile-navigation .profile-compact-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;border:0}
#board .profile-compact-tabs .profile-nav-button{width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:14px;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal}
#board .profile-compact-tabs .profile-nav-button[aria-current=page]{background:var(--brand-dark);border-color:var(--brand-dark);color:white}
.notification-copy{min-width:0;flex:1}.notification-copy strong{overflow-wrap:break-word;word-break:normal}
.primary,.secondary,.profile-nav-button{word-break:normal;overflow-wrap:normal}
input,select,textarea{max-width:100%;box-sizing:border-box}textarea{line-height:1.5}form label{min-width:0}
@media(max-width:700px){
 #board .profile-navigation .profile-compact-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .schedule-main-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .schedule-main-actions button{width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:14px;line-height:1.4;word-break:normal;overflow-wrap:normal}
 #registration-dialog .notification-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 10px}
 #registration-dialog .notification-copy{width:100%;flex:none}
 #registration-dialog .notification-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}
 #registration-dialog .notification-actions button{flex:1 1 130px;min-width:0;min-height:44px;padding:10px;font-size:14px;line-height:1.4}
 .notification-section-heading{gap:8px;flex-wrap:wrap}.dialog-header h2{font-size:20px;line-height:1.3;min-width:0}
 .branch-goals .goal-pair{grid-template-columns:1fr;gap:8px}.branch-goals .goal-pair>div{min-width:0;padding:12px}
 .branch-goals .goal-pair strong{font-size:clamp(18px,5vw,24px);white-space:normal;overflow-wrap:break-word}
 .profile-label{font-size:14px;letter-spacing:.4px;line-height:1.5}.goal-metric h3{font-size:18px}
 .dash-kpis{grid-template-columns:1fr 1fr;gap:10px}.dash-kpi{min-width:0;padding:14px}.dash-kpi strong{font-size:22px;line-height:1.3;overflow-wrap:break-word}
 .work-panel-head,.profile-section-head{flex-wrap:wrap;gap:12px}.work-panel-head h2{min-width:0;flex:1 1 180px}
 .workspace{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .sidebar .mobile-menu-toggle{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px;padding:10px 14px;min-height:44px;font-size:14px;border-radius:12px}
 .manager-ai-float{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:auto;left:12px;min-height:44px;padding:9px 12px;font-size:14px;border-radius:12px}
 .section-tabs button{min-height:44px;padding:10px 12px}
}
@media(max-width:360px){.dash-kpis{grid-template-columns:1fr}.week-switch{flex-wrap:wrap;justify-content:center}}

/* White sign-in surfaces and contained task controls. */
.session-restore,.entry-screen{background:#fff;background-image:none;color:#302820}
.entry-mission,.entry-mission p{color:#62564d}
.entry-mission h2{color:#302820}
.entry-mission h3,.entry-mission .eyebrow{color:#a52b21}
.entry-card{border-color:#e4ded8;box-shadow:0 12px 36px #30282012}
#board .task-expanded{display:flex;flex-direction:column;gap:12px;padding:12px;min-width:0}
#board .task-expanded .card-meta{margin:0;gap:8px 12px;align-items:center}
#board .task-expanded .card-note,#board .task-expanded .linked-purchases{margin:0}
#board .task-card-actions{display:flex;justify-content:flex-end;min-width:0;order:10}
#board .task-card-actions:empty{display:none}
#board .task-expanded .task-delete{position:static;float:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:10px;line-height:1;border:1px solid #ecd3ce;border-radius:10px}
#board .task-delete svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}
#board .task-summary-status{padding-right:24px;overflow-wrap:anywhere}
#board .task-summary .category{font-size:14px;letter-spacing:0}
#board .task-summary .priority,#board .task-summary-status,#board .task-expanded .card-meta{font-size:14px}
#board .task-summary:after{bottom:11px}
#board .task-card .assignee{min-width:0;overflow-wrap:anywhere}
#board .task-card .purchase-link{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#board .task-edit-corner{width:36px;height:36px;min-height:36px}
#board .task-card:has(.task-edit-corner) .task-summary .card-top{padding-right:32px}