/* ledger.css */
:root{--bg:#f6f5f2;--surface:#fff;--ink:#292825;--muted:#78766f;--line:#e7e5de;--accent:#846348;--accent-soft:#f3ede6;--error:#a43b35;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 14px;min-height:40px;transition:transform 120ms ease-out,background-color 120ms ease}button:active{transform:scale(.98)}button:disabled{cursor:wait;opacity:.65}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.quiet{background:transparent;border-color:transparent}.muted{color:var(--muted);line-height:1.7}.small{font-size:12px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.8px;font-weight:600;margin-bottom:12px}h2{font-size:22px;letter-spacing:-.4px;margin-bottom:12px}h3{font-size:16px;font-weight:600}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.test-banner{background:#ede4d8;color:#6e513a;font-size:12px;text-align:center;padding:8px 16px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);min-width:0}input,select,textarea{border:1px solid var(--line);border-radius:7px;padding:11px 12px;min-height:42px;background:var(--surface);color:var(--ink);width:100%;min-width:0}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #c6b49d;outline-offset:2px}a{color:var(--accent);text-decoration:none}.login-layout{max-width:1080px;min-height:calc(100vh - 33px);margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:90px;padding:60px 40px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{background:#302e29;color:#fff;font-size:16px;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;letter-spacing:-1px}.brand b{font-size:16px;font-weight:600;letter-spacing:-.5px}.login-story .brand{margin-bottom:65px}.login-story h1{font-size:48px;line-height:1.2;letter-spacing:-2px;margin-bottom:25px}.story-copy{max-width:340px;line-height:1.9;color:var(--muted)}.story-lines{display:grid;gap:18px;color:var(--muted);font-size:13px;margin-top:45px}.login-card{padding:36px;border:1px solid var(--line);background:var(--surface);border-radius:16px}.login-card form{display:grid;gap:22px;margin:28px 0 12px}.login-card .small{margin-bottom:0}.error{color:var(--error);min-height:0;line-height:1.6;white-space:pre-wrap}.error:empty{display:none}header{height:88px;padding:20px 40px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:20px}.header-divider{height:20px;width:1px;background:var(--line);margin:0 8px}.header-title{color:var(--muted);font-size:13px}.identity{display:flex;gap:20px;align-items:center}.identity strong,.identity small{display:block;text-align:right}.identity small{color:var(--muted);font-size:11px;margin-top:5px;max-width:300px;white-space:normal}.app-layout{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 121px)}.sidebar{padding:35px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.nav-caption{font-size:11px;color:var(--muted);padding:0 12px;margin-bottom:10px}.nav-item{text-align:left;border:none;background:transparent}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.legacy-link{font-size:12px;padding:16px 12px;color:var(--muted)}.sidebar-note{margin-top:auto;border-top:1px solid var(--line);padding:22px 10px 0;color:var(--muted);font-size:11px;line-height:1.8}.sidebar-note b{font-weight:500;color:var(--ink)}main{padding:38px 42px;min-width:0;max-width:1500px;width:100%}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.page-heading .muted{margin-bottom:0;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(90px,1fr)) repeat(2,minmax(75px,.7fr)) auto auto;gap:12px;align-items:end;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-count{font-size:12px;color:var(--muted);margin:24px 0 16px}.customer-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}.customer-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-card h3{margin:0;font-size:18px}.customer-card .id-line{font-size:11px;color:var(--muted);margin:9px 0 20px;overflow-wrap:anywhere}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#f4f3ef;color:#6f6a5d;border-radius:5px;padding:5px 8px;font-size:11px}.project-mini{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.project-mini strong{font-weight:500;font-size:13px;display:block;margin-bottom:9px}.customer-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.field-hint{font-size:11px;color:var(--muted)}.notice{padding:12px 16px;border-radius:8px;background:#eee9df;color:#715b44;margin-bottom:20px;font-size:13px;overflow-wrap:anywhere}.empty-state{padding:44px 16px;text-align:center;color:var(--muted);grid-column:1/-1;line-height:1.8}.staff-list{display:grid;gap:12px}.staff-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.staff-row h3{margin-bottom:8px}.staff-row .muted{font-size:12px;margin:0}.staff-row .tag-row{margin-top:8px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:calc(100vw - 24px);width:650px;max-height:calc(100vh - 40px);overflow:auto;color:var(--ink);background:var(--surface);box-shadow:0 20px 80px #29282518}dialog::backdrop{background:#29282550}.detail-dialog{width:850px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.dialog-heading h2{margin:0}.dialog-heading .eyebrow{margin-bottom:8px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px;flex-wrap:wrap;margin-bottom:24px}.tabs button{border:none;background:transparent;font-size:13px}.tabs button.active{background:var(--accent-soft);color:var(--accent)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:18px 0 24px}.detail-field dt{color:var(--muted);font-size:11px;margin-bottom:7px}.detail-field dd{margin:0;line-height:1.7;overflow-wrap:anywhere}.project-block{border-top:1px solid var(--line);padding:24px 0 0;margin-top:24px}.project-block .card-heading h3{margin:0}.form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-fields .full{grid-column:1/-1}.form-subtitle{grid-column:1/-1;margin:8px 0 0;font-size:13px;font-weight:600;padding-top:18px;border-top:1px solid var(--line)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.role-checkbox{display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--ink);font-size:13px}.role-checkbox input{width:18px;min-height:18px;height:18px}.history-item{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.history-item time{color:var(--muted);font-size:11px}.history-item .changes{margin-top:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}@media(hover:hover) and (pointer:fine){button:hover{background-color:#f2eee8}.primary:hover{background-color:#72543d;color:#fff}}@media(max-width:1150px){.filters{grid-template-columns:repeat(4,minmax(0,1fr))}.search-wide{grid-column:span 2}main{padding:30px 25px}.page-heading{align-items:flex-start}}@media(max-width:740px){.login-layout{grid-template-columns:1fr;gap:35px;padding:30px 24px}.login-story .brand{margin-bottom:35px}.login-story h1{font-size:36px}.story-lines{display:none}.login-card{padding:25px}.app-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.sidebar-note,.nav-caption,.legacy-link{display:none}header{height:auto;padding:16px}.header-divider,.header-title{display:none}.identity{gap:6px}.identity small{max-width:130px}main{padding:26px 18px}.page-heading{display:block}.actions{margin-top:20px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-card{padding:20px}dialog{padding:22px 18px}.form-fields,.details-grid{grid-template-columns:1fr}.tabs{gap:0}.tabs button{padding:10px 11px}.staff-row{padding:16px;align-items:flex-start}.staff-row button{flex-shrink:0}input,select,textarea{font-size:16px}.test-banner{font-size:11px}.brand b{font-size:14px}.identity strong{font-size:12px}}@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}

.payment-amount{font-size:22px;font-weight:600;margin:12px 0}.payment-card h3{overflow-wrap:anywhere}.finance-summary{margin-top:18px}#payment-content>h3{margin-top:28px}#payment-content .actions{margin:20px 0}#payment-content .notice{white-space:normal;line-height:1.6}#payment-content .history-item p{margin:10px 0;overflow-wrap:anywhere}.payment-card .card-heading{align-items:flex-start}.payment-card .tag{flex-shrink:0}

.ticket-copy{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-card h3{overflow-wrap:anywhere}#ticket-content>h3{margin-top:28px}#ticket-content .actions{margin:20px 0}#ticket-content .history-item p{overflow-wrap:anywhere}#ticket-upload{display:grid;gap:12px;margin:20px 0}#ticket-upload button{justify-self:start}.dialog-heading>button{flex-shrink:0}

/* List filtering remains readable in detail dialogs and on phones. */
.detail-dialog .filters{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:740px){.detail-dialog .filters{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* workbench.css */
/* Yueju workbench visual layer. Champagne, warm plaster and walnut materials. */
#notice{transition:opacity 180ms ease,transform 180ms cubic-bezier(.23,1,.32,1)}
#notice.is-leaving{opacity:0;transform:translateX(-50%) translateY(6px)}
@media(prefers-reduced-motion:reduce){#notice{transition:none}#notice.is-leaving{transform:translateX(-50%)}}
:root{--bg:#f5f1eb;--surface:#fffdf8;--ink:#382e27;--muted:#76695c;--line:#e5dacf;--accent:#705039;--accent-soft:#efe4d5;--error:#aa3932;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}
body{min-width:280px}h1{font-size:clamp(28px,2.7vw,38px);font-weight:650;letter-spacing:-1.2px;text-wrap:balance;line-height:1.3}h2{font-size:22px;line-height:1.4;letter-spacing:-.5px}p{line-height:1.7}button{border-radius:10px;min-height:44px;padding:10px 16px;transition:background-color 160ms ease,color 160ms ease,transform 160ms cubic-bezier(.16,1,.3,1);touch-action:manipulation}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default;opacity:.5}.primary{background:var(--accent);border-color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #97754e;outline-offset:3px}input,select,textarea{border-radius:10px;min-height:44px;background:#fffdf8}input:focus,select:focus,textarea:focus{outline:2px solid #93806a;outline-offset:2px}textarea{line-height:1.7}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600;color:#7e7b6c}.small{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.test-banner{padding:5px 16px;background:#e9e6de;color:#69624f;font-size:11px}
.brand-mark{background:#705039;width:38px;height:38px;box-shadow:inset 0 0 0 1px #ffffff24;border-radius:13px;font-size:20px}.brand b{font-size:17px;letter-spacing:-.3px}.brand{gap:11px}.login-layout{max-width:1180px;min-height:calc(100dvh - 28px);gap:80px;padding:64px 40px;position:relative;isolation:isolate}.login-story{position:relative}.login-story .brand{margin-bottom:72px}.login-story h1{font-size:clamp(32px,3.4vw,48px);line-height:1.35;letter-spacing:-1.8px}.story-copy{max-width:380px;line-height:1.9}.story-lines{margin-top:40px;gap:16px}.story-lines span{padding-left:16px;border-left:2px solid #c3b8ab}.login-card{padding:38px;border-radius:24px;box-shadow:0 16px 56px #382e2708;position:relative}.login-card:before{content:"";position:absolute;top:-10px;left:35px;right:35px;height:10px;border-radius:14px 14px 0 0;background:#e4ddd6}.login-card form{gap:22px}.login-card .primary{min-height:48px}.login-layout:before{content:"";position:absolute;z-index:-1;left:-40px;bottom:40px;width:290px;height:320px;border:1px solid #e0e0d4;border-radius:150px 150px 8px 8px;transform:rotate(-8deg);pointer-events:none}
header{height:80px;padding:18px 32px;position:sticky;top:0;z-index:15;background:#fffdf8;border-color:var(--line)}.identity small{max-width:260px;line-height:1.4}.identity{gap:18px}.header-title{font-size:12px}.app-layout{grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 108px)}.sidebar{background:#eee4d6;padding:30px 18px;gap:7px;position:sticky;top:80px;height:calc(100dvh - 80px)}.nav-caption{letter-spacing:1.5px}.nav-item{display:flex;align-items:center;gap:12px;border-radius:12px;min-height:46px;color:#786957;white-space:nowrap}.nav-item.active{background:#fffdf8;color:#63472f;box-shadow:0 2px 10px #382e2706}.nav-icon{font-size:21px;width:24px;text-align:center;line-height:1}.sidebar-note{line-height:1.9;font-size:11px;padding:20px 8px 0}.sidebar-note b{font-weight:600}main{padding:36px 40px;max-width:1550px}.page-heading{margin-bottom:28px;gap:20px}.page-heading .eyebrow{margin-bottom:8px}.page-heading h1{margin-bottom:8px}.page-heading .muted{max-width:650px}.notice{position:fixed;bottom:24px;left:calc(50% + 105px);transform:translateX(-50%);z-index:80;max-width:min(650px,calc(100vw - 32px));width:max-content;padding:14px 20px;background:#3d3429;color:#fffdf8;box-shadow:0 6px 30px #382e2720;border-radius:12px;margin:0;pointer-events:none}
.filters{display:flex;flex-wrap:wrap;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#efefe9;align-items:flex-end}.filters>.search-wide{flex:1 1 260px}.filters>label{flex:1 1 140px}.filters>.search-wide input{min-width:0}.filters>button{flex:0 0 auto}.filter-disclosure{flex:1 1 100%;width:100%;order:1}.filter-disclosure>summary{font-size:12px;color:var(--accent);cursor:pointer;padding:8px 0;list-style:none;display:none;min-height:38px;align-items:center;gap:8px}.filter-disclosure>summary:before{content:"＋"}.filter-disclosure[open]>summary:before{content:"−"}.filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filter-fields label{font-size:12px}.filters>button[type=submit]{background:var(--accent);color:white;border-color:var(--accent)}.result-count{margin:20px 2px 14px;color:#857461;font-size:12px}.customer-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,325px),1fr));gap:16px}.customer-card{padding:24px;border-radius:18px;background:var(--surface);border-color:#e4dfda;box-shadow:0 2px 8px #382e2703}.customer-card .id-line{font-size:10px;letter-spacing:.2px}.customer-card h3{font-size:19px}.tag{background:#f1ede9;color:#726453;border-radius:6px;line-height:1.4;padding:5px 9px}.customer-card .card-footer button{font-weight:500}.staff-row{border-radius:16px;padding:20px 24px}.staff-row>div{min-width:0}.staff-row .tag-row{margin-top:12px}.staff-row h3{line-height:1.6}.empty-state{background:#f1ede9;border:1px dashed #ded7cf;border-radius:16px;padding:40px 20px}.empty-state h3{margin:12px 0 6px}.empty-state p{margin:0}.empty-symbol{font-size:36px;line-height:1;color:#96836d}.empty-state.compact{background:transparent;border:none;padding:30px 16px;font-size:13px}
dialog{border-radius:22px;padding:28px;width:660px;max-height:calc(100dvh - 40px);box-shadow:0 24px 90px #34291c2b;border-color:#ded7cf;overscroll-behavior:contain}dialog::backdrop{background:#31281d52}.detail-dialog{width:920px}.dialog-heading{position:sticky;top:-28px;padding:4px 0 16px;background:var(--surface);z-index:3;border-bottom:1px solid var(--line);align-items:center}.dialog-heading h2{font-size:23px}.dialog-heading>div{min-width:0}.dialog-heading .eyebrow{font-size:10px}.dialog-heading>button{min-height:44px}.tabs{position:sticky;top:48px;background:var(--surface);z-index:2;gap:6px;padding-bottom:12px}.tabs button.active{border-radius:8px;background:#f0ebe5}.form-fields{gap:20px}.form-actions{position:sticky;bottom:-28px;background:var(--surface);padding:18px 0 4px;border-top:1px solid var(--line);z-index:2}.form-subtitle{font-size:14px}.project-block{margin-top:26px;padding-top:24px}.card-heading{flex-wrap:wrap}.card-heading h2{font-size:18px;margin:0}.history-item{border-color:var(--line)}.detail-dialog .filters{display:flex}.detail-dialog .filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-amount{font-size:28px;color:#705039}.ticket-copy{font-size:14px;line-height:1.8}.details-grid{gap:20px}.details-grid dt{font-size:12px}.role-checkbox{min-height:44px;padding:8px;border-radius:8px;background:#f4f1ed}.role-checkbox input{accent-color:var(--accent);flex-shrink:0}
.today-pill{font-size:12px;color:#6f6151;background:#ece7e1;border:1px solid #e4ded7;padding:10px 14px;border-radius:30px;white-space:nowrap}.home-hero{position:relative;background:#e9dcc8;border:1px solid #e3dcd3;border-radius:24px;padding:34px 38px;display:flex;justify-content:space-between;overflow:hidden;gap:24px;min-height:280px}.home-hero h2{font-size:32px;font-weight:600;line-height:1.45;letter-spacing:-1.1px;margin:14px 0}.hero-kicker{font-size:12px;color:#806548;letter-spacing:1px}.home-hero p{font-size:13px;color:#7b6752;margin-bottom:22px}.home-hero .actions{margin:0}.hero-architecture{position:relative;width:230px;flex-shrink:0;align-self:stretch}.hero-architecture i{position:absolute;bottom:0;border-radius:100px 100px 0 0;border:1px solid #b1a392;background:#c7ae8a;width:140px;height:220px;left:40px;transform:rotate(-6deg)}.hero-architecture i:nth-child(2){left:85px;bottom:15px;width:125px;height:190px;background:#826044;transform:rotate(10deg)}.hero-architecture i:nth-child(3){width:105px;height:150px;left:10px;bottom:-10px;background:#f3e8d6;transform:rotate(-15deg)}.hero-architecture span{position:absolute;left:85px;top:98px;font-size:34px;color:#fff4df;font-weight:500;letter-spacing:5px;transform:rotate(10deg)}.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.metric{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:20px 24px}.metric p{margin:0 0 10px;font-size:12px;color:var(--muted)}.metric strong{font-size:36px;font-weight:500;letter-spacing:-1px;color:#705039;display:block;margin-bottom:6px}.metric small{font-size:11px;color:var(--muted);line-height:1.6}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-panel{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:22px}.home-panel .card-heading{margin-bottom:8px}.home-row{display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:17px 3px;width:100%;background:transparent}.home-row:last-child{border-bottom:none}.home-row>span:first-child{min-width:0}.home-row b{font-size:13px;font-weight:550;overflow-wrap:anywhere;line-height:1.7}.home-row small{display:block;margin-top:5px;font-size:12px;color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.home-row>span:last-child{color:#917e69}
.board-compose{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:24px;margin-bottom:24px}.composer-identity{display:flex;gap:12px;align-items:center;margin-bottom:16px}.composer-identity p{margin:4px 0 0}.avatar{width:40px;height:40px;background:#ece6df;color:#715e49;display:grid;place-items:center;border-radius:14px;font-size:18px;flex-shrink:0}.avatar.anonymous{background:#eee8df;color:#8b765b}.board-compose>textarea{border:0;background:#f5f5ef;min-height:118px;padding:16px;font-size:14px}.composer-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}.check-inline{display:flex;flex-direction:row;gap:8px;align-items:center;white-space:nowrap;min-height:44px;color:#695b4c}.check-inline input{width:18px;height:18px;min-height:18px;accent-color:var(--accent);flex-shrink:0}.mention-picker{flex-direction:row;align-items:center;gap:8px;min-height:44px}.mention-picker select{width:130px;padding:8px;min-height:38px;font-size:12px}.composer-toolbar>.primary{margin-left:auto}.composer-toolbar>.small{margin-left:auto}.composer-toolbar>.small+.primary{margin-left:0}.mention-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mention-chips:empty{display:none}.mention-chip,.mention-chips>span{background:#f2ece6;border:0;border-radius:7px;color:#755f46;font-size:12px;padding:5px 10px;min-height:32px}.board-compose>p{margin-bottom:0;margin-top:14px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0 16px;gap:12px}.segmented{display:flex;gap:3px;border:1px solid #e3ded8;background:#ece7e1;padding:4px;border-radius:12px}.segmented button{background:transparent;border:0;border-radius:8px;min-height:38px;font-size:12px;padding:8px 14px}.segmented .selected{background:var(--surface);box-shadow:0 2px 6px #382e270b;color:var(--accent);font-weight:600}.board-feed{display:grid;gap:18px}.board-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:24px}.board-card-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}.board-card-heading>div{min-width:0}.board-card-heading b{font-size:14px}.board-card-heading p{margin:4px 0 0;font-size:11px}.board-card-heading>.tag{margin-left:auto;font-size:10px;white-space:nowrap}.board-body{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.board-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.board-actions button{font-size:12px;border:0;background:#f3f0ed;padding:8px 12px;min-height:40px}.board-actions [aria-pressed=true]{background:#ecedde;color:#70573a}.board-actions>.quiet{background:transparent;color:var(--muted);margin-left:auto}.board-discussion{border-top:1px solid var(--line);margin-top:20px;padding-top:6px}.board-discussion>summary{cursor:pointer;font-size:12px;font-weight:550;list-style:none;padding:14px 0;display:flex;justify-content:space-between;min-height:44px}.board-discussion>summary span{font-weight:400;color:var(--muted)}.board-comment{border-left:2px solid #e5ded5;background:#f7f7f1;padding:14px 16px;border-radius:0 12px 12px 0;margin-bottom:10px}.board-comment b{font-size:12px;font-weight:600}.board-comment time{font-size:10px;color:var(--muted)}.board-comment .board-body{font-size:13px;margin-top:10px}.board-comment .board-actions{margin-top:12px}.board-comment .board-actions button{min-height:36px;padding:6px 10px;font-size:11px}.board-reply-form{margin-top:12px}.board-reply-form textarea{min-height:80px;background:#f9f6f3}.board-reply-form .composer-toolbar{gap:12px}.board-reply-form>.small{font-size:10px;margin:10px 0 0}.badge{background:#7a5136;color:#fff;border-radius:20px;min-width:19px;display:inline-block;padding:2px 5px;font-size:10px;margin-left:3px}.thread-highlight{outline:2px solid #988268;outline-offset:3px}#board-more{display:block;margin:20px auto}#board-dialog-content .board-card{margin-top:16px}
.boot-screen{position:fixed;inset:0;z-index:1000;background:#f5f1eb;display:grid;place-items:center;transition:opacity 180ms ease-out}.boot-screen.leaving{opacity:0;pointer-events:none}.boot-lockup{text-align:center;padding:24px}.boot-emblem{width:100px;height:100px;margin:0 auto 24px;position:relative;display:grid;place-items:center}.boot-emblem i{position:absolute;width:64px;height:80px;background:#d3bc98;border-radius:36px 36px 10px 10px;left:12px;top:10px;transform:rotate(-12deg);animation:boot-panel 900ms cubic-bezier(.16,1,.3,1) both}.boot-emblem i:nth-child(2){left:30px;top:10px;background:#705039;transform:rotate(12deg);animation-name:boot-panel-second}.boot-emblem span{z-index:1;color:#fff;font-size:36px;transform:rotate(8deg)}.boot-lockup h1{font-size:26px;margin:0 0 8px;letter-spacing:1px}.boot-lockup p{font-size:12px;color:var(--muted)}.boot-spinner{display:block;width:20px;height:20px;border:2px solid #e1dbd5;border-top-color:#776046;border-radius:50%;margin:24px auto;animation:boot-turn 900ms linear infinite}.boot-lockup button{font-size:12px;color:var(--muted)}@keyframes boot-panel{from{opacity:0;transform:translateY(10px) rotate(-22deg)}to{opacity:1;transform:translateY(0) rotate(-12deg)}}@keyframes boot-panel-second{from{opacity:0;transform:translateY(10px) rotate(22deg)}to{opacity:1;transform:translateY(0) rotate(12deg)}}@keyframes boot-turn{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){button:hover{background-color:#ece6df}.primary:hover{background-color:#463829}.nav-item:hover{background:#e8e2db}.nav-item.active:hover{background:#fffdf8}.home-row:hover{background:#f6f2ed}.quiet:hover{background:#eee9e3}.board-actions button:hover{background:#eae3dc}}
@media(min-width:741px){.filter-disclosure:not([open])>.filter-fields{display:grid}.filter-disclosure:not([open]){content-visibility:visible}}
@media(max-width:1150px){main{padding:30px 24px}.app-layout{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:26px 14px}.filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero{padding:28px}.hero-architecture{width:170px}.hero-architecture i{left:15px}.hero-architecture i:nth-child(2){left:60px}.hero-architecture i:nth-child(3){left:0}.hero-architecture span{left:60px}.home-metrics{gap:12px}.metric{padding:18px}.home-columns{gap:16px}.home-panel{padding:18px}.notice{left:calc(50% + 92px)}}
@media(max-width:900px){.home-columns{grid-template-columns:1fr}.home-hero h2{font-size:28px}.hero-architecture{width:140px}.hero-architecture i{width:110px}.hero-architecture i:nth-child(2){width:100px;left:40px}.hero-architecture i:nth-child(3){width:80px}.hero-architecture span{left:55px;font-size:25px}.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{gap:40px;padding:44px 30px}.login-story h1{font-size:36px}.login-card{padding:30px}}
@media(max-width:740px){.login-layout{grid-template-columns:1fr;gap:30px;padding:32px 22px;min-height:calc(100dvh - 28px)}.login-story .brand{margin-bottom:28px}.login-story h1{font-size:30px;letter-spacing:-.9px;margin-bottom:14px}.story-copy{font-size:13px;margin-bottom:0}.login-card{padding:28px 24px}.login-card h2{font-size:23px}.login-layout:before{display:none}header{height:70px;padding:12px 16px;gap:10px;top:0}.brand{gap:8px}.brand-mark{width:34px;height:34px;font-size:18px;border-radius:11px}.brand b{font-size:15px}.identity{gap:8px;min-width:0}.identity strong{font-size:12px}.identity small{font-size:10px;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity button{font-size:12px;padding:8px;min-height:44px}.app-layout{display:block;min-height:calc(100dvh - 98px)}.sidebar{position:sticky;top:70px;z-index:14;height:auto;padding:8px 12px;flex-direction:row;flex-wrap:nowrap;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border-bottom:1px solid var(--line);background:#eee4d6}.sidebar::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;min-height:44px;padding:9px 13px;gap:7px;font-size:12px}.nav-icon{font-size:17px;width:18px}.nav-caption,.sidebar-note,.legacy-link{display:none}main{padding:26px 16px max(24px,env(safe-area-inset-bottom))}.page-heading{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:22px}.page-heading .actions{margin:0;width:100%}.page-heading h1{font-size:28px}.page-heading .muted{font-size:12px}.page-heading>.today-pill{font-size:11px;padding:7px 12px}.filters{padding:14px;gap:10px;display:flex;flex-wrap:wrap}.filters>.search-wide{flex:1 1 100%;grid-column:auto}.filters>label{flex:1 1 120px}.filters>button{flex:1 1 auto}.filter-disclosure{order:0;border-top:1px solid #e2dcd5;padding-top:4px}.filter-disclosure>summary{display:flex;font-size:12px;min-height:44px}.filter-fields,.detail-dialog .filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-disclosure:not([open]) .filter-fields{display:none}.filter-disclosure[open] .filter-fields{padding-bottom:12px}.search-wide{grid-column:auto}input,select,textarea,.board-compose>textarea{font-size:16px}button{min-height:44px}.customer-list{grid-template-columns:minmax(0,1fr)}.customer-card{padding:22px 20px}.result-count{font-size:11px}.card-heading{gap:12px}.card-heading .actions{margin-top:0}.staff-row{padding:18px 16px;flex-wrap:wrap}.staff-row button{margin-left:auto}.home-hero{border-radius:20px;padding:26px 24px;min-height:0}.home-hero h2{font-size:28px}.hero-architecture{display:none}.home-hero p{font-size:12px}.home-hero .actions{gap:10px;margin-top:20px}.home-hero .actions button{font-size:12px;min-height:44px}.home-metrics{gap:12px;margin:18px 0}.metric{padding:18px 16px}.metric strong{font-size:30px}.metric small{font-size:10px}.metric p{font-size:11px}.home-panel{border-radius:18px;padding:18px}.home-panel .card-heading h2{font-size:17px}.home-panel .quiet{font-size:11px;padding:8px}.home-columns{gap:16px}.notice{bottom:max(18px,env(safe-area-inset-bottom));left:50%;width:calc(100vw - 32px);font-size:12px;line-height:1.7}.board-compose{border-radius:18px;padding:20px 16px}.composer-toolbar{gap:10px}.composer-toolbar .small{font-size:10px}.composer-toolbar>.primary{font-size:12px;padding:10px 14px}.check-inline{font-size:12px}.mention-picker{font-size:12px;gap:5px}.mention-picker select{font-size:16px;width:114px;min-height:44px}.board-compose>textarea{padding:14px;min-height:115px}.board-card{border-radius:18px;padding:20px 16px}.board-card-heading{gap:10px;flex-wrap:wrap}.board-card-heading>.tag{font-size:9px}.board-card-heading p{font-size:10px}.board-body{font-size:14px}.board-actions{gap:6px}.board-actions button,.board-comment .board-actions button{min-height:44px}.board-discussion>summary{min-height:48px}.board-comment{padding:14px 12px}.board-comment .card-heading{gap:6px}.board-comment time{font-size:9px}.board-reply-form .composer-toolbar{gap:8px}.board-reply-form .primary{min-height:44px}.board-toolbar{gap:8px}.segmented button{min-height:40px;padding:8px 12px}.board-toolbar>.quiet{font-size:12px;padding:8px 12px}dialog{width:100%;max-width:100vw;max-height:92dvh;margin:auto 0 0;padding:22px 18px max(22px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-width:1px 0 0}.detail-dialog{width:100%}.dialog-heading{top:-22px;padding-bottom:14px}.dialog-heading h2{font-size:21px;overflow-wrap:anywhere}.dialog-heading .eyebrow{font-size:9px}.form-fields,.details-grid{grid-template-columns:minmax(0,1fr);gap:18px}.form-actions{bottom:-22px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.form-actions button{flex:1}.tabs{top:40px;gap:4px}.tabs button{font-size:12px;padding:8px 12px;min-height:44px}.project-block .actions{margin:0}.project-block .actions button{font-size:12px}.detail-dialog .filters{display:flex}.detail-field dd{font-size:14px}.role-checkbox{font-size:14px}.boot-lockup h1{font-size:24px}}
@media(max-width:360px){main{padding:24px 12px}.brand b{font-size:13px}.brand-mark{width:30px;height:30px}.identity{gap:3px}.identity small{max-width:78px}.home-hero{padding:23px 20px}.home-hero h2{font-size:25px}.composer-toolbar{gap:6px}.composer-toolbar>.small{flex:1 1 auto;text-align:right}.composer-toolbar>.primary{flex:1 1 100%;margin-left:0}.mention-picker select{width:110px}.board-card-heading>.tag{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled){transform:none}.boot-emblem i{opacity:1}.boot-spinner{border-top-color:#e1dbd5;background:#8c7862;width:8px;height:8px;border:0}.boot-screen.leaving{display:none}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{background:#594d40}.notice{box-shadow:none}}
@media(prefers-contrast:more){:root{--muted:#4e4438;--line:#aa9b89}.eyebrow,.result-count,.identity small{color:#4e4438}.tag{color:#3e3020}.board-card,.customer-card,.home-panel{border-color:#aa9b89}}


/* card_motion.css */
/* Surface depth follows the hand. Transforms are spring-driven, never transition:all. */
@property --surface-x{syntax:'<percentage>';inherits:false;initial-value:50%}
@property --surface-y{syntax:'<percentage>';inherits:false;initial-value:40%}
.motion-card{position:relative;isolation:isolate;transform-origin:center;transition:box-shadow 220ms ease,border-color 180ms ease,background-color 180ms ease;--surface-x:50%;--surface-y:40%}
.motion-card::after{--surface-x:inherit;--surface-y:inherit;content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(260px circle at var(--surface-x) var(--surface-y),#ffffffa8,transparent 72%);opacity:0;transition:opacity 220ms ease;mix-blend-mode:soft-light}
.motion-card.surface-hover{border-color:#beb3a6;box-shadow:0 16px 32px -14px #4e423530,0 3px 8px #4e423510;background-color:#fffef9;z-index:2}
.motion-card.surface-hover::after{opacity:1}.motion-card.surface-pressed{box-shadow:0 3px 10px #4e423516;border-color:#a1907d}
.surface-link{cursor:pointer}.motion-card:focus-within{border-color:#bbad9e}.motion-card button,.motion-card input,.motion-card textarea,.motion-card select{position:relative;z-index:2}
button.metric{text-align:left;display:block;min-height:148px;cursor:pointer;padding-right:38px;background:#fffdf8;overflow:visible}
.metric-label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.metric-note{display:block;font-size:11px;line-height:1.6;color:var(--muted)}
.metric-arrow{position:absolute;right:20px;top:20px;color:#998773;font-size:18px;opacity:.55;transition:translate 180ms cubic-bezier(.16,1,.3,1),opacity 180ms ease}
.metric.surface-hover .metric-arrow{translate:2px -2px;opacity:1}.metric:focus-visible{outline:3px solid #97754e;outline-offset:4px}
.home-row.motion-card{border-radius:11px;padding:17px 12px;margin-top:2px;border-bottom-color:#e8e2db;box-shadow:none}.home-row.surface-hover{background:#f2ece6;box-shadow:0 7px 14px -9px #4e423530}
.home-row>span:last-child{transition:translate 180ms cubic-bezier(.16,1,.3,1)}.home-row.surface-hover>span:last-child{translate:3px -2px}
.home-hero{background:radial-gradient(ellipse at 90% 0%,#f5f0eb99,transparent 66%),linear-gradient(120deg,#e9dcc8,#dfcbb0);box-shadow:inset 0 1px 0 #ffffffb8,0 10px 30px -26px #55473770}
.hero-architecture i{box-shadow:inset 2px 2px 0 #ffffff40,6px 15px 24px -15px #5f514160}.hero-architecture i:nth-child(2){box-shadow:inset 2px 2px 0 #ffffff36,12px 20px 28px -17px #5f514160}
dialog{box-shadow:0 30px 100px #34291c39,inset 0 1px 0 #fff}dialog::backdrop{background:#362c2045;backdrop-filter:blur(3px)}
.boot-emblem{filter:drop-shadow(0 10px 14px #46382918)}.boot-emblem i{box-shadow:inset 2px 2px 0 #ffffff50}.boot-lockup h1{letter-spacing:1.8px}
.boot-emblem i{animation:brand-fold-left 620ms cubic-bezier(.16,1,.3,1) both}.boot-emblem i:nth-child(2){animation:brand-fold-right 620ms cubic-bezier(.16,1,.3,1) both}.boot-lockup h1{animation:brand-word 380ms cubic-bezier(.16,1,.3,1) both}.boot-lockup p{animation:brand-word 420ms 45ms cubic-bezier(.16,1,.3,1) both}
@keyframes brand-fold-left{from{opacity:0;transform:translate(-9px,6px) rotate(-28deg) scale(.92)}to{opacity:1;transform:translate(0,0) rotate(-12deg) scale(1)}}@keyframes brand-fold-right{from{opacity:0;transform:translate(9px,6px) rotate(28deg) scale(.92)}to{opacity:1;transform:translate(0,0) rotate(12deg) scale(1)}}@keyframes brand-word{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:740px){button.metric{min-height:144px;padding:18px 16px;padding-right:32px}.metric-label{font-size:11px}.metric-note{font-size:10px}.metric-arrow{right:14px;top:16px;font-size:16px}.home-row.motion-card{padding:15px 8px}.motion-card.surface-hover{box-shadow:none}.motion-card::after{display:none}dialog::backdrop{backdrop-filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){.motion-card,.metric-arrow,.home-row>span:last-child{transform:none!important;translate:none!important;transition:none!important}.motion-card::after{display:none}.motion-card.surface-hover{box-shadow:0 3px 8px #4e423510}.boot-emblem{filter:none}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{backdrop-filter:none;background:#594d40}.motion-card::after{display:none}}
@media(prefers-contrast:more){.motion-card{border-color:#9b8974}.motion-card::after{display:none}.metric-arrow{color:#524638;opacity:1}}
/* yueju-3: wood stays on architectural surfaces; reading areas remain warm white. */
.sidebar{background-image:linear-gradient(#eee4d6d9,#eee4d6e8),url('/assets/wood-grain.svg?h=bb22e3f76aa2ae50831422d7aa71d42a8cf5e3ca52f903a7bed90515ac186a1d');background-size:auto,240px 600px}
.home-hero{background:radial-gradient(ellipse at 85% 5%,#fff8e8c9,transparent 65%),linear-gradient(120deg,#eee2ce,#dfc8a9);border-color:#d9c5a9}
.hero-architecture i{background-image:linear-gradient(100deg,#fff9dd38,#96704812 45%,#5b3c201c),url('/assets/wood-grain.svg?h=bb22e3f76aa2ae50831422d7aa71d42a8cf5e3ca52f903a7bed90515ac186a1d');background-size:auto,180px 450px;border-color:#b79b75;box-shadow:inset 2px 2px 0 #fff4d94d,6px 15px 24px -15px #553b2860}
.hero-architecture i:nth-child(2){background-color:#967050;background-image:linear-gradient(100deg,#efcf9c26,transparent 45%,#3f261630),url('/assets/wood-grain.svg?h=bb22e3f76aa2ae50831422d7aa71d42a8cf5e3ca52f903a7bed90515ac186a1d');box-shadow:inset 2px 2px 0 #f7dbb433,12px 20px 28px -17px #553b2860}
.hero-architecture i:nth-child(3){background-color:#efe2cb;background-image:linear-gradient(110deg,#fffaf057,#b6987112),url('/assets/wood-grain.svg?h=bb22e3f76aa2ae50831422d7aa71d42a8cf5e3ca52f903a7bed90515ac186a1d')}
.hero-architecture span{color:#fff1d4;font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;font-weight:500;font-size:clamp(28px,2.5vw,38px);letter-spacing:.16em;line-height:1.2;text-shadow:0 1px 3px #402a2233;font-synthesis:none}
.brand-mark{background:#c8202e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24;font-family:Arial,sans-serif;font-size:16px;font-weight:800;letter-spacing:-1px;flex-shrink:0}
.boot-screen{background:radial-gradient(ellipse at 50% 36%,#fcf6ea,#f1e8da)}
.boot-emblem i{background:#e34b53;border:1px solid #d13944}
.boot-emblem i:nth-child(2){background:#c8202e;border-color:#b71927}
.boot-emblem span{font-family:Arial,sans-serif;font-size:31px;font-weight:800;letter-spacing:-2px;transform:none}
.login-card:before{background:linear-gradient(90deg,#c9ae87,#ecddc2,#b99a71)}
.login-layout:before{background-image:linear-gradient(#eee2ccde,#eee2cce8),url('/assets/wood-grain.svg?h=bb22e3f76aa2ae50831422d7aa71d42a8cf5e3ca52f903a7bed90515ac186a1d');background-size:auto,180px 450px;border-color:#dac5a6}
@media(prefers-contrast:more){.hero-kicker,.home-hero p{color:#59422d}.hero-architecture i{border-color:#775638}}


/* assistant.css */
.assistant-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.assistant-library{border:1px solid var(--line);border-radius:18px;padding:18px;background:#f1e9dd}.assistant-library h2{font-size:16px}.assistant-library .card-heading{gap:8px}.assistant-library button{font-size:12px;padding:8px 10px}.assistant-thread{display:block;width:100%;text-align:left;background:transparent;border:0;margin:5px 0}.assistant-thread.active{background:var(--surface)}.assistant-thread small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.assistant-library form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;display:grid;gap:10px}.assistant-library form input{width:100%;min-width:0}.knowledge-document{padding:12px 0;border-bottom:1px solid var(--line)}.knowledge-document .check-inline{white-space:normal;align-items:flex-start;color:var(--ink);font-size:12px}.knowledge-document input{margin-top:3px}.knowledge-document .quiet{margin-left:24px;min-height:34px}.assistant-conversation{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;min-width:0}.assistant-context{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line);background:linear-gradient(105deg,#f9f1e5,#fffdf8)}.assistant-context p{margin:5px 0 0;font-size:11px}.assistant-context .brand-mark{display:grid;place-items:center;flex-shrink:0}#assistant-messages{min-height:340px;max-height:62dvh;overflow:auto;padding:26px;overscroll-behavior:contain}.assistant-welcome{padding:50px 10px;text-align:center}.assistant-welcome h2{font-size:26px;margin:16px 0}.assistant-welcome p{color:var(--muted);font-size:13px}.assistant-welcome button{font-size:12px;margin-top:18px;background:#f4ebde}.assistant-turn+.assistant-turn{margin-top:30px}.assistant-question{display:flex;gap:12px;justify-content:flex-end;align-items:flex-start}.assistant-question>span{font-size:11px;color:var(--muted);padding-top:12px;flex-shrink:0}.assistant-question p{margin:0;max-width:85%;padding:12px 16px;background:#eee0ca;border-radius:16px 4px 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-answer{padding-top:22px}.assistant-answer>b{font-size:12px;color:var(--accent)}.assistant-answer-text{margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.assistant-sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center}.assistant-sources button{font-size:11px;min-height:36px;background:#f7f1e8;max-width:100%;white-space:normal;overflow-wrap:anywhere}.assistant-sources span{margin-right:5px}.assistant-thinking{color:var(--muted);animation:assistant-breathe 1.4s ease-in-out infinite alternate}@keyframes assistant-breathe{to{opacity:.5}}#assistant-form{padding:18px 24px;border-top:1px solid var(--line);background:#fcf8f1}#assistant-question{width:100%;resize:vertical;min-height:88px;max-height:220px;background:var(--surface);box-sizing:border-box}.assistant-send-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px}.assistant-send-row .small{font-size:10px}.knowledge-original{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;padding:16px 0}.knowledge-admin-list{display:grid;gap:8px;margin-top:20px}.knowledge-admin-list button{text-align:left;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.knowledge-admin-list small{color:var(--muted)}.knowledge-editor{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:18px}.knowledge-editor .full{grid-column:1/-1}.knowledge-editor fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}.knowledge-editor legend{font-size:12px;color:var(--muted)}.knowledge-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.knowledge-editor details label{margin-top:12px}.knowledge-editor input,.knowledge-editor textarea,.knowledge-editor select{width:100%;box-sizing:border-box}.knowledge-editor input[type=checkbox]{width:18px;min-height:18px}.knowledge-editor summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.knowledge-editor .role-checkbox{font-size:12px}.knowledge-editor .role-checkbox input{flex:0 0 18px}.knowledge-editor>label{min-width:0}.knowledge-editor .actions{justify-content:flex-end}
@media(max-width:1100px){.assistant-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}}
@media(max-width:740px){.assistant-layout{display:flex;flex-direction:column-reverse;gap:18px}.assistant-library,.assistant-conversation{width:100%;box-sizing:border-box}.assistant-context{padding:18px 16px}.assistant-context p{font-size:10px}#assistant-messages{padding:20px 16px;min-height:280px;max-height:58dvh}.assistant-welcome{padding:28px 0}.assistant-welcome h2{font-size:23px}#assistant-form{padding:16px}#assistant-question{font-size:16px}.assistant-send-row{flex-wrap:wrap;gap:8px}.assistant-send-row button{margin-left:auto}.assistant-sources button{min-height:44px}.knowledge-editor{grid-template-columns:minmax(0,1fr)}.knowledge-checks{grid-template-columns:minmax(0,1fr)}.assistant-library input{font-size:16px}.assistant-library .quiet{min-height:44px}}


/* studio_details.css */
/* Yueju studio details: small material moments, clear work information. */
.nav-icon svg{display:block;width:21px;height:21px}.nav-item{position:relative}.nav-item.active:after{content:"";position:absolute;right:10px;width:4px;height:16px;border-radius:4px;background:#c8202e}
.page-heading .eyebrow:before{content:"";display:inline-block;width:17px;height:1px;vertical-align:middle;background:#a78961;margin-right:9px}
.today-pill{border-radius:10px;background:#fffaf0;box-shadow:inset 0 3px 0 #d9c09b;position:relative;padding:12px 14px 9px}
.home-hero{padding-top:30px;padding-bottom:30px;min-height:300px}
.home-hero:before{content:"";position:absolute;right:5%;top:25px;width:30%;height:205px;border-top:1px solid #a68a5b24;border-right:1px solid #a68a5b24;border-radius:0 80px 0 0;pointer-events:none}
.home-hero>div:first-child{position:relative;z-index:1;align-self:center;min-width:0}.home-hero .hero-knowledge{color:#674f36;padding-left:8px;padding-right:8px;background:transparent;border-color:transparent}
.hero-knowledge span{display:inline-block;margin-left:5px;transition:transform 180ms cubic-bezier(.16,1,.3,1)}
.material-desk{position:relative;flex:0 0 254px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;isolation:isolate}
.material-desk .hero-architecture{display:block;width:230px;height:220px;min-height:220px;align-self:center;margin-top:-12px;margin-bottom:26px}
.material-desk .hero-architecture i{transition:translate 260ms cubic-bezier(.16,1,.3,1);box-shadow:inset 2px 2px 0 #fff4d94d,6px 15px 24px -15px #553b2860}
.material-desk .hero-architecture span{left:96px;top:80px;font-size:36px}
.material-desk[data-material=linen] .hero-architecture i:nth-child(2){background-color:#95816b;background-image:repeating-linear-gradient(0deg,#fff6e322 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#46331c26 0 1px,transparent 1px 3px);background-size:auto;border-color:#9e8c73}
.material-desk[data-material=stone] .hero-architecture i:nth-child(2){background-color:#8a7b6c;background-image:linear-gradient(128deg,transparent 29%,#ece2ce9c 29.4%,#b9aa92 30%,transparent 31%),linear-gradient(115deg,transparent 57%,#f0e7d34d 57.5%,transparent 59%),linear-gradient(72deg,#c8bca247,transparent 55%,#584b3d44);background-size:auto;border-color:#9c8e7c}
.material-caption{display:flex;justify-content:space-between;gap:34px;align-items:center;width:210px;font-size:11px;color:#6b553b;padding-bottom:8px;border-bottom:1px solid #a88b622e}.material-caption>span:first-child{letter-spacing:2px}.material-caption>span:last-child{color:#816b50}
.material-picker{display:flex;gap:8px;padding-top:7px}.material-picker button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#78644d;font-size:11px;padding:7px 8px;min-height:36px;border-radius:8px;transition:background-color 150ms ease,transform 150ms cubic-bezier(.16,1,.3,1)}
.material-picker button[aria-pressed=true]{background:#fff9edb3;color:#4b3825;box-shadow:inset 0 0 0 1px #b297722e}.material-picker button i{display:block;width:17px;height:17px;border-radius:50%;box-shadow:inset 0 0 0 1px #563c2626;background-color:#98734f;background-image:url('/assets/wood-grain.svg?h=bb22e3f76aa2ae50831422d7aa71d42a8cf5e3ca52f903a7bed90515ac186a1d');background-size:48px 120px}
.material-picker [data-material-choice=linen] i{background-color:#c2b096;background-image:repeating-linear-gradient(90deg,#fff4d96b 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,#68523822 0 1px,transparent 1px 3px);background-size:auto}
.material-picker [data-material-choice=stone] i{background:#b6aa99 linear-gradient(130deg,transparent 44%,#f9f0dd 46%,transparent 53%)}
.metric-symbol{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d9c7ac;border-radius:11px 11px 11px 3px;background:#f3ecdf;color:#8b6840;margin-bottom:13px}.metric-symbol svg{width:18px;height:18px}
button.metric{padding-top:18px;min-height:185px}.metric strong{font-variant-numeric:tabular-nums}.metric-arrow{top:23px}
.home-panel{position:relative}.home-panel:before{content:"";position:absolute;top:-1px;left:23px;width:34px;height:4px;border-radius:0 0 4px 4px;background:#b19772}
.home-panel:has(#home-board-preview){background:linear-gradient(145deg,#fffcf5,#f8f3e9)}.home-panel:has(#home-board-preview):before{background:#978e72}
.home-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:6px;background:#f0e7d8;color:#735635;font-size:11px;white-space:nowrap;line-height:1.4;margin-right:9px}
.home-status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
[data-ticket-status=awaiting_acceptance] .home-status,[data-ticket-status=awaiting_revisit] .home-status{color:#52634a;background:#edf0e5}
.home-row>span:last-child{flex-shrink:0;display:flex;align-items:center}.home-row b{display:block;max-width:100%}
#home-board-preview .home-row>span:first-child{padding-left:16px;border-left:2px solid #cdbd9e}#home-board-preview .home-row b{font-weight:500}#home-board-preview .home-row small{line-height:1.85}
.customer-card{border-top-color:#d2bea1}.board-card{background-image:linear-gradient(135deg,#fffaf266,transparent 48%)}
.assistant-library{box-shadow:inset 3px 0 0 #c9b393}.assistant-context{position:relative}.assistant-context:after{content:"";position:absolute;bottom:-1px;left:24px;width:34px;height:2px;background:#c8202e}
@media(hover:hover) and (pointer:fine){.material-desk:hover .hero-architecture i:first-child{translate:-3px -2px}.material-desk:hover .hero-architecture i:nth-child(2){translate:3px -5px}.material-desk:hover .hero-architecture i:nth-child(3){translate:-4px 2px}.material-picker button:hover{background:#fff9ed9c}.hero-knowledge:hover span{transform:translate(2px,-2px)}}
@media(max-width:1100px) and (min-width:741px){.material-desk{flex-basis:215px}.home-hero{gap:12px;padding:26px}.home-hero h2{font-size:29px}.home-hero .actions{gap:8px;flex-wrap:wrap}.home-columns .home-row{flex-wrap:wrap;gap:8px}.home-row>span:last-child{margin-left:auto}}
@media(max-width:740px){.nav-item.active:after{width:12px;height:2px;right:calc(50% - 6px);bottom:2px}.nav-icon svg{width:18px;height:18px}.home-hero{display:block;min-height:0;padding:25px 22px}.home-hero:before{width:55px;height:100px;right:20px;top:20px}.material-desk{display:none}.home-hero .actions{flex-wrap:wrap;gap:8px}.home-hero .hero-knowledge{padding-left:8px}.metric-symbol{width:28px;height:28px;border-radius:9px 9px 9px 3px;margin-bottom:12px}button.metric{min-height:183px;padding:17px 14px}.metric-arrow{top:20px}.home-row{gap:9px}.home-status{font-size:10px;padding:4px 5px;margin-right:5px}.home-row>span:first-child{flex:1}.home-panel:before{left:18px}.today-pill{padding:9px 12px 7px}.home-hero h2{font-size:27px}}
@media(max-width:360px){.home-row{flex-wrap:wrap}.home-row>span:last-child{margin-left:auto}.home-hero .actions button{font-size:11px;padding-left:11px;padding-right:11px}}
.studio-keyboard .material-desk .hero-architecture i,.studio-keyboard .hero-knowledge span,.studio-keyboard .material-picker button{transition:none}
@media(prefers-reduced-motion:reduce){.material-desk .hero-architecture i{translate:none!important;transition:none}.material-picker button,.hero-knowledge span{transition:none;transform:none!important}}
@media(prefers-contrast:more){.material-caption,.material-caption>span:last-child,.material-picker button{color:#443322}.home-status{outline:1px solid currentColor}.home-panel:before{background:#765638}}


/* employee_avatars.css */
.employee-avatar{display:inline-grid;place-items:center;position:relative;width:40px;height:40px;flex:0 0 40px;overflow:hidden;border-radius:13px;vertical-align:middle;background:#ecdfc9;color:#685133;box-shadow:inset 0 0 0 1px #47351c0d;font-size:14px;font-weight:600;line-height:1;letter-spacing:.02em;user-select:none}
.employee-avatar:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid #ffffff38;pointer-events:none}.avatar-tone-0{background:#e5d8c1;color:#665035}.avatar-tone-1{background:#dce5d7;color:#485d3c}.avatar-tone-2{background:#d9e3e7;color:#425f6d}.avatar-tone-3{background:#ebd9d1;color:#805541}.avatar-tone-4{background:#e2dce9;color:#625075}.avatar-tone-5{background:#e2e0d8;color:#5d5d4b}
.avatar-small{width:30px;height:30px;flex-basis:30px;border-radius:10px;font-size:11px}.avatar-header{width:36px;height:36px;flex-basis:36px;border-radius:12px;font-size:12px}.avatar-anonymous{background:#eae7e1;color:#81796b}.avatar-anonymous svg{width:22px;height:22px}.avatar-small.avatar-anonymous svg{width:18px;height:18px}
.employee-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}.avatar-initials{position:relative;z-index:0}
#identity-avatar{display:flex;align-items:center;flex-shrink:0}.identity{column-gap:8px}.identity>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.identity>div>strong,.identity>div>small{text-align:left}.identity>div>strong{max-width:100%;overflow-wrap:anywhere}
.board-author-inline{display:flex;align-items:center;gap:9px;min-width:0}.board-author-inline b{overflow-wrap:anywhere}.board-comment>.card-heading{align-items:center;gap:10px}.board-comment time{margin-left:auto;flex-shrink:0}
.home-person{display:flex;gap:10px;align-items:flex-start;min-width:0}.home-person-copy{min-width:0;flex:1}.home-person .employee-avatar{margin-top:3px}#home-board-preview .home-row>span:first-child{padding-left:0;border-left:0}
.board-reply-identity{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:10px}.board-reply-identity small{font-size:11px;margin-left:2px}.board-reply-identity b{font-weight:500}
.composer-identity #board-my-avatar{display:flex;flex-shrink:0}.board-notification-author{display:flex;align-items:center;gap:8px}.board-notification-author b{min-width:0}.board-report-author{margin-bottom:12px}
@media(max-width:740px){.identity{gap:7px}.avatar-header{width:30px;height:30px;flex-basis:30px;border-radius:10px;font-size:11px}.board-comment>.card-heading{flex-wrap:wrap}.board-comment time{font-size:10px}.home-person{gap:8px}.employee-avatar{font-size:13px}.employee-avatar.avatar-small{font-size:11px}.employee-avatar.avatar-header{font-size:11px}.board-card-heading>.employee-avatar{flex-shrink:0}}
@media(max-width:360px){header{gap:6px}.identity{gap:5px}.identity small{max-width:70px}.identity button{padding-left:5px;padding-right:5px}.brand{gap:6px}.avatar-header{width:28px;height:28px;flex-basis:28px;border-radius:9px}}
@media(prefers-contrast:more){.employee-avatar{box-shadow:inset 0 0 0 1px currentColor}}


/* deadline_reminders.css */
.deadline-panel{margin-top:22px;border-top:1px solid #ccbba344;padding-top:15px;flex-shrink:0;min-width:0}.deadline-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#5e4b36;cursor:pointer;min-height:32px;list-style:none}.deadline-panel>summary::-webkit-details-marker{display:none}.deadline-count{font-size:10px;font-weight:500;background:#f8f1e6;padding:3px 7px;border-radius:7px}.deadline-date{font-size:10px;color:#76634d;line-height:1.5;margin:8px 0 3px}.deadline-hint{font-size:10px;color:#76634d;margin:0 0 10px}
.deadline-item{--due-color:#688166;width:100%;display:block;text-align:left;background:#fffaf2;border:1px solid #d9cbb5;border-radius:11px;padding:10px;margin:8px 0;color:#483c2d;white-space:normal;min-width:0;transition:border-color 160ms ease,background-color 160ms ease}.deadline-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px;align-items:center;margin-bottom:6px}.deadline-top b{font-size:11px;font-weight:650;color:var(--due-color)}.deadline-top time{font-size:10px;color:#746857;font-variant-numeric:tabular-nums}.deadline-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.65;font-weight:550;overflow-wrap:anywhere}.deadline-context,.deadline-relations{display:block;font-size:10px;color:#7b6c58;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.deadline-relations{font-size:9px;color:#76634d}.deadline-track{display:block;width:100%;height:4px;background:#e6ddd0;border-radius:5px;overflow:hidden;margin-top:9px}.deadline-track i{display:block;height:100%;background:var(--due-color);border-radius:inherit}
.deadline-overdue{--due-color:#c8202e;border-color:#d68b8580;background:#fff4ef}.deadline-critical{--due-color:#df202b;border-color:#df202b70;background:#fff6ef}.deadline-today{--due-color:#c8433d;border-color:#c8433d4d}.deadline-soon{--due-color:#a9770f;border-color:#c49b425c}.deadline-planned{--due-color:#52805b;border-color:#7f9c7045}.deadline-undated{--due-color:#817568;border-style:dashed}.deadline-status{font-size:10px;color:#74634e;line-height:1.65;margin:10px 0 0}.deadline-panel #deadline-more{font-size:11px;width:100%;margin-top:5px;padding:7px;min-height:34px}
#deadline-dialog-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#deadline-dialog-items .deadline-item{margin:0;padding:15px}#deadline-dialog-items .deadline-title{font-size:13px}#deadline-dialog-items .deadline-context,#deadline-dialog-items .deadline-relations,#deadline-dialog-items .deadline-top time{font-size:11px}
@media(hover:hover) and (pointer:fine){.deadline-item:hover{border-color:var(--due-color);background:#fffdf8}}
@media(max-width:740px){.deadline-panel{margin:0 0 22px;padding:10px 14px;border:1px solid #d9cbb5;background:#f6efe2;border-radius:13px}.deadline-panel>summary{min-height:30px}.deadline-panel>summary:after{content:'展开';font-weight:400;font-size:11px;margin-left:auto}.deadline-panel[open]>summary:after{content:'收起'}.deadline-count{margin-left:0}.deadline-date,.deadline-hint,.deadline-status{font-size:11px}.deadline-item{padding:12px}.deadline-title{font-size:12px}.deadline-top b,.deadline-top time,.deadline-context,.deadline-relations{font-size:11px}#deadline-dialog-items{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.deadline-item{transition:none}}
.deadline-panel{--priority-color:#817568;--priority-bg:#f2ece2;--priority-halo:#81756820}.deadline-panel[data-priority=red]{--priority-color:#bd2635;--priority-bg:#fbe3e5;--priority-halo:#bd263520}.deadline-panel[data-priority=yellow]{--priority-color:#986500;--priority-bg:#fff0c7;--priority-halo:#d89a2026}.deadline-panel[data-priority=green]{--priority-color:#386843;--priority-bg:#e5efdf;--priority-halo:#52805b20}
.deadline-panel[data-priority]:not([data-priority=none])>summary>span:first-child{display:inline-flex;align-items:center;gap:9px}.deadline-panel[data-priority]:not([data-priority=none])>summary>span:first-child:before{content:'';width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--priority-color);box-shadow:0 0 0 4px var(--priority-halo)}.deadline-panel .deadline-count:not([hidden]){background:var(--priority-bg);color:var(--priority-color);font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums;padding:3px 8px;border-radius:999px}
@media(prefers-contrast:more){.deadline-item{border-color:var(--due-color)}.deadline-context,.deadline-relations,.deadline-hint,.deadline-date,.deadline-status{color:#4b3b29}}
.deadline-track .deadline-fill-0{width:0%}.deadline-track .deadline-fill-20{width:20%}.deadline-track .deadline-fill-35{width:35%}.deadline-track .deadline-fill-50{width:50%}.deadline-track .deadline-fill-65{width:65%}.deadline-track .deadline-fill-82{width:82%}.deadline-track .deadline-fill-100{width:100%}

/* Desktop: fixed work navigation and reminder heading; only the task list scrolls. */
.sidebar-work{display:contents}
@media(min-width:741px){
 .test-banner{position:sticky;top:0;z-index:16;height:24px;box-sizing:border-box;line-height:14px}
 #workspace>header{top:24px}
 .sidebar{top:104px;height:calc(100dvh - 104px);min-height:0;overflow:hidden;padding:24px 14px 14px;gap:0;align-self:start;flex-direction:column;flex-wrap:nowrap;align-items:stretch}
 .sidebar-work{display:flex;flex-direction:column;gap:5px;flex:0 0 auto;min-width:0}
 .sidebar-work .nav-caption{display:block;margin:0 0 9px}
 .sidebar-work .nav-item{flex-shrink:0}
 .sidebar>.sidebar-note{display:none}
 .sidebar .deadline-panel{flex:1 1 0;min-height:0;margin-top:18px;padding-top:12px;overflow:hidden}
 /* Bound the body directly: native details wrappers are not flex items in older browsers. */
 .sidebar .deadline-panel[open]{display:block;position:relative;--deadline-heading-space:12px}
 .sidebar .deadline-panel[open]>.deadline-content{position:absolute;top:calc(var(--deadline-heading-space) + 32px);right:0;bottom:0;left:0}
 .sidebar .deadline-panel>summary{flex:0 0 auto}
 .sidebar .deadline-content{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}
 .sidebar .deadline-content>p,.sidebar #deadline-more{flex:0 0 auto}
 .sidebar #deadline-items{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b6ad98 transparent;scrollbar-gutter:stable;padding-right:4px}
 .sidebar #deadline-items .deadline-item:first-child{margin-top:0}
 .sidebar #deadline-items .deadline-item:last-child{margin-bottom:0}
 .sidebar .deadline-status{margin-top:7px}
}
@media(min-width:741px) and (max-height:760px){
 .sidebar{padding-top:15px;padding-bottom:10px}
 .sidebar-work{gap:3px}.sidebar-work .nav-item{min-height:36px;padding-top:7px;padding-bottom:7px}
 .sidebar .deadline-panel{margin-top:12px;padding-top:9px}
 .sidebar .deadline-panel[open]{--deadline-heading-space:9px}
 .sidebar .deadline-date{margin-top:4px}.sidebar .deadline-hint{margin-bottom:7px}
}
@media(min-width:741px) and (max-height:540px){
 .sidebar{padding:10px}
 .sidebar-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
 .sidebar-work .nav-caption,.sidebar-work .legacy-link{grid-column:1/-1}
 .sidebar-work .nav-caption{margin-bottom:3px}
 .sidebar-work .nav-item,.sidebar .sidebar-work:has(.legacy-link:not([hidden])) .nav-item{min-height:28px;padding:3px;gap:4px;font-size:11px;white-space:normal}
 .sidebar-work .nav-icon{width:14px;font-size:14px;flex-shrink:0}
 .sidebar .deadline-date,.sidebar .deadline-hint{display:none}
 .sidebar .deadline-panel{margin-top:8px;padding-top:5px}
 .sidebar .deadline-panel[open]{--deadline-heading-space:5px}
 .sidebar .deadline-status{margin-top:4px;font-size:9px}
 .sidebar #deadline-more{min-height:28px;padding:4px}
}
@media(min-width:741px) and (min-height:541px) and (max-height:940px){
 .sidebar-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
 .sidebar-work .nav-caption,.sidebar-work .legacy-link{grid-column:1/-1}
 .sidebar-work .nav-item{min-height:36px;padding:7px 3px;gap:4px;font-size:12px;white-space:normal}
 .sidebar-work .nav-icon{width:14px;font-size:14px;flex-shrink:0}
 .sidebar-work .legacy-link{margin:3px 0 0;padding:6px 2px;font-size:11px;min-height:30px}
}
@media(max-width:740px){
 #deadline-items{max-height:45dvh;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
}


/* hero_art.css */
/* Tactile material samples. Artwork is texture; lettering belongs to the surface. */
.home-hero{display:grid;grid-template-columns:minmax(275px,1fr) minmax(290px,.88fr);gap:12px;padding:18px 30px 18px 34px;min-height:310px;background:radial-gradient(ellipse at 80% 30%,#faf4e8 0,transparent 58%),#eee3d2;border-color:#dbcbb5;border-radius:22px}
.home-hero:before{display:none}
.home-hero>div:first-child{padding:8px 0;position:relative;z-index:1}
.home-hero h2{font-size:clamp(26px,2.1vw,33px);line-height:1.5;letter-spacing:-.6px;margin:12px 0}
.home-hero .actions{flex-wrap:wrap;gap:8px}
.home-hero p{line-height:1.8;margin:0 0 19px}
.home-hero .hero-kicker{color:#7b6247;letter-spacing:1.5px}
.home-hero .material-desk{display:flex;flex:initial;min-width:0;width:100%;align-self:center;align-items:center;justify-content:center;gap:0;background:none;border:0}
.material-stage{width:100%;max-width:430px;height:239px;position:relative;isolation:isolate;perspective:850px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.material-stage.is-dragging{cursor:grabbing}
.material-stage:before{content:"";position:absolute;left:15%;right:15%;bottom:12px;height:26px;background:radial-gradient(ellipse,#65472921,transparent 70%);pointer-events:none}
.material-stage .material-sample{position:absolute;left:calc(50% - 72px);top:22px;width:144px;height:188px;min-height:0;margin:0;padding:0;border-radius:9px;border:1px solid #ffffff70;background-color:#ad8965;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #fff5dc30,1px 2px 0 #987c5b,2px 4px 0 #8a6c4f,3px 7px 9px -4px #513a2850,8px 18px 25px -10px #6946264f;overflow:hidden;transform-origin:50% 80%;transform-style:preserve-3d;transition:none;cursor:inherit;outline-offset:7px;-webkit-tap-highlight-color:transparent}
.material-stage .material-sample:focus-visible{outline:2px solid #6c5137}
.material-sample[data-sample=wood]{background-image:url('/assets/material-walnut-v2.webp?h=81af23e4c825ed55d87f17a6f4e54303828e4958e028075b9fa966fd8faedfa4');color:#492c18}
.material-sample[data-sample=linen]{background-image:url('/assets/material-linen-v2.webp?h=5023cc889ec43a9f51458421e77efe5632d6860128253e72c254bb6041acb143');background-color:#d9cbb8;color:#83705a;border-radius:11px;box-shadow:inset 0 0 9px #745b342d,0 2px 0 #bbaa94,1px 4px 0 #a99b88,3px 7px 9px -4px #513a283a,8px 18px 25px -10px #69462640}
.material-sample[data-sample=stone]{background-image:url('/assets/material-travertine-v2.webp?h=4c9b29d4b6b068edbb2b0a5d9db76e6a795df2332ea95809530fb9c1712c0530');background-color:#d9ccb6;color:#8e775b;box-shadow:inset 0 0 0 1px #fff9e947,1px 2px 0 #d4c5ac,2px 5px 0 #bcac92,3px 8px 10px -5px #513a2850,8px 18px 25px -10px #69462645}
.sample-lettering{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:10px;font-family:'STKaiti','KaiTi','Kaiti SC','Noto Serif SC',serif;font-weight:400;font-size:39px;letter-spacing:5px;line-height:1;text-shadow:0 1px 0 #ffe3b671,0 -1px 1px #24170940;mix-blend-mode:multiply;opacity:.9}
.material-sample[data-sample=linen] .sample-lettering{text-shadow:1px 1px 0 #fff9e0,-1px -1px 0 #75664b33;opacity:.82}
.material-sample[data-sample=stone] .sample-lettering{text-shadow:0 1px 0 #fff9ea,0 -1px 1px #67533966;opacity:.8}
.sample-code{position:absolute;left:15px;bottom:16px;font:9px/1.4 Georgia,serif;letter-spacing:1.7px;opacity:.7;mix-blend-mode:multiply}
.sample-crease{position:absolute;inset:7px;border:1px solid #93836b70;border-radius:5px;pointer-events:none;opacity:0}
.material-sample[data-sample=linen] .sample-crease{opacity:1;border-style:dashed}
.sample-light{position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 30%,#fffaf326 45%,#fffaf300 60%);pointer-events:none;opacity:.65}
.material-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;background:none;border:0}
.material-footer .material-picker{display:flex;gap:4px;margin:0;padding:3px;border:1px solid #c8b49654;border-radius:30px;background:#fffaf144}
.material-footer .material-picker button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 11px;border-radius:24px;border:1px solid transparent;color:#725c42;font-size:11px;white-space:nowrap;transition:background-color 160ms ease,transform 140ms ease}
.material-footer .material-picker button[aria-pressed=true]{background:#fffaf2;border-color:#e0d1bc;box-shadow:0 2px 6px #6044240c;color:#473525}
.material-footer .material-picker button:active{transform:scale(.96)}
.material-footer .material-picker button i{width:11px;height:11px}
.material-footer .material-caption{width:auto;display:flex;gap:10px;align-items:center;padding:0;margin:0;border:0;color:#8b775f;font-size:10px;line-height:1.5}
.material-footer .material-caption>span:first-child{letter-spacing:.3px;color:#756147}
.material-footer .material-caption>span:last-child{color:#8b775f}
.material-art-status{margin:0!important;font-size:10px!important;color:#7b5836!important}
.material-art-status:empty{display:none}
.studio-keyboard .material-footer .material-picker button{transition:none}
@media(max-width:1100px) and (min-width:741px){.home-hero{grid-template-columns:minmax(220px,1fr) minmax(245px,.9fr);gap:0;padding:23px}.home-hero h2{font-size:26px}.material-stage{height:219px}.material-stage .material-sample{width:126px;height:170px;left:calc(50% - 63px);top:19px}.sample-lettering{font-size:35px}}
@media(max-width:820px) and (min-width:741px){.home-hero{padding:21px 18px;grid-template-columns:minmax(190px,1fr) minmax(220px,1fr)}.home-hero h2{font-size:23px}.home-hero p{font-size:12px}.home-hero .actions button{padding:9px;font-size:11px}.material-stage .material-sample{width:115px;height:160px;left:calc(50% - 57.5px)}.material-stage{height:209px}}
@media(max-width:740px){.home-hero{display:flex;flex-direction:column;gap:0;padding:23px 22px 17px;border-radius:18px;min-height:0}.home-hero>div:first-child{padding:0;align-self:stretch}.home-hero h2{font-size:26px;margin:9px 0}.home-hero p{margin-bottom:15px}.home-hero .actions{margin-top:0}.home-hero .material-desk{display:flex;margin-top:5px}.material-stage{height:213px;max-width:350px}.material-stage .material-sample{width:125px;height:164px;left:calc(50% - 62.5px);top:20px}.sample-lettering{font-size:35px}.material-footer .material-picker{padding:1px}.material-footer .material-picker button{min-height:44px;padding:8px 13px}.material-footer .material-caption{font-size:10px}}
@media(max-width:360px){.home-hero{padding:20px 17px 15px}.home-hero h2{font-size:25px}.material-stage{height:193px}.material-stage .material-sample{width:112px;height:149px;left:calc(50% - 56px);top:17px}.sample-lettering{font-size:32px}.material-footer .material-picker button{padding:7px 11px}}
@media(prefers-reduced-motion:reduce){.material-footer .material-picker button{transition:none}.material-footer .material-picker button:active{transform:none}}
@media(prefers-contrast:more){.material-footer .material-caption,.material-footer .material-caption>span{color:#59432b}.material-footer .material-picker{border-color:#876848}}


/* customer_cards.css */
.customer-view-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:18px 0 22px}.customer-view-controls>label{display:flex;flex-direction:column;gap:7px;min-width:155px;font-size:12px;color:#766047}.customer-view-controls select{min-height:42px}.customer-month-actions{display:flex;gap:6px;margin-left:auto}.customer-month-actions button{font-size:12px;padding:10px}.customer-sort-note{width:100%;margin:0;font-size:11px;color:#83745f;line-height:1.7}.customer-month-list{display:block}.customer-month{margin-bottom:23px;min-width:0}.customer-month>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:15px 2px;border-bottom:1px solid #d8ccb8;color:#604d38;font-size:15px;font-weight:550}.customer-month>summary::-webkit-details-marker{display:none}.month-count{font-size:11px;font-weight:400;color:#85745e}.month-toggle{margin-left:auto;font-size:11px;font-weight:400}.month-toggle:after{content:'展开 ＋'}.customer-month[open] .month-toggle:after{content:'收起 −'}.customer-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding-top:17px}.customer-card-grid .customer-card{display:flex;flex-direction:column;min-width:0}.customer-activity{font-size:11px;color:#8b7960;margin:6px 0 16px;line-height:1.65}.customer-progress{display:flex;align-items:center;gap:11px;padding:13px 12px;margin:17px 0 13px;border-radius:10px;background:#ede7db;color:#7b6c55;min-height:67px}.customer-progress-symbol{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;font-size:22px;line-height:1;background:#ffffff70}.customer-progress strong{display:block;font-size:13px;font-weight:600;line-height:1.6}.customer-progress small{display:block;font-size:10px;line-height:1.7;opacity:.88}.customer-progress-mine{background:#fae9e2;color:#b52d30}.customer-progress-waiting{background:#f6edd3;color:#87620a}.customer-progress-completed{background:#e4f0e1;color:#387443}.customer-progress-completed .customer-progress-symbol{background:#387443;color:#fff;font-size:24px}.customer-card-grid .card-footer{margin-top:auto;gap:8px}.customer-card-grid .card-footer button{white-space:nowrap}.project-progress-detail{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:#f1eadf;border-radius:10px;margin-top:16px}.project-progress-detail strong,.project-progress-detail small{display:block;margin-top:5px}.project-progress-detail strong{font-size:14px}.project-progress-detail small{font-size:12px;color:#7e6c54}
@media(max-width:1250px){.customer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.customer-card-grid{grid-template-columns:1fr;gap:14px}.customer-view-controls{gap:10px}.customer-view-controls>label{flex:1 1 130px;min-width:0}.customer-view-controls select{width:100%;font-size:16px}.customer-month-actions{margin-left:0}.customer-month-actions button{min-height:44px}.customer-month>summary{min-height:55px}.project-progress-detail{flex-wrap:wrap}.customer-progress small{font-size:11px}}


/* project_finance.css */
.finance-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.finance-kpi{padding:20px;border:1px solid var(--line,#dfd4c3);border-radius:18px;background:linear-gradient(135deg,#fffdf9,#f2e8d8)}.finance-kpi span{display:block;color:#766651;font-size:12px}.finance-kpi strong{display:block;font-size:25px;font-variant-numeric:tabular-nums;margin:10px 0 4px;letter-spacing:-.6px}.finance-kpi small{color:#85745d}.finance-kpi.loss strong,.finance-alert.severe{color:#ad3933}.finance-alert{border-left:3px solid #aa8958;padding:13px 17px;background:#f7efe1;border-radius:0 12px 12px 0;margin:16px 0}.finance-alert.severe{border-color:#b64336;background:#fff0eb}.finance-section{margin:22px 0;padding:22px;border:1px solid #ded2bf;border-radius:20px;background:#fffdf8}.finance-section h3{margin-top:0}.finance-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.finance-flow>div{padding:14px;border-radius:12px;background:#f4eee4}.finance-flow b{display:block;margin:6px 0}.finance-flow span{color:#81715f;font-size:12px}.finance-scroll{overflow:auto;max-width:100%;margin:12px 0}.finance-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.finance-table td,.finance-table th{padding:11px 12px;border-bottom:1px solid #e7decf;vertical-align:top;white-space:nowrap}.finance-table th{color:#79674e;font-weight:500}.finance-table td.wrap{white-space:normal;min-width:160px}.finance-table input{min-width:90px;width:100%;padding:8px}.finance-table input[data-key=item]{min-width:155px}.finance-table input[data-key=quantity]{min-width:75px}.finance-editor{width:min(1100px,95vw);max-width:95vw}.finance-editor form{display:block}.finance-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finance-form-grid label{display:grid;gap:7px}.finance-form-grid .full{grid-column:1/-1}.finance-quote{border-top:1px solid #e5dbcc;padding:16px 0}.finance-quote summary{cursor:pointer;display:flex;gap:14px;align-items:center;justify-content:space-between;list-style:none}.finance-quote summary strong{font-size:16px}.finance-comment{padding:10px 14px;border-radius:10px;background:#f5f0e8;margin:9px 0}.finance-comment p{margin:0 0 5px}.finance-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.finance-cost-grid .project-block{margin:0;min-width:0}.finance-note{max-width:80ch;line-height:1.8;color:#89765e;font-size:13px}.finance-history{border-left:1px solid #d9c6a6;padding:0 0 18px 18px;margin-left:6px;position:relative}.finance-history:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#b59462;left:-4px;top:7px}.finance-history p{margin:6px 0}.finance-history code{font-size:10px;overflow-wrap:anywhere}.finance-report-checks{max-height:220px;overflow:auto;display:grid;gap:8px}.finance-report-checks label{display:flex;align-items:center;gap:9px}.finance-report-checks input{width:auto}.finance-head-actions{display:flex;gap:8px;flex-wrap:wrap}.finance-summary-line{display:flex;flex-wrap:wrap;gap:18px;color:#766650;font-size:13px}.finance-dialog{width:min(1200px,96vw);max-width:96vw}.finance-dialog .filters{margin:14px 0}.finance-dialog .actions{flex-wrap:wrap}.finance-basis{display:inline-block;border:1px solid #ccb78f;padding:4px 9px;border-radius:20px;font-size:11px;color:#887247}.finance-empty{padding:28px;text-align:center;background:#f7f2e9;border-radius:15px;color:#8b7861}
@media(max-width:700px){.finance-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.finance-kpi{padding:14px}.finance-kpi strong{font-size:20px}.finance-flow{grid-template-columns:repeat(2,1fr)}.finance-cost-grid,.finance-form-grid{grid-template-columns:1fr}.finance-section{padding:16px;border-radius:15px}.finance-dialog{padding:14px}.finance-quote summary{align-items:flex-start;flex-direction:column;gap:7px}.finance-head-actions button{flex:1}.finance-editor{padding:14px}.finance-summary-line{gap:10px}}
@media(prefers-reduced-motion:no-preference){.finance-kpi{transition:box-shadow .2s,translate .2s}.finance-kpi:hover{translate:0 -3px;box-shadow:0 10px 25px #795e3320}.finance-section{animation:finance-in .26s ease-out both}@keyframes finance-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}


/* studio_atmosphere.css */
/* Quiet colour, architectural outlines and tactile stationery. Presentation only. */
:root{--section-accent:var(--studio-sage);--section-wash:var(--studio-sage-pale)}
:root{--studio-sage:#526b5b;--studio-sage-pale:#eaf0e6;--studio-clay:#9b6550;--studio-clay-pale:#f4e7de;--studio-blue:#536f7c;--studio-blue-pale:#e7eef0;--studio-brass:#917047;--studio-brass-pale:#f4ead8;--studio-ink:#343c34;--studio-ease:cubic-bezier(.23,1,.32,1)}
body{background:#f6f3ec;color:#37362f}#workspace{--section-accent:var(--studio-sage);--section-wash:var(--studio-sage-pale)}
#workspace[data-studio-view=tickets]{--section-accent:var(--studio-clay);--section-wash:var(--studio-clay-pale)}#workspace[data-studio-view=board],#workspace[data-studio-view=assistant]{--section-accent:var(--studio-blue);--section-wash:var(--studio-blue-pale)}#workspace[data-studio-view=payments],#workspace[data-studio-view=finance]{--section-accent:var(--studio-brass);--section-wash:var(--studio-brass-pale)}
#workspace>header{background:#fffdf8f5;box-shadow:0 5px 24px #64594507;border-bottom-color:#dcd8ca}#workspace>header:after{content:'';position:absolute;bottom:-1px;left:32px;width:100px;height:2px;background:linear-gradient(90deg,#aa8360 0 34%,#8b9b80 34% 68%,#92a5ac 68%);border-radius:3px}.header-divider{background:#d6d4c8}.header-title{color:#788274}.identity{padding:3px 0}.identity strong{color:#424d42}
.sidebar{background-image:linear-gradient(#edeadeee,#e9e6dbf0),url('/assets/wood-grain.svg?h=bb22e3f76aa2ae50831422d7aa71d42a8cf5e3ca52f903a7bed90515ac186a1d');border-right-color:#dddacd}.nav-caption{color:#77816e}.sidebar .nav-item{transition:background-color 170ms ease,color 170ms ease,box-shadow 170ms ease}.sidebar .nav-item.active{background:#fffdf8;color:var(--section-accent);box-shadow:0 4px 16px #52634a0b}.sidebar .nav-item.active:after{background:var(--section-accent);width:3px;height:18px}.nav-icon{transition:transform 180ms var(--studio-ease);color:#7e8776}.nav-item.active .nav-icon{color:var(--section-accent)}.sidebar-note{border-top-color:#c9cbb8}.sidebar-note b{color:#5d6a56}.sidebar-note:after{content:'';display:block;width:38px;height:17px;margin-top:12px;background:radial-gradient(circle at 7px 8px,#ad8a68 0 5px,transparent 5.5px),radial-gradient(circle at 19px 8px,#8d9c7e 0 5px,transparent 5.5px),radial-gradient(circle at 31px 8px,#96aab0 0 5px,transparent 5.5px)}
#workspace main{position:relative;isolation:isolate;background:transparent}.studio-scene{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:strict}.studio-scene>i{position:absolute;display:block;pointer-events:none}.scene-halo{width:650px;height:650px;right:-180px;top:-190px;background:radial-gradient(circle,#dce7df70,transparent 65%)}.scene-arch{width:140px;height:210px;right:24px;top:460px;border:1px solid #aeb7a441;border-radius:90px 90px 8px 8px;rotate:14deg}.scene-arch:after{content:'';position:absolute;inset:13px;border:1px solid #aeb7a433;border-radius:inherit}.scene-dots{width:100px;height:95px;right:24px;top:26px;background:radial-gradient(#9f97794d 1.1px,transparent 1.4px) 0 0/12px 12px;mask-image:linear-gradient(135deg,transparent,#000)}.scene-circle{left:-94px;top:700px;width:260px;height:260px;border:1px solid #b09a7030;border-radius:50%}.scene-circle:after{content:'';position:absolute;inset:18px;border:1px dashed #b09a702b;border-radius:50%}.scene-tile{width:46px;height:46px;border-radius:12px 12px 12px 2px;background:#b4c5ca24;right:14px;top:980px;rotate:-12deg}.scene-cross{left:16px;top:25px;width:11px;height:11px;background:linear-gradient(#ae967f66,#ae967f66) center/1px 11px no-repeat,linear-gradient(#ae967f66,#ae967f66) center/11px 1px no-repeat}
.page-heading .eyebrow{color:var(--section-accent);letter-spacing:1.8px}.page-heading .eyebrow:before{background:var(--section-accent);width:23px}.page-heading h1{color:#354136;font-weight:600;letter-spacing:-.8px}.page-heading .muted{color:#757a70}.today-pill{background:#fffdf6;border-color:#ded8c6;color:#666c5e;box-shadow:inset 0 3px 0 #c6cfae,0 4px 12px #62604506;rotate:1deg}.today-pill:before,.today-pill:after{content:'';position:absolute;top:-4px;width:3px;height:7px;border-radius:3px;background:#afa186}.today-pill:before{left:13px}.today-pill:after{right:13px}
.home-hero{--hero-wash:#d3ddc9;--hero-edge:#a8b494;--hero-clay:#b57a5a;--hero-ink:#53654a;background:linear-gradient(110deg,#f4eddf 0%,#efeadb 47%,#e3e9dc 100%);border-color:#d7d9c8;box-shadow:inset 0 1px 0 #fffdf1,0 9px 30px -22px #56644d40;isolation:isolate}.home-hero[data-studio-material=linen]{--hero-wash:#d3dfcf;--hero-edge:#91a18b;--hero-clay:#839c80;--hero-ink:#4e694f}.home-hero[data-studio-material=stone]{--hero-wash:#d2e0e3;--hero-edge:#94aeb9;--hero-clay:#849da9;--hero-ink:#4f6d7b}.home-hero h2{color:#394439}.home-hero .hero-kicker{color:#627357;font-size:11px;display:inline-flex;align-items:center;gap:8px}.hero-kicker:before{content:'';width:6px;height:6px;background:#98a87d;border-radius:50%;box-shadow:0 0 0 4px #b4c5a222}.home-hero p{color:#757463}.home-hero .primary{background:#5e7052;border-color:#5e7052;box-shadow:0 4px 10px #51654316}.home-hero .primary:hover{background:#526548}.home-hero .actions>button:not(.primary){border-color:#cfccba;background:#fffcf580;color:#676b58}.home-hero .actions .hero-knowledge{background:transparent;border-color:transparent;color:#69765c}.home-hero .material-desk{z-index:1}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}.hero-atmosphere>i{position:absolute;display:block}.atmosphere-wash{width:450px;height:450px;right:-20px;top:-50px;border-radius:50%;background:var(--hero-wash);opacity:.7}.atmosphere-arch{width:200px;height:255px;right:13%;top:26px;border:1px solid var(--hero-edge);border-radius:120px 120px 12px 12px;rotate:17deg;opacity:.4}.atmosphere-arch:after{content:'';position:absolute;inset:12px;border:1px solid var(--hero-edge);border-radius:inherit}.atmosphere-disc{width:49px;height:49px;right:20px;top:24px;border:1px solid var(--hero-edge);border-radius:50%;background:repeating-conic-gradient(from 2deg,transparent 0 14deg,var(--hero-edge) 14deg 15deg);mask-image:radial-gradient(transparent 0 14px,#000 14.6px);opacity:.75}.atmosphere-paper{width:45px;height:61px;bottom:20px;right:46%;border-radius:24px 24px 2px 2px;background:var(--hero-clay);rotate:-19deg;opacity:.15}.atmosphere-stitches{width:45px;height:36px;right:24px;bottom:23px;background:radial-gradient(var(--hero-ink) 1px,transparent 1.4px) 0 0/8px 8px;opacity:.3}.home-hero[data-studio-material=stone]{background:linear-gradient(110deg,#f4eddf 0%,#ecece3 47%,#e0e9e9 100%)}
.material-picker{border:1px solid #bcc5b73d;border-radius:999px;background:#fffdf650;padding:4px!important;gap:3px!important}.material-picker button{border-radius:999px!important}.material-picker button[aria-pressed=true]{background:#fffdf4;box-shadow:0 2px 7px #58674f16,inset 0 0 0 1px #c9cdb9}.material-caption{color:var(--hero-ink)}
button.metric{--metric-ink:var(--studio-sage);--metric-wash:var(--studio-sage-pale);background:linear-gradient(135deg,#fffdf8 30%,#f0f3eb);border-color:#d7dfd0;padding-bottom:22px;overflow:hidden}button.metric:nth-child(2){--metric-ink:var(--studio-brass);--metric-wash:var(--studio-brass-pale);background:linear-gradient(135deg,#fffdf8 30%,#f6edde);border-color:#e6dcc7}button.metric[data-metric-go=tickets]{--metric-ink:var(--studio-clay);--metric-wash:var(--studio-clay-pale);background:linear-gradient(135deg,#fffdf8 30%,#f7e9e0);border-color:#e5d6cb}button.metric[data-metric-go=board]{--metric-ink:var(--studio-blue);--metric-wash:var(--studio-blue-pale);background:linear-gradient(135deg,#fffdf8 30%,#e9f0f1);border-color:#d2e0e1}.metric strong{color:var(--metric-ink);font-weight:500;font-size:38px}.metric-symbol{background:var(--metric-wash);color:var(--metric-ink);border-color:color-mix(in srgb,var(--metric-ink) 15%,transparent);border-radius:11px 11px 11px 4px}.metric-arrow{color:var(--metric-ink)}button.metric:before{content:'';position:absolute;right:-24px;bottom:-31px;width:101px;height:101px;border:1px solid color-mix(in srgb,var(--metric-ink) 13%,transparent);border-radius:50%;box-shadow:0 0 0 11px color-mix(in srgb,var(--metric-ink) 3%,transparent);pointer-events:none}.metric-note{color:#7c7d6f}.metric-label{color:#646e5e}
.home-panel{box-shadow:0 5px 19px #686d4c05;border-color:#dde0d2;background:#fffefa}.home-panel:before{background:#899b77;width:40px;height:3px}.home-panel:has(#home-board-preview){background:linear-gradient(145deg,#fffefa 50%,#f0f5f4);border-color:#d8e3df}.home-panel:has(#home-board-preview):before{background:#8ba5ad}.home-panel:has(#home-board-preview):after{content:'';position:absolute;right:23px;top:-6px;width:32px;height:12px;border:1px solid #b5c4c333;border-radius:3px;background:#abc2c740;rotate:5deg;pointer-events:none}.home-panel h2{color:#475443}.home-panel:has(#home-board-preview) h2{color:#506a72}.home-row.motion-card{transition:background-color 170ms ease,border-color 170ms ease}.home-row.surface-hover{background:#edf1e7}.home-panel:has(#home-board-preview) .home-row.surface-hover{background:#e9f0ef}
.filters{background:#f0f2eaf2;border-color:#dadfd1;box-shadow:inset 0 1px 0 #ffffff80}.filters label{color:#64705d}#tickets-view .filters{background:#f5eee8;border-color:#e4d9cd}#board-view .filters,#assistant-view .filters{background:#edf2f1;border-color:#d8e1df}#payments-view .filters,#finance-view .filters{background:#f5efe2;border-color:#e3dbc8}.filters>button[type=submit]{background:var(--section-accent);border-color:var(--section-accent)}input:focus,select:focus,textarea:focus{outline-color:#8b9d7e;box-shadow:0 0 0 4px #8b9d7e12}input,select,textarea{border-color:#d9dccf}input::placeholder,textarea::placeholder{color:#8c9184}
#ledger-view .customer-card{background:linear-gradient(155deg,#fffefa 65%,#f0f4ea);border-color:#dce2d2}.customer-card .card-footer{border-top-color:#e0e4d7}.customer-card .card-footer button{border-color:#cbd5c1;color:#596c4d;background:#f6f9f0}.customer-card h3{color:#414c3c}.customer-month>summary{color:#5f7252}#tickets-view .customer-card{background:linear-gradient(150deg,#fffefa 65%,#f8eee7);border-color:#e8d9cf}#payments-view .customer-card{background:linear-gradient(150deg,#fffefa 65%,#f7efdc)}.board-compose{border-color:#d4e1df;box-shadow:0 6px 22px #566e7106}.board-compose>textarea{background:#f0f5f3}.board-card{background:linear-gradient(135deg,#fffefa 60%,#f3f7f4);border-color:#d9e4df}.board-card .board-actions [aria-pressed=true]{background:#e5efea;color:#4f755d}.board-comment{border-left-color:#b9cac2;background:#f1f5ef}.board-toolbar .segmented{background:#eaf0ec;border-color:#d6e0d8}.assistant-library{background:linear-gradient(160deg,#fffcf5,#edf2ef);box-shadow:inset 3px 0 0 #a1b5a8;border-color:#d5dfd5}.assistant-context{background:#f4f7f0}.assistant-conversation{border-color:#d9e1d6}.staff-row{background:linear-gradient(120deg,#fffefa,#f3f5ef);border-color:#dce2d4}
dialog{border-color:#dadfce;background:#fffdf8}.dialog-heading{background:#fffdf8}.dialog-heading h2{color:#43513d}.tabs button.active{background:#eaf0e2;color:#526746}.finance-kpi{background:linear-gradient(135deg,#fffefa,#f3ecdc)}.finance-kpi:nth-child(3){background:linear-gradient(135deg,#fffefa,#edf2e6)}.finance-kpi:nth-child(4){background:linear-gradient(135deg,#fffefa,#eaf1f0)}.empty-state{background:linear-gradient(130deg,#f6f4ed,#eef2e8);border-color:#d4ddc8}.empty-symbol{color:#8da080}
@media(hover:hover) and (pointer:fine){.sidebar .nav-item:hover:not(.active){background:#ffffff70;color:#4d6148}.nav-item:hover .nav-icon{transform:translateY(-1px) rotate(-5deg)}.motion-card.surface-hover{border-color:#abbc9a;box-shadow:0 15px 28px -18px #5e775847,0 3px 9px #5d73500a}.metric.surface-hover .metric-symbol{transform:rotate(-7deg) translateY(-2px)}.metric-symbol{transition:transform 190ms var(--studio-ease)}.home-hero:hover .atmosphere-disc{transform:rotate(28deg)}.home-hero:hover .atmosphere-paper{transform:translate(-4px,-4px) rotate(-4deg)}.hero-atmosphere .atmosphere-disc,.hero-atmosphere .atmosphere-paper{transition:transform 260ms var(--studio-ease)}.customer-card .card-footer button:hover{background:#e8efde}.board-actions button:hover{background:#e7eeea}}
.page-heading .muted{color:#697262}.metric-note{color:#707666}.home-hero p{color:#676e5c}input::placeholder,textarea::placeholder{color:#737b6b}
.login-story h1{color:#3f4d3c}.login-story .story-lines span:nth-child(1){border-color:#9aa986}.login-story .story-lines span:nth-child(2){border-color:#bd9673}.login-story .story-lines span:nth-child(3){border-color:#9eafb3}.login-card{background:linear-gradient(145deg,#fffdf8 70%,#f0f4e9);border-color:#d7dfcd;box-shadow:0 20px 50px -20px #616d4930}.login-card:before{background:linear-gradient(90deg,#a2b191,#d5c29f,#a3b5b8)}.login-card .primary{background:#5e7052;border-color:#5e7052}.login-layout:after{content:'';position:absolute;right:12px;top:12%;width:80px;height:90px;z-index:-1;background:radial-gradient(#95a48465 1px,transparent 1.5px) 0 0/11px 11px;rotate:10deg;pointer-events:none}
@media(max-width:1100px){.scene-arch{right:-54px}.atmosphere-paper{right:40%}.atmosphere-disc{right:13px;top:15px}}
@media(max-width:740px){#workspace>header:after{left:18px;width:58px}.sidebar .nav-item.active:after{width:12px;height:2px}.sidebar .nav-item.active{box-shadow:none;background:#fffcf8}.sidebar .nav-icon{color:inherit}.studio-scene .scene-arch,.studio-scene .scene-circle{display:none}.scene-halo{width:400px;height:500px;right:-160px;top:120px}.scene-dots{right:8px;top:8px;width:55px;height:65px;opacity:.5}.scene-cross{left:8px}.home-hero{background:linear-gradient(140deg,#f5efdf 0%,#edf0e4 80%)}.atmosphere-wash{right:-70px;top:140px;width:330px;height:330px}.atmosphere-arch{right:14%;top:240px;width:160px;height:190px}.atmosphere-paper{left:15px;right:auto;bottom:23px;width:34px;height:44px}.atmosphere-disc{width:34px;height:34px;opacity:.5;top:14px;right:14px}.atmosphere-stitches{right:17px;bottom:19px}.today-pill{rotate:0}.metric strong{font-size:32px}.home-panel:has(#home-board-preview):after{right:19px}.filters{padding:16px}.home-panel h2{font-size:17px}}
.studio-keyboard .metric-symbol,.studio-keyboard .nav-icon,.studio-keyboard .hero-atmosphere>i{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.metric-symbol,.nav-icon,.hero-atmosphere>i{transition:none!important;transform:none!important}.today-pill{rotate:0}}
@media(prefers-contrast:more){.studio-scene,.hero-atmosphere{display:none}.page-heading .muted,.metric-note,.hero-kicker,.home-hero p{color:#49523f}.customer-card,.board-card,.home-panel{border-color:#7f8b70}.sidebar .nav-item.active{outline:1px solid #657455}}


/* project_portal.css */
/* Project gateways share the workbench surface; no business data is embedded. */
.project-portal{margin:24px 0;animation:portal-appear 240ms cubic-bezier(.23,1,.32,1) both}
.portal-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.portal-heading h2{margin:4px 0;font-size:19px;color:#43513d}.portal-heading .eyebrow{margin:0;color:#827254;font-size:11px}.portal-caption{font-size:12px;color:#707766}
.project-entry{position:relative;display:flex;align-items:center;gap:18px;max-width:620px;padding:22px 24px;color:#424b3d;text-decoration:none;border:1px solid #d5dccb;border-radius:20px;background:linear-gradient(125deg,#fffdf8 45%,#edf1e5);box-shadow:0 5px 18px #4f624008;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.project-mark{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:15px;background:#bd292b;color:white;font-weight:800;font-size:19px;box-shadow:0 4px 9px #8f282018}.project-entry-copy{display:grid;gap:7px}.project-entry-copy strong{font-size:17px}.project-entry-copy>span{font-size:13px;color:#68725f}.project-entry-copy small{font-size:11px;color:#887551}.project-entry-arrow{margin-left:auto;align-self:flex-start;font-size:25px;color:#8b9a7c;transition:transform 180ms ease}.project-entry:focus-visible{outline:3px solid #8a9e76;outline-offset:4px}
.sidebar-work .legacy-link{display:block;margin:10px 0 4px;padding:12px 10px;border-top:1px solid #cfd4c4;border-radius:0;color:#57674c;font-size:12px;text-decoration:none}.sidebar-work .legacy-link[hidden],.project-portal[hidden]{display:none}
@media(hover:hover) and (pointer:fine){.project-entry:hover{transform:translateY(-3px);border-color:#aabc97;box-shadow:0 12px 22px -12px #60744638}.project-entry:hover .project-entry-arrow{transform:translate(2px,-2px)}.legacy-link:hover{color:#34462c;background:#ffffff70}}
.project-entry:active{transform:scale(.992)}
@keyframes portal-appear{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:740px){.portal-caption{display:none}.project-entry{gap:13px;padding:19px 17px;max-width:none}.project-entry-copy strong{font-size:16px}.project-entry-copy>span{font-size:12px}.sidebar-work .legacy-link{display:none}}
@media(min-width:741px) and (max-height:640px){.sidebar-work:has(.legacy-link:not([hidden])){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.sidebar-work:has(.legacy-link:not([hidden])) .nav-caption,.sidebar-work .legacy-link{grid-column:1/-1}.sidebar-work:has(.legacy-link:not([hidden])) .nav-item{min-height:32px;padding:5px;gap:4px;font-size:11px;white-space:normal}.sidebar-work:has(.legacy-link:not([hidden])) .nav-icon{width:14px;font-size:14px}.sidebar-work .legacy-link{margin:3px 0 0;padding:4px 2px;font-size:11px;min-height:27px}.sidebar-work:has(.legacy-link:not([hidden])) .nav-caption{margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){.project-portal{animation:none}.project-entry,.project-entry-arrow{transition:none!important;transform:none!important}}

.pool-state{max-width:760px;margin-top:16px;padding:20px 0;border-top:1px solid #d5dccb}.pool-state-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.pool-state h3{margin:0 0 6px;font-size:15px}.pool-state p{font-size:12px;line-height:1.6}.pool-state-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.pool-state-metric{display:grid;gap:6px}.pool-state-metric span{font-size:12px;color:#68725f}.pool-state-metric strong{font-size:22px;color:#424b3d}.pool-state[hidden]{display:none}@media(max-width:500px){.pool-state-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-state-heading{align-items:flex-start}.pool-state-heading button{min-height:44px;white-space:nowrap}}

/* Design entry reuses the current workbench surface and mobile layout. */
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1240px}.project-grid .project-entry{max-width:none;min-width:0}.project-entry[hidden]{display:none}.design-entry .project-mark{background:#69775b}.project-grid .project-entry-copy{min-width:0}@media(max-width:900px){.project-grid{grid-template-columns:1fr}}


/* personal_todos.css */
/* Reuse the workstation palette, texture and motion primitives. */
.todo-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.todo-stat{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,var(--surface),var(--accent-soft));display:grid;gap:8px;position:relative;overflow:hidden}
.todo-stat:nth-child(2){background:linear-gradient(125deg,var(--surface),var(--studio-blue-pale))}.todo-stat:nth-child(3){background:linear-gradient(125deg,var(--surface),var(--studio-sage-pale))}
.todo-stat:after{content:'';position:absolute;width:100px;height:100px;right:-28px;bottom:-45px;border:1px solid var(--line);border-radius:50%;pointer-events:none}
.todo-stat>span,.todo-stat small{color:var(--muted);font-size:12px}.todo-stat strong{font-size:30px;line-height:1.2;color:var(--accent)}.todo-stat:nth-child(3) strong{color:var(--studio-sage)}
.todo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.todo-list{display:grid;gap:12px}
.todo-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;gap:18px;align-items:flex-start;min-width:0;box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 3%,transparent)}
.todo-copy{flex:1;min-width:0}.todo-copy h3{font-size:17px;margin:2px 0 12px;line-height:1.5;overflow-wrap:anywhere}.todo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px;color:var(--muted)}
.todo-source{padding:4px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.todo-agent{background:var(--studio-blue-pale);color:var(--studio-blue)}
.todo-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 0;color:var(--muted);font-size:13px}.todo-check{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--studio-sage-pale);color:var(--studio-sage);border-color:color-mix(in srgb,var(--studio-sage) 30%,var(--line));font-size:23px}
.todo-check>span{width:14px;height:14px;border:1px solid currentColor;border-radius:50%}.todo-check[aria-pressed=true]{background:var(--studio-sage);color:var(--surface)}.todo-done .todo-copy h3{text-decoration:line-through;text-decoration-color:var(--studio-sage);color:var(--muted)}.todo-cancelled{opacity:.65}
.todo-edit{flex-shrink:0}.todo-due{font-variant-numeric:tabular-nums}.todo-overdue,.todo-today,.todo-critical{color:var(--error)}.todo-soon{color:var(--studio-brass)}.todo-planned{color:var(--studio-sage)}
@media(max-width:740px){.todo-overview{gap:8px}.todo-stat{padding:16px 12px}.todo-stat strong{font-size:26px}.todo-stat small{display:none}.todo-card{padding:16px;gap:12px;flex-wrap:wrap}.todo-copy{flex-basis:calc(100% - 58px)}.todo-edit{margin-left:56px;padding:7px 0;min-height:44px}.todo-toolbar{flex-wrap:wrap}.todo-toolbar .segmented{flex-wrap:wrap}.todo-meta{gap:7px}.todo-copy h3{font-size:16px}#todo-dialog{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.todo-check{transition:none}.todo-check:active{transform:none}}


/* work_reports.css */
.work-tabs{margin-bottom:24px;flex-wrap:wrap;gap:4px}.work-day-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0}.work-day-heading p{margin:0}
.work-manager-note{position:static;margin:14px 0 0;padding:14px 16px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:8px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}#report-content[aria-busy=true]{opacity:.6;cursor:progress}
.work-notes>.form-actions{position:static;background:transparent;padding-top:18px;z-index:auto}
.work-task-list{display:grid;gap:16px}.work-task,.work-notes,.work-employee{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:16px;min-width:0;box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 3%,transparent)}
.work-task h3,.work-proof-item h3{margin:0;overflow-wrap:anywhere}.work-task-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;margin-top:20px}.work-task-form{display:grid;gap:12px}.work-task-form .check-inline input{width:18px;height:18px;min-height:18px;accent-color:var(--studio-sage)}
.work-proof{padding:8px;border-radius:12px;width:100%;display:grid;gap:8px;align-self:start;color:var(--accent);background:var(--accent-soft)}.work-proof img{width:100%;height:130px;object-fit:contain;border-radius:8px;background:var(--bg)}.work-proof span{font-size:12px}.work-no-proof{min-height:130px;padding:24px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;background:var(--bg);color:var(--muted);font-size:12px;text-align:center}
.work-upload{color:var(--accent);padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--accent-soft)}.work-upload input{font-size:12px;min-height:40px;max-width:100%}.work-review{font-size:12px;color:var(--muted)}.work-review-accepted{color:var(--studio-sage)}.work-review-rejected,.work-negative{color:var(--error)}.work-notes{margin-top:24px;display:grid;gap:18px;background:linear-gradient(125deg,var(--surface),var(--studio-sage-pale))}.work-notes textarea{min-height:120px}
.work-management-filter{margin:16px 0;max-width:300px}.work-employee .work-points{font-size:26px;color:var(--accent)}.work-employee .work-negative{color:var(--error)}.work-day-detail{border-top:1px solid var(--line);padding:16px 0}.work-day-detail>summary{cursor:pointer;padding:10px 0;line-height:1.6;color:var(--accent)}.work-proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.work-proof-item{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--bg);display:grid;gap:12px;align-content:start}.work-proof-item p{margin:0}.work-proof-item h3{font-size:15px;line-height:1.6}.work-proof-item .actions{flex-wrap:wrap}.work-finalize{display:flex;align-items:end;gap:12px;margin-top:18px}.work-finalize label{flex:1}.work-report-text{white-space:pre-wrap;overflow-wrap:anywhere}.work-plan-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line)}#work-plan-form>.actions{margin-top:18px}#work-proof-image{max-width:100%;max-height:65vh;object-fit:contain;display:block;margin:auto}
@media(max-width:740px){.work-tabs{display:flex}.work-tabs button{flex:1 1 45%;font-size:13px}.work-task,.work-notes,.work-employee{padding:18px}.work-task .card-heading{align-items:flex-start;flex-wrap:wrap}.work-task-body{grid-template-columns:1fr;gap:16px}.work-proof{max-width:100%}.work-proof img{height:170px}.work-task h3{font-size:16px}.work-plan-row{grid-template-columns:1fr 1fr}.work-plan-row>label:first-child{grid-column:1/-1}.work-finalize{display:grid;grid-template-columns:1fr}.work-day-heading{align-items:flex-start}.work-proof-grid{grid-template-columns:1fr}.work-upload input{font-size:16px}.work-scoreboard .todo-stat strong{font-size:22px}#reports-view .page-heading>.actions{display:flex;align-items:end}#reports-view .page-heading>.actions label{flex:1}}


/* staff_accounts.css */
.central-account-create,.central-setup-result{padding:18px 0;}
.central-setup-result{border-block:1px solid var(--line);}
.central-setup-result code{display:block;overflow-wrap:anywhere;font-size:1.2em;letter-spacing:.12em;padding-block:8px;}
#staff-list,#staff-list .staff-row>div{min-width:0;}
#staff-list .staff-row h3,#staff-list .staff-row p{overflow-wrap:anywhere;}
#staff-list .staff-row>button{flex-shrink:0;}
@media(max-width:480px){#staff-list .staff-row{flex-wrap:wrap;gap:12px;}}


/* people_management.css */
.people-view{min-width:0}.people-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:6px;background:var(--accent-soft);border-radius:16px}.people-tabs button{border-color:transparent;background:transparent;border-radius:11px}.people-tabs button.selected{background:var(--surface);box-shadow:0 2px 8px #66513c0c;color:var(--accent)}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.people-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;min-width:0;overflow-wrap:anywhere;transition:box-shadow 180ms cubic-bezier(.23,1,.32,1),transform 180ms cubic-bezier(.23,1,.32,1)}.people-person{display:flex;align-items:center;gap:12px;margin-bottom:20px}.people-person>div{min-width:0}.people-person h3{margin:0 0 5px}.people-person p{margin:0}.people-presence{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#72917b;flex-shrink:0}.people-presence.off{background:#aca69d}.people-chips,.people-tag-picker{display:flex;flex-wrap:wrap;gap:8px}.people-chips{min-height:32px;margin:10px 0 18px}.people-chip{padding:7px 11px;background:var(--accent-soft);color:var(--accent);border-radius:10px;font-size:12px;line-height:1.4}.people-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin:12px 0}.people-card-actions{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.people-card-actions button{font-size:12px;min-height:40px}.people-dialog{width:min(700px,calc(100vw - 24px));max-height:88vh;overflow:auto}.people-dialog form{display:grid;gap:18px}.people-dialog .form-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.people-dialog .full{grid-column:1/-1}.people-fieldset{border:0;padding:0;margin:0;min-width:0}.people-fieldset legend{font-size:13px;color:var(--muted);margin:12px 0}.people-tag-option{position:relative;display:block;cursor:pointer;color:var(--ink)}.people-tag-option input{position:absolute;opacity:0;width:1px;min-height:1px;height:1px}.people-tag-option span{display:block;border:1px solid var(--line);padding:10px 14px;border-radius:12px;background:var(--bg);transition:background-color 140ms ease,border-color 140ms ease,transform 140ms ease}.people-tag-option input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.people-tag-option input:checked+span:before{content:'✓ ';font-weight:600}.people-tag-option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.people-tag-option:active span{transform:scale(.97)}.people-access{padding:16px 0;border-block:1px solid var(--line)}.people-access summary{cursor:pointer}.people-access[open] summary{margin-bottom:14px}.people-inline-check{display:flex;flex-direction:row;align-items:center;gap:10px}.people-inline-check input{width:18px;min-height:18px;flex-shrink:0}.people-transfer-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.people-transfer-counts>div{padding:12px;border-radius:12px;background:var(--accent-soft)}.people-transfer-counts strong,.people-transfer-counts span{display:block}.people-transfer-counts strong{font-size:24px;color:var(--accent);font-weight:500}.people-transfer-counts span{font-size:12px;color:var(--muted);margin-top:5px}.people-own-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.people-own-grid form{display:grid;gap:16px}.people-request-log{margin-top:24px;font-size:12px;line-height:1.7}.people-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}.people-toolbar p{flex:1;min-width:220px;margin:0}.people-description{white-space:pre-wrap;line-height:1.8;color:var(--muted)}.people-approval-heading{margin:28px 0 18px}.people-history{display:grid;gap:12px}.people-code{border-block:1px solid var(--line);padding:22px 0;margin:18px 0}.people-code>*{display:block}.people-code strong{font-size:24px;letter-spacing:.1em;overflow-wrap:anywhere;margin-top:12px}.people-view details{line-height:1.8}.people-view a.people-export{padding:12px}.people-dialog::backdrop{background:#30271f66;backdrop-filter:blur(3px)}
#people-filters{grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) minmax(120px,1fr) auto}#people-filters>button{grid-column:auto;grid-row:auto}#people-filters>label{grid-column:auto}
@media(max-width:740px){#people-filters{grid-template-columns:1fr 1fr}#people-filters>label:first-child{grid-column:1/-1}#people-filters>button{grid-column:1/-1}}
@media(hover:hover){.people-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #68543e0c}}
@media(max-width:640px){.people-own-grid{grid-template-columns:1fr}.people-card{padding:18px;border-radius:16px}.people-tabs{gap:3px}.people-tabs button{padding:10px;font-size:12px}.people-dialog{padding:20px 16px}.people-dialog .form-fields{grid-template-columns:1fr}.people-transfer-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.people-view .page-heading{flex-wrap:wrap;gap:12px}.people-view .page-heading h1{font-size:25px}}
@media(prefers-reduced-motion:no-preference){.people-view:not([hidden]) .people-card{animation:people-enter 200ms cubic-bezier(.23,1,.32,1) both}.people-view .people-card:nth-child(2){animation-delay:25ms}.people-view .people-card:nth-child(3){animation-delay:50ms}.people-dialog[open]{animation:people-enter 180ms cubic-bezier(.23,1,.32,1) both}@keyframes people-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.people-card,.people-tag-option span{transition:none}}
.people-view[data-keyboard="true"] .people-card,.people-dialog[data-keyboard="true"]{animation:none!important}

/* Shared workspace navigation tone and consistent employee actions. */
.people-tabs button.selected{color:var(--section-accent,var(--accent))}
.people-card-actions{gap:8px}
.people-card-actions button:not(.primary){min-height:44px;padding:10px 12px;border:1px solid var(--line);background:var(--surface);color:var(--section-accent,var(--accent));font-size:12px;line-height:1.4;border-radius:10px}
.people-card-actions button.people-danger{color:var(--studio-clay,var(--error));border-color:color-mix(in srgb,var(--studio-clay,var(--error)) 22%,var(--line));background:color-mix(in srgb,var(--studio-clay-pale,var(--accent-soft)) 35%,var(--surface))}
@media(hover:hover) and (pointer:fine){.people-card-actions button:not(.primary):hover{background:var(--section-wash,var(--accent-soft));border-color:color-mix(in srgb,var(--section-accent,var(--accent)) 35%,var(--line))}.people-card-actions button.people-danger:hover{background:var(--studio-clay-pale,var(--accent-soft));border-color:var(--studio-clay,var(--error))}}
.people-card-actions button:focus-visible{outline-color:var(--section-accent,var(--accent))}
@media(max-width:640px){.people-card-actions button{flex:1 1 auto}.people-own-grid{gap:16px}}


/* company_history.css */
/* Timeline follows the workbench's champagne, walnut and sage palette. */
#history-view{max-width:1320px;margin:0 auto}
.history-toolbar,.history-line,.history-meta,.history-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.history-toolbar{justify-content:space-between;margin:18px 0}
.history-timeline{padding:0 4px}.history-day{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.08em;margin:28px 0 12px}
.history-event{background:var(--surface,#fffdf8);border:1px solid var(--line,#e4ded1);border-radius:18px;margin:10px 0;overflow:hidden;box-shadow:0 4px 14px #59493004;transition:box-shadow 180ms ease,border-color 180ms ease}
.history-event summary{display:flex;align-items:center;gap:14px;padding:20px;list-style:none;cursor:pointer}.history-event summary::-webkit-details-marker{display:none}
.history-event time{font-size:13px;min-width:44px;font-variant-numeric:tabular-nums;color:var(--muted)}
.history-marker{height:9px;width:9px;border-radius:50%;background:#897458;flex:none}.history-finance .history-marker{background:#a38143}.history-people .history-marker,.history-application .history-marker{background:#6d856d}.history-ui .history-marker{background:#8f9a9d}
.history-copy{min-width:0;flex:1}.history-copy p{margin:7px 0;font-size:14px;overflow-wrap:anywhere}.history-line strong{font-weight:600;font-size:15px}.history-category{font-size:11px;color:var(--muted);background:#ad987512;padding:3px 8px;border-radius:6px}
.history-meta{font-size:12px;color:var(--muted);gap:6px}.history-meta .employee-avatar{width:22px!important;height:22px!important;border-radius:7px;font-size:9px!important}
.history-status{font-size:12px;color:#61745b;background:#71835d0e;padding:6px 10px;border-radius:9px;white-space:nowrap}.history-status-failed,.history-status-rejected{color:#a15e4a;background:#a15e4a0c}.history-status-pending{color:#997c42;background:#b997410c}.history-expand{color:var(--muted);transition:transform 180ms ease}.history-event[open] .history-expand{transform:rotate(45deg)}
.history-detail{padding:0 22px 20px 99px}.history-changes{border-top:1px solid var(--line,#e4ded1);padding-top:10px}.history-change{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:9px 0;font-size:13px}.history-change>span{color:var(--muted)}.history-change>div{display:flex;gap:14px;align-items:start;flex-wrap:wrap;overflow-wrap:anywhere}.history-change del{color:var(--muted);text-decoration:none}.history-change ins{text-decoration:none;color:var(--ink,#35372e)}.history-arrow{color:#b9ad98}.history-pagination{justify-content:center;margin:24px 0}
@media(hover:hover) and (pointer:fine){.history-event:hover{border-color:#c9bba3;box-shadow:0 8px 20px #59493009}}
@media(max-width:640px){.history-event summary{padding:15px 12px;gap:8px;flex-wrap:wrap}.history-copy{flex-basis:calc(100% - 78px)}.history-status{margin-left:68px}.history-detail{padding:0 16px 16px}.history-change{grid-template-columns:1fr;gap:5px}.history-marker{width:6px;height:6px}.history-meta .employee-avatar{display:none}}
@media(prefers-reduced-motion:reduce){.history-event,.history-expand{transition:none}}


/* login_preferences.css */
/* Scope to authentication forms; retain the current workbench theme. */
.login-card label.login-keep {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  cursor: pointer;
}
.login-card label.login-keep input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 0;
  padding: 0;
  flex: 0 0 18px;
  accent-color: var(--accent);
}
.login-card .login-keep-hint {
  font-size: 12px;
  line-height: 1.6;
  margin: -8px 0 0;
}

.qm-icp-footer{text-align:center;padding:14px 16px;font-size:12px;line-height:1.6;color:var(--muted)}
.qm-icp-footer a{color:inherit;text-decoration:none}


/* problem_feedback.css */
.feedback-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.feedback-compose,.feedback-history{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}
.feedback-compose h2,.feedback-history h2{margin:0 0 20px;font-size:20px}
.feedback-compose>label{display:grid;gap:8px}.feedback-compose .form-fields{margin-top:20px}
.feedback-compose textarea{min-height:160px;resize:vertical}
.feedback-history-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.feedback-record{padding:18px 0;border-bottom:1px solid var(--line)}.feedback-record:last-child{border-bottom:0}
.feedback-record h3{font-size:16px;margin:0 0 10px;overflow-wrap:anywhere}
.feedback-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
#feedback-success{overflow-wrap:anywhere;color:var(--studio-sage);line-height:1.6}
#feedback-all-field{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap;margin-bottom:18px}
#feedback-all{width:16px;height:16px;min-height:0;padding:0;flex-shrink:0}#feedback-all-hint{flex-basis:100%;padding-left:24px}#feedback-list{margin-top:12px}
@media(max-width:900px){.feedback-layout{grid-template-columns:1fr}.feedback-compose,.feedback-history{padding:18px}}


/* attachment_preview.css */
.attachment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;margin:16px 0 22px}
.attachment-entry{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.attachment-name{display:block;overflow-wrap:anywhere;line-height:1.6}
.attachment-entry p{margin:6px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.attachment-thumbnail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-bottom:12px;background:var(--accent-soft);border-color:var(--line);border-radius:10px;min-height:110px}
.attachment-thumbnail img{display:block;width:100%;height:140px;object-fit:contain;border-radius:6px}
.attachment-preview-hint{font-size:12px;color:var(--muted)}
dialog.attachment-image-dialog{width:900px;max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:22px;background:var(--surface)}
.attachment-image-dialog .dialog-heading{align-items:center;margin-bottom:14px}
.attachment-image-dialog h2{font-size:18px;overflow-wrap:anywhere;min-width:0}
.attachment-image-dialog .attachment-full-image{display:block;width:100%;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);object-fit:contain;border-radius:8px}
.attachment-image-dialog .attachment-download{display:inline-block;padding:12px 0 0;min-height:44px}
.attachment-image-dialog [data-image-status]:empty{display:none}
@media(max-width:740px){.attachment-list{grid-template-columns:1fr}.attachment-entry{padding:12px}dialog.attachment-image-dialog{padding:18px}.attachment-image-dialog .dialog-heading>button{min-height:44px}.attachment-image-dialog .attachment-full-image{max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}}


/* record_card_open.css */
.record-card-open{cursor:pointer}
.record-card-open:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.record-card-open input,.record-card-open textarea{cursor:text}