/* ChoreJet workspaces: task first, shared typography, light navigation and genuine data. */
:root{--workspace-ink:#10243b;--workspace-muted:#586779;--workspace-blue:#1559db;--workspace-line:#e0e5eb;--workspace-bg:#f6f8fa}
.app-shell,.admin-layout{color:var(--workspace-ink);background:var(--workspace-bg);line-height:1.55;isolation:isolate}
.app-shell>*,.admin-layout>*,.workspace-grid>*{min-width:0}
.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100dvh}
.app-shell .sidebar,.admin-layout .sidebar{background:#fff;border-inline-end:1px solid var(--workspace-line);border-radius:0;box-shadow:none;color:var(--workspace-ink)}
.app-shell .sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;padding:30px 20px;gap:24px}
.app-shell .sidebar .brand-name,.admin-layout .sidebar .brand{color:var(--workspace-ink)}
.app-shell .sidebar .brand-name span{color:var(--workspace-blue)}
.app-shell .sidebar .brand-logo-mark{filter:none}
.app-shell .side-nav{order:1;display:grid;gap:6px;margin:0}
.app-shell .profile-mini{order:2;margin-top:auto;background:#f6f8fa;border:1px solid var(--workspace-line);color:var(--workspace-ink);border-radius:10px;box-shadow:none}
.app-shell .profile-mini span{color:var(--workspace-muted)}
.app-shell #logout{order:3;margin:0;background:#fff;color:var(--workspace-muted);border:1px solid var(--workspace-line)}
.app-shell .side-nav button,.admin-layout #adminNav button{min-height:44px;display:flex;align-items:center;gap:12px;border-radius:9px;font-size:14px;line-height:1.4;text-align:start;color:var(--workspace-muted);background:transparent;font-weight:550;box-shadow:none}
.app-shell .side-nav button:before,.app-shell .side-nav button:after{display:none}
.workspace-nav-icon{flex:none}
.app-shell .side-nav button:hover,.admin-layout #adminNav button:hover{background:#f4f7fb;color:var(--workspace-ink)}
.app-shell .side-nav button.active,.admin-layout #adminNav button.active{background:#edf3ff;color:var(--workspace-blue);box-shadow:none;font-weight:650}
.app-shell .app-content{max-width:1360px;width:100%;padding:32px 40px 60px;margin:0 auto}
.app-shell .app-top{margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid var(--workspace-line);background:transparent;backdrop-filter:none;position:static}
.app-shell .app-top h2{font-size:23px;letter-spacing:-.025em;line-height:1.3}.app-shell .app-top .eyebrow{display:none}
.app-shell .app-top-actions{gap:12px;flex-wrap:wrap}
.app-shell .dash-hero,.app-shell .shop-hero{background:none;border:0;border-radius:0;box-shadow:none;color:var(--workspace-ink);padding:0;margin:0 0 28px;overflow:visible}
.app-shell .dash-hero-orb,.app-shell .stat:after{display:none}
.app-shell .dash-hero h2,.app-shell .shop-hero h2{color:var(--workspace-ink);font-size:clamp(25px,2.8vw,34px);font-weight:600;letter-spacing:-.04em;line-height:1.25}
.app-shell .dash-hero p,.app-shell .shop-hero p{color:var(--workspace-muted);font-size:14px;line-height:1.65;max-width:680px;margin:10px 0 0}
.app-shell .dash-kicker{font-size:11px;color:var(--workspace-muted);letter-spacing:.06em;font-weight:600}
.app-shell .panel,.app-shell .stat,.app-shell .job-card,.app-shell .shop-card,.admin-layout .panel,.admin-layout .card,.admin-layout .metric{background:#fff;border:1px solid var(--workspace-line);border-radius:12px;box-shadow:0 2px 5px #10243b03}
.app-shell .panel{padding:24px;margin-bottom:24px}
.app-shell .panel-head{gap:16px;align-items:start;margin-bottom:20px}
.app-shell .panel-head h3{font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.app-shell .panel-sub{color:var(--workspace-muted);font-size:13px;line-height:1.65}
.app-shell .stats{gap:14px;margin-bottom:28px;grid-template-columns:repeat(3,minmax(0,1fr))}
.app-shell .stat{padding:20px 22px;background:#fff;overflow:visible}
.app-shell .stat small{font-size:12px;text-transform:none;letter-spacing:0;color:var(--workspace-muted);font-weight:550}
.app-shell .stat strong{display:block;font-size:29px;color:var(--workspace-ink);letter-spacing:-.035em;font-weight:600;font-variant-numeric:tabular-nums;margin-top:6px}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,310px);gap:24px;align-items:start}
.workspace-main .panel{min-height:220px}
.workspace-aside .panel{padding:20px}
.workspace-setup{background:#fff;border:1px solid var(--workspace-line);border-radius:12px;margin-bottom:24px}
.workspace-setup>summary{padding:18px 20px;cursor:pointer;font-size:14px;font-weight:600;min-height:48px;color:var(--workspace-ink)}
.workspace-setup[open]>summary{border-bottom:1px solid var(--workspace-line)}
.app-shell .workspace-setup .setup-panel{border:0;box-shadow:none;margin:0;padding:20px}
.app-shell .workspace-setup .two-col{grid-template-columns:1fr}
.app-shell .workspace-attention{background:#fff9ed;border-color:#ead6ac;color:#674916}
.app-shell .next-job{padding:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#c6d7f0;border-inline-start:4px solid var(--workspace-blue);margin-bottom:24px}
.app-shell .next-job h3{font-size:23px;margin:10px 0 8px;letter-spacing:-.035em;line-height:1.3}
.app-shell .next-job p{font-size:14px;color:var(--workspace-muted);line-height:1.6;margin:0}
.next-job-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:var(--workspace-muted)}
.next-job-action{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none}
.next-job-amount{font-size:27px;letter-spacing:-.04em;color:var(--workspace-ink);font-variant-numeric:tabular-nums;font-weight:600}
.app-shell .job-card{padding:18px;border-radius:10px;box-shadow:none;transform:none}
.app-shell .job-card:hover{border-color:#aabdd8;box-shadow:none;transform:none}
.app-shell .job-card h4{font-size:16px;font-weight:600;letter-spacing:-.015em}.app-shell .job-card p{color:var(--workspace-muted);font-size:13px;line-height:1.6}
.app-shell .job-price{font-size:19px;color:var(--workspace-ink);font-weight:600;font-variant-numeric:tabular-nums}
.app-shell .job-card .meta{gap:8px}.app-shell .job-card .meta span{background:#f5f7fa;color:var(--workspace-muted);font-size:11px;border-radius:5px;padding:4px 7px}
.app-shell .pill{background:#edf3ff;border:1px solid #d5e2f7;color:#24569a;border-radius:6px;font-size:11px;font-weight:550}
.app-shell .premium-empty{min-height:240px;padding:30px 18px;box-shadow:none;background:#fff;border:0}.app-shell .empty-icon{display:none}.app-shell .premium-empty strong{font-size:21px;font-weight:600;letter-spacing:-.025em}
.app-shell .rewards-card{background:#fff;border-radius:12px;box-shadow:none}.app-shell .reward-bar i{background:var(--workspace-blue);box-shadow:none}
.app-shell .growth-hero,.admin-layout .growth-hero{border-radius:12px;box-shadow:none}
.app-shell #growth-account-promo{margin-bottom:24px;background:#fff;border:1px solid var(--workspace-line);border-radius:10px;box-shadow:none;font-size:13px}
.app-shell button,.app-shell .button,.admin-layout button,.admin-layout .btn{min-height:44px;border-radius:9px;box-shadow:none;font-size:13px;font-weight:600}
.app-shell .button.primary,.admin-layout button.primary{background:var(--workspace-blue);border-color:var(--workspace-blue);color:#fff;box-shadow:none}
.app-shell .button.secondary,.app-shell .button.ghost{background:#fff;color:var(--workspace-ink);border:1px solid #cdd7e4}
.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.admin-layout input:not([type=checkbox]):not([type=radio]),.admin-layout select{min-height:44px;border-radius:8px;border-color:#ccd6e3;font-size:14px}
.app-shell textarea,.admin-layout textarea{border-radius:8px;border-color:#ccd6e3}
.app-shell label{font-size:13px;font-weight:550}.app-shell .form-hint{font-size:12px;line-height:1.7;color:var(--workspace-muted)}
.app-shell :is(button,a,input,select,textarea,summary):focus-visible,.admin-layout :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #1559db80;outline-offset:3px}
.app-shell .muted,.admin-layout .muted{color:var(--workspace-muted)}
.app-shell h3,.admin-layout h3{overflow-wrap:anywhere}
.admin-layout .sidebar .back,.admin-layout .sidebar #identity,.admin-layout .sidebar .eyebrow{color:var(--workspace-muted)}
.admin-layout .grid>*{min-width:0}.admin-layout h1{font-size:30px;font-weight:600;letter-spacing:-.04em;line-height:1.2}
.admin-layout .card strong{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:1200px){.workspace-grid{grid-template-columns:1fr}.workspace-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workspace-aside>*:only-child{grid-column:1/-1}.app-shell .app-content{padding-inline:28px}}
@media(max-width:900px){.app-shell{display:block!important}.app-shell .sidebar{position:fixed!important;inset-inline:0;top:auto!important;bottom:0;height:76px!important;background:#fff!important;border-top:1px solid var(--workspace-line);border-inline-end:0;backdrop-filter:none;padding:0!important;box-shadow:0 -2px 8px #10243b05;z-index:60}.app-shell .sidebar .side-nav{padding:0 4px;gap:0;align-items:stretch}.app-shell .side-nav button{color:var(--workspace-muted)!important;font-size:10px!important;line-height:1.25;gap:5px;white-space:normal;padding:8px 2px!important;min-height:64px}.app-shell .side-nav button.active{color:var(--workspace-blue)!important;background:#edf3ff!important;border-radius:0!important}.app-shell .side-nav button:before,.app-shell .side-nav button:after{display:none!important}.workspace-nav-icon{width:20px;height:20px}.app-shell .app-content{padding:24px 24px 100px}.app-shell .stats{gap:10px}.app-shell .stat{padding:18px}.app-shell .stat strong{font-size:25px}.app-shell .app-top{flex-wrap:wrap;gap:16px;margin-bottom:24px}.app-shell .app-top h2{font-size:22px}}
@media(max-width:600px){.workspace-aside{display:block}.app-shell .app-content{padding:22px 16px 108px}.app-shell .panel{padding:20px}.app-shell .stats{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell .stat{padding:14px 10px}.app-shell .stat small{font-size:10px;line-height:1.4}.app-shell .stat strong{font-size:20px}.app-shell .stats .stat:last-child:nth-child(odd){grid-column:auto}.app-shell .next-job{padding:20px;gap:16px;align-items:flex-start;flex-wrap:wrap}.next-job-action{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.next-job-amount{font-size:24px}.app-shell .next-job h3{font-size:21px}.app-shell .dash-hero h2{font-size:27px}.app-shell .job-title-row{align-items:start;gap:12px}.app-shell .job-card .meta{gap:5px}.app-shell .job-card .meta span{font-size:10px}.app-shell .app-top-actions{margin-inline-start:auto}.admin-layout main{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.app-shell *,.admin-layout *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.app-shell #growth-account-promo strong{color:var(--workspace-ink)}
.app-shell #growth-account-promo a{color:var(--workspace-blue)}

/* Scoped work-plan components preserve the existing page layout. */
.crew-panel{margin:20px 0;padding:22px;border:1px solid #dce4ef;border-radius:16px;background:#fff;color:#132b4d;overflow-wrap:anywhere}.crew-panel progress{width:100%;height:10px;accent-color:#2563eb}.crew-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0}.crew-stats>div{padding:14px;border-radius:12px;background:#f3f7fc}.crew-stats small,.crew-stats strong{display:block}.crew-stats strong{font-size:22px;margin-top:6px}.crew-members{padding-inline-start:20px}.crew-task{padding:15px 0;border-bottom:1px solid #e6edf5;display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.crew-task>div{min-width:0}.crew-task p{font-size:13px;margin:6px 0;color:#526581}.crew-task-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;max-width:210px}.crew-panel details{margin-top:16px}.crew-panel summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}.crew-panel form{display:grid;gap:12px;margin:12px 0}.crew-panel textarea,.crew-panel select{width:100%;box-sizing:border-box}.crew-panel .terms-check{display:flex;align-items:flex-start;gap:10px}.crew-panel input[type=checkbox],.crew-accept-dialog input[type=checkbox]{width:20px;height:20px;flex:0 0 20px}.crew-quote{display:block;line-height:1.55!important;margin-top:6px}.crew-accept-dialog{max-width:620px;width:calc(100% - 32px);box-sizing:border-box;max-height:90dvh;overflow:auto}.crew-accept-dialog form{padding:24px}.crew-accept-dialog .terms-check{display:flex;align-items:flex-start;gap:10px}.crew-accept-dialog p{line-height:1.55}.crew-panel button{min-height:44px}.crew-panel .button{white-space:normal}
@media(max-width:560px){.crew-panel{padding:16px}.crew-task{flex-direction:column}.crew-task-actions{max-width:none;width:100%}.crew-task-actions button{flex:1}.crew-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-stats>div{padding:12px}.crew-stats strong{font-size:20px}.crew-accept-dialog form{padding:16px}}

@media(max-width:560px){.crew-stats>div:nth-child(3){grid-column:1/-1}}

/* Mobile content must not occupy the desktop sidebar grid track. */
@media(max-width:900px){
 body.authenticated #app.app-shell{display:block!important;grid-template-columns:minmax(0,1fr)}
 body.authenticated #app.app-shell>.app-content{width:100%;max-width:100%;min-width:0;margin-inline:0}
 body.authenticated #app.app-shell .app-content:before{display:none}
 body.authenticated #app.app-shell .panel-head>.pill{flex-shrink:0;white-space:nowrap}
}