:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8ecf6;background:#070a12;font-synthesis:none;--panel:#101522;--panel2:#151b2b;--line:#252d40;--muted:#8b95aa;--accent:#7c6cff;--cyan:#34d3d3}
*{box-sizing:border-box}body{margin:0;min-width:1100px;background:radial-gradient(circle at 25% -10%,#24194a 0,transparent 34%),#070a12;color:#e8ecf6}button,input,textarea{font:inherit}.shell{min-height:100vh}.topbar{height:68px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 28px;background:#090d16e8;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;color:white;background:none;border:0;text-align:left;cursor:pointer}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--cyan));box-shadow:0 0 30px #765eff55}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.global-nav{display:flex;gap:4px;margin-left:55px;flex:1}.global-nav button{border:0;background:none;color:var(--muted);padding:10px 13px;border-radius:8px;cursor:pointer}.global-nav button:hover,.global-nav button.active{color:white;background:#ffffff0a}.primary,.secondary{border-radius:9px;padding:11px 16px;border:1px solid transparent;font-weight:700;cursor:pointer}.primary{color:white;background:linear-gradient(135deg,#7666ff,#5a49d5);box-shadow:0 8px 30px #6655dd24}.primary:hover{filter:brightness(1.1)}.secondary{color:#d8dcec;background:#111725;border-color:#2c354b}.compact{padding:8px 12px;font-size:13px}.home,.page{max-width:1420px;margin:auto;padding:64px 54px 110px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;min-height:520px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:11px;color:#8f83ff}.hero h1{font-size:64px;line-height:1.02;margin:18px 0 24px;letter-spacing:-.055em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#8b7dff,#50d7d1);-webkit-background-clip:text;color:transparent}.hero p{max-width:680px;color:#a0a9bb;font-size:18px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:32px}.pipeline{border:1px solid #2b3347;border-radius:16px;background:#0b101b;box-shadow:0 30px 80px #0008;overflow:hidden}.terminal-head{padding:13px 16px;border-bottom:1px solid #252d40;display:flex;gap:7px;align-items:center;color:#6f7a91;font-size:12px}.terminal-head span{width:10px;height:10px;border-radius:50%;background:#ff6577}.terminal-head span:nth-child(2){background:#f6c45d}.terminal-head span:nth-child(3){background:#4bd28a}.terminal-head b{margin-left:8px}.pipeline pre{font-size:15px;line-height:1.85;padding:25px;margin:0;color:#8e9ab1}.pipeline pre i{color:#55d7d0}.pipeline pre strong{color:#a99fff}.pipeline small{display:block;border-top:1px solid #252d40;padding:14px 24px;color:#79859c}.section{padding-top:78px}.section-heading,.page-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2,.page-title h1{font-size:38px;margin:10px 0 0}.section-heading p,.page-title p{max-width:520px;color:var(--muted);line-height:1.6}.architecture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.architecture-card{border:1px solid var(--line);background:linear-gradient(180deg,#131927,#0d121e);padding:24px;border-radius:14px;min-height:260px;display:flex;flex-direction:column}.architecture-card.featured{border-color:#7666ff88;box-shadow:inset 0 0 50px #6b5cff0b}.architecture-card>div{display:flex;align-items:center;justify-content:space-between}.architecture-symbol{width:42px;height:42px;border-radius:10px;background:#7666ff1d;color:#a89fff;display:grid;place-items:center;font-weight:900}.architecture-card b{font-size:10px;color:#75ddd5;text-transform:uppercase}.architecture-card h3{margin:22px 0 10px}.architecture-card p{color:var(--muted);line-height:1.55}.architecture-card button{margin-top:auto;background:none;border:0;border-top:1px solid var(--line);padding:17px 0 0;color:#a99fff;text-align:left;font-weight:700;cursor:pointer}.promise{margin-top:90px;padding:38px;border:1px solid #302b55;background:linear-gradient(110deg,#19162b,#101824);border-radius:16px;display:flex;align-items:center;justify-content:space-between}.promise h2{margin:8px 0 0}.promise>strong{font-size:22px;color:#66d8d1}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.project-card{min-height:220px;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:14px;color:white;padding:24px;display:flex;flex-direction:column;cursor:pointer}.project-card:hover{border-color:#655bdd}.project-logo{width:48px;height:48px;display:grid;place-items:center;background:#7564ff22;color:#a99fff;border-radius:11px;font-weight:900}.project-card h3{margin:24px 0 5px}.project-card p,.project-card small{color:var(--muted)}.project-card small{margin-top:auto}.empty,.placeholder{grid-column:1/-1;text-align:center;border:1px dashed #343d52;background:#0d121d;padding:75px;border-radius:14px}.placeholder{margin-top:60px}.workspace{display:grid;grid-template-columns:248px 1fr;min-height:calc(100vh - 68px)}.sidebar{border-right:1px solid var(--line);background:#0a0e17;padding:18px 12px;display:flex;flex-direction:column}.project-switcher{display:flex;align-items:center;gap:10px;padding:11px;background:#111725;border:1px solid var(--line);border-radius:10px;color:white;text-align:left}.project-switcher>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#7666ff22;color:#a99fff;font-weight:800}.project-switcher strong,.project-switcher small{display:block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-switcher small{color:var(--muted)}.sidebar nav{display:flex;flex-direction:column;gap:2px;margin-top:18px}.sidebar nav button{height:38px;border:0;background:none;color:#929bad;border-radius:7px;display:flex;align-items:center;gap:9px;text-align:left;padding:0 9px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{color:white;background:#171d2b}.sidebar nav button small{font-size:9px;margin-left:auto;color:#616c82}.nav-icon{font-size:9px;width:20px;height:20px;border:1px solid #30394e;border-radius:5px;display:grid;place-items:center}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 9px}.sidebar-footer small,.sidebar-footer strong{display:block}.sidebar-footer small{color:var(--muted)}.workspace-main{min-width:0}.workspace-bar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0d121c}.workspace-bar small,.workspace-bar strong{display:block}.workspace-bar small{color:var(--muted);font-size:10px;text-transform:uppercase}.workspace-bar>div:last-child{display:flex;gap:8px}.workspace-page{padding:34px}.status{color:#58d4c9;border:1px solid #58d4c955;background:#58d4c911;border-radius:999px;padding:7px 12px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.metric-grid article,.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px}.metric-grid small,.metric-grid strong,.metric-grid span{display:block}.metric-grid small,.metric-grid span{color:var(--muted)}.metric-grid strong{font-size:22px;margin:12px 0 7px}.two-column{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.panel h2{margin-top:0}.panel pre{max-height:480px;overflow:auto;background:#090d15;border-radius:8px;padding:17px;color:#98a7c0;line-height:1.55}.panel ol{color:#aab3c4;line-height:2}.inline-form{display:flex;gap:10px;margin:28px 0}.inline-form input,.modal input,.modal textarea{background:#0a0f19;border:1px solid #30394e;color:white;border-radius:8px;padding:12px}.inline-form input{width:340px}.module-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-list article{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:18px;display:flex;align-items:center;gap:12px}.module-list article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#7666ff22;color:#aaa0ff}.module-list h3{margin:0 0 4px}.module-list code{color:#7f8aa1}.module-list small{margin-left:auto;color:var(--muted)}.compact-empty{padding:42px}.notice{color:#9fa9bb}.terminal-panel pre{color:#62d7cf}.modal-backdrop{position:fixed;inset:0;background:#05070dbd;display:grid;place-items:center;z-index:50;backdrop-filter:blur(8px)}.modal{width:650px;background:#111725;border:1px solid #30394e;border-radius:15px;padding:25px;box-shadow:0 35px 100px #000}.modal-title{display:flex;justify-content:space-between}.modal-title h2{margin:8px 0 18px}.modal-title button{background:none;border:0;color:#8b95aa;font-size:25px}.modal>label{display:flex;flex-direction:column;gap:7px;margin-top:14px;color:#cbd1de}.modal textarea{height:78px;resize:vertical}.modal fieldset{border:0;padding:0;margin:22px 0}.modal legend{margin-bottom:10px}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.radio-grid label{border:1px solid #30394e;border-radius:9px;padding:12px;display:flex;gap:10px}.radio-grid label:has(input:checked){border-color:#7565ff;background:#7565ff12}.radio-grid strong,.radio-grid small{display:block}.radio-grid small{color:var(--muted);margin-top:3px}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.diagnostics{position:fixed;right:16px;bottom:16px;width:370px;max-height:360px;background:#0f1420;border:1px solid #2c354a;border-radius:13px;box-shadow:0 24px 70px #000a;z-index:30;overflow:hidden}.diagnostics header{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.diagnostics header strong,.diagnostics header small{display:block}.diagnostics header small{color:var(--muted)}.diagnostics header button{border:0;background:none;color:#8c96aa;font-size:20px}.diagnostics>div{max-height:280px;overflow:auto}.diagnostics article{padding:13px 15px;border-bottom:1px solid #20283a}.diagnostics article b{font-size:11px;color:#74d8d1}.diagnostics article.error b{color:#ff788b}.diagnostics article p{margin:5px 0;color:#b7becd}.diagnostics article code{color:#69768f}.diagnostics-tab{position:fixed;right:16px;bottom:16px;background:#131a28;border:1px solid #2c354a;color:#bec6d5;padding:10px 14px;border-radius:9px}.workspace-placeholder{margin:34px}.page-title{align-items:center}
@media(max-width:1200px){.architecture-grid{grid-template-columns:1fr 1fr}.hero{gap:35px}.hero h1{font-size:50px}}

.preview-actions{display:flex;gap:10px;margin-bottom:14px}

.domain-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:26px}
.form-panel h2,.relationship-list h2{margin-top:0}.form-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px}
.form-panel input,.form-panel select,.field-form input,.field-form select{background:#0a0f19;border:1px solid #30394e;color:white;border-radius:8px;padding:10px}
.entity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.entity-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px}
.entity-card header{display:flex;justify-content:space-between;align-items:center}.entity-card header>div{display:flex;gap:10px;align-items:center}.entity-card h3{margin:0}.entity-card small{color:var(--muted)}.entity-symbol{width:38px;height:38px;border-radius:8px;background:#7666ff22;color:#aaa0ff;display:grid;place-items:center;font-weight:900}
.entity-card header>b{font-size:11px;color:#66d8d1}.field-form{display:grid;grid-template-columns:1fr .8fr;gap:7px;margin:17px 0;padding-top:14px;border-top:1px solid var(--line)}.field-form label{font-size:11px;color:var(--muted);display:flex;gap:5px;align-items:center}.field-form button{grid-column:1/-1}
.field-list>div{display:grid;grid-template-columns:1fr .7fr 1.3fr;gap:7px;padding:8px 0;border-top:1px solid #222a3c}.field-list p,.relationship-list p{color:var(--muted)}
.form-panel>label{display:flex;flex-direction:column;gap:6px;margin:10px 0;color:#bbc3d2}.form-panel>button{width:100%;margin-top:8px}.relationship-list{margin-top:14px}.relationship-list article{display:grid;grid-template-columns:1fr .9fr 1fr;gap:5px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.relationship-list article span{color:#8f83ff;text-align:center}
.data-table>div{display:grid;grid-template-columns:1.2fr 1fr .5fr 1.2fr;gap:12px;padding:12px;border-top:1px solid var(--line)}.data-table .table-head{color:var(--muted);font-size:11px;text-transform:uppercase}
@media(max-width:1250px){.entity-grid{grid-template-columns:1fr}.domain-layout{grid-template-columns:minmax(0,1fr) 300px}}

.api-create{margin-top:26px}.api-form-row{grid-template-columns:1.2fr 1fr 1fr .5fr auto}
.api-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.api-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px}
.api-card>header{display:flex;justify-content:space-between;align-items:center}.api-card>header>div{display:flex;gap:11px;align-items:center}.api-card h2{margin:0}.api-card header small{color:var(--muted)}.api-card header>b{font-size:11px;color:#65d8d0}
.api-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#34d3d31a;color:#6ce2dc;font-weight:900}
.operation-form{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.operation-form h3{margin:0 0 10px}.operation-grid{display:grid;grid-template-columns:1.2fr .6fr .8fr 1fr 1fr 1fr 1fr auto;gap:7px}
.operation-grid input,.operation-grid select,.error-form input{background:#0a0f19;border:1px solid #30394e;color:white;border-radius:7px;padding:9px}
.operation-list>section{margin-top:14px;border:1px solid #242d40;background:#0c111b;border-radius:9px;padding:14px}.operation-head{display:flex;justify-content:space-between}.operation-head strong span{color:#8e83ff}.operation-head small{color:var(--muted)}
.contract-row{display:flex;gap:8px;margin:10px 0}.contract-row code{background:#121927;border-radius:6px;padding:7px;color:#96a7c2}.error-form{display:grid;grid-template-columns:.8fr .3fr 1.5fr auto;gap:7px}.error-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.error-list span{font-size:10px;border:1px solid #3b4458;border-radius:999px;padding:5px 8px;color:#d0d5df}.muted{color:var(--muted)}
@media(max-width:1450px){.operation-grid{grid-template-columns:1fr 110px 1fr 1fr}.operation-grid button{grid-column:1/-1}.api-form-row{grid-template-columns:1fr 1fr}}

.event-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr auto;gap:8px}.event-grid input,.event-grid select,.workflow-step-form input,.workflow-step-form select,.workflow-transition-form input,.workflow-transition-form select{background:#0a0f19;border:1px solid #30394e;color:white;border-radius:7px;padding:9px}.event-list,.workflow-list{display:grid;gap:14px;margin-top:16px}.event-list article{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px}.event-list header{display:flex;justify-content:space-between}.event-list header>div{display:flex;gap:10px}.event-list h2{margin:0}.event-list p{color:var(--muted)}.workflow-step-form{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr auto;gap:7px;margin-top:16px}.workflow-steps{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.workflow-steps span{border:1px solid #30394e;border-radius:8px;padding:8px 10px}.workflow-steps b,.workflow-steps small{display:block}.workflow-steps small{color:var(--muted)}.workflow-transition-form{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:7px}.transition-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.transition-list code{background:#0a0f19;padding:8px;border-radius:6px;color:#91a6c5}

.security-grid{display:grid;grid-template-columns:1fr 360px;gap:16px;margin-top:26px}.security-grid .panel{margin-bottom:14px}.security-grid input,.security-grid select{background:#0a0f19;border:1px solid #30394e;color:white;border-radius:8px;padding:10px;margin:4px}.security-grid label{color:var(--muted);margin-right:8px}

.technology-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;margin-top:26px}.technology-row{grid-template-columns:1.5fr .7fr auto}
.technology-list article{display:grid;grid-template-columns:1.5fr .5fr 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.technology-list small{color:var(--muted)}
.resolution-panel{margin-top:16px}.resolution-panel pre{min-height:170px;background:#090d15;border-radius:8px;padding:16px;color:#98a7c0;overflow:auto}
.resolution-approve{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;margin-top:12px}.resolution-approve input,.technology-grid select{background:#0a0f19;border:1px solid #30394e;color:white;border-radius:8px;padding:10px}
@media(max-width:1250px){.technology-grid{grid-template-columns:1fr}}

.testing-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:26px}
.testing-list article{display:grid;grid-template-columns:1.2fr .8fr 1.5fr;gap:10px;padding:11px 0;border-top:1px solid var(--line)}
.testing-list small{color:var(--muted)}
@media(max-width:1100px){.testing-grid{grid-template-columns:1fr}}

.deployment-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:26px}@media(max-width:1100px){.deployment-grid{grid-template-columns:1fr}}

.operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}@media(max-width:1100px){.operations-grid{grid-template-columns:1fr}}

.rc-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#111827,#0a0f19);margin-bottom:18px}
.rc-score{font-size:40px;font-weight:800;text-align:center}.rc-score small{display:block;font-size:12px;color:var(--muted);font-weight:500}
.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.rc-grid article{padding:14px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between}.rc-grid article.configured span{font-weight:700}.rc-grid article.empty{opacity:.58}
@media(max-width:900px){.rc-grid{grid-template-columns:1fr}.rc-banner{align-items:flex-start;flex-direction:column}}

/* v21.4 Final Product Experience Foundation */
:root{--product-blue:#1976ff;--product-violet:#7b4dff;--product-cyan:#20c6ff;--product-bg:#020b19;--product-panel:#071428;--product-line:#152d4f}
html{scroll-behavior:smooth}.public-shell{background:radial-gradient(circle at 75% 10%,#0b1a403d,transparent 28%),linear-gradient(180deg,#020a17,#030b18 65%,#020813);min-height:100vh}.public-topbar{height:76px;display:grid;grid-template-columns:240px 1fr 240px;align-items:center;padding:0 max(5vw,36px);position:sticky;top:0;z-index:40;background:#020a17e8;border-bottom:1px solid #10233d;backdrop-filter:blur(18px)}.public-brand{justify-self:start}.marketing-nav{display:flex;gap:28px;justify-content:center}.marketing-nav button,.text-button{border:0;background:transparent;color:#c8d3e5;font:inherit;cursor:pointer}.marketing-nav button:hover,.text-button:hover{color:white}.public-actions{justify-self:end;display:flex;align-items:center;gap:18px}.q-logo{width:37px;height:37px;position:relative;display:grid;place-items:center;transform:rotate(30deg);border-radius:10px;background:linear-gradient(145deg,#238bff,#1e51ff 58%,#6a4cff);box-shadow:0 0 24px #176cff55}.q-logo:before{content:"";width:17px;height:17px;border:5px solid #031126;border-radius:5px}.q-logo:after{content:"";position:absolute;width:10px;height:5px;background:#031126;right:3px;bottom:8px}.brand-copy{display:flex;flex-direction:column;text-align:left}.brand-copy strong{font-size:17px}.brand-copy small{font-size:10px;color:#a6b3c8}.brand b .brand-copy{display:none}.landing{max-width:1440px;margin:auto;padding:0 26px 54px}.landing-hero{min-height:620px;display:grid;grid-template-columns:.86fr 1.14fr;gap:46px;align-items:center;padding:70px 42px 46px}.hero-copy h1{font-size:58px;line-height:1.08;letter-spacing:-2.8px;margin:26px 0 20px;max-width:680px}.hero-copy h1 em,.landing-cta em{font-style:normal;background:linear-gradient(90deg,#318cff,#8c4cff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.72;color:#bac7d9;max-width:660px}.hero-pill{display:inline-flex;border:1px solid #2857a5;border-radius:999px;padding:8px 14px;color:#79a9ff;background:#071a38;font-size:12px;font-weight:700;letter-spacing:.25px}.hero-actions{display:flex;gap:16px;margin:28px 0}.large{padding:14px 25px;font-size:14px;min-width:150px}.hero-assurances{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;font-size:11px;color:#b6c2d4}.hero-assurances span{display:flex;gap:6px}.product-preview{perspective:1200px}.preview-window{height:490px;border:1px solid #1b4a87;border-radius:22px;background:#061126;box-shadow:0 0 60px #124fa12c,inset 0 0 80px #061a39;display:grid;grid-template-columns:150px 1fr 210px;overflow:hidden;transform:rotateY(-2deg)}.preview-sidebar{padding:18px 12px;background:#071225;border-right:1px solid #142d50;display:flex;flex-direction:column;gap:4px}.preview-sidebar>b{display:block;margin-bottom:18px}.preview-sidebar .q-logo{width:25px;height:25px}.preview-sidebar .q-logo:before{width:11px;height:11px;border-width:3px}.preview-sidebar .brand-copy strong{font-size:11px}.preview-sidebar .brand-copy small{font-size:7px}.preview-sidebar>span{padding:9px 10px;border-radius:7px;color:#8798b2;font-size:10px}.preview-sidebar>span.active{background:#142b54;color:white}.preview-canvas{padding:20px;background-image:linear-gradient(#11233a55 1px,transparent 1px),linear-gradient(90deg,#11233a55 1px,transparent 1px);background-size:20px 20px}.preview-canvas header{display:flex;gap:9px;align-items:center}.preview-canvas header small{padding:3px 6px;background:#172744;border-radius:5px}.flow{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:30px}.flow>span,.flow>div span{min-width:120px;text-align:center;background:#07162c;border:1px solid #25446c;border-radius:8px;padding:10px;font-size:10px;box-shadow:0 8px 22px #0007}.flow small{display:block;color:#7f91aa;margin-top:4px;font-size:7px}.flow i{font-style:normal;color:#788ba7}.flow>div{display:flex;gap:12px}.flow .accent{border-color:#8c5c37}.preview-status{padding:18px 14px;background:#071225;border-left:1px solid #142d50}.preview-status h4{font-size:11px;margin:0 0 16px}.preview-status p{font-size:8px;display:flex;justify-content:space-between}.preview-status p span{color:#b5c2d7}.preview-status p b{color:#4bd18c}.mini-chart{margin-top:24px;padding:14px;border:1px solid #18365c;border-radius:10px}.mini-chart small,.mini-chart strong{display:block}.mini-chart svg{width:100%;height:55px}.mini-chart polyline{fill:none;stroke:#2684ff;stroke-width:2}.section-intro{text-align:center;color:#b7c1d1;margin:0 0 18px}.marketing-grid{display:grid;gap:14px}.marketing-grid.six{grid-template-columns:repeat(6,1fr)}.marketing-grid.four{grid-template-columns:repeat(4,1fr)}.marketing-grid article{min-height:176px;padding:22px;border:1px solid var(--product-line);border-radius:12px;background:linear-gradient(145deg,#08172c,#061121);box-shadow:inset 0 1px #173153}.marketing-grid h3{font-size:14px;margin:13px 0 9px}.marketing-grid p{font-size:11px;color:#98a9c1;line-height:1.55}.marketing-grid button{border:0;background:none;color:#2b8cff;padding:0;cursor:pointer}.feature-icon{width:39px;height:39px;border:1px solid #315faf;border-radius:9px;display:grid;place-items:center;color:#338cff;font-weight:800}.how-it-works,.use-cases{border:1px solid var(--product-line);border-radius:12px;margin-top:10px;padding:22px 28px 32px;background:#041021}.how-it-works header,.use-cases>header{text-align:center}.how-it-works h2,.use-cases h2,.trust-strip h2{margin:0}.how-it-works header p,.use-cases>header p{margin:5px;color:#8fa0b8;font-size:11px}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:25px}.steps article{text-align:center;position:relative;padding:0 22px}.steps article:not(:last-child):after{content:"";position:absolute;top:34px;right:-25%;width:50%;border-top:1px dashed #31547c}.steps article>b{position:absolute;left:calc(50% - 36px);top:-4px;border-radius:999px;background:#174cc9;padding:4px 7px;font-size:10px}.steps article>span{width:68px;height:68px;border-radius:50%;border:1px solid #3665c7;display:grid;place-items:center;margin:auto;color:#4da0ff;font-size:20px;box-shadow:0 0 25px #1a5bf638}.steps h3{font-size:13px;margin-bottom:5px}.steps p{font-size:10px;color:#94a5bd;line-height:1.45}.use-cases{margin-top:10px}.use-cases .marketing-grid{margin-top:22px}.trust-strip{margin-top:10px;padding:28px 38px;border:1px solid var(--product-line);border-radius:12px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:center;background:#061326}.trust-strip article{display:flex;gap:12px;align-items:flex-start}.trust-strip article>span{font-size:28px;color:#2f92ff}.trust-strip h3{font-size:13px;margin:0}.trust-strip p{font-size:10px;color:#93a4bb}.landing-cta{margin:36px 42px 0;padding:36px 44px;border:1px solid #463287;border-radius:14px;background:radial-gradient(circle at 80%,#103373,transparent 35%),linear-gradient(110deg,#11152f,#0a1230);display:flex;align-items:center;justify-content:space-between}.landing-cta h2{font-size:29px;margin:0}.landing-cta p{color:#a7b5c9}.landing-footer{margin:0 42px;padding:34px 0 10px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px;border-bottom:1px solid #14233a;position:relative}.landing-footer>div{display:flex;flex-direction:column;gap:8px;color:#8fa0b8;font-size:11px}.landing-footer>div:first-child{max-width:260px}.landing-footer strong{color:#d9e2ee}.landing-footer small{position:absolute;bottom:-30px;color:#718096}.login-page{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(420px,620px) 1fr;background:radial-gradient(circle at 75%,#102c6b,transparent 35%),#030b18}.login-panel{padding:70px clamp(40px,8vw,110px);background:#061224;border-right:1px solid #173255}.login-brand{margin-bottom:55px}.login-panel h1{font-size:40px;margin-bottom:10px}.login-panel>p{color:#9fb0c8;line-height:1.6}.login-panel form{display:flex;flex-direction:column;gap:16px;margin:28px 0}.login-panel label{display:flex;flex-direction:column;gap:8px;color:#c9d5e5}.login-panel input{background:#031020;border:1px solid #294667;border-radius:9px;padding:13px;color:white}.integration-note{margin-top:35px;padding:14px;border:1px solid #8d662e;border-radius:9px;background:#6e451d25}.integration-note b,.integration-note span{display:block}.integration-note b{color:#f4bd65}.integration-note span{font-size:11px;color:#baaa91;margin-top:5px}.login-page>aside{display:flex;flex-direction:column;justify-content:center;padding:10vw}.login-page>aside h2{font-size:44px;max-width:650px}.login-pipeline{display:flex;gap:8px;flex-wrap:wrap}.login-pipeline span{padding:13px 16px;border:1px solid #315a93;border-radius:8px;background:#071832}.login-pipeline b{margin-right:8px;color:#4b9bff}.product-topbar{grid-template-columns:260px auto 1fr auto}.product-context{display:flex;align-items:center;gap:8px;padding:8px 14px;border-left:1px solid #243149}.product-context small{color:#718099}.live-dot{width:8px;height:8px;border-radius:50%;background:#40d98a;box-shadow:0 0 10px #40d98a}.dashboard{padding:42px;max-width:1500px;margin:auto}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;padding:36px;border:1px solid #243657;border-radius:16px;background:radial-gradient(circle at 85%,#123779,transparent 30%),linear-gradient(120deg,#101a32,#071222)}.dashboard-welcome h1{font-size:40px;margin:8px 0}.dashboard-welcome p{color:#9eacc0}.pipeline-ribbon{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.pipeline-ribbon button{background:#091526;border:1px solid #213a61;border-radius:12px;padding:18px;text-align:left;color:white;cursor:pointer}.pipeline-ribbon button:hover{border-color:#387fff;transform:translateY(-1px)}.pipeline-ribbon b{display:inline-grid;place-items:center;width:25px;height:25px;background:#1749c5;border-radius:50%;margin-right:8px}.pipeline-ribbon span{font-weight:700}.pipeline-ribbon small{display:block;color:#8294ad;margin-top:12px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.dashboard-grid>article{border:1px solid #213552;border-radius:14px;background:#081423;padding:24px}.dashboard-projects header{display:flex;justify-content:space-between}.dashboard-projects h2,.control-status h2{margin:6px 0 18px}.dashboard-project{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;background:#061020;border:1px solid #1b2d49;border-radius:10px;padding:13px;color:white;margin-top:9px;text-align:left}.dashboard-project>span{width:42px;height:42px;border-radius:9px;background:#163c82;display:grid;place-items:center}.dashboard-project div strong,.dashboard-project div small{display:block}.dashboard-project small{color:#7f91a9;margin-top:4px}.control-status p{display:flex;justify-content:space-between;border-top:1px solid #1b2b42;padding:13px 0;margin:0}.control-status b{font-size:10px;border-radius:999px;padding:5px 8px}.connected{background:#154934;color:#62dda1}.pending{background:#5b3d18;color:#f2bd67}.compact-empty{padding:28px}.product-shell .topbar{position:sticky;top:0;z-index:35}
@media(max-width:1180px){.landing-hero{grid-template-columns:1fr;padding-top:50px}.product-preview{max-width:850px}.marketing-grid.six{grid-template-columns:repeat(3,1fr)}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip header{grid-column:1/-1}.public-topbar{grid-template-columns:210px 1fr auto}.marketing-nav{gap:12px}.product-context{display:none}}
@media(max-width:800px){.public-topbar{grid-template-columns:1fr auto;padding:0 18px}.marketing-nav{display:none}.landing{padding:0 12px}.landing-hero{padding:42px 12px}.hero-copy h1{font-size:42px}.preview-window{grid-template-columns:100px 1fr}.preview-status{display:none}.hero-assurances{grid-template-columns:1fr 1fr}.marketing-grid.six,.marketing-grid.four,.steps,.dashboard-grid,.pipeline-ribbon{grid-template-columns:1fr}.steps article:not(:last-child):after{display:none}.trust-strip{grid-template-columns:1fr}.landing-cta,.landing-footer{margin-left:0;margin-right:0}.landing-footer{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-page>aside{display:none}.dashboard{padding:20px}.dashboard-welcome{align-items:flex-start;gap:20px;flex-direction:column}.product-topbar{grid-template-columns:1fr auto}.product-topbar .global-nav{display:none}}

/* v22.0.1: deterministic runtime-version visibility */
.brand-group {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-width: max-content;
  flex-shrink: 0;
}

.runtime-version-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-width: 4.75rem;
  padding: 0.22rem 0.55rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: visible !important;
  text-indent: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  flex-shrink: 0;
}

/* v22.0.1: fixed independent runtime version indicator */
#runtime-version-indicator {
  position: fixed !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 2147483647 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 5rem;
  height: auto !important;
  padding: 0.45rem 0.75rem;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  box-sizing: border-box;
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
}

#runtime-version-indicator[data-identity-status="loading"] {
  opacity: 0.8 !important;
}

#runtime-version-indicator[data-identity-status="unavailable"] {
  background: #7f1d1d;
}

/* v22.2.0 Unified Navigation and Workspace Shell */
.product-topbar {
  display: grid;
  grid-template-columns: 248px minmax(190px, auto) minmax(420px, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.product-context {
  min-width: 0;
}

.product-context > div strong,
.product-context > div small {
  display: block;
}

.global-nav {
  min-width: 0;
  margin-left: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.global-nav::-webkit-scrollbar {
  display: none;
}

.global-nav button {
  white-space: nowrap;
}

.workspace {
  grid-template-columns: 264px minmax(0, 1fr);
}

.workspace-sidebar {
  position: sticky;
  top: 68px;
  height: calc(100vh - 68px);
  overflow: hidden;
}

.project-switcher {
  width: 100%;
  cursor: pointer;
}

.project-switcher > div {
  min-width: 0;
  flex: 1;
}

.project-switcher > b {
  color: var(--muted);
  font-size: 12px;
}

.workspace-navigation {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 2px 20px;
}

.workspace-nav-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 18px;
}

.workspace-nav-group h2 {
  margin: 0 9px 7px;
  color: #65728a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.workspace-nav-group button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-nav-group button[aria-current="page"] {
  background: linear-gradient(90deg, #1a2340, #171d2b);
  box-shadow: inset 2px 0 #7565ff;
}

.sidebar-footer span {
  display: block;
  margin-top: 5px;
  color: #69758c;
  font-size: 10px;
}

.workspace-bar {
  min-height: 78px;
  height: auto;
  gap: 24px;
  padding: 12px 26px;
}

.workspace-heading {
  min-width: 0;
}

.workspace-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: #65738c;
  font-size: 11px;
}

.workspace-breadcrumb button {
  max-width: 190px;
  overflow: hidden;
  border: 0;
  background: none;
  color: #8b9bb4;
  cursor: pointer;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-breadcrumb button:hover {
  color: white;
}

.workspace-breadcrumb strong {
  max-width: 220px;
  overflow: hidden;
  color: #b9c5d8;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-title {
  margin-top: 7px;
}

.workspace-title small {
  color: #68768e;
}

.workspace-title h1 {
  margin: 2px 0 0;
  font-size: 20px;
  line-height: 1.2;
}

.workspace-actions {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}

@media (max-width: 1280px) {
  .product-topbar {
    grid-template-columns: 220px minmax(0, 1fr) auto;
  }

  .product-context {
    display: none;
  }

  .workspace {
    grid-template-columns: 238px minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  body {
    min-width: 760px;
  }

  .product-topbar {
    grid-template-columns: 1fr auto;
  }

  .product-topbar .global-nav {
    display: none;
  }

  .workspace {
    grid-template-columns: 210px minmax(0, 1fr);
  }

  .workspace-bar {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* v22.3.0 Final Visual Builder Experience */
.visual-builder-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 18px;
  align-items: start;
  margin-top: 26px;
}

.visual-builder-inspector {
  position: sticky;
  top: 164px;
  max-height: calc(100vh - 184px);
  overflow: auto;
}

.visual-entity-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.visual-entity-card {
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.visual-entity-card.selected {
  border-color: #7465ff;
  box-shadow:
    inset 0 0 0 1px #7465ff55,
    0 18px 48px #0005;
  transform: translateY(-1px);
}

.entity-select {
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.entity-card-copy {
  min-width: 0;
}

.entity-card-copy strong,
.entity-card-copy small,
.entity-card-copy code {
  display: block;
}

.entity-card-copy strong {
  overflow: hidden;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.entity-card-copy small {
  margin-top: 3px;
  color: var(--muted);
}

.entity-card-copy code {
  margin-top: 5px;
  color: #687790;
  font-size: 10px;
}

.entity-select > b {
  color: #65d8d0;
  font-size: 11px;
  white-space: nowrap;
}

.relationship-workbench {
  display: grid;
  grid-template-columns:
    minmax(280px, 0.75fr)
    minmax(0, 1.25fr);
  gap: 14px;
  margin-top: 16px;
}

.relationship-workbench .relationship-list {
  margin-top: 0;
}

.entity-inspector {
  padding: 20px;
}

.inspector-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.inspector-heading h2 {
  margin: 5px 0;
}

.inspector-heading code {
  color: #71809a;
  font-size: 10px;
}

.entity-inspector form > label,
.field-editor-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #bbc5d7;
  font-size: 12px;
}

.entity-inspector input,
.entity-inspector select,
.entity-inspector textarea {
  width: 100%;
  border: 1px solid #303b51;
  border-radius: 8px;
  background: #080e18;
  color: white;
  padding: 10px;
}

.entity-inspector textarea {
  min-height: 78px;
  resize: vertical;
}

#entity-inspector-form {
  display: grid;
  gap: 12px;
}

.immutable-note {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #2e405d;
  border-radius: 8px;
  background: #0b1728;
  color: #8ea0ba;
  font-size: 11px;
  line-height: 1.55;
}

.field-inspector-list {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.field-inspector-list h3 {
  margin: 0;
}

.field-inspector-list header p {
  margin: 5px 0 14px;
  color: var(--muted);
  font-size: 11px;
}

.field-editor {
  border-top: 1px solid #263147;
}

.field-editor summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 0;
  cursor: pointer;
}

.field-editor summary strong,
.field-editor summary small {
  display: block;
}

.field-editor summary small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}

.field-flags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

.field-flags b {
  padding: 4px 6px;
  border: 1px solid #33415a;
  border-radius: 999px;
  color: #9cabc1;
  font-size: 9px;
}

.field-editor-form {
  padding: 2px 0 16px;
}

.inspector-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.inspector-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 13px;
}

.inspector-checks label {
  flex-direction: row;
  align-items: center;
}

.inspector-checks input {
  width: auto;
}

.inspector-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
}

.inspector-actions code {
  color: #687790;
  font-size: 10px;
}

.empty-inspector {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.empty-inspector h2 {
  margin: 8px 0;
}

.empty-inspector p {
  color: var(--muted);
}

@media (max-width: 1450px) {
  .visual-builder-layout {
    grid-template-columns: minmax(0, 1fr) 380px;
  }

  .visual-entity-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .visual-builder-layout {
    grid-template-columns: 1fr;
  }

  .visual-builder-inspector {
    position: static;
    max-height: none;
  }

  .relationship-workbench {
    grid-template-columns: 1fr;
  }
}

/* v22.6.0 Unified Golden Path Experience */
.guided-stage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.guided-stage {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.guided-stage-number {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-weight: 700;
  flex: 0 0 auto;
}
.guided-stage.complete { opacity: .82; }
.guided-stage.blocked { opacity: .62; }
.guided-progress {
  height: .6rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(127,127,127,.2);
}
.guided-progress > span {
  display: block;
  height: 100%;
  background: currentColor;
}
@media (max-width: 960px) {
  .guided-stage-grid { grid-template-columns: 1fr; }
}


/* v22.6.0 Unified Golden Path Experience - UI Slice 1 */
.guided-command-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:1.5rem;border:1px solid rgba(127,127,127,.25);border-radius:1rem;background:linear-gradient(135deg,rgba(127,127,127,.08),transparent)}
.guided-command-score{min-width:9rem;text-align:right}.guided-command-score strong{display:block;font-size:2rem;line-height:1}
.guided-stage-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:1rem 0}
.guided-rail-step{display:grid;grid-template-columns:auto 1fr;gap:.1rem .6rem;align-items:center;text-align:left;padding:.8rem;border:1px solid rgba(127,127,127,.25);border-radius:.8rem;background:transparent}
.guided-rail-step b{grid-row:1/span 2;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;border:1px solid currentColor}
.guided-rail-step small{opacity:.7}.guided-rail-step.complete{opacity:.78}.guided-rail-step.blocked{opacity:.5}.guided-rail-step.current{outline:2px solid currentColor;outline-offset:2px}
.guided-command-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.75fr);gap:1rem;margin-top:1rem}
.guided-blockers{margin-top:1rem;padding:1rem;border:1px solid rgba(127,127,127,.25);border-radius:.75rem}.guided-blockers ul{columns:2;margin-bottom:0}
.guided-boundary-card dl div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(127,127,127,.18)}.guided-boundary-card dd{margin:0;text-align:right;font-weight:700}
.guided-ledger-table{border:1px solid rgba(127,127,127,.2);border-radius:.75rem;overflow:hidden}
.guided-ledger-row{display:grid;grid-template-columns:1fr .8fr minmax(12rem,1.5fr) auto;gap:1rem;align-items:center;padding:.8rem 1rem;border-bottom:1px solid rgba(127,127,127,.15)}
.guided-ledger-row:last-child{border-bottom:0}.guided-ledger-row .recorded{font-weight:700}.guided-ledger-row .missing{opacity:.65}.guided-ledger-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.guided-stage-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.guided-command-layout{grid-template-columns:1fr}}
@media(max-width:720px){.guided-command-hero{align-items:flex-start;flex-direction:column}.guided-command-score{text-align:left}.guided-stage-rail{grid-template-columns:1fr 1fr}.guided-ledger-row{grid-template-columns:1fr;gap:.35rem}.guided-blockers ul{columns:1}}


/* v22.6.0 Unified Golden Path Experience - UI Slice 2 */
.golden-continuity{margin-bottom:1rem;padding:1rem;border:1px solid rgba(127,127,127,.22);border-radius:1rem;background:rgba(127,127,127,.04)}
.golden-continuity-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.golden-continuity-header strong{display:block}
.golden-continuity-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}
.golden-continuity-step{display:grid;grid-template-columns:auto 1fr;gap:.05rem .5rem;align-items:center;padding:.65rem;text-align:left;border:1px solid rgba(127,127,127,.22);border-radius:.7rem;background:transparent}
.golden-continuity-step b{grid-row:1/span 2;display:grid;place-items:center;width:1.55rem;height:1.55rem;border:1px solid currentColor;border-radius:999px}
.golden-continuity-step small{opacity:.68}.golden-continuity-step.complete{opacity:.78}.golden-continuity-step.blocked{opacity:.48}.golden-continuity-step.active{outline:2px solid currentColor;outline-offset:2px}
.guided-progress.compact{margin-top:.75rem;height:.4rem}
@media(max-width:1100px){.golden-continuity-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.golden-continuity-header{align-items:flex-start;flex-direction:column}.golden-continuity-rail{grid-template-columns:1fr 1fr}}


/* v22.6.0 Unified Golden Path Experience - UI Slice 3 */
.stage-result-continuation{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-top:1rem;
  padding:1rem;
  border:1px solid rgba(127,127,127,.24);
  border-radius:.9rem;
  background:rgba(127,127,127,.04)
}
.stage-result-continuation.complete{border-style:solid}
.stage-result-continuation.pending{opacity:.82}
.stage-result-continuation.blocked{border-style:dashed}
.stage-result-continuation h3{margin:.2rem 0}
.stage-result-continuation p{margin:.3rem 0 .55rem}
.stage-result-continuation code{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.stage-result-actions{flex:0 0 auto}
@media(max-width:720px){
  .stage-result-continuation{align-items:flex-start;flex-direction:column}
  .stage-result-actions,.stage-result-actions button{width:100%}
}


/* v22.6.0 Unified Golden Path Experience - UI Slice 4 */
.golden-phase-map{
  margin:1rem 0;
  padding:1rem;
  border:1px solid rgba(127,127,127,.22);
  border-radius:1rem;
  background:rgba(127,127,127,.035)
}
.golden-phase-map-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:.8rem
}
.golden-phase-map-header strong{display:block}
.golden-phase-map-header p{max-width:44rem;margin:0}
.golden-phase-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.45rem
}
.golden-phase{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.05rem .45rem;
  align-items:center;
  padding:.65rem;
  text-align:left;
  border:1px solid rgba(127,127,127,.22);
  border-radius:.7rem;
  background:transparent
}
.golden-phase b{
  grid-row:1/span 2;
  display:grid;
  place-items:center;
  width:1.55rem;
  height:1.55rem;
  border:1px solid currentColor;
  border-radius:999px
}
.golden-phase small{opacity:.68}
.golden-phase.complete{opacity:.8}
.golden-phase.blocked{opacity:.48}
.golden-phase.active{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:1100px){
  .golden-phase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:720px){
  .golden-phase-map-header{flex-direction:column}
  .golden-phase-grid{grid-template-columns:1fr 1fr}
}


/* v22.7.0 authenticated project categories */
.governed-projects-page{display:grid;gap:22px}
.project-category-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.project-category-summary article{background:var(--surface,#fff);border:1px solid var(--border,#d9e0ea);border-radius:14px;padding:16px;display:grid;gap:6px}
.project-category-summary small{color:var(--muted,#667085)}
.project-category-summary strong{font-size:1.8rem}
.project-category-section{display:grid;gap:14px}
.project-category-section>header{display:flex;align-items:end;justify-content:space-between;gap:16px}
.project-category-section>header strong{font-size:1.25rem}
.governed-project-card{display:grid;text-align:left;gap:14px;padding:18px}
.project-card-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.project-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface-strong,#eef2ff);font-weight:800}
.project-card-heading div{display:grid;gap:3px}
.project-access-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.project-access-meta span{display:grid;gap:3px;font-size:.82rem;color:var(--muted,#667085)}
.project-access-meta b{color:var(--text,#101828)}
.project-permissions{display:flex;flex-wrap:wrap;gap:6px}
.project-permissions code{font-size:.72rem}
.project-warning{color:var(--danger,#b42318)}
@media(max-width:900px){
 .project-category-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-access-meta{grid-template-columns:1fr}
}
@media(max-width:560px){
 .project-category-summary{grid-template-columns:1fr}
 .project-card-heading{grid-template-columns:auto 1fr}
 .project-card-heading .status{grid-column:1/-1;justify-self:start}
}

/* v22.8.0 Slice 1 - conditional first-owner onboarding UI */
.first-owner-form{display:flex;flex-direction:column;gap:16px;margin:28px 0}
.first-owner-form .password-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.password-guidance,.login-status-card{padding:14px;border:1px solid #294667;border-radius:10px;background:#061a31}
.password-guidance b,.password-guidance span,.login-status-card b,.login-status-card small{display:block}
.password-guidance span,.login-status-card small{margin-top:5px;color:#9fb0c8;font-size:11px;line-height:1.5}
.login-status-card{display:flex;align-items:center;gap:13px;margin-top:28px}
.login-spinner{width:22px;height:22px;border:3px solid #25496e;border-top-color:#398cff;border-radius:50%;animation:qentrixia-spin .8s linear infinite}
.onboarding-page .login-panel{overflow-y:auto}
.first-owner-form input:invalid:not(:placeholder-shown){border-color:#9d4b5a}
.first-owner-form input:valid{border-color:#286b58}
@keyframes qentrixia-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.first-owner-form .password-grid{grid-template-columns:1fr}}

/* v22.9.0 final multi-user project experience */
.project-category-summary.with-platform{grid-template-columns:repeat(5,minmax(0,1fr))}
.project-category-summary article[data-project-category="platform"]{border-color:rgba(110,86,207,.55);background:linear-gradient(145deg,rgba(110,86,207,.12),var(--surface,#fff))}
.project-access-source{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--border,#d9e0ea);border-radius:10px;background:rgba(127,127,127,.045);font-size:.78rem}
.project-access-source span{color:var(--muted,#667085)}
.project-access-source strong{padding:3px 8px;border-radius:999px;background:rgba(110,86,207,.14);color:var(--text,#101828);font-size:.7rem;white-space:nowrap}
.governed-project-card.category-platform{border-color:rgba(110,86,207,.45);box-shadow:inset 3px 0 0 rgba(110,86,207,.72)}
.governed-project-card.category-platform .project-avatar{background:rgba(110,86,207,.14)}
@media(max-width:1100px){.project-category-summary.with-platform{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.project-category-summary.with-platform{grid-template-columns:1fr 1fr}.project-access-source{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.project-category-summary.with-platform{grid-template-columns:1fr}}


/* v23.3.0 Slice 3 — first-user onboarding and first-project experience */
.first-project-empty{display:grid;justify-items:center;gap:10px}
.first-project-empty h3{font-size:24px;margin:4px 0}
.first-project-empty p{max-width:560px;margin:0 0 8px;color:var(--muted);line-height:1.6}
.first-project-guide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:24px;align-items:center;padding:30px;border:1px solid #2d4f80;border-radius:16px;background:radial-gradient(circle at 90% 10%,#173f7d55,transparent 34%),linear-gradient(135deg,#0b1a30,#081321)}
.first-project-guide h2{font-size:30px;margin:8px 0}
.first-project-guide p{color:#a8b5c8;line-height:1.6;max-width:620px}
.first-project-guide ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.first-project-guide li{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #24436d;border-radius:10px;background:#07162b}
.first-project-guide li b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#1749c5}
.first-project-guide .primary{grid-column:1/-1;justify-self:start}
.modal-title p{margin:5px 0 18px;color:var(--muted);font-size:12px;line-height:1.5;max-width:460px}
.project-creation-assurance{display:grid;gap:4px;margin-top:16px;padding:12px 14px;border:1px solid #28527d;border-radius:10px;background:#081a30}
.project-creation-assurance b{color:#d9e8ff}
.project-creation-assurance span,.modal-help{color:#91a4bd;font-size:11px;line-height:1.5}
.modal-help{margin:0 0 10px}
@media(max-width:800px){.first-project-guide{grid-template-columns:1fr}.first-project-guide .primary{grid-column:auto;width:100%}}

/* v23.3.0 Slice 4 — workspace and project experience */
.diagnostic.success{
  border:1px solid #2f7d58;
  background:#123c2b;
  color:#b9f4d3;
  border-radius:10px;
  padding:12px 14px;
  margin:14px 0;
}
.workspace-feedback{
  margin:16px 24px 0;
  padding:11px 14px;
  border-radius:10px;
  font-size:13px;
}
.workspace-feedback.success{
  border:1px solid #2f7d58;
  background:#123c2b;
  color:#b9f4d3;
}
button[aria-busy="true"]{
  cursor:progress;
  opacity:.78;
}

/* v23.3.0 Slice 5 — final visible product polish */
body{
  min-width:0;
}
.project-permission-details{
  border-top:1px solid var(--line);
  padding-top:9px;
}
.project-permission-details summary{
  cursor:pointer;
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
  list-style-position:inside;
}
.project-permission-details[open] summary{margin-bottom:8px}
.project-permissions{opacity:.86}
.action-feedback{
  display:none;
  margin:18px 0 0;
  padding:11px 14px;
  border-radius:10px;
  font-size:13px;
}
.action-feedback.success{
  display:block;
  border:1px solid #2f7d58;
  background:#123c2b;
  color:#b9f4d3;
}
.form-help{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
@media(max-width:900px){
  body{min-width:0 !important}
  .home,.page{padding-left:22px;padding-right:22px}
  .workspace{grid-template-columns:1fr}
  .sidebar{border-right:0;border-bottom:1px solid var(--line)}
  .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .workspace-bar{
    height:auto;
    min-height:62px;
    gap:12px;
    padding-top:12px;
    padding-bottom:12px;
  }
}
@media(max-width:620px){
  .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-page{padding:20px 14px}
  .page-title{align-items:flex-start;flex-direction:column}
  .modal{
    width:min(650px,calc(100vw - 24px));
    max-height:calc(100vh - 24px);
    overflow:auto;
  }
  .radio-grid{grid-template-columns:1fr}
}


/* QENTRIXIA_V23_4_0_SIMPLIFIED_HOME_PROJECT_LAUNCHER */
.dashboard-project-home .dashboard-grid.single-column {
  grid-template-columns: minmax(0, 1fr);
}
.dashboard-project-home .dashboard-projects.full-width {
  width: 100%;
}
.dashboard-project-home .dashboard-home-notice {
  margin: 0 0 1rem;
}
.dashboard-project-home .dashboard-project {
  width: 100%;
}


/* QENTRIXIA_V23_4_0_HEADER_VERSION_BADGE_ALIGNMENT */
.product-header .auth-user,
.product-header .authenticated-user,
.product-header .header-authenticated-user,
.product-header .auth-session,
.product-header .authenticated-session,
.product-header .header-auth-actions,
.product-header .header-session-actions,
.product-header .session-controls,
.product-header .account-controls,
.product-shell-header .auth-user,
.product-shell-header .authenticated-user,
.product-shell-header .header-authenticated-user,
.product-shell-header .auth-session,
.product-shell-header .authenticated-session,
.product-shell-header .header-auth-actions,
.product-shell-header .header-session-actions,
.product-shell-header .session-controls,
.product-shell-header .account-controls {
  align-items: center;
  row-gap: 0.35rem;
}

.product-header .product-version,
.product-header .product-version-badge,
.product-header .version-badge,
.product-header .release-badge,
.product-shell-header .product-version,
.product-shell-header .product-version-badge,
.product-shell-header .version-badge,
.product-shell-header .release-badge {
  position: relative;
  top: 0.32rem;
  align-self: center;
  margin-left: 0.55rem;
  flex: 0 0 auto;
  white-space: nowrap;
}

.product-header .auth-user small,
.product-header .authenticated-user small,
.product-header .header-authenticated-user small,
.product-shell-header .auth-user small,
.product-shell-header .authenticated-user small,
.product-shell-header .header-authenticated-user small {
  padding-right: 0.35rem;
}

@media (max-width: 1280px) {
  .product-header .product-version,
  .product-header .product-version-badge,
  .product-header .version-badge,
  .product-header .release-badge,
  .product-shell-header .product-version,
  .product-shell-header .product-version-badge,
  .product-shell-header .version-badge,
  .product-shell-header .release-badge {
    top: 0.18rem;
    margin-left: 0.4rem;
  }
}


/* QENTRIXIA_V23_4_0_RUNTIME_VERSION_INDICATOR_ALIGNMENT */
#runtime-version-indicator {
  top: 2.45rem;
  right: 0.72rem;
  bottom: auto;
  margin: 0;
  z-index: 50;
  white-space: nowrap;
}

@media (max-width: 1280px) {
  #runtime-version-indicator {
    top: 2.35rem;
    right: 0.58rem;
  }
}


/* QENTRIXIA_V23_4_0_STRUCTURAL_RUNTIME_VERSION_PLACEMENT */
.account-controls #runtime-version-indicator.authenticated-runtime-version {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 0 0 0.35rem !important;
  align-self: center;
  flex: 0 0 auto;
  white-space: nowrap;
}

#runtime-version-indicator:not(.authenticated-runtime-version) {
  position: fixed;
}


/* QENTRIXIA_V23_4_0_PROJECTS_PORTFOLIO_SIMPLIFICATION */
.projects-portfolio-page {
  display: grid;
  gap: 1.25rem;
}
.projects-portfolio-title {
  align-items: end;
}
.portfolio-toolbar {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) auto;
  gap: 1rem;
  align-items: end;
}
.portfolio-search {
  display: grid;
  gap: 0.4rem;
}
.portfolio-search span {
  font-size: 0.78rem;
  font-weight: 700;
}
.portfolio-filter-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.portfolio-filter-summary span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0.45rem 0.7rem;
}
.portfolio-filter-summary b {
  margin-right: 0.25rem;
}
.portfolio-projects,
.portfolio-admin-projects {
  border: 1px solid var(--line);
  border-radius: 1rem;
  padding: 1rem;
}
.portfolio-project-grid {
  display: grid;
  gap: 0.7rem;
  margin-top: 0.8rem;
}
.portfolio-project-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 1rem;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  padding: 0.8rem;
}
.portfolio-project-main {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
.portfolio-project-copy {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}
.portfolio-project-copy strong,
.portfolio-project-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portfolio-project-meta {
  display: flex;
  gap: 1rem;
  font-size: 0.82rem;
}
.portfolio-project-meta span {
  display: grid;
  gap: 0.15rem;
}
.portfolio-admin-badge {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0.2rem 0.45rem;
  font-size: 0.7rem;
}
.portfolio-admin-projects summary {
  cursor: pointer;
  font-weight: 700;
}
.portfolio-admin-projects summary span {
  margin-left: 0.35rem;
}
@media (max-width: 900px) {
  .portfolio-toolbar,
  .portfolio-project-card {
    grid-template-columns: 1fr;
  }
  .portfolio-project-meta {
    flex-wrap: wrap;
  }
}


/* QENTRIXIA_V23_4_0_COMPLETE_ORGANIZATION_MEMBER_FORM */
.organization-member-form{display:grid;gap:1rem}
.member-form-intro{display:grid;gap:.35rem}
.member-form-intro h3,.member-form-intro p{margin:0}
.member-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.member-identity-grid label{display:grid;gap:.4rem}
.member-identity-grid label>span{font-weight:700}
.member-identity-grid small,.member-form-guidance p,.member-form-intro p{color:var(--muted)}
.member-form-guidance{border:1px solid var(--line);border-radius:.8rem;padding:.85rem 1rem}
.member-form-guidance p{margin:.3rem 0 0}
.account-form-actions{display:flex;justify-content:flex-end}
@media (max-width:760px){.member-identity-grid{grid-template-columns:1fr}}


/* v23.4.0 Slice 3C3 precise account member administration */
.account-admin-page{max-width:1420px;margin:auto}
.account-organization-summary{margin:28px 0 18px}
.organization-summary-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.organization-summary-row h2{margin:6px 0}
.organization-summary-row p{margin:0;color:var(--muted)}
.organization-summary-meta{display:flex;flex-direction:column;align-items:flex-end}
.organization-summary-meta strong{font-size:30px}
.organization-summary-meta small{color:var(--muted)}
.account-member-layout{display:grid;grid-template-columns:minmax(360px,460px) minmax(0,1fr);gap:18px;align-items:start}
.organization-member-form{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px}
.member-identity-grid{grid-template-columns:1fr 1fr}
.initial-project-access{margin-top:4px;padding-top:4px}
.initial-project-access summary,.member-add-project summary{cursor:pointer;font-weight:700;color:#d8ddec}
.member-project-picker{display:grid;gap:8px;margin:12px 0}
.member-project-option{display:grid;grid-template-columns:auto minmax(0,1fr) 150px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px 10px}
.member-project-option input{width:auto}
.member-project-option select,.member-admin-card select{background:#0a0f19;border:1px solid #30394e;color:white;border-radius:8px;padding:9px}
.member-project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-members-panel{min-width:0}
.pending-invitations-panel{margin-top:18px}
.pending-invitation-card{border-style:dashed}
.invitation-sign-in{display:inline-flex;text-decoration:none;justify-content:center}
.member-admin-list{display:grid;gap:12px;margin-top:16px}
.member-admin-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px}
.member-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.member-admin-head>div{display:flex;flex-direction:column;gap:4px}
.member-admin-head small{color:var(--muted)}
.member-role-badge{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#cfd5e4}
.member-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:16px}
.member-admin-grid label{display:grid;gap:6px}
.member-project-access{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.member-project-access h3{margin:0 0 10px}
.member-project-grant{display:grid;grid-template-columns:minmax(0,1fr) 150px auto auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.member-project-grant>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.member-project-grant small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.member-add-project{margin-top:12px}
.member-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.member-danger-zone small{color:var(--muted);max-width:480px}
.danger-secondary{border:1px solid #a55d6b;background:#241319;color:#ff9aab;border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}
.empty-state{color:var(--muted)}
@media(max-width:980px){
 .account-member-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
 .member-identity-grid{grid-template-columns:1fr}
 .organization-summary-row,.member-admin-head,.member-danger-zone{flex-direction:column;align-items:flex-start}
 .organization-summary-meta{align-items:flex-start}
 .member-admin-grid{grid-template-columns:1fr}
 .member-project-grant{grid-template-columns:1fr}
 .member-project-option{grid-template-columns:auto minmax(0,1fr)}
 .member-project-option select{grid-column:2}
}


/* v23.5.0 Slice 2 — project-opened workspace shell */
.workspace-nav-primary[data-navigation-group="project-design"] {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.workspace-nav-primary[data-navigation-group="delivery-lifecycle"] {
  margin-top: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.workspace-nav-advanced {
  display: block;
  margin: 14px 4px 0;
  border: 1px solid #252e40;
  border-radius: 9px;
  background: #0d121c;
}

.workspace-nav-advanced summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 10px;
  color: #8f9ab0;
  cursor: pointer;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  list-style: none;
  text-transform: uppercase;
}

.workspace-nav-advanced summary::-webkit-details-marker {
  display: none;
}

.workspace-nav-advanced summary::after {
  content: "+";
  color: #718099;
  font-size: 14px;
}

.workspace-nav-advanced[open] summary::after {
  content: "−";
}

.workspace-nav-advanced summary small {
  margin-left: auto;
  margin-right: 10px;
  color: #59667d;
  font-size: 9px;
  letter-spacing: 0;
  text-transform: none;
}

.workspace-nav-items {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 4px 6px;
}

.workspace-navigation button small {
  margin-left: auto;
  color: #8b80df;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.screens-workbench{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:18px;align-items:start}
.screen-library{position:sticky;top:92px}.screen-library>header,.screen-create-form>header,.screen-preview>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.screen-library h2,.screen-create-form h2,.screen-preview h2{margin:.25rem 0}.screen-library-list,.screens-composer{display:grid;gap:14px}.screen-library-list{margin-top:16px}.screen-library-item{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit}.screen-library-item.selected{border-color:#7666ff;background:#7666ff12}.screen-library-item span{display:grid;gap:4px}.screen-library-item small{color:var(--muted);text-transform:capitalize}.screen-library-item code{font-size:10px;color:var(--muted)}
.screen-create-form{display:grid;gap:18px}.screen-create-basics{display:grid;grid-template-columns:1fr 180px;gap:12px}.screen-create-basics label,.screen-field-picker label{display:grid;gap:7px}.screen-create-basics input,.screen-create-basics select{width:100%}.screen-field-picker{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px}.screen-field-picker legend{padding:0 7px;font-weight:800}.screen-field-picker-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.screen-field-picker-heading p{margin:0;color:var(--muted)}.screen-field-picker>label{grid-template-columns:auto 1fr;align-items:start;padding:10px;border:1px solid var(--line);border-radius:9px}.screen-field-picker>label span{display:grid;gap:3px}.screen-field-picker>label small{color:var(--muted)}
.screen-preview{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px}.screen-preview header p{margin:.35rem 0;color:var(--muted)}.screen-list-preview{overflow-x:auto;margin-top:16px}.screen-list-preview table{width:100%;border-collapse:collapse;min-width:520px}.screen-list-preview th,.screen-list-preview td{padding:12px;border:1px solid var(--line);text-align:left}.screen-list-preview th small{display:block;margin-top:4px;color:var(--muted);font-weight:500}.screen-list-preview td{color:var(--muted);text-align:center}.screen-form-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.screen-form-field{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:9px}.screen-form-field small{color:var(--muted)}.screen-form-field input,.screen-form-field textarea{width:100%}.screen-form-field input[type="checkbox"]{width:auto;justify-self:start}.screen-runtime-note{margin:16px 0 0;color:var(--muted);font-size:12px}.missing-reference{border-color:#d79048!important;background:#d7904810}.screen-reference-warning h2{color:#e4a75e}
.screen-edit-form{display:grid;gap:18px}.screen-edit-form>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.screen-edit-form>label{display:grid;gap:7px}.screen-edit-identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.screen-edit-identity label{display:grid;gap:7px}.screen-edit-identity input[readonly]{background:var(--panel2);color:var(--muted)}.screen-field-editor{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px}.screen-field-editor legend{padding:0 7px;font-weight:800}.screen-field-editor>p{margin:0;color:var(--muted)}.screen-included-fields,.screen-excluded-fields{display:grid;gap:8px}.screen-field-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px}.screen-field-row label{display:flex;gap:10px;align-items:flex-start}.screen-field-row label span{display:grid;gap:3px}.screen-field-row small{color:var(--muted)}.screen-field-order-controls{display:flex;gap:6px}.screen-field-row.excluded .screen-field-order-controls{display:none}
@media(max-width:1050px){.screens-workbench{grid-template-columns:1fr}.screen-library{position:static}.screen-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.screen-create-basics,.screen-form-preview,.screen-library-list,.screen-edit-identity{grid-template-columns:1fr}.screen-field-row{align-items:flex-start;flex-direction:column}.screen-field-picker-heading{align-items:flex-start;flex-direction:column}}
.agentic-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(360px,1.2fr);gap:18px}.agentic-intent{display:grid;gap:16px}.agentic-intent label{display:grid;gap:7px}.agentic-intent textarea{width:100%;resize:vertical}.agentic-run-list header,.agentic-run-list article{display:flex;align-items:center;justify-content:space-between;gap:12px}.agentic-run-list article{padding:12px 0;border-top:1px solid var(--line)}.agentic-run-list article strong{font-family:monospace}.agentic-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.agentic-evidence-grid h3{margin:.35rem 0}.agentic-evidence-grid p{color:var(--muted)}@media(max-width:1000px){.agentic-layout,.agentic-evidence-grid{grid-template-columns:1fr}}