:root{--color-background-primary:#fff;--color-background-secondary:#f4f3ef;--color-background-tertiary:#e9e7e0;--color-background-danger:#fbeae8;--color-background-success:#e7f4ec;--color-background-warning:#fbf2e0;--color-background-info:#e9eff6;--color-text-primary:#1b1b19;--color-text-secondary:#5d5b55;--color-text-tertiary:#6f6c64;--color-text-danger:#b3231a;--color-text-success:#156b3c;--color-text-warning:#855a10;--color-text-info:#245fa6;--color-border-tertiary:#0000001a;--color-border-secondary:#0000002e;--color-border-primary:#00000052;--color-border-danger:#b3231a66;--color-border-success:#1a7f4b66;--color-border-warning:#97671366;--color-border-info:#245fa666;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-background-tertiary);-webkit-font-smoothing:antialiased;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(button,a,input,select,textarea,[role=button],[role=link],[tabindex="0"]):focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:var(--border-radius-md)}.appbar{border-bottom:1px solid var(--color-border-tertiary);background:var(--color-background-primary);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1rem;display:flex}.appbar .logo{align-items:center;gap:.45rem;font-size:14px;font-weight:500;display:flex}.appbar .logo i{color:var(--color-text-secondary);font-size:18px}.roles{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);display:inline-flex;overflow:hidden}.roles button{cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-sans);background:0 0;border:0;align-items:center;gap:.35rem;padding:6px 14px;font-size:12px;display:inline-flex}.roles button.on{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:500}.subnav{gap:.4rem;display:inline-flex}.subnav button{border:1px solid var(--color-border-secondary);cursor:pointer;border-radius:var(--border-radius-md);font-size:12px;font-family:var(--font-sans);color:var(--color-text-secondary);background:0 0;padding:5px 11px}.subnav button.on{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:500}.stage{max-width:1120px;margin:0 auto;padding:1rem}.stage.narrow{max-width:760px}.nav,.seg span,.tabs span,.opt,.bitem,.btn,.iconbtn,.frow{cursor:pointer}.cockpit{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);background:var(--color-background-primary);grid-template-columns:150px 1fr;display:grid;overflow:hidden}.cockpit .rail{border-right:1px solid var(--color-border-tertiary);background:var(--color-background-secondary);padding:.7rem .5rem}.cockpit .brand{align-items:center;gap:.4rem;margin:0 .2rem .9rem;font-size:13px;font-weight:500;display:flex}.cockpit .nav{box-sizing:border-box;width:100%;min-height:36px;font-family:var(--font-sans);text-align:left;color:var(--color-text-secondary);border-radius:var(--border-radius-md);background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;margin-bottom:.15rem;padding:.4rem .45rem;font-size:12px;display:flex}.cockpit .nav i{font-size:16px}.cockpit .nav.on{background:var(--color-background-primary);color:var(--color-text-primary);border:1px solid var(--color-border-tertiary);font-weight:500}.cockpit .badge{background:var(--color-text-primary);color:var(--color-background-primary);border-radius:10px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:500}.cockpit .main{min-height:420px;padding:.7rem .8rem}.ph{height:380px;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.ph i{font-size:30px}.ph .pht{color:var(--color-text-secondary);font-size:15px;font-weight:500}.ph .phs{font-size:12px}.region{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);background:var(--color-background-primary);margin-bottom:.8rem;padding:.9rem 1rem}.region .cap{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.lab{color:var(--color-text-secondary);font-size:13px}.labb{color:var(--color-text-primary);font-size:13px;font-weight:500}.muted{color:var(--color-text-tertiary)}.btn{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);background:var(--color-background-primary);cursor:pointer;font-size:13px;font-family:var(--font-sans);justify-content:center;align-items:center;gap:.4rem;padding:7px 12px;display:inline-flex}.btn:hover{background:var(--color-background-secondary)}.btn.primary{border-color:var(--color-border-primary);background:var(--color-background-secondary);font-weight:500}.btn:disabled{opacity:.5;cursor:default}.chip{color:var(--color-text-secondary);background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);align-items:center;gap:.3rem;padding:2px 8px;font-size:11px;display:inline-flex}.chip.sel{border-color:var(--color-border-primary);color:var(--color-text-primary);background:var(--color-background-primary)}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;display:grid}.tile{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:.6rem .7rem}.tile .tlab{color:var(--color-text-tertiary);font-size:10px;font-family:var(--font-mono);margin-bottom:.2rem}.tile .tval{font-size:18px;font-weight:500}.field{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);width:100%;font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);box-sizing:border-box;outline:none;padding:.55rem .7rem}.field:focus{border-color:var(--color-border-primary)}label.fl{color:var(--color-text-secondary);margin:.6rem 0 .25rem;font-size:12px;display:block}.listrow{border-top:1px solid var(--color-border-tertiary);cursor:pointer;align-items:center;gap:.6rem;padding:.6rem .2rem;display:flex}.listrow:hover{background:var(--color-background-secondary)}.listrow:first-child{border-top:none}button.listrow{font:inherit;color:inherit;border:none;border-top:1px solid var(--color-border-tertiary);text-align:left;background:0 0;width:100%}button.listrow:first-child{border-top:none}.status{border-radius:var(--border-radius-md);border:1px solid var(--color-border-tertiary);color:var(--color-text-secondary);white-space:nowrap;padding:1px 7px;font-size:10px}.status.lead{color:var(--color-text-info);border-color:var(--color-border-info);background:var(--color-background-info)}.status.approved,.status.in_progress{color:var(--color-text-success);border-color:var(--color-border-success);background:var(--color-background-success)}.status.quote_sent,.status.quote_draft,.status.accepted{color:var(--color-text-warning);border-color:var(--color-border-warning);background:var(--color-background-warning)}.center-wrap{justify-content:center;align-items:center;min-height:80vh;padding:1rem;display:flex}.card{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);background:var(--color-background-primary);width:100%;max-width:420px;padding:1.4rem}.toast{background:var(--color-text-primary);color:var(--color-background-primary);border-radius:var(--border-radius-md);z-index:50;padding:.55rem .9rem;font-size:13px;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.portal-wrap{justify-content:center;min-height:100vh;padding:1.5rem 1rem 2rem;display:flex}.portal{width:100%;max-width:560px}@media (width<=640px){.stage{padding:.5rem}.cockpit{border-radius:var(--border-radius-md);grid-template-columns:1fr}.cockpit .rail{border-right:none;border-bottom:1px solid var(--color-border-tertiary);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:.3rem;padding:.4rem .5rem;display:flex;overflow-x:auto}.cockpit .rail::-webkit-scrollbar{display:none}.cockpit .brand{display:none}.cockpit .nav{white-space:nowrap;flex:none;width:auto;min-height:40px;margin-bottom:0}.cockpit .main{min-width:0;padding:.7rem .55rem}.region .cap,.listrow{flex-wrap:wrap}}.capgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;display:grid}.capcard{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);flex-direction:column;gap:.25rem;padding:.4rem;display:flex}.capcard img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--border-radius-sm);background:var(--color-background-secondary);width:100%}.capmeta{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.status.published{color:var(--color-text-success);border-color:var(--color-border-success);background:var(--color-background-success)}.status.cr_pending{color:var(--color-text-warning);border-color:var(--color-border-warning);background:var(--color-background-warning)}.status.cr_approved{color:var(--color-text-info);border-color:var(--color-border-info);background:var(--color-background-info)}.status.cr_pushed{color:var(--color-text-success);border-color:var(--color-border-success);background:var(--color-background-success)}.status.cr_declined{color:var(--color-text-danger);border-color:var(--color-border-danger);background:var(--color-background-danger)}.status.pending{color:var(--color-text-warning);border-color:var(--color-border-warning);background:var(--color-background-warning)}.status.internal,.status.discarded{color:var(--color-text-tertiary)}
