/* PartAIme: a calm, task-first workspace. Database-independent presentation layer. */
:root{--bg-dark:#f6f8fa;--bg-header:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f4f8f7;--bg-surface:#f1f5f5;--bg-surface-light:#e8eeee;--bg-input:#fff;--border:#dce5e4;--border-light:#e6eceb;--text-main:#173b39;--text-secondary:#526b69;--text-muted:#617a78;--text-inverse:#fff;--accent-emerald:#087f6c;--accent-emerald-hover:#066454;--accent-emerald-light:#e4f4ee;--accent-sky:#176c92;--accent-blue:#256b91;--accent-amber:#93641a;--accent-red:#b63636;--shadow-sm:0 2px 4px #173b3905;--shadow-md:0 12px 36px #173b3908;--shadow-glow:none;--green:#087f6c;--ink-secondary:#526b69;--muted:#617a78;--radius-lg:18px}
body{background:#f6f8fa;color:var(--text-main);font-size:14px;overflow-x:clip}
h1,h2,h3,h4,h5,h6{color:#173b39;letter-spacing:-.025em}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid #329c88;outline-offset:3px}
.icon{font-size:19px;line-height:1;flex-shrink:0;display:inline-block}
.btn{min-height:42px;gap:8px;box-shadow:none;border:1px solid #dce5e4;background:#fff;color:#254b47;white-space:normal}
.btn:hover{background:#edf5f2;border-color:#9cbeb4;transform:none}
.btn.primary,.btn.btn-emerald{background:#087f6c;border-color:#087f6c;color:white}
.btn.primary:hover,.btn.btn-emerald:hover{background:#066454}
.btn.danger{background:#fff1f0;border-color:#f0d0cb;color:#a82d2d}
.btn.ghost{background:transparent;color:#087f6c}.btn.small{min-height:36px}.btn.large{min-height:50px}
.sidebar{background:#fff;border-right:1px solid var(--border);width:254px;padding:26px 18px;box-shadow:none}
.app-main{margin-left:254px;min-width:0}
.side-brand{padding:0 10px 24px;gap:12px}.brand-box,.auth-brand>span{background:#087f6c;color:#fff;border-radius:12px;box-shadow:none}
.side-brand>span:last-child{color:#153e39;font-size:21px}.side-brand small{font-size:8px;letter-spacing:1.15px;color:#647f78;margin-top:5px}
.side-nav-heading{font-size:9px;letter-spacing:1.5px;color:#6c817e;margin:18px 10px 8px}
.side-nav a{padding:10px 12px;border-radius:9px;color:#546e68;gap:12px;min-height:44px;border:none}
.side-nav a:hover{background:#f4f8f6;color:#173b39}.side-nav a.active{background:#e7f4ee;color:#08715e;font-weight:700;box-shadow:none}
.nav-step{margin-left:auto;font:11px var(--font-mono);opacity:.65}
.side-account{border-top:1px solid var(--border);padding-top:18px}.side-account small{color:#6d817c}.avatar{background:#ecf2ef;color:#41635c}
.sidebar-note{padding:15px 12px;margin-top:22px;background:#f8f8f0;border:1px solid #ececdf;border-radius:12px;font-size:12px}.sidebar-note p{font-size:11px;margin-top:5px;color:#6c7565}
.app-top{padding:20px 32px;background:#ffffffed;border-bottom:1px solid #e4eae7;backdrop-filter:blur(12px);min-height:87px}
.top-title,.top-actions{display:flex;align-items:center;gap:12px}.top-title small{font-size:9px;letter-spacing:1.5px;color:#6b817b}.app-top h1{font-size:23px;margin-top:4px}
.access-pill{display:flex;align-items:center;gap:6px;font-size:11px;color:#08715e;background:#e9f5ef;border-radius:99px;padding:7px 11px}.access-pill .icon{font-size:15px}
.app-content{max-width:1440px;padding:30px 34px 16px;margin:auto}
.tool-intro{background:transparent;border:none;padding:12px 0 25px;box-shadow:none}.tool-intro h2{font-size:29px}.tool-intro p{max-width:740px;color:#647a73}
.eyebrow-tech{color:#087f6c!important;background:#e6f2ed!important;border-color:#d6e8df!important;font-size:10px;letter-spacing:1px}
.panel,.system-card,.stat-card,.benefit-card{background:#fff;border:1px solid #e0e8e4;box-shadow:var(--shadow-sm);border-radius:16px}
.panel-head{padding:22px 24px;border-bottom:1px solid #e8eeea;background:transparent}.panel-head h2{font-size:19px}.panel-body{padding:24px}.panel-head p{color:#698078;font-size:12px}
.content-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:22px}
.form-grid{gap:18px}.field{min-width:0}.field label{color:#294e45;font-weight:600;font-size:12px}.field input,.field textarea,.field select,.toolbar input,.toolbar select{background:#fff;border:1px solid #ccdcd4;border-radius:9px;color:#284c43;padding:12px 13px;min-height:44px;max-width:100%}
.field input::placeholder,.field textarea::placeholder{color:#81958c}.field small{font-size:11px;line-height:1.65;color:#6a8075;display:block;margin-top:6px}
.field textarea{min-height:108px}.field input[type=checkbox]{min-height:initial;width:auto}.code-output{background:#f8faf9;color:#335a4d;border:1px solid #dce7e0;border-radius:10px;font-size:12px;line-height:1.8;min-height:390px}
.form-actions{flex-wrap:wrap}.copy-status{font-size:12px;min-height:22px}.help-note{color:#5a7268;background:#f2f7f3;border:1px solid #dfebe1;border-radius:10px;padding:14px;font-size:12px}
.workflow-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid #dce6df;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:18px}
.workflow-strip a{display:flex;gap:9px;align-items:center;padding:13px 12px;border-right:1px solid #e4ebe6;color:#657c70;font-size:11px}.workflow-strip a:last-child{border:0}.workflow-strip a span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eff3f0;font:11px var(--font-mono);flex-shrink:0}.workflow-strip a.current{background:#e9f5ef;color:#066754}.workflow-strip a.current span{background:#087f6c;color:#fff}
.step-guide{display:flex;gap:13px;padding:17px 19px;border-radius:12px;background:#edf4ff;color:#294e6f;border:1px solid #dae6f5;margin-bottom:18px}.step-guide b{font-size:13px}.step-guide p{font-size:12px;color:#516c80;margin-top:4px}.guide-icon{padding-top:4px}.step-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #dfe8e2}
.workspace-footer{padding:30px 0 10px;display:flex;justify-content:space-between;color:#7e9387;font-size:10px}
.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.system-card{padding:22px}.system-card h3{font-size:19px}.system-card:hover{transform:translateY(-2px);border-color:#afccbe;box-shadow:var(--shadow-md)}.system-icon{background:#eaf5ee;color:#16816a;border:1px solid #d8e9df;box-shadow:none}.system-meta{border-top:1px solid #e6ede8}.system-spec-item strong{color:#315447}.tag{background:#eff4f0;color:#476251;border:1px solid #e0e9e1}.tag.amber{background:#fff5df;color:#856018;border-color:#f0e6ce}
.toolbar{background:#fff;border:1px solid #dce6df;padding:16px;border-radius:12px;margin-bottom:22px;flex-wrap:wrap}
.flow-row{background:#fff;border:1px solid #e3eae5;gap:14px}.flow-row:hover{background:#f8faf8}.flow-row.done{background:#eff8f2;border-color:#d7e9dc}.flow-check{background:#edf4ee;color:#4f7360;box-shadow:none}.flow-row.done .flow-check{background:#087f6c;color:#fff}
.quick-card{background:#fff;border:1px solid #e0e9e2}.quick-card b{color:#2a5441}.quick-card small{color:#677e6e}.quick-card:hover{background:#eff7f1}.quick-card.community-link{background:#eef8f1;border-color:#d7eade}
.alert{font-size:13px;border-radius:11px}.alert.error{background:#fff0ee;color:#9c3434;border:1px solid #edcfcb}.alert.info{background:#edf4ff;color:#345b80;border:1px solid #d3e0f0}.alert.success{background:#eaf7ed;color:#236b45;border:1px solid #cee6d4}
.status{font-size:10px}.status.active,.status.approved{background:#e5f5eb;color:#237545}.status.pending{background:#fff4d9;color:#88610f}.status.suspended{background:#fdecea;color:#a63d34}
.stat-grid{gap:16px}.stat-card{padding:23px}.stat-card strong{color:#144d3d;font-size:34px}.stat-card span{color:#617b6c;font-size:12px}
.admin-tabs{gap:5px;border-bottom:1px solid #dce6df;padding-bottom:12px;overflow-x:auto;flex-wrap:nowrap}.admin-tabs a{white-space:nowrap;color:#627b6c;padding:9px 14px}.admin-tabs a.active{background:#e3f1e9;color:#146e51;border-color:#cfdfd4}
.admin-layout{grid-template-columns:350px minmax(0,1fr);gap:22px}.table-wrap{overflow:auto;max-width:100%}table{min-width:650px;width:100%;border-collapse:collapse}th{background:#f5f8f5;color:#5e7566;font-size:10px;letter-spacing:.6px;text-align:left;padding:13px 16px}td{border-bottom:1px solid #e7ede8;padding:15px 16px;color:#385845;font-size:12px}td small{color:#728575}tr:hover td{background:#fafcf9}
.raw-json{max-width:360px;max-height:240px;overflow:auto;background:#f3f6f4;color:#466351;padding:12px;font-size:11px}
.member-detail{background:#f5f8f5;border:1px solid #dfe8df;padding:18px;border-radius:12px;margin-bottom:20px}.member-detail dl{display:grid;grid-template-columns:140px 1fr;gap:7px}.member-detail dd{overflow-wrap:anywhere}.member-detail dt{color:#6d8374}
.auth-body{background:radial-gradient(ellipse at top left,#e4f1e8,transparent 65%),#f7f9f6;display:grid;place-items:center;padding:40px 20px}.auth-shell{width:min(100%,510px);margin:0 auto;padding:0}.auth-card{background:#fff;border:1px solid #dce6de;padding:38px;border-radius:22px;box-shadow:0 25px 75px #315a4010}.auth-card h1{font-size:30px;margin:22px 0 10px}.auth-brand{margin-bottom:20px}.auth-brand small{display:block;letter-spacing:1px;font-size:9px;color:#76887a}.auth-lead{font-size:13px;line-height:1.8;color:#627967}.auth-foot{font-size:12px;color:#718576}.auth-foot a,.text-link{color:#087f6c}.auth-card .form-grid{margin-top:24px}.password-toggle{border:0;background:none;text-align:left;color:#557564;font-size:11px;padding:8px 0;cursor:pointer}
.activation-steps{display:flex;list-style:none;gap:12px;counter-reset:step;margin:23px 0}.activation-steps li{font-size:10px;color:#879585;flex:1}.activation-steps li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:25px;height:25px;background:#eff2eb;border-radius:50%;margin-bottom:6px}.activation-steps .done{color:#087f6c}.activation-steps .done:before{background:#e0f0e4}.account-summary{background:#f7faf6;padding:13px;border-radius:9px;margin-top:18px}.account-summary>*{display:block;overflow-wrap:anywhere}.account-summary small{font-size:10px;color:#748674}
.support-box{padding:20px 0;border-top:1px solid #e2eae1;margin-top:24px}.support-box p{font-size:12px;color:#6b806b;margin:7px 0 14px}.state-symbol{width:48px;height:48px;background:#fff3d8;color:#9a701e;border-radius:14px;display:grid;place-items:center;margin:18px 0}.state-symbol .icon{font-size:25px}
.check-row{background:#fff;border-color:#dee7dc}.check-row:hover{background:#f4f9f1}.check-row input{accent-color:#087f6c}.checklist legend{color:#355b40}.output-tabs{background:#f0f5ed;border-color:#dce6d7;flex-wrap:wrap}.output-tabs button{color:#5d7758}.output-tabs button.active{background:#fff;color:#176b40;box-shadow:var(--shadow-sm)}
.community-hero{background:#eaf4e8;border-color:#d9e7d4}.community-icon,.benefit-icon-box{color:#087f6c;background:#e4f1e2}
.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}
.home-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;background:#eaf3ec;border:1px solid #d7e5d9;border-radius:20px;padding:32px;margin-bottom:26px}.home-hero h2{font-size:36px;line-height:1.15;max-width:530px;margin:12px 0}.home-hero p{font-size:13px;color:#5e7864;max-width:470px;margin-bottom:22px}.home-kicker{font-size:10px;letter-spacing:1.8px;color:#448361;font-weight:700}.home-progress{background:#fff;border:1px solid #dbe5db;border-radius:14px;padding:22px;align-self:center}.home-progress .number{font-size:35px;letter-spacing:-1px;color:#116340}.home-progress p{font-size:11px;margin:8px 0}.home-progress progress{width:100%;height:8px;accent-color:#087f6c}
.section-title{display:flex;justify-content:space-between;align-items:end;margin:26px 0 16px}.section-title h2{font-size:23px}.section-title p{color:#71826e;font-size:12px}
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.journey-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe7da;border-radius:14px;padding:19px 17px;min-width:0;transition:.2s}.journey-card:hover{border-color:#8db699;transform:translateY(-3px)}.journey-card:first-child{border-color:#93bea1}.journey-card .step-number{font:10px var(--font-mono);color:#79917e}.journey-card .icon{font-size:24px;color:#398563;margin:18px 0}.journey-card h3{font-size:17px;margin-bottom:8px}.journey-card p{font-size:11px;color:#73816d;line-height:1.7;flex:1}.journey-card .journey-action{font-size:11px;color:#167148;font-weight:700;margin-top:16px}
@media(min-width:1081px){.sidebar{display:flex;flex-direction:column}.side-account{margin-top:auto}.app-main{width:calc(100% - 254px)}}
@media(max-width:1200px){.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid{grid-template-columns:repeat(3,1fr)}.admin-layout{grid-template-columns:1fr}.workflow-strip a{font-size:10px;padding:12px 8px}}
@media(max-width:1080px){.app-main{margin-left:0;width:100%}.sidebar{width:254px;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.app-content{padding:24px}.sidebar-note{display:none}}
@media(max-width:768px){.app-top{padding:15px 18px}.app-top h1{font-size:20px}.app-content{padding:20px 16px}.top-actions .access-pill{display:none}.content-grid,.qa-layout,.home-hero{grid-template-columns:1fr}.home-hero{padding:24px;gap:12px}.home-hero h2{font-size:30px}.home-progress{padding:17px}.journey-grid{grid-template-columns:repeat(2,1fr)}.workflow-strip{display:flex;overflow-x:auto}.workflow-strip a{min-width:135px;flex:1}.panel-body,.panel-head{padding:19px}.tool-intro h2{font-size:25px}.stat-grid{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:1fr}.auth-card{padding:26px}.auth-body{padding:24px 14px}.step-footer .btn{font-size:12px}.member-detail dl{grid-template-columns:1fr}.workspace-footer span{max-width:160px;text-align:right}}
@media(max-width:480px){.form-grid{grid-template-columns:1fr}.journey-card{padding:16px 13px}.journey-card h3{font-size:16px}.top-title{gap:8px}.top-actions .btn{padding:8px}.auth-card h1{font-size:27px}.flow-row{flex-wrap:wrap}.flow-row>div{flex:1;min-width:160px}.flow-row>.btn{margin-left:40px}.toolbar .field{width:100%}.home-hero h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Use a fixed rail rather than the legacy grid rail. */
.app-shell{display:block}.sidebar{position:fixed;left:0;top:0}.app-top{height:auto}

.sidebar{position:fixed!important}.flow-row b,.side-account b,.system-card h3,.check-row b{color:#294f40}.quick-grid{grid-template-columns:1fr}.panel-head:has(>h2){display:block}.panel-head:has(>h2)>p{margin-top:6px}.system-spec-item{color:#52705d}

.system-spec-item,.checklist fieldset{background:#f6f9f3;border-color:#e0e9d9}.output-tabs button{background:#f1f5ec}.check-row b{visibility:hidden}.check-row:has(input:checked) b{visibility:visible}.advanced-options{padding:15px;border:1px solid #dae5d4;border-radius:10px}.advanced-options summary{cursor:pointer;color:#416c48;font-size:12px;font-weight:600}.btn:disabled{opacity:.65;cursor:default}.icon{font-style:normal}