/* Shared visual language. System fonts and local assets keep the workspace self-contained. */
:root{--ink:#1c2540;--muted:#606b81;--accent:#5546d9;--accent-soft:#f0edff;--line:#e5e8f0;--canvas:#f7f8fc;--surface:#fff;--nav:#141a2e}
body{background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{transition:background .15s,border-color .15s,box-shadow .15s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9387ff;outline-offset:3px}
button.primary{background:var(--accent);border:1px solid var(--accent);box-shadow:0 3px 7px #5546d91a;min-height:42px}
button.primary:not(:disabled):hover{background:#4435bc;border-color:#4435bc}
button.secondary{border-color:#dce0eb;color:#38445d;background:#fff;min-height:40px}
button.secondary:not(:disabled):hover{background:#f5f3ff;border-color:#c5bcff;color:#4435bc}
button.danger{color:#a92533;border-color:#e8bec4}button.text-button{color:var(--accent)}
input,select,textarea{color:var(--ink);border-color:#dce1ec;border-radius:9px;min-height:42px}input::placeholder,textarea::placeholder{color:#7b8497}
.muted{color:var(--muted)}.eyebrow{color:#70648f;font-size:10px;letter-spacing:.13em;font-weight:750}.eyebrow.light{color:#d4ceff}
h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-weight:750}h2{font-size:23px}h3{font-size:17px}
.shell{grid-template-columns:236px minmax(0,1fr)}
.side{background:var(--nav);padding:24px 14px 12px;display:flex;flex-direction:column;height:100dvh;overflow:hidden;position:sticky;top:0;border-right:1px solid #202740}
.brand{display:flex;align-items:center;gap:10px;padding:0 8px 23px;font-size:18px;letter-spacing:-.04em;flex:none}.brand-symbol{width:34px;height:34px;border-radius:10px;background:#b9efda;color:#152b28;display:grid;place-items:center;font-size:29px;font-weight:550}.brand small{display:block;font-size:7px;letter-spacing:.12em;margin-top:3px;font-weight:650;color:#aab4cb}
.nav-finder{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #38415b;background:#20283f;color:#d9dfed;padding:10px 12px;border-radius:9px;margin-bottom:15px;font-size:12px;text-align:left;flex:none}.nav-finder kbd{font:10px inherit;color:#aab4cb;border:1px solid #505a72;border-radius:4px;padding:1px 4px}
.nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3c455f transparent;padding-right:3px;min-height:0;flex:1}
.nav button{display:flex;align-items:center;gap:11px;color:#bfc8dc;font-size:12px;font-weight:550;min-height:36px;padding:8px 12px;margin:2px 0;border-radius:8px;line-height:1.35}.nav button .nav-label{min-width:0}.nav-icon{width:17px;height:17px;flex:none;opacity:.85}
.nav .active{background:#7764f5;color:#fff;box-shadow:0 4px 14px #0000001a}.nav button:not(:disabled):hover{background:#29324c;color:#fff}.nav button.active:not(:disabled):hover{background:#7764f5}.nav .nav-heading{font-size:9px;color:#8793ae;margin:20px 12px 7px;letter-spacing:.12em}
.nav-more{margin-top:16px;border-top:1px solid #303950;padding-top:8px}.nav-more summary{color:#aab4cb;font-size:11px;font-weight:650;padding:11px;cursor:pointer;list-style-position:inside}.nav-more[open] summary{color:#fff}.nav-footer{display:flex;align-items:center;gap:8px;color:#8f9bb5;font-size:10px;border-top:1px solid #303950;padding:16px 9px 3px;margin-top:12px;flex:none}.workspace-indicator{width:6px;height:6px;border-radius:100%;background:#a8dac9}
.main{padding:0 36px 40px;max-width:1800px;margin:0 auto;width:100%;min-width:0}.main:focus{outline:0}
.top{height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);margin-bottom:24px}.workspace-switcher{display:block;min-width:130px;max-width:290px}.workspace-switcher>span{display:block;color:#788197;font-size:9px;letter-spacing:.1em;font-weight:750;padding-left:2px}.workspace-switcher input{width:100%;min-height:28px;margin-top:2px;padding:3px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:inherit;font-size:12px}.workspace-switcher select{width:100%;border:0;background:transparent;padding:3px 18px 3px 0;min-height:30px;font-size:13px;font-weight:700;text-overflow:ellipsis}
.top-tools{display:flex;gap:10px;align-items:center;min-width:0}.global-search-wrap{position:relative;display:flex;min-width:0}.top .search{background:#fff;width:245px;min-width:0;padding:10px 32px 10px 13px;font-size:12px;flex:auto}.global-search-wrap>span:last-child{position:absolute;right:12px;top:10px;color:#8a93a7}.signout-button{font-size:12px;padding:8px 11px}.quick-create{white-space:nowrap;font-size:12px;padding:8px 16px}
.dashboard-dayline{display:flex;justify-content:space-between;align-items:center;color:#778197;font-size:11px}.dashboard-dayline button{font-size:11px}
.hero{margin:23px 0 25px;gap:18px}.hero h1{font-size:31px;margin:5px 0 8px;letter-spacing:-.045em}.hero .muted{font-size:13px}.hero>.secondary{font-size:12px}.hero #verifyNotice{width:100%;font-size:11px}.hero #verifyNotice:empty{display:none}.hero #verifyNotice p{margin:0}.hero #verifyNotice button{background:transparent;border:0;color:var(--accent);text-decoration:underline}
.cards{gap:12px;margin:0 0 22px}.card{border-color:var(--line);box-shadow:0 2px 5px #16214403;border-radius:14px;padding:22px}.kpi-card{min-height:139px;padding:21px 18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.kpi-card>.muted{font-size:11px;max-width:100%;padding-top:31px}.kpi-icon{left:18px;right:auto;top:17px;width:27px;height:27px;border-radius:8px;font-size:15px}.metric{font-size:28px;letter-spacing:-.04em;margin-top:3px;line-height:1.2}.kpi-card:hover,.kpi-card:focus-visible{transform:none;box-shadow:0 6px 18px #1a25410a;border-color:#c3baff}
.dashboard-primary{grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:20px}.ai{background:linear-gradient(120deg,#292348,#34305d);border:1px solid #454065;border-radius:16px;padding:26px;box-shadow:none;color:#f7f6ff}.ai h2{font-size:25px;margin:7px 0 9px}.aihead{gap:25px;align-items:start}.aihead>div>div{font-size:12px;color:#c5c2dc;max-width:450px}.aihead>.primary{background:#e0d9ff;color:#372761;border-color:#e0d9ff;white-space:nowrap;font-size:11px}.operator-command-form label{font-size:11px;color:#d4d0e8;margin-top:20px}.operator-command-form input{font-size:12px;padding:10px 12px}.operator-command-form button{font-size:11px}.operator-command{border:0;background:transparent;padding:0;margin-top:12px;font-size:11px;color:#c6c2dc}.operator-command span{color:#e1ddec}.ai .status-message:empty{display:none}
.business-panel{padding:22px}.panel-heading{margin-bottom:18px}.panel-heading h3{font-size:16px;margin-top:5px}.panel-heading .text-button{font-size:11px}.business-list{gap:9px}.business-row{padding:10px;border-color:var(--line);background:#fafbfe;font-size:12px;border-radius:10px}.business-row.current{border-color:#d8d1fb;background:#f6f4ff}.business-avatar{width:33px;height:33px;border-radius:9px;background:#e4defb;color:#53449a}.business-row .muted{font-size:10px;margin-top:3px}
.dashboard-grid{gap:20px;margin-top:20px}.dashboard-list-item{font-size:12px;padding:13px 0;white-space:normal;line-height:1.45}.dashboard-list-item .muted{font-size:11px;font-weight:400;margin-top:4px}.attention-button{align-items:start;font-size:12px;padding:14px 0}.attention-button span{font-size:11px;flex:none}.empty-dashboard{font-size:12px;line-height:1.7}.verification-badge{color:#5c5885;background:#f1effa;font-size:10px;font-weight:500}.performance-stat{background:#f7f8fc}.performance-stat .muted{font-size:11px}.performance-stat strong{font-size:23px}.source-row{font-size:12px}.source-row progress::-webkit-progress-value{background:#9485e9}
.workspace-page{margin-top:30px}.workspace-page-header{border:0;padding-bottom:0;margin-bottom:24px}.workspace-page-header h1{font-size:31px;margin-top:8px}.workspace-page-header>.secondary{font-size:12px}.workspace-page #drawerBody{border-color:var(--line);box-shadow:0 2px 8px #1c254004;border-radius:16px;padding:28px}.workspace-page .page-intro{font-size:13px;line-height:1.7}.workspace-page form{line-height:1.6}.workspace-page label{font-size:12px;color:#3c4760}.workspace-page .drawer-control{margin:6px 0 17px}.workspace-page .builder-fields legend{font-size:17px}.record-context{background:#f8f9fd;border-color:var(--line)}.record-context h2{font-size:16px}.builder-save-state{color:#6c617e;font-size:12px;background:#f6f4fc;border-radius:9px;padding:10px 13px}.builder-actions{border-color:var(--line);padding-top:20px}.pipeline-stage{background:#f8f9fd;border-color:var(--line)}.conversation-row,.message-card,.invoice-sheet{border-color:var(--line)}.tag{background:#f0eef8;color:#5b5276;font-size:11px}.loading-state{border-color:var(--line);font-size:13px}.spinner{border-color:#e5e0fa;border-top-color:var(--accent)}
.workspace-launcher{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 60px);padding:25px;border:1px solid #e3dfef;border-radius:18px;color:var(--ink);box-shadow:0 30px 100px #0f132e40;background:#fff;overflow:auto}.workspace-launcher::backdrop{background:#141a2e80;backdrop-filter:blur(3px)}.workspace-launcher header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:20px}.workspace-launcher h2{font-size:23px;margin:7px 0 0}.launcher-close{padding:6px 12px}.workspace-launcher>input{width:100%;font-size:15px;background:#f9f8fd;border-color:#d9d2f3;min-height:48px}.workspace-launcher>p{font-size:11px;margin:10px 0 16px}.launcher-results{display:grid;gap:4px;max-height:390px;overflow:auto;overscroll-behavior:contain}.launcher-result{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid transparent;text-align:left;padding:13px 12px;border-radius:10px;color:var(--ink);min-height:50px}.launcher-result:hover,.launcher-result:focus-visible{background:#f4f1ff;border-color:#d6cefa}.launcher-result>span:first-child{flex:1}.launcher-result b{display:block;font-size:13px}.launcher-result small{color:var(--muted);font-size:11px}.launcher-result .launch-arrow{color:#9b91c5}.workspace-launcher footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:14px;color:#848b9e;font-size:10px}.launcher-empty{padding:24px 12px;color:var(--muted);font-size:13px}
.auth{background:radial-gradient(ellipse at 20% 10%,#e4dffb,transparent 60%),#f5f6fb}.authbox{border:1px solid #e2dfee;box-shadow:0 20px 70px #30295612;border-radius:20px}.authbox h1{font-size:26px;color:#34275c}
@media(min-width:1600px){.main{padding-left:52px;padding-right:52px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid .performance-panel{grid-column:1/-1}}
@media(max-width:1150px){.top .search{width:180px}.main{padding-left:24px;padding-right:24px}.top-tools{gap:7px}.dashboard-primary{grid-template-columns:minmax(0,1fr)}.business-panel{min-height:0}.business-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.aihead{gap:16px}.cards{gap:8px}.kpi-card{padding:17px 12px}.kpi-icon{left:12px}.metric{font-size:25px}}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.side{position:fixed;left:-260px;top:0;bottom:0;width:250px;height:100dvh;z-index:31}.main{padding:0 22px 30px}.top{height:auto;min-height:80px;padding:14px 0;flex-wrap:wrap;gap:10px}.menu-button{display:inline-block;font-size:12px}.workspace-switcher{flex:1;max-width:none}.top-tools{width:100%;display:flex}.global-search-wrap{flex:1}.top .search{width:100%;max-width:none}.workspace-page{margin-top:24px}.workspace-page #drawerBody{padding:24px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{min-height:128px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:28px}.dashboard-primary{gap:16px}.demo-banner:not(.hidden)~.shell{padding-top:58px}}
@media(max-width:520px){.main{padding:0 16px 24px}.top{margin-bottom:18px}.top-tools{gap:6px}.top .search{font-size:11px;padding-left:9px}.signout-button{font-size:11px;padding:7px 9px}.quick-create{padding:7px 10px;font-size:11px}.hero{margin:22px 0}.hero h1{font-size:27px}.hero .muted{font-size:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card{min-height:128px;padding:17px}.kpi-icon{left:17px}.cards .kpi-card:last-child{grid-column:1/-1;min-height:88px;padding-left:62px;justify-content:center}.cards .kpi-card:last-child .kpi-icon{top:30px}.cards .kpi-card:last-child .muted{padding-top:0}.ai{padding:21px}.aihead{display:block}.aihead>.primary{margin-top:15px}.ai h2{font-size:23px}.operator-command-form div{flex-direction:column}.operator-command-form button{min-height:42px}.card{padding:20px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-page-header{gap:16px}.workspace-page-header h1{font-size:27px}.workspace-page #drawerBody{padding:20px 16px}.workspace-launcher{padding:20px;max-height:calc(100dvh - 30px)}.workspace-launcher h2{font-size:21px}.workspace-launcher footer{font-size:9px}.attention-button{flex-wrap:wrap}.demo-banner{font-size:11px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.workspace-launcher::backdrop{backdrop-filter:none}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Bounded directories use a table-like desktop rhythm and readable mobile cards. */
.directory-filters{display:flex;gap:12px;align-items:end;max-width:none!important;background:#f8f9fc;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:22px}.directory-filters>div{min-width:0}.directory-filters label{display:block;margin-bottom:5px}.directory-filters input,.directory-filters select{width:100%;font-size:12px}.directory-search{flex:1}.directory-filters>button{flex:none}.directory-heading,.directory-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) 42px;gap:18px;align-items:center}.directory-heading{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#717a90;padding:12px 16px;border-bottom:1px solid var(--line)}.directory-row{padding:18px 16px;border-bottom:1px solid var(--line);font-size:12px;position:relative}.directory-person{display:flex;gap:12px;align-items:center;min-width:0}.directory-person>div{min-width:0}.directory-person .muted{display:block;font-size:11px;margin-top:3px;overflow-wrap:anywhere}.directory-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eeeafb;color:#6650a2;font-weight:700;flex:none}.directory-name{color:var(--ink);background:transparent;border:0;padding:0;text-align:left;font-size:13px;font-weight:700;overflow-wrap:anywhere}.directory-name:hover{color:var(--accent);text-decoration:underline}.directory-secondary>span,.directory-secondary>small{display:block}.directory-menu summary{cursor:pointer;list-style:none;padding:8px;border-radius:8px;text-align:center;color:#70798e}.directory-menu summary:hover{background:#f0edfb}.directory-menu[open]{z-index:2}.directory-menu>div{position:absolute;right:12px;top:64px;display:grid;gap:8px;width:230px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px #15203a1f}.directory-menu label{font-size:11px}.directory-menu select{width:100%;font-size:12px}.directory-menu button{font-size:12px;text-align:left}.directory-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:22px;font-size:12px}.directory-pagination>div{display:flex;gap:8px}.directory-pagination button{font-size:12px}.directory-empty{text-align:center;padding:55px 20px}.directory-empty h2{font-size:20px}.directory-create{max-width:780px!important}.directory-create h2{font-size:20px;margin:0 0 24px}
@media(max-width:1100px){.directory-filters{flex-wrap:wrap}.directory-search{flex-basis:100%}.directory-filters>div:not(.directory-search){flex:1}}
@media(max-width:650px){.directory-heading{display:none}.directory-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:20px 0}.directory-person{grid-column:1/-1}.directory-secondary{grid-column:1}.directory-menu{grid-column:2;grid-row:2/4}.directory-menu>div{top:auto;right:0}.directory-filters{padding:12px;gap:10px}.directory-pagination{align-items:start;flex-wrap:wrap}.directory-pagination button{min-width:76px}}
.builder-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:20px}.builder-project{border-color:var(--line);padding:24px;margin:0;display:flex;flex-direction:column;gap:8px}.builder-project h2{font-size:20px;margin:12px 0 0}.builder-project p{margin:0;font-size:13px}.builder-project>.muted{font-size:12px}.project-card-top,.project-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.project-card-bottom{margin-top:auto;padding-top:22px;font-size:11px}.project-card-bottom button{font-size:12px}.project-symbol{display:grid;place-items:center;background:#f0eaff;color:#7956b2;width:40px;height:40px;border-radius:12px;font-size:26px}.builder-status{background:#f2effb;color:#615285;font-size:10px}.design-presets{margin-bottom:28px}.design-presets h2{font-size:18px;margin:0 0 8px}.design-presets>p{font-size:12px;margin:0 0 14px}.design-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.design-preset{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px;text-align:left;min-width:0;color:var(--ink)}.design-preset[aria-pressed="true"]{border-color:#9885eb;box-shadow:0 0 0 2px #ece6ff;background:#fcfbff}.design-preset strong{display:block;font-size:12px;margin-top:10px}.design-preset small{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin-top:4px}.preset-sketch{display:flex;height:72px;border-radius:5px;background:#e9f7f3;flex-direction:column;padding:12px 9px;gap:5px}.preset-sketch i{height:4px;background:#baded4;border-radius:2px;width:65%}.preset-sketch i:nth-child(2){width:85%}.preset-sketch i:nth-child(3){width:50%;height:3px}.preset-sketch b{width:25px;height:9px;border-radius:3px;background:#168879;margin-top:3px}.preset-focus .preset-sketch{background:#eeebfc;align-items:center}.preset-focus i{background:#d0c7ef}.preset-focus b{background:#6753b7}.preset-warm .preset-sketch{background:#fff2df;align-items:center}.preset-warm i{background:#e7ccaa}.preset-warm b{background:#9d6226}.builder-preview{background:#eef0f6;border:1px solid #e3e5ef;padding:16px;top:20px}.preview-toolbar{gap:6px}.preview-toolbar b{font-size:12px;margin-right:auto}.preview-toolbar button{font-size:10px;padding:6px 9px;min-height:32px}.preview-toolbar button[aria-pressed="true"]{background:#403764;border-color:#403764;color:#fff}.builder-preview>.muted{font-size:11px}.preview-scroll{background:#e6e8f0;border-radius:12px;padding:6px}.preview-scroll iframe{border-radius:8px;border-color:#d6d8e3}.builder-actions{align-items:center}.builder-fields>label{display:block}.builder-fields input[type="checkbox"]{min-height:0}
@media(max-width:520px){.design-presets h2{font-size:17px}.design-preset{padding:7px}.design-preset small{font-size:9px}.builder-preview{padding:10px}.preview-toolbar{gap:5px}.preview-toolbar b{width:100%;margin-bottom:4px}}
/* The command center is a full-page conversation, with complete work beside its decisions. */
.ai-welcome{max-width:780px;margin:12px auto 30px;text-align:center}.ai-welcome h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;line-height:1.15;margin:14px 0}.ai-welcome p{font-size:17px;line-height:1.7;color:#58647a}.ai-connection{display:inline-block;padding:7px 12px;border-radius:30px;background:#fff5db;color:#704900;font-size:13px}.ai-connection.connected{background:#e5f5ed;color:#236444}.ai-notice{background:#fff9ec;border:1px solid #eadab5;border-radius:14px;padding:18px;margin:16px 0;line-height:1.6}.ai-composer{max-width:900px;margin:24px auto;padding:20px;border:1px solid #d9d9ef;border-radius:20px;background:#fafaff;box-shadow:0 8px 25px #22234408}.ai-composer textarea{display:block;width:100%;min-height:110px;background:white;border:1px solid #d7dce7;border-radius:12px;padding:14px;font:inherit;resize:vertical}.ai-composer-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.ai-composer select{max-width:100%;padding:9px;border:1px solid #d7dce7;border-radius:9px;background:white;font:inherit}.ai-composer .builder-fields{padding:0;border:0}.ai-composer .builder-fields legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ai-composer .builder-save-state{display:none}.ai-conversation-list,.ai-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ai-conversation-card{display:grid;grid-template-columns:1fr auto;gap:9px;text-align:left;padding:22px;border:1px solid #e0e4ed;background:white;border-radius:16px;color:#26324b;font:inherit;cursor:pointer}.ai-conversation-card b{overflow-wrap:anywhere}.ai-conversation-card span:first-of-type{grid-column:1;font-size:13px;color:#667187}.ai-chat-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.ai-transcript{max-width:1100px;margin:auto}.ai-message{max-width:850px;padding:18px 22px;border-radius:18px;margin:20px 0;line-height:1.7;overflow-wrap:anywhere}.ai-message p,.ai-email-preview div{white-space:pre-wrap}.ai-message.human{margin-left:auto;background:#f0edff}.ai-message.assistant{background:#f6f8fb;border:1px solid #e8ecf3}.ai-message b{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#646b89}.ai-concepts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.ai-concept{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #dedeee;background:white;border-radius:18px;min-width:0}.ai-concept h3{font-size:21px;margin:8px 0}.ai-concept p{color:#59657a;line-height:1.6}.ai-concept-preview{width:100%;height:380px;border:1px solid #e2e4ee;border-radius:12px;background:white}.ai-concept>button{margin-top:auto}.ai-email-preview{padding:20px;background:#f7f8fb;border-radius:12px;line-height:1.7;overflow-wrap:anywhere}.ai-email-preview p{white-space:pre-wrap}.ai-proposal{border:1px solid #cfc7f7;border-radius:18px;padding:24px;background:#fbfaff;margin:22px 0}.ai-draft-previews details{background:white;border:1px solid #e3e3ef;border-radius:12px;padding:16px;margin:10px 0}.ai-draft-previews summary{cursor:pointer;font-weight:650;line-height:1.7}.ai-draft-previews summary span{font-size:12px;font-weight:400;margin-left:10px;color:#647087}.ai-draft-previews iframe{height:550px;margin-top:16px}.ai-approval-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.ai-next-action{display:inline-flex;flex-direction:column;text-align:left;gap:7px;padding:16px;margin:6px;border:1px solid #dcd8ed;border-radius:13px;background:white;color:#3b326a;max-width:330px;font:inherit;cursor:pointer}.ai-next-action span{font-size:13px;color:#657086}.ai-selection{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;background:#efecff;border-radius:14px}.ai-selection span{flex:1;min-width:200px}.ai-finished-assets{padding:24px 0}.ai-finished-assets>div:first-of-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ai-asset-link{display:flex;flex-direction:column;gap:8px;text-align:left;padding:18px;border:1px solid #dce2ec;border-radius:13px;background:#fff;color:#303d57;font:inherit;cursor:pointer}.ai-asset-link span{font-size:12px;color:#68758a}.ai-verified{color:#20634a;background:#ebf7f0;border-radius:12px;padding:16px}.ai-progress{max-width:900px;margin:15px auto;line-height:1.6;color:#4c4379}.ai-plan-grid article{padding:24px;border:1px solid #e0e3ec;border-radius:16px;background:#fff}.ai-plan-grid p,.ai-plan-grid li{line-height:1.75;color:#58647a}.ai-plan-grid h2{font-size:23px}.ai-workflow-preview li{padding:12px;line-height:1.6}.ai-connection-help{max-width:720px;margin:auto;line-height:1.8}@media(max-width:1100px){.ai-concepts{grid-template-columns:1fr}.ai-concept-preview{height:450px}}@media(max-width:650px){.ai-conversation-list,.ai-plan-grid,.ai-finished-assets>div:first-of-type{grid-template-columns:1fr}.ai-composer,.ai-proposal{padding:15px}.ai-message{padding:16px}.ai-composer-controls{align-items:stretch;flex-direction:column}.ai-next-action{max-width:100%;margin:6px 0}.ai-selection span{min-width:0}.ai-chat-toolbar button{flex:1}.ai-concept{padding:16px}}
.plan-edit-section{padding:20px;margin:15px 0;border:1px solid #dfe4ee;border-radius:14px;background:white}.plan-edit-section>summary{font-weight:700;cursor:pointer;font-size:17px}.plan-edit-section[open]>summary{margin-bottom:18px}.plan-edit-section textarea{width:100%}.plan-history{margin-top:24px}
/* Full-page workflow editing and exact action reviews. */
.automation-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:32px}.workflow-duration>div{display:flex;gap:8px}.workflow-duration input{min-width:0;width:65%}.workflow-duration select{min-width:0;flex:1}.workflow-duration input,.workflow-duration select{padding:12px;border:1px solid var(--line,#dce0e9);border-radius:10px;background:#fff;color:#18233c}.workflow-check{display:flex;align-items:center;gap:10px;margin:12px 0}.workflow-check input{width:auto}.workflow-stages{margin:20px 0;padding:18px;border:1px solid #dce0e9;border-radius:14px}.workflow-preview{align-self:start;position:sticky;top:24px}.workflow-timeline{list-style:none;padding:0}.workflow-timeline li{display:flex;gap:14px;padding:12px 0}.workflow-timeline li div{display:grid;gap:5px}.workflow-timeline span{color:#66718b;font-size:13px}.workflow-node{width:12px;height:12px;border:3px solid #6955dd;border-radius:50%;flex:none;margin-top:4px}.workflow-preview-note{padding:16px;background:#eeeafb;border-radius:12px;font-size:14px}.operation-changes{display:grid;gap:14px}.operation-changes article{border:1px solid #dce0e9;border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.operation-changes h4{grid-column:1/-1;margin:0}.operation-changes span{color:#66718b;font-size:12px;text-transform:uppercase}.operation-changes p{margin:6px 0;overflow-wrap:anywhere}.workflow-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid #eee;padding:12px 0}.workflow-settings dd{margin:0}.ai-operation{border-color:#b5a9eb}@media(max-width:760px){.automation-layout{grid-template-columns:1fr}.workflow-preview{position:static}.workflow-settings>div,.operation-changes article{grid-template-columns:1fr}.operation-changes h4{grid-column:auto}.workflow-duration>div{max-width:100%}}
.pipeline-setup-stages{display:grid;gap:18px;margin:24px 0}.pipeline-setup-stages article{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(120px,.5fr);gap:18px;padding:24px;border:1px solid #dce0e9;border-radius:18px;background:#fff;align-items:start}.pipeline-stage-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eeeafb;color:#5844b9;font-weight:700}.pipeline-setup-stages label{display:block;margin-bottom:8px}@media(max-width:600px){.pipeline-setup-stages article{grid-template-columns:1fr;padding:18px}.pipeline-stage-number{width:28px;height:28px}}

@media(max-width:650px){.ai-chat-toolbar button{flex:1 1 130px;min-width:120px;overflow-wrap:normal;word-break:normal}}
.ai-build-guide{margin:20px 0 28px;padding:24px;background:#f6f5fd;border:1px solid #dedbea;border-radius:18px}.ai-guide-heading h2{margin:9px 0;font-size:24px;letter-spacing:-.02em}.ai-guide-heading p{line-height:1.6;color:#526077;max-width:800px}.ai-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-guide-actions .ai-next-action{margin:0;max-width:none;width:100%;min-width:0;overflow-wrap:anywhere}.ai-guide-details{margin-top:18px;line-height:1.6}.ai-guide-details summary{cursor:pointer;font-weight:600;color:#42396d}.ai-guide-details ul{padding:0;list-style:none}.ai-guide-details li{padding:12px 0;border-bottom:1px solid #e2dfed;overflow-wrap:anywhere}.ai-guide-details li>div{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ai-guide-details li p{margin:5px 0;color:#526077}.ai-guide-state{font-size:12px;padding:3px 9px;background:white;border:1px solid #ddd9ed;border-radius:20px}.ai-starters{margin:14px 0}.ai-build-guide button:focus-visible,.ai-starters button:focus-visible{outline:3px solid #7567b7;outline-offset:3px}@media(max-width:650px){.ai-build-guide{padding:16px}.ai-guide-actions{grid-template-columns:1fr}}
/* OperateHigher app — dark marketing theme
   Matches the apex site's ink/violet/cyan visual language while preserving
   the app's existing layout, density, and behavior. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/inter-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("/fonts/space-grotesk-latin.woff2") format("woff2");
}

:root {
  color-scheme: dark;
  --ink: #f4f6ff;
  --muted: #8892aa;
  --muted-2: #a6b0c4;
  --accent: #8066ff;
  --accent-soft: #9f8fff;
  --line: rgba(255, 255, 255, .08);
  --canvas: #05060b;
  --surface: #0d1017;
  --nav: #080a12;
  --violet: #8066ff;
  --violet-2: #bf9cff;
  --cyan: #36dcff;
  --cyan-2: #a4efff;
  --green: #8dffb2;
  --danger-soft: #ff8170;
  --sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ease: cubic-bezier(.2, .65, .3, 1);
}

html {
  background: #05060b;
}

body {
  color: var(--ink);
  font-family: var(--sans);
  background:
    radial-gradient(1100px 720px at 82% -10%, rgba(82, 86, 255, .16) 0%, transparent 64%),
    radial-gradient(900px 760px at 14% 92%, rgba(23, 130, 220, .11) 0%, transparent 62%),
    linear-gradient(180deg, #05060b 0%, #060812 48%, #05060b 100%);
  letter-spacing: .002em;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(1400px 900px at 50% 8%, #000 1%, transparent 66%);
  opacity: .6;
}

body::after {
  content: "";
  position: fixed;
  inset: -20%;
  z-index: -3;
  pointer-events: none;
  background: conic-gradient(from 220deg, transparent 0deg, rgba(95, 84, 255, .13) 80deg, transparent 160deg, rgba(42, 218, 255, .07) 260deg, transparent 330deg);
  filter: blur(78px);
  opacity: .55;
  animation: oh-app-aurora 46s linear infinite;
}

@keyframes oh-app-aurora {
  to { transform: rotate(1turn); }
}

@media (prefers-reduced-motion: reduce) {
  body::after { animation: none; }
}

::selection {
  color: #fff;
  background: rgba(128, 108, 255, .55);
}

a {
  color: #b9c7e2;
}
a:hover {
  color: var(--cyan-2);
}

h1, h2, h3, h4, .brand, .metric, .authbox h1,
.workspace-page-header h1, .hero h1, .panel-heading h2,
.panel-heading h3, .modal-title, .workspace-launcher h2 {
  font-family: var(--display);
  letter-spacing: -.025em;
}

/* — shell and navigation — */

.side {
  background:
    linear-gradient(180deg, rgba(12, 14, 24, .97), rgba(7, 8, 15, .98)),
    linear-gradient(90deg, rgba(128, 108, 255, .04), transparent 42%);
  border-right: 1px solid rgba(255, 255, 255, .07);
  color: var(--muted-2);
}

.brand {
  color: var(--ink);
  font-weight: 600;
}
.brand-symbol {
  color: #c0ecff;
  background: linear-gradient(145deg, rgba(44, 220, 255, .14), rgba(121, 88, 255, .16));
  border: 1px solid rgba(138, 201, 255, .22);
  box-shadow: inset 0 0 18px rgba(108, 126, 255, .18);
}
.brand small {
  color: var(--muted);
}

.nav-finder {
  color: #d9e4ff;
  background: rgba(19, 22, 34, .72);
  border-color: rgba(255, 255, 255, .09);
}
.nav-finder kbd {
  color: #aab4cb;
  border-color: rgba(255, 255, 255, .16);
}

.nav button {
  color: #9aa5be;
}
.nav button:not(:disabled):hover {
  color: #fff;
  background: rgba(128, 108, 255, .12);
}
.nav .active,
.nav button.active:not(:disabled):hover {
  color: #fff;
  background: linear-gradient(120deg, rgba(128, 102, 255, .94), rgba(55, 130, 255, .82));
  box-shadow: 0 4px 18px rgba(76, 70, 200, .26), inset 0 1px rgba(255, 255, 255, .14);
}
.nav .nav-heading {
  color: #8793ae;
}
.nav-more {
  border-top-color: rgba(255, 255, 255, .08);
}
.nav-more summary {
  color: #aab4cb;
}
.nav-more summary:hover {
  color: #fff;
}
.nav-footer {
  color: #98a2ba;
  border-top-color: rgba(255, 255, 255, .08);
}
.workspace-indicator {
  background: var(--cyan);
  box-shadow: 0 0 0 3px rgba(54, 220, 255, .12), 0 0 12px rgba(54, 220, 255, .42);
}

/* — workspace header and search — */

.top {
  border-bottom-color: rgba(255, 255, 255, .07);
}
.workspace-switcher > span {
  color: #8793ae;
}
.workspace-switcher input,
.workspace-switcher select {
  color: var(--ink);
  border-color: rgba(255, 255, 255, .1);
}
.top .search,
.global-search-wrap .search {
  color: #eaf1ff;
  background: rgba(8, 10, 18, .78);
  border-color: rgba(255, 255, 255, .11);
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}
.global-search-wrap > span:last-child {
  color: #98a2ba;
}
.menu-button,
.quick-create,
.signout-button {
  white-space: nowrap;
}

/* — surfaces — */

.card,
.attention-panel,
.business-panel,
.performance-panel,
.workspace-page #drawerBody,
.workspace-launcher,
.record-context,
.pipeline-stage,
.message-card,
.invoice-sheet,
.opportunity,
.builder-project,
.asset-card,
.build-summary div,
.revision-compare > div,
.coordinated-review > article,
.loading-state,
.failure-state,
.empty-state,
.directory-filters,
.directory-menu > div,
.builder-status,
.ai-connection,
.ai-notice,
.ai-composer,
.ai-conversation-card,
.ai-concept,
.ai-concept-preview,
.ai-email-preview,
.ai-proposal,
.ai-draft-previews details,
.ai-next-action,
.ai-selection,
.ai-asset-link,
.ai-verified,
.ai-plan-grid article,
.plan-edit-section,
.pipeline-setup-stages article,
.ai-build-guide,
.ai-guide-state {
  color: var(--ink);
  background:
    linear-gradient(160deg, rgba(17, 20, 30, .88), rgba(10, 14, 21, .86));
  border-color: rgba(255, 255, 255, .08);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .04);
}

.card,
.attention-panel,
.business-panel,
.performance-panel,
.record-context,
.pipeline-stage,
.message-card,
.invoice-sheet,
.opportunity,
.builder-project,
.asset-card,
.build-summary div,
.coordinated-review > article,
.loading-state,
.failure-state,
.empty-state,
.directory-filters,
.directory-menu > div,
.builder-status,
.ai-composer,
.ai-conversation-card,
.ai-concept,
.ai-concept-preview,
.ai-email-preview,
.ai-proposal,
.ai-next-action,
.ai-selection,
.ai-plan-grid article,
.plan-edit-section,
.pipeline-setup-stages article,
.ai-build-guide {
  border-color: rgba(255, 255, 255, .08);
}

.card {
  border-radius: 18px;
}
.kpi-card:hover,
.kpi-card:focus-visible {
  border-color: rgba(155, 149, 255, .45);
  box-shadow: 0 12px 30px rgba(65, 63, 160, .16);
}
.kpi-icon {
  border: 1px solid rgba(255, 255, 255, .1);
}
.kpi-icon.teal {
  color: #8bffff;
  background: rgba(54, 220, 255, .12);
}
.kpi-icon.blue {
  color: #82c5ff;
  background: rgba(68, 125, 255, .12);
}
.kpi-icon.violet {
  color: #c4a8ff;
  background: rgba(128, 102, 255, .14);
}
.kpi-icon.orange {
  color: #ffc17b;
  background: rgba(255, 150, 60, .13);
}
.kpi-icon.rose {
  color: #ffb3b8;
  background: rgba(255, 100, 130, .12);
}
.metric {
  color: var(--ink);
}

.business-row {
  color: var(--ink);
  background: rgba(255, 255, 255, .035);
  border-color: rgba(255, 255, 255, .07);
}
.business-row:hover {
  border-color: rgba(142, 158, 255, .45);
  background: rgba(128, 102, 255, .08);
}
.business-row.current {
  border-color: rgba(54, 220, 255, .42);
  background: rgba(54, 220, 255, .075);
}
.business-avatar {
  color: #eff6ff;
  background: linear-gradient(145deg, rgba(128, 102, 255, .7), rgba(60, 145, 255, .55));
}
.business-row span,
.business-entry .muted,
.business-entry .business-avatar,
.business-row .muted {
  color: var(--muted-2);
}

.dashboard-list-item {
  border-bottom-color: rgba(255, 255, 255, .07);
}
.dashboard-list-item:hover {
  color: var(--cyan-2);
}

.source-track,
.source-row progress,
.source-row progress::-webkit-progress-bar {
  background: rgba(255, 255, 255, .08);
}
.source-row progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--violet), var(--cyan));
}
.source-row progress::-moz-progress-bar {
  background: linear-gradient(90deg, var(--violet), var(--cyan));
}
.source-bars span,
.source-row span {
  color: var(--muted-2);
}
.verification-badge {
  color: #b6e3ff;
  background: rgba(54, 220, 255, .09);
  border: 1px solid rgba(54, 220, 255, .14);
}
.performance-stat {
  background: rgba(255, 255, 255, .035);
}
.tag {
  color: #aab4cb;
  background: rgba(128, 102, 255, .1);
  border: 1px solid rgba(128, 102, 255, .16);
}
.notification-count {
  color: #2d2410;
  background: #ffc76a;
}
.unread-notification {
  border-left-color: var(--cyan);
  background: rgba(54, 220, 255, .065);
}
.directory-filters,
.directory-menu > div,
.directory-create,
.directory-empty {
  background: rgba(255, 255, 255, .04);
}
.directory-heading,
.directory-row,
.conversation-row,
.message-card,
.invoice-sheet,
.pipeline-stage {
  border-color: rgba(255, 255, 255, .08);
}
.directory-avatar {
  background: linear-gradient(145deg, rgba(128, 102, 255, .62), rgba(64, 145, 255, .42));
}
.directory-menu summary:hover {
  background: rgba(128, 102, 255, .12);
}
.directory-secondary > span,
.directory-secondary > small {
  color: var(--muted-2);
}

/* — AI surfaces — */

.ai {
  background:
    linear-gradient(135deg, rgba(88, 69, 255, .22), rgba(15, 29, 56, .9)),
    rgba(10, 16, 30, .92);
  border-color: rgba(126, 112, 255, .32);
  color: var(--ink);
  box-shadow: 0 20px 48px rgba(32, 23, 96, .22);
}
.ai .muted {
  color: var(--muted);
}
.ai h2 {
  color: #f2f0ff;
}
.aihead > .primary {
  background: rgba(128, 102, 255, .13);
  border-color: rgba(128, 110, 255, .22);
  color: #eaf1ff;
}
.operator-command {
  color: var(--muted-2);
  background: rgba(255, 255, 255, .055);
  border-color: rgba(255, 255, 255, .13);
}
.operator-command span {
  color: var(--ink);
}
.ai-connection,
.ai-notice {
  border-color: rgba(255, 255, 255, .08);
}
.ai-connection.connected {
  border-color: rgba(141, 255, 178, .25);
}
.ai-message.human {
  background: rgba(128, 102, 255, .14);
}
.ai-message.assistant {
  background: rgba(255, 255, 255, .04);
}
.ai-composer select,
.ai-composer textarea,
.workflow-duration input,
.workflow-duration select {
  background: rgba(8, 10, 18, .8);
  color: var(--ink);
  border-color: rgba(255, 255, 255, .1);
}
.workflow-preview-note {
  background: rgba(128, 102, 255, .075);
}
.pipeline-stage-number {
  color: #b8b0e0;
  background: rgba(128, 102, 255, .14);
}

/* — form controls — */

input, select, textarea, .search {
  color: var(--ink);
  background: rgba(7, 9, 16, .78);
  border-color: rgba(255, 255, 255, .11);
  border-radius: 10px;
}
input::placeholder, textarea::placeholder, .search::placeholder {
  color: #aab4cb;
}
select option {
  color: #eef2ff;
  background: #0e1018;
}
select,
option,
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--accent);
}
label, .workspace-page label, .directory-filters label,
.directory-menu label {
  color: var(--muted-2);
}
.workspace-page .builder-fields legend,
.workspace-page .builder-fields h2,
.workspace-page .builder-fields h3 {
  color: var(--ink);
}

/* — buttons — */

button.primary, .primary {
  color: #f8fbff;
  border: 1px solid rgba(255, 255, 255, .16);
  background: linear-gradient(120deg, #7256ff 0%, #4565ff 46%, #1f7cb5 100%);
  box-shadow: 0 14px 30px rgba(57, 61, 184, .18), inset 0 1px rgba(255, 255, 255, .18);
}
button.primary:not(:disabled):hover, .primary:hover {
  color: #fff;
  background: linear-gradient(120deg, #8a6dff 0%, #5d78ff 46%, #3296d0 100%);
  border-color: rgba(255, 255, 255, .24);
}
button.secondary, .secondary {
  color: #dce8ff;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .12);
}
button.secondary:not(:disabled):hover, .secondary:not(:disabled):hover {
  color: #fff;
  background: rgba(128, 102, 255, .12);
  border-color: rgba(162, 172, 255, .42);
}
button.danger, .danger {
  color: #ffdbbd;
  border-color: rgba(255, 130, 118, .32);
  background: rgba(255, 107, 116, .12);
}
button.text-button, .text-button {
  color: var(--violet-2);
}
button.text-button:hover, .text-button:hover {
  color: var(--cyan-2);
}
button.compact {
  border-radius: 999px;
}
button:disabled,
button[aria-disabled="true"] {
  opacity: .55;
}

/* — drawers, workspace, and dialogs — */

.drawer {
  color: var(--ink);
  background:
    linear-gradient(180deg, rgba(15, 18, 28, .98), rgba(7, 9, 16, .99));
  border-left: 1px solid rgba(255, 255, 255, .09);
  box-shadow: -24px 0 64px rgba(0, 0, 0, .42);
}
.workspace-page {
  color: var(--ink);
  background: transparent;
}
.workspace-page-header {
  border-bottom-color: rgba(255, 255, 255, .09);
}
.workspace-page-header h1 {
  color: var(--ink);
}
.workspace-page #drawerBody {
  background:
    linear-gradient(160deg, rgba(17, 20, 30, .9), rgba(10, 14, 21, .88));
  border-color: rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}
.workspace-page label,
.workspace-page .muted,
.workspace-page .page-intro,
.workspace-page .builder-save-state {
  color: var(--muted-2);
}
.record-context {
  background: rgba(255, 255, 255, .035);
}
.record-context h2 {
  color: var(--ink);
}
.message-card {
  color: var(--ink);
  background: rgba(255, 255, 255, .04);
}
.message-card time {
  color: #98a2ba;
}
.message-outbound {
  background: rgba(54, 220, 255, .055);
}
.invoice-sheet {
  color: var(--ink);
  background: rgba(255, 255, 255, .04);
}
.asset-card {
  background: rgba(255, 255, 255, .035);
}
.asset-card pre,
.asset-card code {
  color: #e8efff;
  background: rgba(5, 7, 12, .9);
  border-color: rgba(255, 255, 255, .08);
}
.asset-type {
  color: #aab4cb;
  background: rgba(128, 102, 255, .14);
}
.builder-save-state {
  color: var(--muted-2);
  background: rgba(255, 255, 255, .04);
}
.pipeline-stage {
  color: var(--ink);
  background: rgba(255, 255, 255, .035);
}
.opportunity {
  color: var(--ink);
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
}
.opportunity:hover {
  border-color: rgba(54, 220, 255, .35);
}
.visual-canvas,
.visual-edit-panel,
.visual-option,
.visual-review,
.visual-frame-container,
.visual-option-frame,
.builder-preview,
.preview-scroll {
  background: rgba(10, 13, 20, .94);
  border-color: rgba(255, 255, 255, .08);
}
.visual-page-nav button.active,
.visual-selection button[aria-pressed="true"],
.visual-canvas-tools button[aria-pressed="true"] {
  color: var(--cyan-2);
  background: rgba(54, 220, 255, .12);
}
.plan-edit-section {
  color: var(--ink);
}
.builder-status,
.builder-project .muted,
.builder-project p {
  color: var(--muted-2);
}
.design-preset {
  color: var(--ink);
  background: rgba(255, 255, 255, .04);
}
.design-preset[aria-pressed="true"] {
  border-color: rgba(141, 140, 255, .55);
  background: rgba(128, 102, 255, .12);
}
.design-preset h2,
.design-preset h3,
.design-preset strong {
  color: var(--ink);
}
.preset-sketch,
.preset-focus .preset-sketch,
.preset-focus i,
.preset-warm .preset-sketch,
.preset-warm i {
  /* Keep the miniature website palettes as visual previews. */
  color: #10121b;
}

.workspace-launcher {
  color: var(--ink);
  background: linear-gradient(170deg, rgba(20, 24, 36, .97), rgba(9, 12, 20, .98));
  border-color: rgba(255, 255, 255, .12);
  box-shadow: 0 40px 100px rgba(0, 0, 0, .55);
}
.workspace-launcher::backdrop {
  background: rgba(2, 4, 9, .62);
}
.workspace-launcher > input {
  color: var(--ink);
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .1);
}
.launcher-result {
  color: var(--ink);
  background: rgba(255, 255, 255, .035);
  border-color: rgba(255, 255, 255, .07);
}
.launcher-result:hover,
.launcher-result:focus-visible {
  background: rgba(128, 102, 255, .12);
  border-color: rgba(128, 109, 255, .45);
}
.workspace-launcher footer {
  color: var(--muted);
  border-top-color: rgba(255, 255, 255, .08);
}
.launcher-empty {
  color: var(--muted);
}

/* — auth — */

.auth {
  color: var(--ink);
  background:
    radial-gradient(950px 680px at 18% 12%, rgba(97, 84, 255, .25), transparent 62%),
    radial-gradient(800px 620px at 82% 92%, rgba(32, 200, 255, .12), transparent 60%),
    linear-gradient(180deg, #05060b 0%, #060812 100%);
}
.auth::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(900px 660px at 50% 16%, #000 1%, transparent 68%);
  opacity: .55;
}
.authbox {
  position: relative;
  width: min(470px, 92vw);
  color: var(--ink);
  background:
    radial-gradient(520px 320px at 90% -12%, rgba(128, 102, 255, .18), transparent 60%),
    linear-gradient(180deg, rgba(18, 21, 33, .94), rgba(8, 11, 18, .94));
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 36px 90px rgba(0, 0, 0, .62), inset 0 1px rgba(255, 255, 255, .055);
  border-radius: 28px;
  backdrop-filter: blur(20px) saturate(140%);
}
.authbox::before {
  content: "OH";
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 16px;
  color: #c0ecff;
  font-family: var(--display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.02em;
  background: linear-gradient(145deg, rgba(44, 220, 255, .14), rgba(121, 88, 255, .18));
  border: 1px solid rgba(138, 201, 255, .24);
  border-radius: 14px;
  box-shadow: inset 0 0 18px rgba(108, 126, 255, .2);
}
.authbox h1 {
  color: transparent;
  font-family: var(--display);
  font-size: 2.05rem;
  font-weight: 500;
  letter-spacing: -.045em;
  background: linear-gradient(100deg, #f0efff, #9b91ff 45%, #4adfff 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.authbox .muted,
.authbox label,
.authbox p,
.authbox .auth-error {
  color: var(--muted-2);
}
.authbox label {
  color: #c6d2e6;
}
.authbox input {
  color: var(--ink);
  background: rgba(6, 8, 14, .78);
  border-color: rgba(255, 255, 255, .11);
  border-radius: 11px;
}
.authbox input:focus {
  border-color: rgba(128, 109, 255, .6);
}
.authbox .primary {
  min-height: 46px;
  border-radius: 999px;
}
.authbox .secondary {
  border-radius: 999px;
}
.authbox .full-width {
  border-radius: 999px;
}

/* — small utilities — */

.demo-banner {
  color: #e8efff;
  background: rgba(128, 102, 255, .18);
  border-bottom-color: rgba(128, 102, 255, .32);
}

.spinner {
  border-color: rgba(255, 255, 255, .12);
  border-top-color: var(--violet);
}

.builder-fields,
.directory-create,
.directory-empty h2,
.directory-create h2 {
  color: var(--ink);
}

table,
th,
td {
  color: var(--ink);
  border-color: rgba(255, 255, 255, .08);
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .04);
}
*::-webkit-scrollbar-thumb {
  background: rgba(128, 102, 255, .32);
  border-radius: 999px;
}
/* OperateHigher dark theme patch — consistency across secondary surfaces. */

.project-symbol {
  color: #c7d8fa;
  background: linear-gradient(145deg, rgba(128, 102, 255, .16), rgba(54, 220, 255, .12));
  border: 1px solid rgba(138, 201, 255, .18);
}

.eyebrow {
  color: #aab4c7;
}
.eyebrow.light {
  color: #d6ceff;
}

.hero h1 {
  color: transparent;
  background: linear-gradient(100deg, #f2f2ff 0%, #b9a8ff 45%, #6be9ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.directory-create h2,
.directory-empty h2,
.builder-project h2,
.builder-project h3,
.builder-project strong {
  color: var(--ink);
}
.directory-pagination,
.directory-pagination > div {
  color: var(--muted-2);
}
.project-card-bottom,
.project-card-top {
  color: var(--muted-2);
}
.project-card-bottom button {
  color: var(--ink);
}

.authbox input:focus-visible {
  border-color: rgba(128, 109, 255, .65);
  box-shadow: 0 0 0 3px rgba(128, 109, 255, .18);
}