/* Generated Strapilot UI. Edit approved-app.css for approved application components; do not edit this file. */
@layer reset, tokens, base, foundations, components, pages, responsive;
@layer reset{
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body,h1,h2,h3,p,blockquote{margin:0}
button,input,textarea{font:inherit}
button,a{color:inherit}
a{text-decoration:none}
img,svg{display:block;max-width:100%}
button{border:0;cursor:pointer}
ul{padding:0;margin:0;list-style:none}
}
@layer components{
.account-notice{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted)}
.account-notice>svg{flex:0 0 auto;color:var(--text)}
.account-notice>span{display:grid;gap:4px}
.account-notice b{color:var(--text)}
.account-notice small{line-height:1.55}
.feature-unavailable{min-height:min(520px,calc(100dvh - 150px));display:grid;grid-template-columns:44px minmax(0,520px);place-content:center;align-items:start;gap:16px;padding:32px}
.feature-unavailable>i{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-style:normal}
.feature-unavailable>div{display:grid;justify-items:start;gap:9px}
.feature-unavailable small{color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.11em}
.feature-unavailable h1{font-size:clamp(1.45rem,3vw,2rem)}
.feature-unavailable p{color:var(--text);font-size:13px;line-height:1.65}
.feature-unavailable span{color:var(--muted);font-size:11px;line-height:1.6}
.feature-unavailable .button{margin-top:8px}
}
@layer pages{
.help-center .search-large{display:flex;align-items:center;gap:9px;max-width:620px;margin-top:22px}
.help-center .search-large input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.help-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.help-topic-grid>a{min-height:82px;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}
.help-topic-grid>a>svg:first-child{color:var(--accent)}
.help-topic-grid>a>svg:last-child{margin-left:auto;color:var(--muted)}
.help-topic-grid span{display:grid;gap:4px}
.help-topic-grid small{color:var(--muted)}
.help-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.help-actions p{margin-top:5px;color:var(--muted)}
.help-actions nav{display:flex;gap:8px;flex:0 0 auto}
.market-results>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--muted)}
.market-results>.listing-grid>.runtime-empty{grid-column:1/-1}
.listing-body footer>a{margin-left:auto}
.checkout-live{width:min(680px,100%);margin:54px auto;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.checkout-live>div{display:grid;gap:14px}
.checkout-live h1{font-size:clamp(1.8rem,4vw,2.7rem)}
.checkout-live p{color:var(--muted);line-height:1.65}
.checkout-live dl{display:grid;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.checkout-live dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--line)}
.checkout-live dl>div:first-child{border-top:0}
.checkout-live dt{color:var(--muted)}
.checkout-live dd{margin:0;font-weight:700;text-align:right}
.checkout-live .checkout-note{font-size:11px}
.checkout-live .button{justify-self:start}
.account-settings-live{max-width:760px;display:grid;gap:18px}
.account-settings-live dl{display:grid;margin:0;border-top:1px solid var(--line)}
.account-settings-live dl>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.account-settings-live dt{color:var(--muted)}
.account-settings-live dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.account-settings-live p{color:var(--muted);line-height:1.65}
.account-settings-live .button{justify-self:start}
@media(max-width:700px){
.feature-unavailable{grid-template-columns:1fr;place-content:start center;padding:34px 18px}
.help-topic-grid{grid-template-columns:1fr}
.help-actions{align-items:stretch;flex-direction:column}
.help-actions nav{display:grid;grid-template-columns:1fr 1fr}
.account-settings-live dl>div{grid-template-columns:1fr;gap:4px}
}
}
.project-rename-dialog input{border:1px solid rgba(145,161,187,.20)!important;border-radius:5px!important;outline:0!important;background:rgba(3,9,18,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important}
.project-rename-dialog input:hover{border-color:rgba(145,161,187,.27)!important;background:rgba(3,9,18,.34)!important}
.project-rename-dialog input:focus,.project-rename-dialog input:focus-visible{border-color:rgba(174,186,204,.34)!important;outline:0!important;background:rgba(3,9,18,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important}
@keyframes tier-breathe-v42{0%,100%{filter:saturate(.96) brightness(.98);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 4px rgba(0,0,0,.13),0 0 14px var(--tier-glow)}50%{filter:saturate(1.08) brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 4px rgba(0,0,0,.1),0 0 22px var(--tier-glow)}}
@keyframes tier-highlight-v42{0%,100%{opacity:.42}50%{opacity:.7}}
.project-rename-dialog,.context-packages-dialog{width:min(600px,calc(100vw - 32px));border:1px solid var(--line-strong);border-radius:14px;padding:0;color:var(--text);background:#0b192a;box-shadow:0 28px 90px rgba(0,0,0,.58)}
.project-rename-dialog::backdrop,.context-packages-dialog::backdrop{background:rgba(2,7,13,.72);backdrop-filter:blur(3px)}
.project-rename-dialog form>header,.context-packages-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--line)}
.project-rename-dialog h2,.context-packages-dialog h2{margin:3px 0;font-size:18px}
.project-rename-dialog p,.context-packages-dialog p{margin:4px 0;color:var(--muted);font-size:11px}
.project-rename-dialog label{display:grid;gap:8px;padding:20px;font-size:11px}
.project-rename-dialog input{height:42px;border:1px solid var(--line-strong);border-radius:8px;padding:0 11px;color:var(--text);background:var(--canvas)}
.project-rename-dialog footer,.context-packages-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:14px;border-top:1px solid var(--line)}
.context-packages-dialog{max-height:min(82dvh,650px)}
.context-packages-dialog>[data-context-packages-list]{display:grid;gap:8px;overflow:auto;padding:14px}
.context-package{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);background:var(--surface)}
.context-package:hover{border-color:var(--line-strong);background:var(--surface-2)}
.context-package>span{min-width:0;display:grid;gap:5px}
.context-package b,.context-package small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.context-package small{color:var(--muted)}
.context-package em{color:var(--accent);font-size:10px;font-style:normal;white-space:nowrap}
.context-links{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.context-links>a{min-height:34px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--muted);background:color-mix(in srgb,var(--surface) 72%,transparent);font-size:10px;font-weight:650;white-space:nowrap}
.context-links>a:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface-2)}
.context-links>a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.context-links>a[hidden]{display:none}
.dashboard-links .metric{display:block;color:var(--text);transition:border-color .16s ease,background-color .16s ease}
.dashboard-links .metric:hover{border-color:var(--line-strong);background:var(--surface-2)}
.dashboard-links .metric>small{display:block;margin-top:8px;color:var(--muted);font-size:9px}
.run-related-links{max-width:520px}
.run-related-links>a:last-child{color:var(--text);background:var(--surface-2)}
.context-package{padding:0;overflow:hidden}
.context-package>a:first-child{min-width:0;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;padding:10px 12px;color:var(--text)}
.context-package>a:first-child>span{min-width:0;display:grid;gap:5px}
.context-package>a:first-child b,.context-package>a:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.context-package>a:first-child small{color:var(--muted)}
.context-package>a:first-child em{color:var(--accent);font-size:10px;font-style:normal;white-space:nowrap}
.context-package-ea{min-height:34px;display:flex;align-items:center;border-left:1px solid var(--line);padding:0 11px;color:var(--muted);font-size:9px;white-space:nowrap}
.context-package-ea:hover{color:var(--text);background:var(--surface-2)}
.runtime-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.runtime-row-actions>a{color:var(--accent);font-size:10px}
.runtime-row-actions>em{font-style:normal}
@media(max-width:760px){
.context-links{justify-content:flex-start}
.dashboard-links{grid-template-columns:1fr 1fr}
.run-related-links{display:grid;grid-template-columns:1fr 1fr;max-width:none}
.context-package{display:grid}
.context-package-ea{justify-content:center;border-top:1px solid var(--line);border-left:0}
.runtime-row-actions{align-items:flex-end;flex-direction:column;gap:5px}
}
.contract-tabs{height:42px}
@media (max-width:680px){
:root{--mobile-drawer-w:min(88vw,340px)}
body[data-page="U02"]{padding-bottom:64px}
}
@layer pages{
.package-progress>span,.button{white-space:nowrap}
.mini-response-feedback{margin-top:2px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}
.mini-response-feedback>div{display:flex;gap:4px}
.mini-response-feedback button{width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;color:var(--muted);background:transparent;filter:grayscale(1);opacity:.78}
.mini-response-feedback button:hover,.mini-response-feedback button.selected{border-color:var(--line-strong);background:var(--surface-2);filter:none;opacity:1}
.mini-feedback-admin{padding:0}
.mini-feedback-admin>header{padding:20px 22px;margin:0;border-bottom:1px solid var(--line)}
.mini-feedback-admin>header p{max-width:560px;color:var(--muted)}
.mini-feedback-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line)}
.mini-feedback-admin-row>span{display:grid;gap:4px}
.mini-feedback-admin-row small,.mini-feedback-admin-row p{color:var(--muted);font-size:10px}
.mini-feedback-admin-row>div{display:flex;align-items:center;gap:8px}
.mini-feedback-admin-row details{grid-column:1/-1}
.mini-feedback-admin-row details>p{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}
.mini-feedback-admin-row details button{color:var(--accent)}
@media (max-width:680px){
.mini-feedback-admin-row{grid-template-columns:1fr}
.mini-feedback-admin-row>div{justify-content:space-between}
.mini-response-feedback{align-items:flex-start;justify-content:space-between}
.mini-response-feedback button{width:40px;height:40px}
}
}
@layer components{
.builder-analysis-tier{display:grid;gap:3px;min-width:150px;color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.builder-analysis-tier select{height:30px;min-width:150px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font:600 10px/1 inherit;text-transform:none;letter-spacing:0}
.mini-creadit-profiles{margin-top:16px;padding:0;overflow:hidden}
.mini-creadit-profiles>header{padding:17px 19px;border-bottom:1px solid var(--line);margin:0}
.mini-creadit-profiles>header p{max-width:520px;color:var(--muted);font-size:10px;text-align:right}
.mini-creadit-profiles>div{display:grid}
.mini-creadit-profiles article{min-height:76px;padding:13px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px}
.mini-creadit-profiles article:first-child{border-top:0}
.mini-creadit-profiles article>span{display:grid;gap:3px;min-width:0;flex:1}
.mini-creadit-profiles article small,.mini-creadit-profiles article p{color:var(--muted);font-size:9px}
.mini-creadit-profiles article>em{text-align:right;color:var(--accent);font-style:normal;font-weight:700;font-size:11px}
.mini-creadit-profiles article>em small{font-weight:500}
.policy-tier{grid-template-columns:minmax(140px,1fr) minmax(180px,.9fr) 150px}
.policy-user{grid-template-columns:minmax(230px,1fr) 220px minmax(180px,.8fr) auto}
.policy-user-note,.user-access-note{color:var(--muted);font-size:10px;line-height:1.5}
@media (max-width:1100px){
.builder-analysis-tier span{display:none}
.builder-analysis-tier{min-width:125px}
.builder-analysis-tier select{min-width:125px}
.builder-meta .status{display:none}
}
@media (max-width:700px){
.builder-analysis-tier{min-width:108px}
.builder-analysis-tier select{min-width:108px;max-width:108px}
.mini-creadit-profiles>header{display:grid}
.mini-creadit-profiles>header p{text-align:left}
.policy-user{grid-template-columns:1fr}
.policy-user-note{display:none}
}
}
@layer pages{
.admin-users-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.admin-users-header h1{font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.15}
.admin-users-header>div{display:flex;align-items:center;gap:10px}
.admin-users-header .creadit-search{width:min(320px,32vw);min-width:230px}
.creadit-admin{padding:0;overflow:hidden}
.creadit-table-wrap{overflow-x:auto}
.creadit-table{width:100%;min-width:720px;table-layout:fixed;border-collapse:collapse}
.creadit-table .user-col{width:32%}
.creadit-table .role-col{width:16%}
.creadit-table .balance-col{width:20%}
.creadit-table .date-col{width:24%}
.creadit-table .info-col{width:8%}
.creadit-table th,.creadit-table td,.creadit-table td:first-child,.creadit-table td:nth-child(3){display:table-cell;height:52px;padding:0 16px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creadit-table th{height:40px;background:var(--surface-2);color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.creadit-table td{font-size:12px}
.creadit-table tbody tr:last-child td{border-bottom:0}
.creadit-table .user-email b{display:block;overflow:hidden;text-overflow:ellipsis}
.creadit-table th:nth-child(3),.creadit-table .user-balance{text-align:right}
.creadit-table .user-balance{overflow:visible;text-overflow:clip}
.creadit-table .user-balance strong{font-size:13px;font-variant-numeric:tabular-nums}
.creadit-table .user-info-cell{text-align:center;padding-inline:8px}
.user-info-button{width:40px;height:40px;margin:auto;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:18px;line-height:1}
.user-info-button:hover{border-color:var(--line);background:var(--surface-2);color:var(--accent)}
.admin-user-detail-header{display:grid;gap:7px;margin-bottom:18px}
.admin-user-detail-header>a{width:max-content;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}
.admin-user-detail-header>a:hover{color:var(--accent)}
.admin-user-detail-header h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:2rem;line-height:1.2}
.admin-user-detail-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px}
.admin-user-detail-grid .panel{padding:20px}
.admin-user-detail-grid .panel>header{align-items:center;margin-bottom:14px}
.admin-user-detail-grid .panel>header h2{font-size:1rem}
.user-account-card dl{display:grid;margin:0}
.user-account-card dl>div{min-height:48px;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;border-top:1px solid var(--line)}
.user-account-card dt{color:var(--muted);font-size:11px}
.user-account-card dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}
.user-creadit-card>header>strong{font-size:1.3rem;font-variant-numeric:tabular-nums;color:var(--accent)}
.user-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.user-form-grid label{display:grid;align-content:start;gap:7px;color:var(--muted);font-size:11px}
.user-form-grid .wide{grid-column:1/-1}
.user-form-grid input:not([type="checkbox"]),.user-form-grid select{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--text)}
.user-form-grid input:focus,.user-form-grid select:focus{border-color:var(--accent)}
.user-creadit-card>footer,.user-access-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.user-creadit-card>footer .form-message,.user-access-card>footer .form-message{margin-right:auto}
.user-access-toggle{grid-column:1/-1;min-height:42px;display:flex!important;align-items:center!important;grid-template-columns:none!important;gap:10px!important;color:var(--text)!important}
.user-access-toggle input{width:18px;height:18px;accent-color:var(--accent)}
.user-creadit-ledger{grid-column:1/-1}
.user-ledger-wrap{overflow-x:auto}
.user-creadit-ledger table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}
.user-creadit-ledger th,.user-creadit-ledger td{height:44px;padding:0 12px;border-top:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:11px}
.user-creadit-ledger th{height:36px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.user-creadit-ledger th:nth-child(2),.user-creadit-ledger th:nth-child(3),.user-creadit-ledger td:nth-child(2),.user-creadit-ledger td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.ledger-delta.positive{color:var(--accent)}
.ledger-delta.negative{color:var(--danger)}
}
@layer responsive{
@media (max-width:900px){
.creadit-table-wrap{overflow-x:hidden}
.creadit-table,.creadit-table thead,.creadit-table tbody{display:block;width:100%;min-width:0}
.creadit-table colgroup{display:none}
.creadit-table tr{width:100%;display:grid;grid-template-columns:minmax(0,42fr) minmax(88px,20fr) minmax(116px,28fr) 48px;align-items:stretch}
.creadit-table th,.creadit-table td,.creadit-table td:first-child,.creadit-table td:nth-child(3){min-width:0;display:flex;align-items:center}
.creadit-table th:nth-child(3),.creadit-table .user-balance{justify-content:flex-end}
.creadit-table .user-info-cell{justify-content:center}
.creadit-table th:nth-child(4),.creadit-table td:nth-child(4){display:none}
.creadit-table td[colspan]{grid-column:1/-1}
.admin-user-detail-grid{grid-template-columns:1fr}
.user-creadit-ledger{grid-column:auto}
}
@media (max-width:680px){
.admin-users-header{width:100%;min-width:0;max-width:100%;align-items:stretch;flex-direction:column;gap:14px}
.admin-users-header h1{font-size:1.7rem}
.admin-users-header>div{width:100%;min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.admin-users-header .creadit-search{width:100%;min-width:0;overflow:hidden}
.admin-users-header .creadit-search input{min-width:0}
.admin-users-header .button{display:inline-flex;white-space:nowrap}
.creadit-table tr{grid-template-columns:minmax(0,1fr) 120px 48px}
.creadit-table th:nth-child(2),.creadit-table td:nth-child(2),.creadit-table th:nth-child(4),.creadit-table td:nth-child(4){display:none}
.creadit-table th,.creadit-table td{padding-inline:10px}
.admin-user-detail-header h1{font-size:1.5rem}
.admin-user-detail-grid .panel{padding:16px}
.user-creadit-card>header{align-items:flex-start;flex-direction:column;gap:4px}
.user-form-grid{grid-template-columns:1fr}
.user-form-grid .wide,.user-access-toggle{grid-column:auto}
.user-account-card dl>div{grid-template-columns:84px minmax(0,1fr)}
}
@media (max-width:420px){
.admin-users-header h1{font-size:1.5rem}
.admin-users-header>div{grid-template-columns:1fr}
.admin-users-header .button{width:100%}
.creadit-table .balance-col{width:108px}
.creadit-table .info-col{width:44px}
.creadit-table th,.creadit-table td{padding-inline:8px}
.creadit-table .user-email b{font-size:11px}
.creadit-table .user-balance strong{font-size:12px}
}
}
@layer components{
.runtime-state{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;gap:12px;padding:32px;background:var(--canvas)}
.runtime-state h1{font-size:clamp(2rem,5vw,4rem);max-width:780px}
.runtime-state p{max-width:620px;color:var(--muted)}
.runtime-state code{padding:3px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.runtime-spinner{width:38px;height:38px;border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:runtime-spin .8s linear infinite}
@keyframes runtime-spin{to{transform:rotate(360deg)}}
.runtime-empty{min-height:150px;display:grid;place-content:center;text-align:center;gap:6px;color:var(--muted)}
.runtime-empty b{color:var(--text);font-size:1rem}
.runtime-list{display:grid}
.runtime-list>a,.runtime-list>div{min-height:64px;display:flex;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid var(--line)}
.runtime-list>a>span,.runtime-list>div>span{display:grid;flex:1}
.runtime-list em{font-style:normal;color:var(--accent);font-size:11px}
.runtime-list .read{opacity:.62}
.runtime-form{display:grid;gap:14px}
.runtime-form label{display:grid;gap:6px}
.runtime-form input,.runtime-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:12px;resize:vertical}
.form-message{min-height:20px;color:var(--warning);font-size:12px}
.runtime-toast{position:fixed;z-index:1000;right:22px;bottom:22px;max-width:min(440px,calc(100vw - 44px));padding:13px 16px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:var(--raised);box-shadow:var(--shadow);color:var(--text)}
.runtime-toast.error{border-color:var(--danger);color:var(--danger)}
.runtime-toast.info{border-color:var(--info);color:var(--info)}
.runtime-demo-banner{position:fixed;z-index:80;left:50%;bottom:18px;transform:translateX(-50%);padding:7px 12px;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--raised) 94%,transparent);box-shadow:var(--shadow);color:var(--gold);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
button:disabled,[aria-disabled="true"]{cursor:not-allowed!important;opacity:.48!important}
.avatar[role="button"]{cursor:pointer}
.sidebar.open{display:flex!important;position:fixed;left:0;top:0;width:248px;box-shadow:var(--shadow)}
}
@layer pages{
.market-header>div>aside{display:flex;align-items:center;gap:15px}
.market-header>div>aside>i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--raised);font-style:normal;font-size:10px}
.market-page,.product-page{max-width:1320px;margin:auto;padding:45px 30px 80px}
.market-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.market-title small{color:var(--accent);font-size:10px;letter-spacing:.15em}
.market-title h1{font-size:3rem;margin:6px 0}
.market-title p{color:var(--muted)}
.market-title .search-large{width:390px;margin:0}
.market-layout{display:grid;grid-template-columns:210px 1fr;gap:30px}
.filters{display:grid;align-content:start;gap:8px}
.filters>b{margin-top:13px;font-size:11px}
.filters button,.filters label{display:flex;justify-content:space-between;align-items:center;background:transparent;padding:6px;color:var(--muted);text-align:left}
.filters button i{font-style:normal}
.market-layout>section>header{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--muted)}
.market-layout>section>header button{background:transparent}
.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.listing-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.listing-art{height:150px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(217,183,109,.2),transparent 48%),linear-gradient(145deg,#0a1830,#142c52)}
.listing-art>i,.product-art>i{position:absolute;width:140px;height:140px;right:-30px;top:-30px;border-radius:50%;background:radial-gradient(circle,#d8b66b,rgba(216,182,107,.06) 58%,transparent 60%);opacity:.45}
.listing-art svg{position:absolute;bottom:0;stroke:#d8b66b;fill:none;stroke-width:2}
.listing-art>b{position:absolute;left:20px;top:20px;color:#f1d799;font-size:1.5rem;letter-spacing:.1em}
.listing-body{padding:17px}
.listing-body h3{font-size:1.05rem;margin:12px 0 3px}
.listing-body p{color:var(--muted);font-size:11px}
.rating{display:flex;align-items:center;gap:7px;margin:14px 0}
.rating span{color:var(--gold);font-size:10px}
.rating small{font-size:9px}
.listing-body footer{display:flex;align-items:end;border-top:1px solid var(--line);padding-top:13px}
.listing-body footer>span{display:grid}
.listing-body footer>span>b{font-size:1.25rem}
.listing-body footer button{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#071521}
.crumb{color:var(--muted);display:flex;gap:8px;align-items:center;font-size:11px;margin-bottom:22px}
.product-hero{display:grid;grid-template-columns:1fr 1.1fr 280px;gap:30px;align-items:center}
.product-art{height:300px;border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(217,183,109,.24),transparent 48%),linear-gradient(145deg,#0a1830,#142c52)}
.product-art svg{position:absolute;bottom:0;stroke:#d8b66b;fill:none;stroke-width:2}
.product-art>b{position:absolute;left:35px;top:35px;color:#f1d799;font-size:2.4rem}
.product-copy h1{font-size:3.4rem;margin:13px 0}
.product-copy>p{color:var(--muted);font-size:15px}
.seller-line{display:flex;align-items:center;gap:7px;margin:18px 0}
.seller-line i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--raised);font-style:normal;font-size:9px}
.product-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.product-stats span{display:grid}
.product-stats b{font-size:1.2rem}
.product-stats small{font-size:9px}
.buy{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;gap:12px}
.buy strong{font-size:2.4rem}
.buy strong i{font-size:10px;font-style:normal;color:var(--muted)}
.buy p{color:var(--muted)}
.buy>span{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}
.product-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:42px 0 30px}
.product-tabs>*{padding:12px 0;color:var(--muted)}
.product-tabs b{color:var(--text);border-bottom:2px solid var(--accent)}
.product-detail{display:grid;grid-template-columns:1fr .8fr;gap:60px}
.product-detail h2{font-size:2.2rem}
.product-detail article>p{color:var(--muted);margin:15px 0 25px}
.product-detail article>div{display:flex;gap:20px}
.product-detail article>div span{display:flex;align-items:center;gap:7px}
.product-detail article svg{color:var(--accent)}
.product-detail aside{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}
.product-detail aside small{font-size:9px;letter-spacing:.14em;color:var(--accent)}
.product-detail aside .equity{height:150px}
.product-detail aside>b{font-size:1.6rem}
.product-detail aside>span{display:block;color:var(--muted)}
.checkout{min-height:100vh;max-width:1180px;margin:auto;padding:24px 30px}
.checkout>header{height:60px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.checkout>header>span{display:flex;gap:7px;color:var(--muted)}
.checkout>div{display:grid;grid-template-columns:1fr 370px;gap:70px;padding:60px 0}
.checkout>div>section{display:grid;gap:10px}
.checkout>div>section article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.checkout article>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal;color:var(--accent)}
.checkout article p{color:var(--muted);margin-top:7px}
.checkout>div>aside{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:25px;align-self:start}
.order-item{display:flex;gap:10px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.order-item>i{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(145deg,#20365a,#0c1930);border-radius:12px;color:var(--gold);font-style:normal}
.order-item>span{display:grid}
.checkout>div>aside>p{display:flex;justify-content:space-between;padding:10px 0;color:var(--muted)}
.checkout>div>aside>p b{color:var(--text)}
.checkout>div>aside>p.total{font-size:1.2rem;border-top:1px solid var(--line)}
.checkout>div>aside .button{width:100%;margin:12px 0}
.checkout>div>aside>small:last-child{display:flex;align-items:center;gap:6px}
.order-success{text-align:center;max-width:700px;margin:100px auto}
.order-success>i{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin:auto}
.order-success h1{font-size:3.3rem;margin:15px 0}
.order-success p{color:var(--muted)}
.order-steps{display:flex;align-items:center;gap:15px;margin:45px 0}
.order-steps i{height:1px;background:var(--line);flex:1}
.order-steps b{font-size:11px;color:var(--accent)}
.market-compare{display:grid;grid-template-columns:170px repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.market-compare>*{background:var(--surface);padding:22px}
.market-compare>aside,.market-compare>article{display:grid;align-content:start;gap:20px}
.market-compare>aside span{color:var(--muted)}
.market-compare>article{text-align:center;position:relative}
.market-compare>article.best{background:linear-gradient(var(--accent-soft),var(--surface))}
.market-compare article>i{width:58px;height:58px;display:grid;place-items:center;background:linear-gradient(145deg,#20365a,#0c1930);border-radius:14px;margin:auto;font-style:normal;color:var(--gold)}
.watch-list{display:grid;gap:10px}
.watch-list article{display:grid;grid-template-columns:56px 1fr 190px 70px auto;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px}
.watch-list article>i{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#285c78;font-style:normal;font-weight:800}
.watch-list article>span{display:grid}
.watch-list article h3{margin-top:4px}
.watch-list article p{color:var(--muted);font-size:10px}
.watch-list article>em{display:grid;font-style:normal;color:var(--accent)}
.watch-list article>em small{color:var(--muted)}
.seller-welcome aside{display:grid;text-align:right}
.seller-welcome aside b{font-size:1.8rem}
.seller-welcome aside em{font-style:normal;color:var(--muted)}
.seller-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.top-products>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.top-products>div>span{display:grid;flex:1}
.seller-form{display:grid;grid-template-columns:210px 1fr 230px;gap:18px}
.seller-form>aside:first-child{display:grid;align-content:start;gap:5px}
.seller-form>aside:first-child p{display:flex;align-items:center;gap:9px;color:var(--muted);padding:8px}
.seller-form>aside:first-child i{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal;font-size:10px}
.seller-form>aside:first-child p.done{color:var(--accent)}
.seller-form>aside:first-child p.active{background:var(--accent-soft);border-radius:8px;color:var(--text)}
.seller-form section>label{display:grid;gap:6px;margin:15px 0;font-weight:650}
.seller-form textarea{min-height:90px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:12px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-row label{display:grid;gap:6px}
.form-row label span{padding:11px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}
.evidence-link{display:flex;align-items:center;gap:10px;padding:14px;background:var(--accent-soft);border-radius:10px}
.evidence-link>span{display:grid;flex:1}
.quality-box{align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}
.quality-box>b{display:block;font-size:2.8rem;margin:12px 0}
.quality-box>b i{font-size:12px;font-style:normal;color:var(--muted)}
.quality-box>em{display:block;height:5px;background:var(--raised);border-radius:99px}
.quality-box>em i{display:block;height:100%;background:var(--accent)}
.review-ready{display:flex;gap:13px;padding:18px;background:var(--accent-soft);border-radius:12px}
.review-ready>i{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#071521}
.check-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}
.check-row svg{color:var(--accent)}
.check-row b{flex:1}
.conversion p{margin:8px 0}
.donut-card>div{width:170px;height:170px;margin:25px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) 0 86%,var(--info) 86% 96%,var(--raised) 96%);position:relative}
.donut-card>div::before{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--surface)}
.donut-card>div>*{position:relative}
.donut-card>div b{font-size:2rem}
.donut-card>div span{margin-top:-65px;color:var(--muted)}
.seller-onboard{min-height:100vh;padding:30px 6%;display:grid;grid-template-columns:260px 1fr;grid-template-rows:70px 1fr;gap:20px 80px}
.seller-onboard>header{display:grid;align-content:center;gap:5px}
.seller-onboard>header>i{width:100%}
.seller-onboard>section{grid-column:2;max-width:750px;padding:60px 0}
.seller-onboard h1{font-size:3.2rem;margin:18px 0}
.seller-onboard>section>p{color:var(--muted)}
.seller-onboard .choices{margin:28px 0}
.seller-onboard .form-row{margin-bottom:24px}
.admin-health{border-left:3px solid var(--accent)}
.admin-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}
.alerts>p{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}
.alerts>p>i{width:8px;height:8px;border-radius:50%;background:var(--warning)}
.alerts>p>i.danger{background:var(--danger)}
.alerts>p>i.info{background:var(--info)}
.alerts>p span{display:grid;flex:1}
.queue p{display:grid;grid-template-columns:80px 1fr 28px;gap:9px;align-items:center;padding:7px 0}
.queue p>i{height:6px;background:var(--raised);border-radius:99px;overflow:hidden}
.queue p>i em{display:block;height:100%;background:linear-gradient(90deg,var(--info),var(--accent))}
.admin-object-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent)}
.preview{max-width:1320px;margin:auto;padding:80px 30px}
.preview>section:first-child{max-width:830px;margin-bottom:90px}
.preview>section:first-child h1{font-size:4.8rem;margin:22px 0}
.preview>section:first-child p{font-size:16px;color:var(--muted)}
.preview>section:first-child>div:last-child{display:flex;gap:28px;margin-top:25px}
.preview>section:first-child>div:last-child span{display:grid;color:var(--muted)}
.preview>section:first-child>div:last-child b{font-size:1.8rem;color:var(--text)}
.preview-group{margin:70px 0}
.preview-group>header{display:flex;align-items:end;gap:20px;margin-bottom:18px}
.preview-group>header span{display:grid}
.preview-group>header small{font-size:9px;letter-spacing:.15em;color:var(--accent)}
.preview-group>header i{flex:1;height:1px;background:var(--line)}
.preview-group>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.preview-group>div>a{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:13px;transition:.18s}
.preview-group>div>a:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.preview-group>div>a>.mini{grid-column:1/-1}
.preview-group>div>a>span{display:grid}
.preview-group>div>a>span small{color:var(--accent);font-size:9px}
.preview-group>div>a>span em{font-style:normal;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini{height:100px;border-radius:8px;background:var(--canvas);border:1px solid var(--line);display:grid;grid-template-columns:22px 1fr;overflow:hidden}
.mini>i{background:var(--surface-2);border-right:1px solid var(--line)}
.mini>span{padding:12px;display:grid;gap:5px}
.mini>span b{width:40%;height:8px;background:var(--accent);opacity:.5;border-radius:3px}
.mini>span em{height:20px;background:var(--surface);border:1px solid var(--line);border-radius:4px}
.mini>span small{width:70%;height:3px;background:var(--line-strong)}
.mini.public{display:block;background:linear-gradient(145deg,var(--canvas),var(--accent-soft));padding:16px}
.mini.public>i{display:block;width:35%;height:5px;background:var(--accent)}
.mini.public>span{padding:18px 0}
.mini.account{grid-template-columns:1fr 1fr}
.mini.marketplace{background:linear-gradient(145deg,#0a1830,var(--canvas))}
.command-overlay{position:fixed;inset:0;z-index:100;background:rgba(2,8,18,.72);backdrop-filter:blur(8px);padding-top:12vh}
.command-overlay>section{width:min(600px,calc(100% - 32px));margin:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow);padding:10px}
.command-overlay header{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}
.command-overlay input{flex:1;background:transparent;border:0;outline:0}
.command-overlay>section>small{display:block;padding:14px 10px 6px;font-size:9px;letter-spacing:.14em}
.command-overlay a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:9px}
.command-overlay a:hover{background:var(--surface-2)}
.command-overlay a b{flex:1}
}
@layer components{
.runtime-form select,.invite-filter select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:0 38px 0 12px;color-scheme:dark light}
.runtime-form input:focus-visible,.runtime-form textarea:focus-visible,.runtime-form select:focus-visible,.invite-search input:focus-visible,.invite-filter select:focus-visible,.invite-dialog button:focus-visible,.invite-table button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.button.danger-quiet{min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:transparent;color:var(--danger)}
.button.danger-quiet:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}
}
@layer pages{
.research-policy{display:grid;gap:18px}
.research-policy>.panel{padding:0;overflow:hidden}
.research-policy>.panel>header,.policy-users>header{padding:18px 20px;border-bottom:1px solid var(--line)}
.policy-summary>div{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;padding:20px}
.policy-summary label,.policy-tier label{display:grid;gap:7px;color:var(--muted);font-size:10px}
.policy-summary input[type=number],.policy-summary select,.policy-tier input[type=number],.policy-user select{min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:0 12px}
.policy-toggle{grid-template-columns:auto 1fr;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.policy-toggle span{display:grid}
.policy-toggle small{color:var(--muted)}
.policy-tiers>div,.policy-users>div{display:grid}
.policy-tier{display:grid;grid-template-columns:minmax(130px,1fr) minmax(160px,.8fr) 150px 180px;gap:16px;align-items:center;padding:16px 20px;border-top:1px solid var(--line)}
.policy-tier:first-child{border-top:0}
.policy-tier>span,.policy-user>span{display:grid}
.policy-tier>span small{color:var(--accent);font-size:9px;letter-spacing:.12em}
.policy-tier>span b{font-size:15px}
.policy-switch{grid-template-columns:auto 1fr!important;align-items:center}
.research-policy>footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.research-policy>footer .form-message{flex:1;text-align:right}
.policy-users{margin-top:18px;padding:0;overflow:hidden}
.policy-user{display:grid;grid-template-columns:minmax(230px,1fr) 210px 210px auto;gap:14px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}
.policy-user:first-child{border-top:0}
.policy-user small{color:var(--muted);font-size:9px}
.policy-user .button{min-height:38px}
.spl-mini-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:2px 0 20px}
.spl-mini-header h1{font-size:clamp(1.65rem,2.2vw,2.35rem);letter-spacing:-.035em}
.spl-mini-header p{margin-top:5px;color:var(--muted)}
.spl-mini-tabs{display:flex;gap:4px;margin-bottom:20px;padding:4px;border:1px solid var(--line);background:var(--surface-2);overflow:auto}
.spl-mini-tabs button,.context-view-tabs button,.simple-mobile-switch button{min-height:38px;padding:0 14px;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}
.spl-mini-tabs button.active,.context-view-tabs button.active,.simple-mobile-switch button.active{background:var(--raised);color:var(--text);box-shadow:0 1px 0 var(--line-strong)}
.spl-mini-panel[hidden]{display:none!important}
.router-admin-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:16px}
.router-control,.router-metrics,.router-rules,.router-candidates,.router-capabilities,.router-audit,.context-evolution,.shadow-overview{padding:0;overflow:hidden}
.router-control>header,.router-metrics>header,.router-rules>header,.router-candidates>header,.router-capabilities>header,.router-audit>header,.context-evolution>header,.shadow-overview>header{padding:17px 19px;border-bottom:1px solid var(--line);margin:0}
.router-control-body{display:grid;gap:14px;padding:18px}
.router-toggle{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:13px 15px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}
.router-toggle>span{display:grid;gap:3px}
.router-toggle small{color:var(--muted)}
.router-toggle input{appearance:none;width:44px;height:24px;margin:0;border:1px solid var(--line-strong);border-radius:999px;background:var(--raised);position:relative;cursor:pointer;transition:.16s ease}
.router-toggle input::after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:var(--muted);transition:.16s ease}
.router-toggle input:checked{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}
.router-toggle input:checked::after{transform:translateX(20px);background:var(--accent)}
.router-safety{padding:13px 15px;border-left:2px solid var(--accent);background:var(--accent-soft)}
.router-safety p{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.6}
.router-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.router-meta>div{padding:11px 13px;border:1px solid var(--line)}
.router-meta dt{color:var(--muted);font-size:9px}
.router-meta dd{margin-top:3px;font-weight:700}
.router-control>footer{min-height:64px;padding:12px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:14px}
.router-control>footer .form-message{flex:1}
.router-metrics>div,.shadow-overview>div{display:grid;grid-template-columns:1fr 1fr}
.router-metrics article,.shadow-overview article{min-height:104px;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;align-content:center}
.router-metrics article:nth-child(2n),.shadow-overview article:nth-child(2n){border-right:0}
.router-metrics article:nth-last-child(-n+2),.shadow-overview article:nth-last-child(-n+2){border-bottom:0}
.router-metrics article small{color:var(--subtle);font-size:9px;letter-spacing:.11em}
.router-metrics article b,.shadow-overview article b{font-size:1.65rem;line-height:1.2;font-variant-numeric:tabular-nums}
.router-metrics article span,.shadow-overview article span{color:var(--muted);font-size:10px}
.shadow-overview{margin-top:16px}
.router-vault-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.router-vault-layout>.panel{min-width:0}
.router-rules>header,.router-candidates>header,.router-capabilities>header,.router-audit>header,.context-evolution>header{align-items:center}
.router-rules>header p,.router-candidates>header p,.router-capabilities>header p,.router-audit>header p,.context-evolution>header p{max-width:390px;color:var(--muted);font-size:10px;text-align:right}
.router-rules>div,.router-candidates>div,.router-capabilities>div,.router-audit>div,.context-evolution>div{display:grid}
.router-rules article,.router-candidates article,.router-capabilities article,.router-audit article,.context-type-row,.context-case-row{min-height:70px;padding:13px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px}
.router-rules article:first-child,.router-candidates article:first-child,.router-capabilities article:first-child,.router-audit article:first-child,.context-type-row:first-child,.context-case-row:first-child{border-top:0}
.router-rules article>span,.router-candidates article>span,.router-capabilities article>span,.router-audit article>span,.context-type-row>span,.context-case-row>span{display:grid;min-width:0;flex:1;gap:3px}
.router-rules article b,.router-candidates article b,.router-audit article b,.context-case-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.router-rules article small,.router-candidates article small,.router-capabilities article small,.router-audit article small,.context-type-row small,.context-case-row small{color:var(--muted);font-size:9px;line-height:1.5}
.router-capabilities article p,.router-audit article p,.context-type-row p,.context-case-row p{color:var(--muted);font-size:9px;line-height:1.45}
.router-kind{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid var(--line);border-radius:3px;color:var(--muted);font-style:normal;font-weight:700}
.router-kind.contextual{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft);color:var(--accent)}
.context-view-tabs{display:flex;gap:2px;margin-bottom:12px;border-bottom:1px solid var(--line);overflow:auto}
.context-view-tabs button.active{box-shadow:inset 0 -2px var(--accent);background:transparent;color:var(--text)}
.context-type-row>div{display:grid;justify-items:end;gap:2px}
.context-type-row strong{font-size:1.15rem}
.simple-mobile-switch{display:none}
.audit-actions{display:flex;align-items:center;gap:6px}
.audit-actions button{padding:6px 9px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}
.audit-actions button:hover{border-color:var(--accent);color:var(--text)}
.spl-mini-tabs,.context-view-tabs{scrollbar-width:none}
.spl-mini-tabs::-webkit-scrollbar,.context-view-tabs::-webkit-scrollbar{display:none}
@media (max-width:1000px){
.router-vault-layout{grid-template-columns:1fr}
.router-admin-layout{grid-template-columns:1fr}
.router-rules>header,.router-candidates>header,.router-capabilities>header,.router-audit>header,.context-evolution>header{align-items:flex-start}
.router-rules>header p,.router-candidates>header p,.router-capabilities>header p,.router-audit>header p,.context-evolution>header p{text-align:left}
}
@media (max-width:620px){
.spl-mini-header{align-items:flex-start}
.spl-mini-header p{font-size:11px}
.spl-mini-tabs{margin-inline:-4px}
.spl-mini-tabs button{padding-inline:11px}
.simple-mobile-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;border:1px solid var(--line);padding:3px}
.router-meta{grid-template-columns:1fr}
.router-control>footer{align-items:stretch;flex-direction:column}
.router-control>footer .button{width:100%}
.router-metrics article,.shadow-overview article{padding:14px}
.router-toggle{padding:12px}
.router-rules>header,.router-candidates>header,.router-capabilities>header,.router-audit>header,.context-evolution>header{width:100%;flex-direction:column}
.router-rules>header p,.router-candidates>header p,.router-capabilities>header p,.router-audit>header p,.context-evolution>header p{width:100%;min-width:0;max-width:none;white-space:normal;text-align:left;overflow-wrap:anywhere}
.router-rules article,.router-candidates article,.router-audit article,.context-type-row,.context-case-row{align-items:stretch;flex-direction:column}
.router-rules article b,.router-candidates article b,.router-audit article b,.context-case-row b{white-space:normal}
.router-rules article .button,.router-candidates article .button{width:100%}
.context-type-row>div{justify-items:start}
.audit-actions{width:100%}
.audit-actions button{flex:1}
[data-simple-panel="rules"]{display:none}
.simple-mobile-switch:has([data-simple-view="rules"].active)~.router-vault-layout [data-simple-panel="rules"]{display:block}
.simple-mobile-switch:has([data-simple-view="rules"].active)~.router-vault-layout [data-simple-panel="candidates"]{display:none}
.runtime-demo-banner{max-width:calc(100vw - 24px);white-space:normal;text-align:center}
}
.invite-metrics{margin-bottom:18px}
.invite-panel{padding:0;overflow:hidden}
.invite-panel>header{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 54%,transparent)}
.invite-search{min-width:260px;max-width:520px;flex:1;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:0 12px;color:var(--muted)}
.invite-search input{width:100%;min-height:42px;border:0;outline:0;background:transparent;color:var(--text)}
.invite-search input::placeholder{color:var(--subtle)}
.invite-filter{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}
.invite-filter select{width:150px;min-height:42px}
.invite-table-wrap{overflow:auto}
.invite-table{width:100%;min-width:1040px;border-collapse:collapse;text-align:left}
.invite-table th{height:46px;padding:0 16px;background:var(--surface-2);color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.invite-table td{padding:15px 16px;border-top:1px solid var(--line);vertical-align:middle}
.invite-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}
.invite-table tr[hidden]{display:none}
.invite-code{display:flex;align-items:center;gap:8px;min-width:235px}
.invite-code code{font:650 12px/1.4 "Cascadia Code",Consolas,monospace;color:var(--accent);letter-spacing:.025em;white-space:nowrap}
.invite-code .icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted)}
.invite-code .icon-button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.invite-code.legacy code{color:var(--subtle);font-weight:500}
.invite-label,.invite-date,.invite-used{display:grid;gap:3px;min-width:130px}
.invite-label small,.invite-date small,.invite-used small,.invite-unused{color:var(--muted);font-size:10px}
.invite-label small:last-child:not(:first-child){max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.invite-unused{white-space:nowrap}
.invite-policy{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:11px;background:var(--accent-soft);color:var(--muted)}
.invite-policy>svg{flex:0 0 auto;color:var(--accent);margin-top:2px}
.invite-policy b{color:var(--text)}
.invite-dialog{width:min(620px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));padding:0;border:1px solid var(--line-strong);border-radius:18px;background:var(--raised);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.55);overflow:auto}
.invite-dialog::backdrop{background:rgba(2,8,18,.72);backdrop-filter:blur(8px)}
.invite-dialog-shell{display:grid}
.invite-dialog-shell>header,.invite-dialog-shell>footer{display:flex;align-items:center;gap:12px;padding:18px 22px}
.invite-dialog-shell>header{border-bottom:1px solid var(--line)}
.invite-dialog-shell>header>span{display:grid;flex:1}
.invite-dialog-shell>header small{color:var(--accent);font-size:9px;letter-spacing:.14em}
.invite-dialog-shell>header h2{font-size:1.35rem}
.invite-dialog-shell>header .icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:20px;color:var(--muted)}
.invite-dialog-body{padding:22px}
.invite-dialog-body>p{margin-bottom:18px;color:var(--muted);line-height:1.6}
.invite-dialog-shell>footer{justify-content:flex-end;border-top:1px solid var(--line);background:var(--surface)}
.invite-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.runtime-form label>small{display:inline;color:var(--muted);font-size:9px;font-weight:400}
}
@layer responsive{
@media (max-width:920px){
.policy-summary>div{grid-template-columns:1fr}
.policy-tier{grid-template-columns:1fr 1fr}
.policy-tier>span{grid-column:1/-1}
}
@media (max-width:680px){
.policy-tier{grid-template-columns:1fr}
.policy-tier>span{grid-column:auto}
.research-policy>footer{align-items:stretch;flex-direction:column}
.research-policy>footer .form-message{text-align:left}
.research-policy>footer .button{width:100%}
}
@media (max-width:680px){
.invite-panel>header{align-items:stretch;flex-direction:column}
.invite-search{min-width:0;max-width:none}
.invite-filter{justify-content:space-between}
.invite-filter select{width:min(210px,65vw)}
.invite-policy{font-size:11px}
.invite-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:14px}
.invite-dialog-shell>header,.invite-dialog-shell>footer{padding:14px 16px}
.invite-dialog-body{padding:16px}
.invite-form-row{grid-template-columns:1fr}
.invite-dialog-shell>footer .button{flex:1}
}
}
@layer responsive{
@media (max-width:1180px){
.hero{grid-template-columns:1fr;padding-top:70px}
.hero-visual{max-width:850px}
.marketing-hero{grid-template-columns:1fr;padding:80px 0}
.orbit{width:390px;height:390px}
.orbit>img{left:155px;top:155px}
.listing-grid{grid-template-columns:repeat(2,1fr)}
.product-hero{grid-template-columns:1fr 1fr}
.product-hero>.buy{grid-column:1/-1}
.metrics{grid-template-columns:repeat(2,1fr)}
.seller-form{grid-template-columns:180px 1fr}
.seller-form>.quality-box{display:none}
.preview-group>div{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:920px){
.public-header nav,.market-header nav{display:none}
.public-header aside,.market-header aside{margin-left:auto}
.sidebar{padding:16px 8px}
.sidebar .brand b,.workspace span,.workspace>svg,.sidebar>nav a span,.sidebar>section,.sidebar>footer span,.sidebar>footer svg{display:none}
.sidebar>.brand{margin:2px auto 20px}
.sidebar>nav a{justify-content:center}
.sidebar.open>nav a{justify-content:flex-start}
.sidebar.open>nav a span,.sidebar.open>section,.sidebar.open>footer span,.sidebar.open .brand b{display:initial}
.workspace{justify-content:center}
.sidebar.open .workspace{justify-content:flex-start}
.sidebar.open .workspace span,.sidebar.open .workspace>svg{display:grid}
.sidebar>footer{justify-content:center}
.sidebar.open>footer{justify-content:flex-start}
.builder{grid-template-columns:1fr}
.dashboard-grid,.project-grid,.chat-layout,.run-grid,.dataset-grid,.seller-grid,.admin-grid,.generic-grid{grid-template-columns:1fr}
.run-grid .live-log{grid-column:auto}
.quick-grid{grid-template-columns:1fr 1fr}
.setup{grid-template-columns:1fr}
.estimate{position:static}
.product-detail{grid-template-columns:1fr}
.market-layout{grid-template-columns:1fr}
.filters{display:none}
.docs{grid-template-columns:190px 1fr}
.docs>nav{display:none}
.account{grid-template-columns:1fr}
.account-art{display:none}
.seller-form{grid-template-columns:1fr}
.seller-form>aside:first-child{display:flex;overflow:auto}
.seller-form>aside:first-child p{white-space:nowrap}
.checkout>div{grid-template-columns:1fr}
.preview-group>div{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
.public-header,.market-header{height:62px}
.public-header>div,.market-header>div{padding:0 16px}
.public-header aside>a:not(.button),.topbar .status,.topbar .demo,.command span,.command kbd{display:none}
.hero{padding:56px 20px}
.hero-copy h1{font-size:3rem}
.hero-visual{display:none}
.client-row{margin:0 20px;gap:18px;overflow:auto}
.intro{grid-template-columns:1fr;padding:70px 20px 35px;gap:20px}
.home-features{grid-template-columns:1fr;padding:0 20px 70px}
.home-features .wide{grid-row:auto}
.marketing{padding:0 18px}
.marketing-hero h1,.market-landing h1{font-size:3rem}
.orbit{width:290px;height:290px}
.orbit>img{width:60px;left:115px;top:115px}
.orbit>span{font-size:9px}
.orbit .o0{left:-10px}
.orbit .o1{right:-10px}
.marketing-cards,.price-grid{grid-template-columns:1fr}
.marketing-cards article{border-right:0;border-bottom:1px solid var(--line)}
.story-grid,.legal{grid-template-columns:1fr}
.footer{grid-template-columns:1fr 1fr;padding-inline:20px}
.footer>div:first-child{grid-column:1/-1}
.docs{display:block}
.docs>aside{display:none}
.docs>article{padding:30px 20px}
.doc-grid{grid-template-columns:1fr}
.account-panel{padding:25px}
.sidebar{display:none}
.topbar{padding:0 12px}
.command{min-width:40px;width:40px}
.page-title{align-items:flex-start;flex-direction:column}
.page-title>div:last-child{width:100%}
.page-title .button{flex:1}
.welcome{padding:22px}
.welcome img{display:none}
.metrics{grid-template-columns:1fr}
.builder{margin:-20px -14px -60px}
.contract-grid,.upgrade{grid-template-columns:1fr}
.setup article>div>div{grid-template-columns:1fr}
.goal footer{grid-template-columns:1fr;gap:9px}
.quick-grid{grid-template-columns:1fr}
.evidence>p{grid-template-columns:1fr}
.request>div{grid-template-columns:1fr!important}
.compare-table{overflow:auto}
.compare-table>header,.compare-table>p{min-width:600px}
.storage{align-items:flex-start;flex-direction:column}
.dataset-head,.object-hero,.admin-object{align-items:flex-start}
.dataset-head aside,.object-hero aside,.admin-object aside{display:none}
.generic-grid{grid-template-columns:1fr}
.market-page,.product-page{padding:30px 16px}
.market-title{align-items:flex-start;flex-direction:column}
.market-title h1{font-size:2.4rem}
.market-title .search-large{width:100%}
.listing-grid{grid-template-columns:1fr}
.product-hero{grid-template-columns:1fr}
.product-copy h1{font-size:2.6rem}
.product-stats{grid-template-columns:1fr 1fr}
.product-tabs{overflow:auto}
.product-detail article>div{flex-direction:column}
.watch-list article{grid-template-columns:48px 1fr auto}
.watch-list article>em,.watch-list article>b{display:none}
.market-compare{overflow:auto}
.market-compare>*{min-width:190px}
.checkout{padding:14px 18px}
.checkout>div{padding:30px 0}
.seller-onboard{display:block;padding:24px}
.seller-onboard>section{padding:50px 0}
.preview{padding:55px 16px}
.preview>section:first-child h1{font-size:3rem}
.preview-group>div{grid-template-columns:1fr}
.command-overlay{padding-top:5vh}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
}
@layer components{
.thinking-dots{display:inline-flex;align-items:center;gap:4px}
.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:chat-thinking .9s ease-in-out infinite}
.thinking-dots i:nth-child(2){animation-delay:.12s}
.thinking-dots i:nth-child(3){animation-delay:.24s}
@keyframes chat-message-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes chat-thinking{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
}
@layer components{
.sidebar>nav{gap:4px}
.sidebar>nav>a.active,.nav-group>summary.active,.nav-group>div>a.active{box-shadow:inset 2px 0 0 var(--accent)}
.nav-group{margin-top:2px}
.nav-group>summary{height:42px;display:flex;align-items:center;gap:12px;padding:0 11px;border-radius:9px;color:var(--muted);cursor:pointer;list-style:none;font-weight:560}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:hover,.nav-group>summary.active{background:var(--surface);color:var(--text)}
.nav-group>summary>svg:last-child{margin-left:auto;transition:transform .15s ease}
.nav-group[open]>summary>svg:last-child{transform:rotate(90deg)}
.nav-group>div{display:grid;gap:2px;margin:3px 0 5px 20px;padding-left:10px;border-left:1px solid var(--line)}
.nav-group>div>a{min-height:34px;display:flex;align-items:center;gap:9px;padding:0 9px;border-radius:7px;color:var(--muted);font-size:10px}
.nav-group>div>a:hover,.nav-group>div>a.active{background:var(--accent-soft);color:var(--accent)}
.top-market{height:36px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:9px;color:var(--muted);font-size:11px;font-weight:650}
.top-market:hover{background:var(--surface);color:var(--text)}
.compute-pill{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.compute-pill small{font-size:8px;letter-spacing:.08em;color:var(--muted)}
.compute-pill b{font-size:11px;color:var(--accent)}
.notification-button{position:relative}
.notification-button>em{position:absolute;right:-2px;top:-2px;min-width:16px;height:16px;display:grid;place-items:center;border:2px solid var(--canvas);border-radius:99px;background:var(--accent);color:#071521;font-size:8px;font-style:normal;font-weight:800}
.account-menu{position:relative}
.account-menu>summary{height:42px;display:flex;align-items:center;gap:8px;padding:0 5px;border-radius:10px;cursor:pointer;list-style:none}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:hover,.account-menu[open]>summary{background:var(--surface)}
.account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2d4d74,#19324f);border:1px solid var(--line);color:#fff;font-style:normal;font-size:10px;font-weight:700}
.account-menu>summary>span{display:grid;text-align:left}
.account-menu>summary b{font-size:10px}
.account-menu>summary small{font-size:8px;color:var(--muted)}
.account-menu>summary>svg{color:var(--muted);transform:rotate(90deg)}
.account-menu[open]>summary>svg{transform:rotate(-90deg)}
.account-menu>nav{position:absolute;right:0;top:48px;width:230px;padding:8px;border:1px solid var(--line-strong);border-radius:12px;background:var(--raised);box-shadow:var(--shadow);z-index:30}
.account-menu>nav>header{display:grid;padding:9px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}
.account-menu>nav>header small{color:var(--muted);font-size:9px}
.account-menu>nav>a,.account-menu>nav>button{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:8px;background:transparent;color:var(--muted);text-align:left;font-size:11px}
.account-menu>nav>a:hover,.account-menu>nav>button:hover{background:var(--surface);color:var(--text)}
.account-menu>nav>button{border-top:1px solid var(--line);border-radius:0;margin-top:5px;padding-top:5px;color:var(--danger)}
}
@layer responsive{
@media (max-width:1100px){
.topbar .top-market span,.account-menu>summary>span,.account-menu>summary>svg{display:none}
}
@media (max-width:920px){
.sidebar .nav-group>summary span{display:none}
.sidebar .nav-group>summary{justify-content:center}
.sidebar .nav-group>summary>svg:last-child,.sidebar .nav-group>div{display:none}
.sidebar.open .nav-group>summary{justify-content:flex-start}
.sidebar.open .nav-group>summary span,.sidebar.open .nav-group>summary>svg:last-child,.sidebar.open .nav-group[open]>div{display:grid}
}
@media (max-width:680px){
.topbar .top-market,.topbar .compute-pill{display:none}
.account-menu>nav{position:fixed;right:10px;top:58px;width:min(260px,calc(100vw - 20px))}
.creadit-admin>header{align-items:stretch;flex-direction:column}
.creadit-search{min-width:0}
.creadit-dialog form>footer .button{flex:1}
}
}
@layer pages{
body[data-page="U02"]{height:100dvh;overflow:hidden}
body[data-page="U02"] .builder{height:100%;min-height:0;margin:0;grid-template-rows:minmax(0,1fr);overflow:hidden}
body[data-page="U05"] .chat-layout{height:100%;min-height:0}
body[data-page="U05"] .conversation{height:100%;min-height:0;overflow:hidden}
body[data-page="U05"] .delta{min-height:0;overflow-y:auto}
}
@layer responsive{
@media (prefers-reduced-motion:reduce){
.thinking-dots i{animation:none}
}
}
@layer components{
.global-rail{height:100dvh;min-height:0;border-right:1px solid var(--line);background:color-mix(in srgb,var(--canvas-2) 96%,transparent);padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;z-index:14}
.rail-brand{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(145deg,var(--surface-2),var(--canvas-2));box-shadow:0 12px 30px rgba(0,0,0,.16);margin-bottom:20px}
.rail-brand img{width:32px;height:32px}
.global-rail>nav,.global-rail>footer{width:100%;display:grid;gap:7px}
.global-rail>footer{margin-top:auto}
.global-rail a:not(.rail-brand){position:relative;min-height:59px;padding:6px 2px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:9px;font-weight:650;text-align:center;line-height:1.15}
.global-rail a:not(.rail-brand):hover{background:var(--surface);color:var(--text)}
.global-rail a.active{background:var(--accent-soft)!important;color:var(--accent)!important}
.global-rail a.active::before{content:"";position:absolute;left:-10px;width:3px;height:28px;border-radius:0 4px 4px 0;background:var(--accent);box-shadow:0 0 15px color-mix(in srgb,var(--accent) 65%,transparent)}
.global-rail .admin-link{color:var(--gold)!important}
.rail-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:11px;background:linear-gradient(145deg,#2d4d74,#19324f);color:#fff;font-style:normal;font-size:10px;font-weight:800}
.conversation-unread{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.context-links{padding:16px 14px;display:grid;gap:5px}
.context-links a{min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:11px;display:flex;align-items:center;gap:11px;color:var(--muted)}
.context-links a:hover{background:var(--surface);color:var(--text)}
.context-links a.active{border-color:var(--line);background:var(--surface-2);color:var(--accent)}
.context-links a>span{display:grid;gap:2px}
.context-links a b{font-size:11px}
.context-links a small{font-size:8px;color:var(--subtle)}
.app-breadcrumb{min-width:260px;display:flex;align-items:center;gap:8px;font-size:11px}
.app-breadcrumb span{color:var(--muted)}
.app-breadcrumb svg{color:var(--subtle)}
.app-breadcrumb b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.active-job{height:36px;padding:0 11px;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--gold) 8%,transparent);display:flex;align-items:center;gap:8px;color:var(--gold);font-size:10px;font-weight:750}
.active-job>i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 10%,transparent)}
.creadit-admin{padding:0;overflow:hidden}
.creadit-admin>header{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}
.creadit-admin>header>span{display:grid;gap:3px;flex:1}
.creadit-admin>header small{color:var(--accent);font-size:8px;letter-spacing:.12em}
.creadit-admin>header p{color:var(--muted);font-size:10px}
.creadit-search{height:38px;min-width:260px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted)}
.creadit-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.creadit-table-wrap{overflow:auto}
.creadit-table{width:100%;border-collapse:collapse;min-width:780px}
.creadit-table th,.creadit-table td{padding:14px 20px;border-bottom:1px solid var(--line);text-align:left}
.creadit-table th{background:var(--surface-2);color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.creadit-table td{font-size:11px}
.creadit-table td:first-child,.creadit-table td:nth-child(3){display:grid;gap:3px}
.creadit-table td small{color:var(--muted);font-size:8px}
.creadit-table td strong{font-size:14px;font-variant-numeric:tabular-nums}
.creadit-dialog{width:min(480px,calc(100vw - 28px));padding:0;border:1px solid var(--line-strong);border-radius:10px;background:var(--raised);color:var(--text);box-shadow:var(--shadow)}
.creadit-dialog::backdrop{background:rgba(2,8,18,.7);backdrop-filter:blur(6px)}
.creadit-dialog form>header,.creadit-dialog form>footer{display:flex;align-items:center;gap:12px;padding:16px 18px}
.creadit-dialog form>header{border-bottom:1px solid var(--line)}
.creadit-dialog form>header>span{display:grid;flex:1}
.creadit-dialog form>header small{color:var(--accent);font-size:8px;letter-spacing:.12em}
.creadit-dialog form>div{display:grid;gap:14px;padding:18px}
.creadit-dialog form>div>p{font-weight:700}
.creadit-dialog output{padding:10px 12px;border-left:2px solid var(--accent);background:var(--accent-soft);color:var(--muted);font-size:10px}
.creadit-dialog label{display:grid;gap:6px;color:var(--muted);font-size:10px}
.creadit-dialog input,.creadit-dialog select{min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text)}
.creadit-dialog form>footer{justify-content:flex-end;border-top:1px solid var(--line);background:var(--surface)}
}
@layer pages{
.builder-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(145deg,var(--surface-2),var(--canvas-2));color:var(--accent);font-style:normal}
.builder-meta{margin-left:auto;display:flex;align-items:center;gap:9px}
.chat-token-usage{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 72%,transparent);color:var(--muted);font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.chat-usage-row{display:flex;justify-content:flex-end;margin:-14px 0 12px}
.contract-tabs{height:44px;padding:0 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}
.contract-tabs>*{display:grid;place-items:center;position:relative;color:var(--muted);font-size:9px}
.contract-tabs b{color:var(--text)}
.contract-tabs b::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}
.contract-detail-list,.contract-package-list{display:grid;border-top:1px solid var(--line)}
.contract-detail-list article{position:relative;display:grid;gap:4px;padding:12px 0 12px 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.contract-detail-list article:last-child{border-bottom:0;padding-bottom:2px}
.contract-detail-list article::before{content:"";position:absolute;left:0;top:17px;width:4px;height:4px;border-radius:50%;background:var(--contract-tone)}
.contract-detail-list b{font-size:10px}
.contract-detail-list span{font:10px/1.4 "Cascadia Code",Consolas,monospace;color:var(--text);overflow-wrap:anywhere}
.contract-detail-list small{font-size:8px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
.contract-detail-empty{padding:10px 0;color:var(--muted);font-size:10px}
.contract-package-list article{padding:12px 0 2px;border:0;border-radius:0;background:transparent}
.contract-package-list header{display:flex;align-items:flex-start;gap:8px}
.contract-package-list header>span{display:grid;min-width:0;flex:1}
.contract-package-list header b{font-size:10px}
.contract-package-list header small{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.package-progress{display:flex;align-items:center;gap:8px;margin-top:9px}
.package-progress>i{height:4px;flex:1;overflow:hidden;border-radius:9px;background:var(--raised)}
.package-progress>i>em{display:block;height:100%;background:linear-gradient(90deg,#a98be8,var(--accent))}
.package-progress>span{font-size:8px;color:var(--muted)}
.contract-package-list p{margin:7px 0 0;font-size:9px;color:var(--muted)}
.contract-package-list a{display:inline-block;margin-top:7px;font-size:9px;color:var(--accent)}
}
@layer responsive{
@media (max-width:1450px){
.global-rail{padding-inline:8px}
.global-rail a:not(.rail-brand){font-size:8px}
.app-breadcrumb{min-width:210px}
}
@media (max-width:1180px){
.app-breadcrumb{min-width:0;margin-right:auto}
.active-job span{display:none}
}
@media (max-width:680px){
body[data-page="U02"]{padding-bottom:64px}
.global-rail{position:fixed;left:0;right:0;bottom:0;width:100%;height:64px;padding:4px;border-top:1px solid var(--line);border-right:0;display:block;z-index:50}
.global-rail>.rail-brand,.global-rail>footer{display:none}
.global-rail>nav{width:100%;height:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}
.global-rail a:not(.rail-brand){min-width:0;min-height:54px;padding:3px 1px;font-size:7px}
.global-rail a.active::before{left:50%;top:-4px;width:28px;height:3px;transform:translateX(-50%);border-radius:0 0 4px 4px}
.app-breadcrumb span,.app-breadcrumb svg{display:none}
.app-breadcrumb b{max-width:46vw}
.builder-meta .status{display:none}
.builder-meta{position:absolute;right:10px;top:17px;gap:5px}
.chat-token-usage{min-height:24px;padding:3px 7px;font-size:9px}
}
}
@layer components{
:where(.runtime-form input,.runtime-form textarea,.runtime-form select,.invite-filter select,.seller-form textarea,.form-row label span){border-radius:var(--r-sm)}
}
@layer tokens{
:root{--font:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif;
    --canvas:#07101f;--canvas-2:#0a1426;--surface:#0e1a2e;--surface-2:#12213a;--raised:#172843;
    --text:#f4f7fb;--muted:#91a1bb;--subtle:#64738d;--line:rgba(148,168,201,.15);--line-strong:rgba(148,168,201,.28);
    --accent:#55e5bd;--accent-2:#55aaff;--gold:#d6b56b;--danger:#ff6f7e;--warning:#f2bd61;--info:#59b8ff;
    --accent-soft:rgba(85,229,189,.11);--info-soft:rgba(85,170,255,.11);--danger-soft:rgba(255,111,126,.11);--warning-soft:rgba(242,189,97,.11);
    --shadow:0 28px 80px rgba(0,0,0,.3);--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;}
:root[data-theme="light"]{--canvas:#f3f6fa;--canvas-2:#eef2f7;--surface:#fff;--surface-2:#f8fafc;--raised:#edf2f7;
    --text:#10192a;--muted:#5d6b80;--subtle:#8490a2;--line:rgba(30,51,79,.11);--line-strong:rgba(30,51,79,.2);
    --accent:#087f68;--accent-2:#176cc4;--gold:#9b6f14;--danger:#c33f55;--warning:#a26a05;--info:#176cc4;
    --accent-soft:rgba(8,127,104,.08);--info-soft:rgba(23,108,196,.08);--danger-soft:rgba(195,63,85,.08);--warning-soft:rgba(162,106,5,.08);
    --shadow:0 24px 70px rgba(34,55,82,.12);}
}
@layer base{
html{background:var(--canvas);color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
body{min-width:0;background:var(--canvas);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("/public/assets/trading-grid.svg");background-size:cover;opacity:.34;z-index:-1}
button,input,textarea{color:var(--text)}
:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}
.skip-link{position:fixed;z-index:999;left:12px;top:-60px;background:var(--accent);color:#06131f;padding:10px 16px;border-radius:8px}
.skip-link:focus{top:12px}
h1,h2,h3{letter-spacing:-.035em}
h1{font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.02}
h2{font-size:clamp(1.9rem,3vw,3.1rem);line-height:1.08}
h3{font-size:1.12rem;line-height:1.25}
small{color:var(--muted)}
kbd{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:6px;padding:2px 6px;color:var(--muted);font-size:11px}
.icon{flex:0 0 auto}
}
@layer foundations{
.brand{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.16em}
.brand img{filter:drop-shadow(0 8px 20px rgba(74,225,187,.14))}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border-radius:7px;font-weight:650;border:1px solid transparent;transition:.18s ease}
.button.primary{background:var(--accent);color:#071622;box-shadow:0 10px 28px rgba(68,218,180,.16)}
.button.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}
.button.secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}
.button.full{width:100%}
.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:7px;background:transparent;color:var(--muted)}
.icon-button:hover{background:var(--surface-2);color:var(--text)}
.status{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-width:max-content;white-space:nowrap;padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}
.status i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.status.info{background:var(--info-soft);color:var(--info)}
.status.warning{background:var(--warning-soft);color:var(--warning)}
.status.danger{background:var(--danger-soft);color:var(--danger)}
.status.neutral{background:var(--raised);color:var(--muted)}
.tag{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}
.panel{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 93%,var(--accent) 7%));border:1px solid var(--line);border-radius:var(--r-md);padding:22px;min-width:0}
.panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.panel>header span{display:grid;gap:3px}
.panel>header small,.page-title small,.panel>small{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--subtle)}
.panel>header a{color:var(--accent);font-size:12px}
.spark{height:46px;width:100%;overflow:visible}
.spark path{fill:var(--accent-soft)}
.spark polyline{fill:none;stroke:var(--accent);stroke-width:1.8;vector-effect:non-scaling-stroke}
.equity{width:100%;height:auto;min-height:180px}
.equity g path{stroke:var(--line);stroke-width:1}
.equity .area{fill:url(#eq)}
.equity .line{fill:none;stroke:var(--accent);stroke-width:2.2;vector-effect:non-scaling-stroke}
.equity circle{fill:var(--accent)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.metric{position:relative;overflow:hidden;min-height:132px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:17px}
.metric>div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.metric em{font-style:normal;color:var(--accent);font-size:11px}
.metric>b{display:block;font-size:1.8rem;margin-top:8px;letter-spacing:-.04em}
.metric .spark{position:absolute;left:0;right:0;bottom:0;height:42px;opacity:.75}
.metrics.compact .metric{min-height:118px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.18em}
.eyebrow i{width:26px;height:1px;background:var(--accent)}
.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.page-title>div:first-child{max-width:760px}
.page-title h1{font-size:2rem;margin:5px 0 4px}
.page-title p{color:var(--muted)}
.page-title>div:last-child{display:flex;gap:9px}
.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:16px}
.tabs>*{padding:10px 0 13px;color:var(--muted);font-weight:600}
.tabs b{color:var(--text);border-bottom:2px solid var(--accent)}
.tabs i{font-style:normal;padding:2px 7px;background:var(--surface-2);border-radius:99px;font-size:10px}
.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.table-card>header{height:58px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.table-card>header div{display:flex;align-items:center;gap:9px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:8px 12px;min-width:230px}
.table-card>header button{margin-left:auto;background:transparent;color:var(--muted);display:flex;gap:7px}
.data-table .tr{display:grid;align-items:center;min-height:58px;padding:0 16px;border-bottom:1px solid var(--line);gap:14px}
.data-table .tr:last-child{border:0}
.data-table .th{min-height:40px;background:var(--surface-2);color:var(--subtle);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.data-table .main-cell{font-weight:650}
.data-table.six .tr{grid-template-columns:2fr .8fr .55fr 1fr 1fr 1fr}
.data-table.seven .tr{grid-template-columns:1.7fr .75fr .8fr 1.1fr 1fr .8fr 1fr}
.data-table.five .tr{grid-template-columns:2fr 1fr 1fr 1fr 1fr}
.metric-list{display:grid}
.metric-list p{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;color:var(--muted)}
.metric-list p b{color:var(--text)}
}
@layer foundations{
.public-header,.market-header{height:72px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 84%,transparent);backdrop-filter:blur(18px);position:relative;z-index:20}
.public-header>div,.market-header>div{height:100%;max-width:1320px;margin:auto;padding:0 30px;display:flex;align-items:center}
.public-header nav,.market-header nav{display:flex;gap:28px;margin:auto;color:var(--muted);font-size:13px}
.public-header nav a:hover,.market-header nav a:hover{color:var(--text)}
.public-header aside,.market-header aside{display:flex;align-items:center;gap:13px}
.public-header aside>a:not(.button){color:var(--muted)}
.footer{max-width:1320px;margin:90px auto 0;border-top:1px solid var(--line);padding:56px 30px 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}
.footer>div{display:grid;align-content:start;gap:10px}
.footer p,.footer a{color:var(--muted)}
.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}
.home{max-width:1440px;margin:auto;overflow:hidden}
.hero{min-height:690px;padding:90px 54px 70px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;position:relative}
.hero::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-220px;top:-230px;background:radial-gradient(circle,rgba(59,203,167,.14),transparent 68%);pointer-events:none}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{font-size:clamp(3.3rem,5.4vw,5.6rem);margin:24px 0;max-width:770px}
.hero-copy h1 em{font-style:normal;color:var(--accent)}
.hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:630px}
.hero-copy>div:not(.eyebrow){display:flex;gap:12px;margin:30px 0}
.hero-copy>small{display:flex;align-items:center;color:var(--subtle);font-weight:600}
.hero-visual{position:relative;perspective:1200px}
.terminal{background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line-strong);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;transform:rotateY(-4deg) rotateX(2deg)}
.terminal>header{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px;color:var(--muted);font-size:10px;letter-spacing:.08em}
.terminal>header>i{width:7px;height:7px;border-radius:50%;background:#ff6e73}
.terminal>header>i:nth-child(2){background:#f4be5c}
.terminal>header>i:nth-child(3){background:#50d49a}
.terminal>header>span{margin-left:10px}
.terminal>header .status{margin-left:auto}
.terminal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.terminal-metrics>div{background:var(--surface);padding:15px}
.terminal-metrics span{display:block;color:var(--muted);font-size:10px}
.terminal-metrics b{font-size:1.2rem}
.terminal .equity{padding:12px 20px;height:260px}
.stage-pills{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 18px;color:var(--subtle);font-size:10px}
.stage-pills .active{color:var(--accent);font-weight:700}
.float-chip{position:absolute;padding:10px 13px;background:var(--raised);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);font-size:11px}
.chip-a{right:-8px;top:34px}
.chip-a b{color:var(--accent);font-size:16px}
.chip-b{left:-22px;bottom:40px;display:flex;align-items:center;gap:7px}
.client-row{margin:0 54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;color:var(--muted)}
.client-row span{font-size:10px;letter-spacing:.15em}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:110px 54px 50px}
.intro small,.home-features article>span{color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:700}
.intro h2{margin-top:12px}
.intro>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:600px}
.home-features{padding:0 54px 100px;display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.home-features article{min-height:310px;background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:22px;padding:30px;position:relative;overflow:hidden}
.home-features .wide{grid-row:span 2}
.home-features h3{font-size:1.8rem;margin:14px 0}
.home-features p{color:var(--muted);max-width:450px}
.home-features .spark{position:absolute;bottom:0;left:0;height:110px}
.contract-mini{margin-top:36px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto 1fr;gap:1px;background:var(--line);overflow:hidden}
.contract-mini>*{background:var(--surface-2);padding:12px}
.contract-mini b{color:var(--accent);font-size:11px}
.version-stack{height:100px;position:relative;margin-top:30px}
.version-stack i{position:absolute;width:170px;height:54px;border:1px solid var(--line-strong);border-radius:12px;background:var(--raised);display:grid;place-items:center;font-style:normal;font-weight:700;box-shadow:var(--shadow)}
.version-stack i:nth-child(2){top:20px;left:32px;opacity:.65}
.version-stack i:nth-child(3){top:40px;left:64px;opacity:.35}
.marketing{max-width:1320px;margin:auto;padding:0 30px}
.marketing-hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.marketing-hero h1{margin:22px 0;font-size:clamp(3rem,5vw,5rem)}
.marketing-hero p,.center-hero p,.left-hero p{font-size:17px;color:var(--muted);max-width:640px}
.marketing-hero>div:first-child>div:last-child{display:flex;gap:10px;margin-top:28px}
.orbit{width:450px;height:450px;border:1px solid var(--line);border-radius:50%;position:relative;margin:auto;background:radial-gradient(circle,var(--accent-soft),transparent 60%)}
.orbit::before,.orbit::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:55px}
.orbit::after{inset:110px}
.orbit>img{width:80px;position:absolute;left:185px;top:185px}
.orbit>span{position:absolute;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 13px;box-shadow:var(--shadow);font-size:11px}
.orbit .o0{left:-20px;top:90px}
.orbit .o1{right:-20px;top:120px}
.orbit .o2{left:10px;bottom:70px}
.orbit .o3{right:10px;bottom:55px}
.marketing-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marketing-cards article{padding:34px 24px;border-right:1px solid var(--line)}
.marketing-cards article:last-child{border:0}
.marketing-cards span{color:var(--gold);font-size:11px}
.marketing-cards h3{margin:14px 0}
.marketing-cards p{color:var(--muted)}
.marketing blockquote{max-width:900px;margin:120px auto;text-align:center;font-size:2.1rem;line-height:1.35}
.marketing blockquote small{display:block;margin-top:22px;font-size:10px;letter-spacing:.18em}
.center-hero{text-align:center;padding:90px 0 50px}
.center-hero .eyebrow,.center-hero p{justify-content:center;margin-inline:auto}
.center-hero h1{margin:18px 0}
.billing-toggle{display:inline-flex;margin-top:25px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:999px}
.billing-toggle>*{padding:7px 16px}
.billing-toggle b{background:var(--raised);border-radius:999px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:100px}
.price-grid article{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px;position:relative}
.price-grid article.featured{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-10px)}
.price-grid article>em{position:absolute;right:18px;top:18px;font-style:normal;font-size:9px;color:var(--accent);letter-spacing:.12em}
.price-grid article>div{margin:30px 0 8px}
.price-grid article>div b{font-size:3.2rem}
.price-grid p,.price-grid li{color:var(--muted)}
.price-grid .button{width:100%;margin:26px 0}
.price-grid li{padding:8px 0}
.marketing.narrow{max-width:1050px}
.left-hero{padding:90px 0 50px}
.left-hero h1{margin:18px 0}
.status-board{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;margin-bottom:100px}
.status-board>header,.status-board>div{height:66px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.status-board>header span:last-child{margin-left:auto;color:var(--muted)}
.status-board>div b{width:220px}
.status-board>div .spark{width:360px;height:38px;margin-left:auto}
.status-board>div .status{margin-left:30px}
.change-list article{display:grid;grid-template-columns:80px 100px 1fr;padding:34px 0;border-top:1px solid var(--line)}
.change-list article>span{color:var(--accent);font-size:10px}
.change-list article p{color:var(--muted);margin:8px 0}
.story-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}
.story-grid article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:35px}
.story-grid span{color:var(--accent);font-size:10px;letter-spacing:.14em}
.story-grid h2,.story-grid h3{margin:15px 0}
.story-grid p{color:var(--muted)}
.legal{display:grid;grid-template-columns:240px 1fr;gap:50px;border-top:1px solid var(--line);padding-top:30px}
.legal aside{display:grid;align-content:start}
.legal aside a{padding:10px;color:var(--muted)}
.legal aside .active{color:var(--text);border-left:2px solid var(--accent)}
.legal article p{color:var(--muted);font-size:16px;line-height:1.8}
.legal article h2,.legal article h3{margin:22px 0 10px}
.docs{max-width:1440px;margin:auto;display:grid;grid-template-columns:240px 1fr 190px;min-height:calc(100vh - 72px)}
.docs>aside{padding:36px 26px;border-right:1px solid var(--line);display:grid;align-content:start;gap:4px}
.docs>aside b,.docs>nav b{font-size:10px;letter-spacing:.15em;color:var(--subtle);margin-bottom:14px}
.docs>aside a,.docs>nav a{padding:8px 10px;color:var(--muted)}
.docs>aside a.active{color:var(--text);background:var(--surface);border-radius:8px}
.docs>article{padding:36px 55px}
.docs>article h1{font-size:3.2rem;margin:20px 0}
.docs>article>p{font-size:17px;color:var(--muted)}
.docs-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 13px;color:var(--muted);margin-bottom:50px}
.docs-search kbd{margin-left:auto}
.callout{display:flex;gap:14px;padding:18px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:12px;margin:30px 0}
.callout span{display:grid}
.docs article h2{font-size:1.5rem;margin:38px 0 18px}
.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.doc-grid a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);background:var(--surface);border-radius:10px}
.doc-grid span{color:var(--accent);font-size:10px}
.docs>nav{padding:38px 22px;display:grid;align-content:start;gap:5px}
.docs>nav a{color:var(--muted);font-size:12px}
.account{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.account-art{position:relative;overflow:hidden;padding:34px 48px;background:linear-gradient(145deg,#071225,#10284b);color:#f4f7fb}
.account-art::before{content:"";position:absolute;inset:0;background:url("/public/assets/trading-grid.svg") center/cover}
.account-art>.brand{position:relative}
.account-art>div{position:absolute;left:9%;top:28%;z-index:1}
.account-art>div span{font-size:10px;letter-spacing:.17em;color:#58e6bd}
.account-art h2{font-size:3.5rem;margin:18px 0}
.account-art h2 em{font-style:normal;color:#58e6bd}
.account-art p{color:#9cacc5}
.account-art .equity{position:absolute;bottom:0;left:0;height:250px;opacity:.6}
.account-panel{display:grid;place-items:center;position:relative;padding:50px;background:var(--canvas)}
.account-panel>.icon-button{position:absolute;right:28px;top:24px}
.account-card{width:min(420px,100%);display:grid;gap:16px}
.account-card>small:first-child{letter-spacing:.15em}
.account-card h1{font-size:2.6rem}
.account-card>p{color:var(--muted);margin-bottom:10px}
.account-card label{display:grid;gap:6px;font-weight:600}
.account-card input{height:48px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 13px;font-size:16px}
.sso{height:48px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.sso b{margin-right:10px}
.or{text-align:center;color:var(--muted);font-style:normal;position:relative}
.account-card>a:last-child{text-align:center;color:var(--muted)}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choices button{min-height:80px;display:flex;align-items:center;gap:10px;text-align:left;padding:14px;border:1px solid var(--line);background:var(--surface);border-radius:12px}
.choices button.selected{border-color:var(--accent);background:var(--accent-soft)}
.choices button svg:last-child{margin-left:auto}
.success-orb{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.ready-list{display:grid;gap:8px;color:var(--muted)}
.market-landing{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}
.market-landing h1{font-size:4.6rem;margin:20px 0}
.market-landing>div>p{color:var(--muted);font-size:17px}
.search-large{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:8px 8px 8px 15px;color:var(--muted);margin-top:28px}
.search-large .button{margin-left:auto}
.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:color-mix(in srgb,var(--canvas-2) 96%,transparent);padding:20px 14px;display:flex;flex-direction:column;overflow-y:auto;z-index:10}
.sidebar>.brand{margin:3px 10px 24px}
.workspace{display:flex;align-items:center;gap:9px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:11px;text-align:left}
.workspace>i{width:30px;height:30px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));border-radius:8px;color:#071521;font-style:normal;font-weight:800;font-size:11px}
.workspace span{display:grid;flex:1}
.workspace small{font-size:8px;letter-spacing:.12em}
.workspace svg{color:var(--muted)}
.sidebar>nav{display:grid;gap:3px;margin-top:20px}
.sidebar>nav a{height:42px;display:flex;align-items:center;gap:12px;padding:0 11px;color:var(--muted);border-radius:9px;font-weight:560}
.sidebar>nav a:hover{background:var(--surface);color:var(--text)}
.sidebar>nav a.active{background:var(--accent-soft);color:var(--accent)}
.sidebar>nav em{margin-left:auto;min-width:19px;text-align:center;border-radius:99px;background:var(--accent);color:#071521;font-style:normal;font-size:10px}
.sidebar>section{margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:13px;display:grid;gap:7px}
.sidebar>section>span{display:flex;align-items:center;gap:6px;color:var(--gold);font-size:9px;letter-spacing:.1em}
.sidebar>section>b{font-size:11px}
.sidebar>section>i{height:4px;background:var(--raised);border-radius:9px;overflow:hidden}
.sidebar>section>i em{display:block;height:100%;background:var(--accent)}
.sidebar>section>a{color:var(--muted);font-size:10px}
.sidebar>footer{display:flex;align-items:center;gap:9px;padding:17px 8px 0}
.sidebar>footer>i,.avatar{width:32px;height:32px;display:grid;place-items:center;background:linear-gradient(145deg,#2d4d74,#19324f);border:1px solid var(--line);border-radius:50%;font-style:normal;font-weight:700;font-size:10px;color:#fff}
.sidebar>footer span{display:grid;flex:1}
.sidebar>footer small{font-size:10px}
.sidebar>footer svg{color:var(--muted)}
.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;background:color-mix(in srgb,var(--canvas) 87%,transparent);backdrop-filter:blur(18px);z-index:9}
.command{height:36px;min-width:290px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:9px;color:var(--muted);text-align:left}
.command span{flex:1}
.topbar>aside{margin-left:auto;display:flex;align-items:center;gap:9px}
.topbar .demo{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:4px 8px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:99px}
.welcome,.seller-welcome,.admin-health{min-height:160px;display:flex;align-items:center;justify-content:space-between;padding:28px 34px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(105deg,var(--surface),color-mix(in srgb,var(--surface-2) 83%,var(--accent) 17%));overflow:hidden;margin-bottom:18px}
.welcome small,.seller-welcome small,.admin-health small{font-size:9px;letter-spacing:.15em;color:var(--accent)}
.welcome h2,.seller-welcome h2,.admin-health h2{font-size:2rem;margin:7px 0}
.welcome p,.seller-welcome p,.admin-health p{color:var(--muted)}
.welcome img{width:100px;opacity:.5;filter:drop-shadow(0 0 50px var(--accent))}
.metrics+.dashboard-grid,.metrics+.seller-grid,.metrics+.admin-grid{margin-top:18px}
.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.project-list{display:grid}
.project-list a{min-height:59px;display:flex;align-items:center;gap:11px;border-top:1px solid var(--line)}
.project-list a>span{display:grid;flex:1}
.project-list small{font-size:10px}
.project-list .status{margin-right:10px}
.project-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-style:normal;font-weight:800;font-size:10px;color:#fff;background:#285c78}
.project-avatar.t1,.t1{background:#6b4a86!important}
.project-avatar.t2,.t2{background:#89602e!important}
.project-avatar.t3,.t3{background:#2f6f62!important}
.stage-list{display:grid;gap:4px}
.stage-list>div{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;color:var(--muted)}
.stage-list>div>i{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal;font-size:10px}
.stage-list>div>span{display:grid;flex:1}
.stage-list>div small{font-size:9px}
.stage-list>div em{font-size:10px;font-style:normal}
.stage-list>div.done{color:var(--accent)}
.stage-list>div.active{background:var(--info-soft);color:var(--info)}
.progress{margin-top:12px}
.progress i,.run-band span>i,.storage span>i,.seller-onboard header>i{display:block;height:4px;background:var(--raised);border-radius:9px;overflow:hidden}
.progress i em,.run-band i em,.storage i em,.seller-onboard i em{display:block;height:100%;background:var(--accent)}
.progress span{font-size:9px;color:var(--muted)}
.attention{margin-top:18px}
.attention>header{margin-bottom:4px}
.attention>a{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.attention>a>svg{color:var(--accent)}
.attention>a>span{display:grid;flex:1}
.attention>a>em{font-style:normal;color:var(--accent);font-size:11px}
.builder{height:calc(100vh - 64px);margin:-26px -28px -70px;display:grid;grid-template-columns:minmax(0,1.5fr) 390px}
.contract-empty{text-align:center;padding:70px 22px 45px;color:var(--muted)}
.contract-empty svg{margin:auto;color:var(--accent)}
.contract-empty h3{color:var(--text);margin:13px 0 7px}
.context{display:flex;gap:8px;align-items:center;padding:11px 14px;margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.context>span{display:flex;gap:6px;align-items:center;border-right:1px solid var(--line);padding-right:10px}
.context .status{margin-left:auto;border:0}
.project-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
.goal>p{color:var(--muted);font-size:15px;line-height:1.7}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}
.chips i{font-style:normal;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px}
.goal footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:17px}
.goal footer span{display:grid}
.goal footer small{font-size:9px}
.champion>strong{display:block;font-size:3rem;margin:18px 0}
.champion>strong small{font-size:12px}
.champion>div{display:flex;justify-content:space-between}
.champion>div span{display:grid;color:var(--muted)}
.champion>div b{color:var(--text)}
.champion>a{display:block;margin-top:20px;color:var(--accent)}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.quick-grid a{display:grid;grid-template-columns:auto 1fr auto;gap:3px 12px;align-items:center;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.quick-grid a>svg:first-child{grid-row:span 2;color:var(--accent)}
.quick-grid a span{color:var(--muted);font-size:10px}
.quick-grid a>svg:last-child{grid-row:span 2;color:var(--muted)}
.chat-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.conversation{min-height:680px;display:flex;flex-direction:column;gap:18px}
.conversation>footer{margin-top:auto;height:50px;border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:0 8px 0 13px;display:flex;align-items:center;color:var(--muted)}
.conversation>footer button{margin-left:auto;width:34px;height:34px;border-radius:6px;background:var(--accent);color:#071521}
.delta>div{padding:14px;border-radius:7px;margin:9px 0;border-left:3px solid var(--accent);background:var(--accent-soft)}
.delta>div.change{border-color:var(--info);background:var(--info-soft)}
.delta>div.target{border-color:var(--gold);background:var(--warning-soft)}
.delta div small{display:block;font-size:8px;letter-spacing:.12em}
.delta div p{color:var(--muted);font-size:11px;margin-top:4px}
.delta>.button{width:100%;margin-top:12px}
.contract-meta,.run-summary,.storage{display:flex;align-items:center;gap:26px;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-radius:11px;margin-bottom:16px}
.contract-meta>span,.run-summary>span,.storage>span{display:flex;gap:8px;align-items:center;color:var(--muted)}
.contract-meta .status{margin-left:auto}
.contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contract-grid section{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:18px}
.contract-grid section>header{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:5px}
.contract-grid header>i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.contract-grid .search header>i{background:var(--info)}
.contract-grid .objective header>i{background:var(--gold)}
.contract-grid .simulation header>i{background:#aa89e7}
.contract-grid header svg{margin-left:auto}
.contract-grid section>div{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.contract-grid section>div small{font-size:9px}
.safe-note{display:flex;align-items:center;gap:10px;padding:14px 17px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:11px;margin-top:14px}
.safe-note>span{display:grid}
.safe-note>a{margin-left:auto;color:var(--accent)}
.setup{display:grid;grid-template-columns:1fr 300px;gap:18px}
.setup>section{display:grid;gap:12px}
.setup>section article{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:13px}
.setup article>i{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal;color:var(--accent)}
.setup article p{color:var(--muted);margin:5px 0 14px}
.setup article>div>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.setup article>div>div span{padding:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}
.estimate{align-self:start;position:sticky;top:88px;background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:18px;padding:24px}
.estimate>div{width:140px;height:140px;margin:25px auto;display:grid;place-items:center;border-radius:50%;border:7px solid var(--raised);box-shadow:inset 0 0 0 3px var(--accent-soft)}
.estimate>div b{font-size:2rem}
.estimate>div span{font-size:10px;color:var(--muted);margin-top:-48px}
.estimate p{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;color:var(--muted)}
.estimate p b{color:var(--text)}
.run-summary{justify-content:space-between}
.run-summary span{min-width:120px}
.run-summary b{color:var(--text);font-size:1.3rem}
.run-band{display:flex;justify-content:space-between;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:11px;margin-bottom:18px}
.run-band>span{display:flex;align-items:center;gap:10px}
.run-band span:last-child>i{width:120px}
.run-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.run-grid .live-log{grid-column:1}
.funnel>div,.conversion p{width:var(--w);min-width:28%;height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;margin:7px auto;background:linear-gradient(90deg,var(--info-soft),var(--accent-soft));border:1px solid var(--line);border-radius:7px}
.funnel>div span,.conversion span{font-size:10px;color:var(--muted)}
.live-log p{font-family:Consolas,monospace;font-size:11px;padding:9px 0;border-top:1px solid var(--line)}
.live-log time{color:var(--subtle);margin-right:10px}
.live-log p>i{font-style:normal;color:var(--info);margin-right:10px}
.live-log p>i.pass{color:var(--accent)}
.live-log p>i.drop{color:var(--danger)}
.machine>div{display:flex;gap:12px}
.machine>div b{width:90px;height:90px;display:grid;place-items:center;border:5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;font-size:1.2rem}
.machine>div small{font-size:8px;margin-top:-30px}
.machine>p{color:var(--muted);margin-top:16px}
.weekly>div{height:185px;display:flex;align-items:end;gap:4px}
.weekly>div i{flex:1;background:linear-gradient(var(--accent),rgba(85,229,189,.25));border-radius:3px 3px 0 0}
.weekly>div i:last-child{background:var(--gold)}
.weekly>p{display:flex;align-items:center;gap:7px;color:var(--muted)}
.weekly>p>i{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.weekly>p b{margin-left:auto;color:var(--gold)}
.evidence>p{display:grid;grid-template-columns:90px 1fr auto;padding:12px 0;border-top:1px solid var(--line)}
.evidence>p span{color:var(--muted)}
.evidence>p em{font-style:normal;color:var(--accent);font-size:10px}
.stepper{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:13px 18px;background:var(--surface);border:1px solid var(--line);border-radius:11px}
.stepper>i{height:1px;background:var(--line);flex:1}
.stepper>*{font-size:11px;color:var(--muted)}
.stepper .active{color:var(--accent)}
.upgrade{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}
.upgrade section>small,.request>small{color:var(--accent);font-size:9px;letter-spacing:.14em}
.upgrade section h3{font-size:1.5rem;margin:8px 0}
.upgrade section>div{display:flex;justify-content:space-between}
.upgrade section>p{display:flex;align-items:center;gap:6px;background:var(--accent-soft);padding:10px;border-radius:8px;color:var(--accent)}
.request blockquote{font-size:1.25rem;line-height:1.6;padding:18px;background:var(--surface-2);border-radius:10px;margin:15px 0}
.request>div{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px}
.request>div p{display:grid;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:11px}
.request p i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.request p i.explore{background:var(--info)}
.request p i.goal{background:var(--gold)}
.request p span{color:var(--muted);font-size:9px}
.compare-head{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;margin-bottom:14px}
.compare-head>span{display:grid;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px}
.compare-head>i{text-align:center;font-style:normal;color:var(--muted)}
.compare-table{border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}
.compare-table>header,.compare-table>p{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;padding:12px 17px;border-bottom:1px solid var(--line)}
.compare-table>header{background:var(--surface-2);color:var(--muted);font-size:10px}
.compare-table .win,.compare-table em{color:var(--accent)}
.compare-table em{font-style:normal}
.insight{display:flex;align-items:center;gap:11px;margin-top:14px;padding:15px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:11px}
.insight>span{display:grid;flex:1}
.storage{justify-content:space-between}
.storage>span:first-child{flex:1}
.storage span>i{width:160px}
.dataset-head,.object-hero,.admin-object{display:flex;align-items:center;gap:16px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:15px;margin-bottom:18px}
.dataset-head>i,.object-hero>i,.admin-object>i{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-style:normal}
.dataset-head>span,.object-hero>span,.admin-object>span{display:grid;flex:1}
.dataset-head>span>small,.object-hero>span>small,.admin-object>span>small{font-size:9px;letter-spacing:.13em;color:var(--accent)}
.dataset-head aside,.object-hero aside,.admin-object aside{display:flex;gap:7px}
.dataset-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}
.heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:5px}
.heatmap i{aspect-ratio:1;border-radius:3px;background:var(--accent)}
.heatmap i.off{background:var(--raised)}
.heatmap i.live{background:var(--gold)}
.quality>strong{display:block;font-size:3.6rem}
.quality>strong em{font-size:1rem;color:var(--muted);font-style:normal}
.quality>p{padding:6px 0;color:var(--muted)}
.quality>p.warn{color:var(--warning)}
.generic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.generic-grid .equity{height:150px}
.timeline p{display:flex;gap:9px;padding:10px 0;border-top:1px solid var(--line)}
.timeline i{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:7px}
.timeline span{margin-left:auto;color:var(--muted)}
}
@layer components{
.status{line-height:1}
.status i{box-shadow:none}
.mini-feedback-policy{display:flex;align-items:end;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 60%,transparent)}
.mini-feedback-policy label{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.mini-feedback-policy label>span{display:grid;flex:1}
.mini-feedback-policy small{font-size:10px;color:var(--muted)}
.mini-feedback-policy input{width:110px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--canvas);color:var(--text)}
.mini-feedback-policy .form-message{display:none}
}
@layer pages{
[data-analysis-display][hidden]{display:none}
.weekly [data-result-weekly]{min-height:150px;display:flex;align-items:end}
.weekly [data-result-weekly]>.runtime-empty{align-self:stretch;width:100%;place-content:center}
.weekly [data-result-weekly] i.negative{background:linear-gradient(var(--danger),var(--danger-soft))}
@media (max-width:760px){
.mini-feedback-policy{align-items:stretch;flex-direction:column}
.mini-feedback-policy label{align-items:flex-end}
}
}
@layer components{
:where(a,button,input,textarea:not(.message-composer-input),select,summary):focus-visible{outline:2px solid rgba(178,190,208,.46)!important;outline-offset:2px!important}
.project-rename-dialog input:focus,.project-rename-dialog input:focus-visible{border-color:rgba(178,190,208,.34)!important;outline:2px solid rgba(178,190,208,.28)!important;outline-offset:1px!important;box-shadow:none!important}
}

/* STRAPILOT_CANONICAL_APPLICATION_UI */


:root {
  --approved-topbar: 64px;
  --approved-sidebar: 280px;
  --approved-inspector: 324px;
  --approved-content: 980px;
  --approved-viewport-height: 100vh;
  --approved-viewport-width: 100vw;
  --approved-viewport-offset-top: 0px;
  --approved-safe-top: env(safe-area-inset-top, 0px);
  --approved-safe-right: env(safe-area-inset-right, 0px);
  --approved-safe-bottom: env(safe-area-inset-bottom, 0px);
  --approved-safe-left: env(safe-area-inset-left, 0px);
  --approved-mobile-topbar: calc(58px + var(--approved-safe-top));
  --approved-compact-topbar: calc(var(--approved-topbar) + var(--approved-safe-top));
  --approved-operational-topbar: calc(64px + var(--approved-safe-top));
  --approved-mobile-bar: calc(64px + var(--approved-safe-bottom));
  --approved-mobile-drawer: min(calc(var(--approved-viewport-width) - 32px), 340px);
  --approved-bg: #06101d;
  --approved-rail: #081525;
  --approved-panel: #0b192a;
  --approved-panel-2: #102137;
  --approved-line: #1d3047;
  --approved-line-strong: #2b435e;
  --approved-text: #f2f6f8;
  --approved-muted: #8fa0b5;
  --approved-subtle: #64778e;
  --approved-mint: #58e3c2;
  --approved-blue: #62b9ff;
  --approved-amber: #f2c969;
  --approved-danger: #ff6e7f;
  --approved-violet: #a58af6;
}

@supports (height: 100dvh) {
  :root { --approved-viewport-height: 100dvh; }
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

:root[data-theme="light"] {
  --approved-bg: #f3f6fa;
  --approved-rail: #eef2f7;
  --approved-panel: #ffffff;
  --approved-panel-2: #f8fafc;
  --approved-line: rgba(30,51,79,.11);
  --approved-line-strong: rgba(30,51,79,.20);
  --approved-text: #10192a;
  --approved-muted: #5d6b80;
  --approved-subtle: #8490a2;
  --approved-mint: #087f68;
  --approved-blue: #176cc4;
  --approved-amber: #9b6f14;
  --approved-danger: #c33f55;
  --approved-violet: #7658c7;
}


.app-shell:not(.app-shell-v2) {
  width:100%;
  min-height:var(--approved-viewport-height);
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  color:var(--approved-text);
  background:var(--approved-bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
}
.app-shell:not(.app-shell-v2) > .operational-sidebar {
  grid-column:1;
  grid-row:1;
  width:248px;
  height:var(--approved-viewport-height);
  min-height:0;
  padding:20px 14px;
  overflow-y:auto;
  border-right:1px solid var(--approved-line);
  background:var(--approved-rail);
  scrollbar-width:thin;
  scrollbar-color:#2b4058 transparent;
}
.app-shell:not(.app-shell-v2) > .app-main {
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:0;
  height:var(--approved-viewport-height);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:var(--approved-operational-topbar) minmax(0,1fr);
  overflow:hidden;
}
.app-shell:not(.app-shell-v2) .topbar {
  position:relative;
  top:auto;
  width:100%;
  height:var(--approved-operational-topbar);
  display:flex;
  align-items:center;
  gap:12px;
  padding:var(--approved-safe-top) max(20px,var(--approved-safe-right)) 0 max(20px,var(--approved-safe-left));
  border-bottom:1px solid var(--approved-line);
  background:color-mix(in srgb,var(--approved-bg) 96%,transparent);
  z-index:70;
}
.app-shell:not(.app-shell-v2) .topbar > aside {
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
.app-shell:not(.app-shell-v2) .spl-creadit-pill {
  width:max-content;
  min-width:0;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border:1px solid var(--approved-line-strong);
  border-radius:9px;
  background:var(--approved-panel);
  cursor:default;
}
.app-shell:not(.app-shell-v2) .spl-creadit-pill > i{display:none}.app-shell:not(.app-shell-v2) .spl-creadit-pill>span{display:grid;justify-items:center;line-height:1.05}.app-shell:not(.app-shell-v2) .spl-creadit-pill small{color:var(--approved-subtle);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.app-shell:not(.app-shell-v2) .spl-creadit-pill b{font-size:11px;font-variant-numeric:tabular-nums}
.app-shell:not(.app-shell-v2) .workspace-main {
  min-width:0;
  min-height:0;
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(24px,3.5vw,48px);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#2b4058 transparent;
}


.app-shell.app-shell-v2 {
  width: 100%;
  max-width: 100%;
  height: var(--approved-viewport-height);
  display: grid;
  grid-template: var(--approved-topbar) minmax(0, 1fr) / var(--approved-sidebar) minmax(0, 1fr);
  overflow: hidden;
  color: var(--approved-text);
  background: var(--approved-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
}
.app-shell-v2 > .app-main {
  grid-row: 1 / 3;
  grid-column: 1 / 3;
  min-width: 0;
  min-height: 0;
  height: var(--approved-viewport-height);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--approved-topbar) minmax(0, 1fr);
  padding: 0;
  overflow: hidden;
}
.app-shell-v2 .app-topbar {
  position: relative;
  inset: auto;
  width: 100%;
  height: var(--approved-topbar);
  display: grid;
  grid-template-columns: 42px minmax(0, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  border-bottom: 1px solid var(--approved-line);
  background: rgba(6, 16, 29, .96);
  backdrop-filter: blur(16px);
  z-index: 70;
}
.app-shell-v2 .topbar-brand {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #2c4963;
  border-radius: 10px;
  background: #0d2034;
}
.app-shell-v2 .topbar-brand img { width: 27px; height: 27px; }
.app-shell-v2 .primary-nav {
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: stretch;
  gap: 2px;
  padding: 0 8px 0 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.app-shell-v2 .primary-nav::-webkit-scrollbar { display: none; }
.app-shell-v2 .primary-nav .nav-action {
  position: relative;
  min-width: 74px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 0;
  padding: 0 12px;
  color: var(--approved-muted);
  background: transparent;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}
.app-shell-v2 .primary-nav .nav-action::before {
  content: "";
  position: absolute;
  right: 14px;
  bottom: -1px;
  left: 14px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: transparent;
}
.app-shell-v2 .primary-nav .nav-action:hover { color: var(--approved-text); background: rgba(255,255,255,.025); }
.app-shell-v2 .primary-nav .nav-action.active { color: var(--approved-mint); background: transparent; }
.app-shell-v2 .primary-nav .nav-action.active::before { background: var(--approved-mint); }
.app-shell-v2 .app-topbar > aside {
  grid-column: 4;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
}
.app-shell-v2 .spl-creadit-pill {
  width: max-content;
  min-width: 0;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 11px;
  border: 1px solid var(--approved-line-strong);
  border-radius: 10px;
  color: var(--approved-text);
  background: var(--approved-panel);
  cursor: default;
}
.app-shell-v2 .spl-creadit-pill > i { display: none; }
.app-shell-v2 .spl-creadit-pill > span { display: grid; justify-items: center; line-height: 1.05; }
.app-shell-v2 .spl-creadit-pill small { color: var(--approved-subtle); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.app-shell-v2 .spl-creadit-pill b { font-size: 12px; font-variant-numeric: tabular-nums; }
.app-shell-v2 .spl-creadit-pill:hover { border-color: var(--approved-line-strong); background: var(--approved-panel); }
.app-shell-v2 .mobile-menu,
.app-shell-v2 .mobile-inspector-button { display: none; }
.app-shell-v2 .desktop-notification { display: grid; }
.app-shell-v2 > .mobile-bottom-bar { display: none; }

.app-shell-v2 > .context-sidebar.sidebar {
  position: relative;
  grid-row: 2;
  grid-column: 1;
  width: auto;
  height: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-right: 1px solid var(--approved-line);
  background: var(--approved-rail);
  overflow: hidden;
  visibility: visible;
  pointer-events: auto;
  z-index: 20;
}
.app-shell-v2 .context-sidebar > .conversation-nav {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 14px 12px 8px;
  border: 0;
  overflow: hidden;
}
.app-shell-v2 .conversation-nav > .conversation-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 8px;
  overflow: visible;
}
.app-shell-v2 .conversation-tools .context-search {
  min-width: 0;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0 11px;
  border: 1px solid var(--approved-line);
  border-radius: 10px;
  color: var(--approved-subtle);
  background: var(--approved-panel);
}
.app-shell-v2 .conversation-tools .context-search:focus-within { border-color: #45617c; box-shadow: 0 0 0 3px rgba(98,185,255,.08); }
.app-shell-v2 .conversation-tools .context-search input { min-width: 0; width: 100%; border: 0; outline: 0; color: var(--approved-text); background: transparent; font-size: 12px; }
.app-shell-v2 .conversation-tools .context-primary {
  position: relative;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(111,255,220,.62);
  border-radius: 11px;
  color: #05231b;
  background: linear-gradient(145deg,#78f1d3 0%,#44dab7 54%,#26b99a 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 6px 18px rgba(54,205,169,.2);
}
.app-shell-v2 .conversation-tools .context-primary::after { content:""; position:absolute; inset:1px 4px auto; height:42%; border-radius:8px; background:linear-gradient(180deg,rgba(255,255,255,.28),transparent); pointer-events:none; }
.app-shell-v2 .conversation-tools .context-primary svg { position: relative; z-index: 1; }
.app-shell-v2 .conversation-nav > .conversation-tools + div {
  min-height: 0;
  margin-top: 14px;
  margin-right: -12px;
  padding-right: 8px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(77,101,126,.46) transparent;
}
.app-shell-v2 .conversation-nav > .conversation-tools + div::-webkit-scrollbar { width: 3px; }
.app-shell-v2 .conversation-nav > .conversation-tools + div::-webkit-scrollbar-track { background: transparent; }
.app-shell-v2 .conversation-nav > .conversation-tools + div::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(77,101,126,.46); }
.app-shell-v2 .conversation-nav section { display: grid; gap: 0; margin: 0 0 12px; }
.app-shell-v2 .conversation-nav section > small { padding: 5px 8px 7px; color: #77899e; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.app-shell-v2 .conversation-section-heading { min-height: 30px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:3px 4px 3px 8px; }
.app-shell-v2 .conversation-section-heading small { color:#77899e; font-size:10px; font-weight:750; letter-spacing:.04em; }
.app-shell-v2 .conversation-section-heading button { width:26px; height:26px; display:grid; place-items:center; opacity:0; border:0; border-radius:7px; color:var(--approved-muted); background:transparent; }
.app-shell-v2 .conversation-section-heading:hover button,
.app-shell-v2 .conversation-section-heading button:focus-visible { opacity:1; }
.app-shell-v2 .conversation-section-heading button:hover { color:var(--approved-text); background:rgba(255,255,255,.05); }
.app-shell-v2 .conversation-project { position: relative; display: grid; gap: 0; }
.app-shell-v2 .conversation-project + .conversation-project { margin-top: 9px; }
.app-shell-v2 .conversation-project-header { min-width:0; min-height:30px; display:grid; grid-template-columns:minmax(0,1fr) 28px; align-items:center; gap:1px; border-radius:8px; cursor:grab; }
.app-shell-v2 .conversation-project-header:active { cursor:grabbing; }
.app-shell-v2 .conversation-project-header:hover { background:rgba(255,255,255,.035); }
.app-shell-v2 .conversation-project-name {
  width: 100%;
  min-width:0;
  min-height: 30px;
  display: grid;
  grid-template-columns: 16px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  padding: 1px 0 1px 8px;
  border: 0;
  border-radius: 8px;
  color: var(--approved-text);
  background: transparent;
  text-align: left;
}
.app-shell-v2 .conversation-project-name b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 540; }
.app-shell-v2 .conversation-project-name > svg:first-child { color: var(--approved-muted); }
.app-shell-v2 .conversation-project-menu-trigger { width:28px; height:28px; display:grid; place-items:center; opacity:0; border:0; border-radius:7px; color:var(--approved-muted); background:transparent; }
.app-shell-v2 .conversation-project-header:hover .conversation-project-menu-trigger,
.app-shell-v2 .conversation-project-menu-trigger:focus-visible,
.app-shell-v2 .conversation-project-menu-trigger[aria-expanded="true"] { opacity:1; }
.app-shell-v2 .conversation-project-menu-trigger:hover { color:var(--approved-text); background:rgba(255,255,255,.055); }
.app-shell-v2 .conversation-project-items { display: grid; gap: 0; }
.app-shell-v2 .conversation-project-items[hidden] { display: none; }
.app-shell-v2 .conversation-project-items > .conversation-item { margin-left:0; padding-left:28px; }
.app-shell-v2 .conversation-project-items > .conversation-item[hidden] { display: none; }
.app-shell-v2 .conversation-project-more,
.app-shell-v2 .conversation-project-empty { min-height:28px; margin-left:32px; padding:1px 4px; border:0; color:var(--approved-muted); background:transparent; font-size:11px; font-weight:450; text-align:left; }
.app-shell-v2 .conversation-project-more:hover { color: var(--approved-text); }
.app-shell-v2 .conversation-project-empty:hover { color:var(--approved-accent); }
.app-shell-v2 .conversation-item {
  position: relative;
  min-height: 30px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 28px;
  align-items: center;
  gap: 2px;
  border-radius: 9px;
  padding-top:1px;
  padding-right:4px;
  padding-bottom:1px;
  color: #bdc8d5;
  cursor:grab;
}
.app-shell-v2 .conversation-item:active { cursor:grabbing; }
.app-shell-v2 .conversation-project.is-dragging,
.app-shell-v2 .conversation-item.is-dragging { opacity:.44; }
.app-shell-v2 .conversation-item:hover { color: var(--approved-text); background: rgba(255,255,255,.04); }
.app-shell-v2 .conversation-item.active { color: var(--approved-text); background: var(--approved-panel-2); }
.app-shell-v2 .conversation-nav .conversation-link {
  min-width: 0;
  min-height: 28px;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: center;
  gap: 0;
  padding: 0 4px;
  color: inherit;
  background: transparent;
}
.app-shell-v2 .conversation-nav .conversation-link > i { display: none; }
.app-shell-v2 .conversation-nav .conversation-link > span { min-width: 0; display: block; }
.app-shell-v2 .conversation-nav .conversation-link b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:450; }
.app-shell-v2 .conversation-menu-trigger { width: 28px; height: 28px; opacity: 0; border:0; border-radius: 7px; color: var(--approved-muted); background: transparent; }
.app-shell-v2 .conversation-item:hover .conversation-menu-trigger,
.app-shell-v2 .conversation-item.active .conversation-menu-trigger { opacity: 1; }
.app-shell-v2 .context-account { flex: 0 0 auto; padding: 10px 10px 12px; border-top: 1px solid var(--approved-line); }
.app-shell-v2 .context-account .account-menu > summary { height: 48px; display:flex; align-items:center; gap:10px; padding:0 8px; border-radius:9px; }
.app-shell-v2 .context-account .account-menu > summary > span { min-width:0; display:grid; flex:1; }
.app-shell-v2 .context-account .account-menu > summary b,
.app-shell-v2 .context-account .account-menu > summary small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-shell-v2 .context-account .account-menu > nav { inset:auto 0 54px; width:auto; }
.app-shell-v2 .context-account .account-menu > nav > header { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:9px; }
.app-shell-v2 .context-account .account-menu > nav > header > span { min-width:0; display:grid; gap:2px; line-height:1.2; }
.app-shell-v2 .context-account .account-menu > nav > header b,
.app-shell-v2 .context-account .account-menu > nav > header small { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-shell-v2 .context-account .account-menu > nav > dl { display:grid; gap:0; margin:0 6px 7px; padding:7px 4px; border-bottom:1px solid var(--approved-line); }
.app-shell-v2 .context-account .account-menu > nav > dl > div { min-height:28px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:3px 6px; }
.app-shell-v2 .context-account .account-menu > nav dt { min-width:0; color:var(--approved-muted); font-size:9px; line-height:1.25; }
.app-shell-v2 .context-account .account-menu > nav dd { margin:0; color:var(--approved-text); font-size:10px; font-weight:700; line-height:1.25; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.app-shell-v2 .conversation-action-menu { position:fixed; z-index:420; width:224px; padding:7px; border:1px solid var(--approved-line-strong); border-radius:11px; background:#0d1b2d; box-shadow:0 20px 55px rgba(0,0,0,.42); }
.app-shell-v2 .conversation-action-menu[hidden] { display:none; }
.app-shell-v2 .conversation-action-menu button { width:100%; min-height:38px; display:flex; align-items:center; gap:10px; padding:0 10px; border:0; border-radius:7px; color:var(--approved-text); background:transparent; font-size:11px; text-align:left; }
.app-shell-v2 .conversation-action-menu button:hover,
.app-shell-v2 .conversation-action-menu button:focus-visible { background:var(--approved-panel-2); }
.app-shell-v2 .conversation-action-menu button:disabled { opacity:.38; }
.app-shell-v2 .conversation-action-menu button.danger { color:var(--approved-danger); }
.app-shell-v2 .conversation-action-menu > i { display:block; height:1px; margin:5px; background:var(--approved-line); }
.app-shell-v2 .conversation-project-dialog { width:min(440px,calc(100vw - 28px)); padding:0; border:1px solid var(--approved-line-strong); border-radius:14px; color:var(--approved-text); background:#0b192a; box-shadow:0 26px 80px rgba(0,0,0,.55); }
.app-shell-v2 .conversation-project-dialog::backdrop { background:rgba(2,8,18,.72); backdrop-filter:blur(5px); }
.app-shell-v2 .conversation-project-dialog form { display:grid; }
.app-shell-v2 .conversation-project-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid var(--approved-line); }
.app-shell-v2 .conversation-project-dialog header span { display:grid; gap:2px; }
.app-shell-v2 .conversation-project-dialog header small { color:var(--approved-accent); font-size:8px; letter-spacing:.13em; }
.app-shell-v2 .conversation-project-dialog h2 { font-size:18px; }
.app-shell-v2 .conversation-project-dialog form > p { padding:16px 20px 0; color:var(--approved-muted); font-size:11px; }
.app-shell-v2 .conversation-project-dialog label { display:grid; gap:7px; margin:16px 20px 22px; font-size:11px; font-weight:700; }
.app-shell-v2 .conversation-project-dialog input,
.app-shell-v2 .conversation-project-dialog select { width:100%; height:44px; padding:0 12px; border:1px solid var(--approved-line); border-radius:8px; background:var(--approved-surface); color:var(--approved-text); }
.app-shell-v2 .conversation-project-dialog footer { display:flex; justify-content:flex-end; gap:8px; padding:14px 20px; border-top:1px solid var(--approved-line); }

.app-shell-v2 .workspace-main {
  grid-row: 2;
  grid-column: 1;
  width: calc(100% - var(--approved-sidebar));
  min-width: 0;
  min-height: 0;
  height: auto;
  max-width: none;
  margin: 0 0 0 var(--approved-sidebar);
  padding: clamp(24px, 3.5vw, 48px);
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #2b4058 transparent;
}


body[data-page="U02"] .app-shell-v2 .workspace-main { padding: 0; overflow: hidden; }
.app-shell-v2 .builder-v2 { width:100%; max-width:100%; min-width:0; height:100%; display:grid; grid-template-columns:minmax(0,1fr) var(--approved-inspector); margin:0; overflow:hidden; background:var(--approved-bg); }
.app-shell-v2 .builder-v2 .chat-pane { min-width:0; min-height:0; display:grid; grid-template-rows:58px minmax(0,1fr) auto; position:relative; overflow:hidden; border-right:0; }
.app-shell-v2 .builder-v2 .chat-pane::before { display:none; }
.app-shell-v2 .builder-v2 .chat-pane > header {
  min-width:0;
  max-width:100%;
  height:58px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:0 max(14px,calc((100% - var(--approved-content))/2));
  border:0;
  border-bottom:1px solid var(--approved-line);
  background:var(--approved-bg);
}
.app-shell-v2 .builder-heading { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.app-shell-v2 .chat-heading-actions { min-width:0; display:flex; align-items:center; gap:8px; }
.app-shell-v2 .chat-creadit-usage { min-width:0; display:inline-flex; align-items:center; gap:4px; overflow:hidden; white-space:nowrap; color:#8f9db0; font-size:10px; font-variant-numeric:tabular-nums; letter-spacing:-.1px; }
.app-shell-v2 .chat-creadit-usage b { color:inherit; font-size:inherit; font-weight:600; }
.app-shell-v2 .chat-creadit-usage i { color:#46556a; font-style:normal; }
.app-shell-v2 .builder-v2 .runtime-chat {
  min-width:0;
  max-width:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:28px;
  padding:36px max(14px,calc((100% - var(--approved-content))/2)) 28px;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.app-shell-v2 .builder-v2 .runtime-chat::-webkit-scrollbar { display:none; }
.app-shell-v2 .builder-v2 .empty-chat {
  place-self:center;
  width:min(100%,720px);
  display:grid;
  justify-items:center;
  padding:32px max(18px,calc((100% - var(--approved-content))/2));
  text-align:center;
}
.app-shell-v2 .builder-v2 .empty-chat>div { display:none; }
.app-shell-v2 .builder-v2 .empty-chat h1 { margin:0; font-size:clamp(21px,2.4vw,30px); line-height:1.2; }
.app-shell-v2 .builder-v2 .empty-chat>p { max-width:560px; margin:10px 0 22px; color:var(--approved-muted); font-size:12px; line-height:1.55; }
.app-shell-v2 .builder-v2 .empty-chat nav { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.app-shell-v2 .builder-v2 .empty-chat nav button { min-height:34px; padding:7px 11px; border:1px solid var(--approved-line); border-radius:8px; color:var(--approved-muted); background:var(--approved-panel); font-size:10px; }
.app-shell-v2 .builder-v2 .empty-chat nav button:hover { border-color:var(--approved-line-strong); color:var(--approved-text); background:var(--approved-panel-2); }
.app-shell-v2 .builder-v2 .message { width:100%; min-width:0; display:flex; }
.app-shell-v2 .builder-v2 .message > span { min-width:0; max-width:min(86%,820px); overflow-wrap:anywhere; }
.app-shell-v2 .builder-v2 .message.me { justify-content:flex-end; }
.app-shell-v2 .builder-v2 .message.me > span { max-width:min(78%,620px); }
.app-shell-v2 .builder-v2 .message p { min-width:0; margin:0; padding:0; overflow-wrap:anywhere; border:0; border-radius:0; color:var(--approved-text); background:transparent; box-shadow:none; font-size:14px; line-height:1.7; }
.app-shell-v2 .builder-v2 .message.me p { padding:12px 15px; border:1px solid #315267; border-radius:10px; background:#102a36; }
.app-shell-v2 .builder-v2 .message .message-body { min-width:0; color:var(--approved-text); font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.app-shell-v2 .builder-v2 .message .message-body > * + * { margin-top:10px; }
.app-shell-v2 .builder-v2 .message .message-body h3,
.app-shell-v2 .builder-v2 .message .message-body h4 { margin:14px 0 2px; color:var(--approved-text); font-size:15px; line-height:1.4; font-weight:700; }
.app-shell-v2 .builder-v2 .message .message-body h4 { font-size:14px; }
.app-shell-v2 .builder-v2 .message .message-body ul,
.app-shell-v2 .builder-v2 .message .message-body ol { margin:0; padding-left:22px; }
.app-shell-v2 .builder-v2 .message .message-body li + li { margin-top:4px; }
.app-shell-v2 .builder-v2 .message .message-body code { padding:1px 5px; border-radius:5px; background:rgba(255,255,255,.07); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12.5px; }
.app-shell-v2 .builder-v2 .message .message-body .message-code { margin:0; padding:10px 12px; overflow-x:auto; border:1px solid var(--approved-line); border-radius:8px; background:#0b1726; }
.app-shell-v2 .builder-v2 .message .message-body .message-code code { padding:0; background:transparent; white-space:pre; }
.app-shell-v2 .builder-v2 .message .message-body .message-table { max-width:100%; overflow-x:auto; }
.app-shell-v2 .builder-v2 .message .message-body table { min-width:100%; border-collapse:collapse; font-size:13px; }
.app-shell-v2 .builder-v2 .message .message-body th,
.app-shell-v2 .builder-v2 .message .message-body td { padding:6px 10px; border:1px solid var(--approved-line); text-align:left; vertical-align:top; }
.app-shell-v2 .builder-v2 .message .message-body th { background:var(--approved-panel); font-weight:600; }
.app-shell-v2 .builder-v2 .chat-pane > footer { min-width:0; max-width:100%; padding:8px max(14px,calc((100% - var(--approved-content))/2)) 14px; border:0; background:linear-gradient(180deg,transparent,var(--approved-bg) 14px); }
.app-shell-v2 .runtime-composer {
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:122px;
  display:grid;
  padding:14px 12px 10px;
  border:1px solid var(--approved-line-strong);
  border-radius:14px;
  background:#0d1d31;
  box-shadow:0 10px 34px rgba(0,0,0,.22);
}
.app-shell-v2 .runtime-composer textarea { width:100%; min-width:0; max-width:100%; min-height:58px; max-height:180px; padding:0 8px 10px 4px; overflow-y:hidden; resize:none; border:0; outline:0; color:var(--approved-text); background:transparent; line-height:1.55; scrollbar-width:thin; scrollbar-color:#3b5066 transparent; }
.app-shell-v2 .runtime-composer .message-composer-input:focus-visible { border:0; outline:0; outline-offset:0; box-shadow:none; }
.app-shell-v2 .runtime-composer textarea::-webkit-scrollbar { width:5px; }
.app-shell-v2 .runtime-composer textarea::-webkit-scrollbar-button { display:none; width:0; height:0; }
.app-shell-v2 .runtime-composer textarea::-webkit-scrollbar-thumb { border-radius:99px; background:#3b5066; }
.app-shell-v2 .composer-bottom { width:100%; min-width:0; min-height:40px; display:flex; align-items:center; gap:8px; }
.app-shell-v2 .composer-spacer { min-width:0; flex:1 1 0; }
.app-shell-v2 .composer-send { position:relative; width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(111,255,220,.66); border-radius:10px; color:#061d19; background:linear-gradient(145deg,#7df3d6 0%,#4bdfbc 54%,#2ab99c 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 7px 20px rgba(54,205,169,.21); }
.app-shell-v2 .composer-send::after { content:""; position:absolute; inset:1px 5px auto; height:44%; border-radius:8px; background:linear-gradient(180deg,rgba(255,255,255,.30),transparent); }
.app-shell-v2 .composer-send svg { position:relative; z-index:1; }

.app-shell-v2 .analysis-tier-picker { position:relative; min-width:0; max-width:calc(100% - 48px); flex:0 1 auto; }
.app-shell-v2 .analysis-tier-trigger { --tier-color:#62dfa4; width:auto; max-width:100%; min-width:0; height:36px; display:flex; align-items:center; gap:7px; padding:0 10px; border:1px solid color-mix(in srgb,var(--tier-color) 28%,var(--approved-line)); border-radius:9px; color:var(--approved-text); background:color-mix(in srgb,var(--tier-color) 8%,var(--approved-panel-2)); font-size:10px; font-weight:700; white-space:nowrap; }
.app-shell-v2 .analysis-tier-trigger [data-analysis-tier-label] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-shell-v2 .analysis-tier-trigger[data-tier="1"]{--tier-color:#c87945}.app-shell-v2 .analysis-tier-trigger[data-tier="2"]{--tier-color:#d7e0e8}.app-shell-v2 .analysis-tier-trigger[data-tier="3"]{--tier-color:#ffd24d}.app-shell-v2 .analysis-tier-trigger[data-tier="4"]{--tier-color:#d98cff}
.app-shell-v2 .analysis-tier-trigger .tier-chip-mark { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:var(--tier-color); box-shadow:0 0 10px color-mix(in srgb,var(--tier-color) 70%,transparent); }
.app-shell-v2 .analysis-tier-trigger > svg { color:var(--approved-muted); transform:rotate(90deg); }
.app-shell-v2 .analysis-tier-trigger[aria-expanded="true"] > svg { transform:rotate(-90deg); }
.app-shell-v2 .analysis-tier-popover { --tier-color:#62dfa4; --tier-glow:rgba(75,220,153,.24); --tier-gradient:linear-gradient(90deg,#38b878,#8cf0bf,#4bd99a); --tier-progress:0%; position:absolute; left:0; right:auto; bottom:44px; width:min(330px,calc(var(--approved-viewport-width) - 32px)); padding:14px; border:1px solid color-mix(in srgb,var(--tier-color) 34%,var(--approved-line-strong)); border-radius:13px; background:radial-gradient(circle at 82% -25%,var(--tier-glow),transparent 48%),#0d1a2c; box-shadow:0 18px 52px rgba(0,0,0,.48),0 0 26px color-mix(in srgb,var(--tier-color) 10%,transparent); backdrop-filter:none; z-index:230; }
.app-shell-v2 .analysis-tier-popover[data-tier="1"]{--tier-color:#c87945;--tier-glow:rgba(200,121,69,.25);--tier-gradient:linear-gradient(90deg,#8b4d2c,#d48a56,#f0b582)}.app-shell-v2 .analysis-tier-popover[data-tier="2"]{--tier-color:#d7e0e8;--tier-glow:rgba(207,220,232,.20);--tier-gradient:linear-gradient(90deg,#7d8d9d,#eef3f7,#aebbc7)}.app-shell-v2 .analysis-tier-popover[data-tier="3"]{--tier-color:#ffd24d;--tier-glow:rgba(255,200,46,.26);--tier-gradient:linear-gradient(90deg,#da9700,#ffd84f,#fff0a0)}.app-shell-v2 .analysis-tier-popover[data-tier="4"]{--tier-color:#d98cff;--tier-glow:rgba(217,140,255,.28);--tier-gradient:linear-gradient(90deg,#ff8fb2,#a66cff 52%,#df80ff)}
.app-shell-v2 .tier-current { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }.app-shell-v2 .tier-current strong{font-size:14px}.app-shell-v2 .tier-current span{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.app-shell-v2 .tier-range-shell{position:relative;height:42px}.app-shell-v2 .tier-animated-track{position:absolute;top:13px;right:1px;left:1px;height:16px;overflow:hidden;border:1px solid rgba(139,158,181,.34);border-radius:99px;background:linear-gradient(180deg,#1d2b3d,#142132);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06),0 5px 14px rgba(0,0,0,.2)}.app-shell-v2 .tier-animated-track i{display:block;width:max(var(--tier-progress),12px);height:100%;border-radius:inherit;background:var(--tier-gradient);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.13),0 0 18px var(--tier-glow);animation:approved-tier-breathe 3.2s ease-in-out infinite}.app-shell-v2 .tier-step-dots{position:absolute;top:18px;right:7px;left:7px;display:flex;justify-content:space-between;pointer-events:none}.app-shell-v2 .tier-step-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.38)}
.app-shell-v2 .analysis-tier-popover input[type="range"]{position:absolute;inset:0;width:100%;height:42px;margin:0;appearance:none;background:transparent;cursor:pointer}.app-shell-v2 .analysis-tier-popover input[type="range"]::-webkit-slider-runnable-track{height:16px;border-radius:99px;background:transparent}.app-shell-v2 .analysis-tier-popover input[type="range"]::-webkit-slider-thumb{width:30px;height:30px;appearance:none;margin-top:-7px;border:4px solid rgba(255,255,255,.96);border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 16%,var(--tier-color) 58%,color-mix(in srgb,var(--tier-color) 70%,#172131) 100%);box-shadow:0 2px 7px rgba(0,0,0,.42),0 0 0 5px color-mix(in srgb,var(--tier-color) 16%,transparent),0 0 19px var(--tier-color)}
@keyframes approved-tier-breathe{0%,100%{filter:saturate(.96) brightness(.98)}50%{filter:saturate(1.08) brightness(1.06)}}

.app-shell-v2 .builder-v2 .contract-pane { min-height:0; display:grid; grid-template-rows:58px 42px minmax(0,1fr) auto; overflow:hidden; border-left:1px solid var(--approved-line); background:#081422; }
.app-shell-v2 .builder-v2 .contract-pane > header { height:58px; display:flex; align-items:center; padding:0 16px; border:0; }
.app-shell-v2 .builder-v2 .contract-pane > header > span { min-width:0; display:grid; gap:3px; }.app-shell-v2 .builder-v2 .contract-pane > header small{color:var(--approved-text);font-size:12px;font-weight:750;letter-spacing:0}.app-shell-v2 .builder-v2 .contract-pane > header b{overflow:hidden;color:var(--approved-muted);font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.app-shell-v2 .contract-tabs { height:42px; display:grid; grid-template-columns:repeat(3,1fr); border:0; border-bottom:1px solid var(--approved-line); }.app-shell-v2 .contract-tabs>*{display:grid;place-items:center;color:var(--approved-muted);font-size:10px}.app-shell-v2 .contract-tabs b{color:var(--approved-text);border-bottom:2px solid var(--approved-mint)}
.app-shell-v2 .contract-close{display:none}
.app-shell-v2 .contract-accordion { min-height:0; display:grid; align-content:start; gap:8px; padding:16px 14px; overflow:auto; }.app-shell-v2 .contract-group{overflow:hidden;border:1px solid var(--approved-line);border-radius:8px;background:var(--approved-panel)}.app-shell-v2 .contract-key{width:100%;min-height:64px;display:grid;grid-template-columns:8px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:10px 12px;border:0;color:var(--approved-text);background:transparent;text-align:left}.app-shell-v2 .contract-key>i{width:7px;height:7px;border-radius:50%;background:var(--approved-mint)}.app-shell-v2 .contract-key.search>i{background:var(--approved-blue)}.app-shell-v2 .contract-key.objective>i{background:var(--approved-amber)}.app-shell-v2 .contract-key.simulation>i{background:var(--approved-violet)}.app-shell-v2 .contract-key>span{min-width:0;display:grid;gap:3px}.app-shell-v2 .contract-key b,.app-shell-v2 .contract-key small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .contract-key b{font-size:10px}.app-shell-v2 .contract-key small{color:var(--approved-muted);font-size:9px}.app-shell-v2 .contract-key>svg{color:var(--approved-muted)}.app-shell-v2 .builder-v2 .contract-pane > footer{display:grid;gap:7px;padding:12px 14px 16px;border-top:0}.app-shell-v2 .builder-v2 .contract-pane > footer .button{min-height:42px;border-radius:9px}
.app-shell-v2 .builder-v2 .contract-package-card{min-width:0;padding:12px 12px 10px;border:0;border-radius:0;background:transparent}.app-shell-v2 .builder-v2 .contract-package-card>header{display:block;min-width:0}.app-shell-v2 .builder-v2 .contract-package-card>header b{display:block;overflow-wrap:anywhere;color:var(--approved-text);font-size:10px;line-height:1.45}.app-shell-v2 .builder-v2 .contract-package-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:9px}.app-shell-v2 .builder-v2 .contract-package-progress>i{height:4px;overflow:hidden;border-radius:99px;background:var(--approved-panel-2)}.app-shell-v2 .builder-v2 .contract-package-progress>i>em{display:block;height:100%;border-radius:inherit;background:var(--approved-violet);transition:width .22s ease}.app-shell-v2 .builder-v2 .contract-package-progress>strong{min-width:29px;color:var(--approved-muted);font-size:8px;font-variant-numeric:tabular-nums;text-align:right}.app-shell-v2 .builder-v2 .contract-package-card>p{margin:8px 0 0;color:var(--approved-muted);font-size:9px;line-height:1.45}.app-shell-v2 .builder-v2 .contract-package-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.app-shell-v2 .builder-v2 .contract-package-activity{min-width:0;overflow:hidden;color:var(--approved-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .builder-v2 .contract-package-card>footer>a{flex:0 0 auto;margin:0;color:var(--approved-mint);font-size:9px;font-weight:700;white-space:nowrap}


.app-shell-v2 .project-manager-page { width:min(100%,1180px); margin:0 auto; padding:8px 0 40px; }
.app-shell-v2 .project-manager-header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.app-shell-v2 .project-manager-header h1 { font-size:clamp(26px,3vw,34px); letter-spacing:-.035em; }
.app-shell-v2 .project-manager-header > div { display:flex; align-items:center; gap:10px; }
.app-shell-v2 .project-manager-header label { width:min(320px,38vw); height:42px; display:flex; align-items:center; gap:9px; padding:0 12px; border:1px solid var(--approved-line); border-radius:9px; color:var(--approved-muted); background:var(--approved-panel); }
.app-shell-v2 .project-manager-header input { min-width:0; width:100%; border:0; outline:0; color:var(--approved-text); background:transparent; font-size:12px; }
.app-shell-v2 .project-ea-entry { height:40px; display:flex; align-items:center; gap:7px; padding:0 11px; border:1px solid var(--approved-line); border-radius:9px; color:var(--approved-muted); background:transparent; font-size:11px; white-space:nowrap; }
.app-shell-v2 .project-manager-list { border-top:1px solid var(--approved-line); }
.app-shell-v2 .project-record { border-bottom:1px solid var(--approved-line); }
.app-shell-v2 .project-manager-row { min-height:66px; display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:center; }
.app-shell-v2 .project-record.is-expanded .project-manager-row { margin-top:10px; border-radius:10px; background:var(--approved-panel-2); }
.app-shell-v2 .project-expand { min-width:0; min-height:66px; display:grid; grid-template-columns:24px minmax(190px,1.1fr) minmax(275px,1fr) 100px 18px; align-items:center; gap:13px; padding:0 8px 0 14px; border:0; color:var(--approved-text); background:transparent; text-align:left; }
.app-shell-v2 .project-folder{width:24px;height:24px;display:grid;place-items:center;color:var(--approved-muted)}.app-shell-v2 .project-name{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .project-counts{min-width:0;display:flex;align-items:center;color:var(--approved-muted);font-size:10px}.app-shell-v2 .project-counts span{white-space:nowrap}.app-shell-v2 .project-counts span+span::before{content:"·";margin:0 8px;color:#455a72}.app-shell-v2 .project-expand time{color:var(--approved-muted);font-size:10px;text-align:right;white-space:nowrap}.app-shell-v2 .project-chevron{color:var(--approved-muted);transition:transform .16s ease}.app-shell-v2 .project-record.is-expanded .project-chevron{transform:rotate(90deg)}.app-shell-v2 .project-menu-trigger{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:var(--approved-muted);background:transparent}.app-shell-v2 .project-menu-trigger:hover{color:var(--approved-text);background:rgba(255,255,255,.055)}
.app-shell-v2 .project-conversation-list{display:grid;padding:5px 50px 12px}.app-shell-v2 .project-conversation-list[hidden]{display:none}.app-shell-v2 .project-related-links{justify-content:flex-start;padding:5px 12px 7px 22px}.app-shell-v2 .project-conversation{min-height:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 12px 0 22px;border:0;border-radius:8px;color:#c5d0da;background:transparent}.app-shell-v2 .project-conversation:hover{color:var(--approved-text);background:rgba(255,255,255,.035)}
.app-shell-v2 .project-conversation span{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .project-conversation small,.app-shell-v2 .project-conversation-empty{color:var(--approved-muted);font-size:10px}.app-shell-v2 .project-conversation-empty{padding:12px 22px}
.app-shell-v2 .project-actions-menu{position:fixed;width:218px;padding:7px;border:1px solid var(--approved-line-strong);border-radius:10px;background:#0d1b2d;box-shadow:0 18px 48px rgba(0,0,0,.42);z-index:360}.app-shell-v2 .project-actions-menu[hidden]{display:none}.app-shell-v2 .project-actions-menu button{width:100%;height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:7px;color:var(--approved-text);background:transparent;text-align:left;font-size:11px}.app-shell-v2 .project-actions-menu button:hover,.app-shell-v2 .project-actions-menu button:focus-visible{background:var(--approved-panel-2)}.app-shell-v2 .project-actions-menu>i{display:block;height:1px;margin:5px;background:var(--approved-line)}.app-shell-v2 .project-actions-menu .danger{color:var(--approved-danger)}


.app-shell-v2 .ea-list-page{width:min(100%,1040px);margin:0 auto;padding:8px 0 40px}.app-shell-v2 .ea-list-page>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.app-shell-v2 .ea-list-page>header h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.035em}.app-shell-v2 .ea-list-page>header p{margin-top:6px;color:var(--approved-muted);font-size:12px}.app-shell-v2 .ea-list-page>header .context-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.app-shell-v2 .ea-list{display:grid;border-top:1px solid var(--approved-line)}.app-shell-v2 .ea-list-row{min-height:92px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 145px;align-items:center;gap:16px;padding:14px 10px;border-bottom:1px solid var(--approved-line);color:var(--approved-text)}.app-shell-v2 .ea-list-row:hover{background:rgba(255,255,255,.025)}.app-shell-v2 .ea-list-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:var(--approved-mint);background:rgba(88,227,194,.08);font-weight:800}.app-shell-v2 .ea-list-copy{min-width:0;display:grid;gap:3px}.app-shell-v2 .ea-list-copy b,.app-shell-v2 .ea-list-copy small,.app-shell-v2 .ea-list-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .ea-list-copy b{font-size:13px}.app-shell-v2 .ea-list-copy small,.app-shell-v2 .ea-list-copy em{color:var(--approved-muted);font-size:10px;font-style:normal}.app-shell-v2 .ea-list-status{justify-self:start;padding:6px 9px;border-radius:999px;font-size:9px;white-space:nowrap}.app-shell-v2 .ea-list-status.active{color:var(--approved-mint);background:rgba(88,227,194,.08)}.app-shell-v2 .ea-list-status.attention{color:var(--approved-amber);background:rgba(242,201,105,.08)}.app-shell-v2 .ea-list-status.off{color:var(--approved-muted);background:rgba(255,255,255,.04)}.app-shell-v2 .ea-list-open{color:var(--approved-mint);font-size:10px;text-align:right;white-space:nowrap}.app-shell-v2 .ea-list-empty{display:grid;justify-items:start;gap:8px;padding:40px 10px;color:var(--approved-muted)}.app-shell-v2 .ea-list-empty b{color:var(--approved-text)}


body[data-page="U08"] .app-shell-v2 .workspace-main,
body[data-page="U20"] .app-shell-v2 .workspace-main { padding:clamp(30px,4vw,54px); }
.app-shell-v2 .analysis-hub-header { width:min(100%,1180px); display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 auto 20px; }
.app-shell-v2 .analysis-hub-header h1 { margin:0 0 6px; font-size:clamp(26px,3vw,34px); letter-spacing:-.035em; }.app-shell-v2 .analysis-hub-header p{color:var(--approved-muted);font-size:13px}.app-shell-v2 .analysis-hub-tools{display:flex;align-items:center;gap:10px}.app-shell-v2 .analysis-search{width:min(360px,100%);height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--approved-line);border-radius:9px;color:var(--approved-muted);background:var(--approved-panel)}.app-shell-v2 .analysis-search input{min-width:0;width:100%;border:0;outline:0;color:var(--approved-text);background:transparent;font-size:12px}.app-shell-v2 .analysis-hub-tools>.context-ea-entry{height:42px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid var(--approved-line);border-radius:9px;color:var(--approved-muted);font-size:11px;white-space:nowrap}
.app-shell-v2 .analysis-filter-tabs{width:min(100%,1180px);min-height:40px;display:flex;align-items:center;gap:6px;margin:0 auto 14px;overflow-x:auto;scrollbar-width:none}.app-shell-v2 .analysis-filter-tabs button{height:38px;flex:0 0 auto;padding:0 11px;border:1px solid transparent;border-radius:8px;color:var(--approved-muted);background:transparent;font-size:11px;font-weight:700}.app-shell-v2 .analysis-filter-tabs button.active{border-color:var(--approved-line-strong);color:var(--approved-text);background:var(--approved-panel-2)}.app-shell-v2 .analysis-filter-tabs i{margin-left:4px;color:var(--approved-subtle);font-style:normal}
.app-shell-v2 .analysis-run-list{width:min(100%,1180px);display:grid;gap:0;margin:0 auto;overflow:hidden;border:1px solid var(--approved-line);border-radius:12px;background:var(--approved-panel)}.app-shell-v2 .analysis-run-card{min-height:90px;padding:0 16px;border:0;border-bottom:1px solid var(--approved-line);border-radius:0;background:transparent}.app-shell-v2 .analysis-run-card:last-child{border-bottom:0}.app-shell-v2 .analysis-run-card:hover{background:rgba(255,255,255,.018)}.app-shell-v2 .analysis-run-main{min-height:90px;display:grid;grid-template-columns:minmax(190px,.9fr) minmax(240px,1.15fr) auto auto;align-items:center;gap:18px}.app-shell-v2 .analysis-run-entity{min-width:0;display:grid;grid-template-rows:13px minmax(22px,auto) 16px;align-content:center}.app-shell-v2 .analysis-run-entity>small{color:var(--approved-subtle);font-size:8px;font-weight:700;letter-spacing:.11em}.app-shell-v2 .analysis-run-entity>em{overflow:hidden;color:var(--approved-muted);font-size:9.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .analysis-editable [data-analysis-name]{overflow:hidden;font-size:11.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .analysis-editable button{width:24px;height:24px;border-radius:6px;color:var(--approved-muted);background:transparent;opacity:.58}.app-shell-v2 .analysis-editable button:hover,.app-shell-v2 .analysis-editable button:focus-visible{color:var(--approved-text);background:var(--approved-panel-2);opacity:1}
.app-shell-v2 .analysis-editable input{min-width:0;height:30px;padding:0 8px;border:1px solid rgba(145,161,187,.20);border-radius:5px;outline:0;color:var(--approved-text);background:rgba(3,9,18,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}.app-shell-v2 .analysis-editable input:focus{border-color:rgba(174,186,204,.34);outline:0;box-shadow:none}.app-shell-v2 .package-state{height:26px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid var(--approved-line-strong);border-radius:999px;color:var(--approved-muted);background:var(--approved-panel-2);font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.app-shell-v2 .package-state.succeeded{color:var(--approved-mint);background:rgba(88,227,194,.08)}.app-shell-v2 .package-state.succeeded.not_qualified{color:var(--approved-amber);background:rgba(242,201,105,.08)}.app-shell-v2 .analysis-run-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.app-shell-v2 .analysis-card-links a{min-height:30px;border:0;background:transparent}.app-shell-v2 .analysis-open{min-width:118px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--approved-line-strong);border-radius:8px;color:var(--approved-text);background:#102238;font-size:11px;font-weight:750;white-space:nowrap}.app-shell-v2 .analysis-run-progress{display:flex;align-items:center;gap:10px;margin:0 0 11px}.app-shell-v2 .analysis-run-progress>i{height:5px;flex:1;overflow:hidden;border-radius:999px;background:#162940}.app-shell-v2 .analysis-run-progress>i>em{display:block;height:100%;background:linear-gradient(90deg,var(--approved-blue),var(--approved-mint))}.app-shell-v2 .analysis-run-progress>span{color:var(--approved-muted);font-size:10px}


body[data-page="U09"] .app-shell-v2 .workspace-main{padding:26px clamp(18px,3vw,42px) 56px}.app-shell-v2 .run-live-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.app-shell-v2 .run-live-heading>div:first-child{min-width:0}.app-shell-v2 .run-live-heading small{color:var(--approved-mint);font-size:8px;font-weight:800;letter-spacing:.12em}.app-shell-v2 .run-live-heading h1{margin-top:5px;font-size:clamp(1.7rem,3vw,2.2rem);overflow-wrap:anywhere}.app-shell-v2 .run-live-heading p{margin-top:5px;color:var(--approved-muted)}.app-shell-v2 .run-live-heading>div:last-child{display:flex;gap:8px;flex:0 0 auto}.app-shell-v2 .run-live-state{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;padding:22px;border:1px solid var(--approved-line);border-radius:11px;background:linear-gradient(115deg,var(--approved-panel),var(--approved-panel-2))}.app-shell-v2 .run-live-state-copy{display:grid;justify-items:start;gap:7px}.app-shell-v2 .run-live-state-copy h2{font-size:1.25rem}.app-shell-v2 .run-live-state-copy p{color:var(--approved-muted)}.app-shell-v2 .run-live-state>strong{align-self:center;font-size:1.7rem;font-variant-numeric:tabular-nums}.app-shell-v2 .run-live-progress{grid-column:1/-1;height:7px;overflow:hidden;border-radius:99px;background:#162940}.app-shell-v2 .run-live-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--approved-blue),var(--approved-mint));transition:width .25s ease}.app-shell-v2 .run-live-state.failed{border-color:rgba(255,110,127,.30)}.app-shell-v2 .run-live-state.succeeded{border-color:rgba(88,227,194,.30)}.app-shell-v2 .run-live-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;border:1px solid var(--approved-line);border-radius:10px;background:var(--approved-panel)}.app-shell-v2 .run-live-facts article{min-width:0;min-height:76px;display:grid;align-content:center;gap:6px;padding:14px 16px;border-left:1px solid var(--approved-line)}.app-shell-v2 .run-live-facts article:first-child{border-left:0}.app-shell-v2 .run-live-facts small{color:var(--approved-muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.app-shell-v2 .run-live-facts b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.app-shell-v2 .run-live-note{margin-top:12px;color:var(--approved-muted);font-size:10px}
.app-shell-v2 .run-research-program{margin-top:14px;padding:20px;border:1px solid var(--approved-line);border-radius:11px;background:var(--approved-panel)}.app-shell-v2 .run-research-program>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--approved-line)}.app-shell-v2 .run-research-program>header small{display:block;margin-bottom:5px;color:var(--approved-mint);font-size:8px;font-weight:800;letter-spacing:.12em}.app-shell-v2 .run-research-program>header h2{font-size:16px}.app-shell-v2 .semantic-lock{height:27px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid rgba(88,227,194,.24);border-radius:999px;color:var(--approved-mint);background:rgba(88,227,194,.07);font-size:8px;font-weight:800;white-space:nowrap}.app-shell-v2 .research-compute-policy{display:grid;grid-template-columns:4fr 1fr;gap:8px;margin:16px 0}.app-shell-v2 .research-compute-policy article{min-height:66px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--approved-line);border-radius:8px;background:var(--approved-panel-2)}.app-shell-v2 .research-compute-policy b{color:var(--approved-mint);font-size:20px}.app-shell-v2 .research-compute-policy span{color:var(--approved-muted);font-size:9px;line-height:1.4}.app-shell-v2 .research-stage-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.app-shell-v2 .research-stage{min-width:0;min-height:88px;display:grid;grid-template-columns:9px minmax(0,1fr);align-content:center;gap:6px 8px;padding:10px;border:1px solid var(--approved-line);border-radius:8px;background:rgba(255,255,255,.012)}.app-shell-v2 .research-stage>i{width:8px;height:8px;margin-top:3px;border:1px solid var(--approved-subtle);border-radius:50%}.app-shell-v2 .research-stage>span{min-width:0;display:grid;gap:4px}.app-shell-v2 .research-stage b{font-size:9px;line-height:1.4}.app-shell-v2 .research-stage small,.app-shell-v2 .research-stage>em{color:var(--approved-subtle);font-size:7.5px;font-style:normal;line-height:1.4}.app-shell-v2 .research-stage>em{grid-column:2}.app-shell-v2 .research-stage.running{border-color:rgba(90,166,255,.30);background:rgba(90,166,255,.06)}.app-shell-v2 .research-stage.running>i{border-color:var(--approved-blue);background:var(--approved-blue)}.app-shell-v2 .research-stage.completed>i{border-color:var(--approved-mint);background:var(--approved-mint)}.app-shell-v2 .research-stage.not_applicable{opacity:.55}


body[data-page="U10"] .app-shell-v2 .workspace-main { padding:clamp(30px,4vw,54px) clamp(18px,4vw,54px) 70px; }
.app-shell-v2 .result-page-heading,
.app-shell-v2 .verdict,
.app-shell-v2 .result-metrics,
.app-shell-v2 .result-diagnostics,
.app-shell-v2 .result-variants,
.app-shell-v2 .result-optional,
.app-shell-v2 .next-step-card { width:min(100%,1180px); margin-right:auto; margin-left:auto; }
.app-shell-v2 .result-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.app-shell-v2 .result-title-line{display:flex;align-items:center;gap:10px}.app-shell-v2 .result-page-heading h1{margin:0;font-size:clamp(26px,3vw,34px);letter-spacing:-.035em}.app-shell-v2 .result-page-heading p{margin:7px 0 0;color:var(--approved-muted);font-size:12px}.app-shell-v2 .result-rename-button{height:32px;display:flex;align-items:center;gap:6px;padding:0 4px;border:0;border-radius:0;color:var(--approved-muted);background:transparent}.app-shell-v2 .result-rename-button:hover{color:var(--approved-text);background:transparent}
.app-shell-v2 .verdict{min-height:112px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;border:1px solid rgba(88,227,194,.32);border-radius:12px;background:linear-gradient(105deg,rgba(88,227,194,.09),rgba(88,227,194,.025))}.app-shell-v2 .verdict.rejected{border-color:#5b3340;background:linear-gradient(105deg,rgba(255,110,127,.09),rgba(255,110,127,.025))}.app-shell-v2 .verdict>.verdict-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:#062119;background:var(--approved-mint)}.app-shell-v2 .verdict.rejected>.verdict-icon{color:var(--approved-danger);background:rgba(255,110,127,.12)}.app-shell-v2 .verdict h2{margin:0;font-size:clamp(18px,2vw,23px)}.app-shell-v2 .verdict p{margin:6px 0 0;color:#b5c0cc;font-size:12px}.app-shell-v2 .verdict aside{display:flex;gap:7px;justify-content:flex-end}
.app-shell-v2 .result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.app-shell-v2 .result-metrics .metric{min-height:126px;padding:16px;border:1px solid var(--approved-line);border-radius:10px;background:var(--approved-panel)}.app-shell-v2 .result-metrics .metric>div{min-height:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;color:var(--approved-muted);font-size:11px}.app-shell-v2 .result-metrics .metric>div span,.app-shell-v2 .result-metrics .metric>div em{max-width:52%;line-height:1.25}.app-shell-v2 .result-metrics .metric>div em{text-align:right;white-space:normal}.app-shell-v2 .result-metrics .metric>b{display:block;align-self:end;margin-top:9px;font-size:28px}.app-shell-v2 .result-metrics .metric .spark{height:42px}
.app-shell-v2 .result-diagnostics{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:12px;margin-bottom:16px}.app-shell-v2 .result-diagnostics.single{grid-template-columns:minmax(0,1fr)}.app-shell-v2 .result-diagnostics .panel{padding:20px;border:1px solid var(--approved-line);border-radius:10px;background:var(--approved-panel)}.app-shell-v2 .result-diagnostics .panel>header{margin:0 0 4px;padding-bottom:16px;border-bottom:1px solid var(--approved-line)}.app-shell-v2 .result-criterion{min-height:68px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--approved-line)}.app-shell-v2 .result-criterion>span{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.app-shell-v2 .result-criterion>span>b{min-width:0;font-size:11px;line-height:1.45}.app-shell-v2 .result-criterion>span>small{color:var(--approved-muted);font-size:10px;line-height:1.45;text-align:right;white-space:nowrap}.app-shell-v2 .result-criterion>i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:var(--approved-danger);background:rgba(255,110,127,.10);font-style:normal;font-weight:900}.app-shell-v2 .result-criterion.passed>i{color:var(--approved-mint);background:rgba(88,227,194,.10)}.app-shell-v2 .result-diagnostics dl>div{min-height:60px;display:grid;align-content:center;gap:4px;border-top:1px solid var(--approved-line)}.app-shell-v2 .result-diagnostics dt{color:var(--approved-muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.app-shell-v2 .result-diagnostics dd{margin:0;font-size:10px;font-weight:700}
.app-shell-v2 .result-back{flex:0 0 auto}.app-shell-v2 .result-criteria{display:grid}.app-shell-v2 .result-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:12px;margin-top:16px;margin-bottom:16px}.app-shell-v2 .result-data-panel,.app-shell-v2 .result-grid>.weekly{padding:20px;border:1px solid var(--approved-line);border-radius:10px;background:var(--approved-panel)}.app-shell-v2 .result-data-panel>header,.app-shell-v2 .result-grid>.weekly>header{margin-bottom:14px}.app-shell-v2 .result-deliverable{width:min(100%,1180px);margin:16px auto 0;padding:20px;border:1px solid var(--approved-line);border-radius:10px;background:var(--approved-panel)}.app-shell-v2 .result-deliverable>div{display:flex;align-items:center;gap:8px;padding-top:14px}.app-shell-v2 .result-deliverable>div>span{min-width:0;display:grid;gap:4px;margin-right:auto}.app-shell-v2 .result-deliverable b,.app-shell-v2 .result-deliverable small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .result-deliverable small,.app-shell-v2 .result-legacy-note{color:var(--approved-muted);font-size:10px}.app-shell-v2 .result-legacy-note{padding:18px 0}
.app-shell-v2 .result-variants{margin-top:16px;margin-bottom:16px;padding:20px;border:1px solid var(--approved-line);border-radius:10px;background:var(--approved-panel)}.app-shell-v2 .result-variants>header{padding-bottom:14px;border-bottom:1px solid var(--approved-line)}.app-shell-v2 .result-variants>div{display:grid}.app-shell-v2 .result-variant{border-bottom:1px solid var(--approved-line)}.app-shell-v2 .result-variant:last-child{border-bottom:0}.app-shell-v2 .result-variant>summary{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 2px;cursor:pointer;list-style:none}.app-shell-v2 .result-variant>summary::-webkit-details-marker{display:none}.app-shell-v2 .result-variant>summary>span:first-child{min-width:0;display:grid;gap:4px}.app-shell-v2 .result-variant>summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.app-shell-v2 .result-variant>summary small{color:var(--approved-muted);font-size:9px}.app-shell-v2 .variant-metrics{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.app-shell-v2 .variant-metrics em{min-width:max-content;color:var(--approved-muted);font-size:9px;font-style:normal;font-variant-numeric:tabular-nums}.app-shell-v2 .result-variant-body{display:grid;gap:13px;padding:4px 2px 16px}.app-shell-v2 .result-variant-body dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid var(--approved-line);border-radius:7px;background:var(--approved-line)}.app-shell-v2 .result-variant-body dl>div{min-width:0;padding:9px 10px;background:var(--approved-panel-2)}.app-shell-v2 .result-variant-body dt{overflow:hidden;color:var(--approved-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .result-variant-body dd{margin:4px 0 0;overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .variant-checks{display:flex;flex-wrap:wrap;gap:5px}.app-shell-v2 .variant-check{padding:5px 7px;border-radius:6px;color:var(--approved-mint);background:rgba(88,227,194,.09);font-size:8px}.app-shell-v2 .variant-check.failed{color:var(--approved-danger);background:rgba(255,110,127,.09)}.app-shell-v2 .result-variant-body>p{color:var(--approved-muted);font-size:9px}.app-shell-v2 .next-step-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid rgba(88,227,194,.28);border-radius:12px;background:rgba(88,227,194,.08)}


body[data-page="U19"] .app-shell-v2 .workspace-main { padding:26px clamp(18px,3vw,42px) 56px; }
.app-shell-v2 .ea-monitor-page{width:min(100%,1120px);margin:0 auto;color:var(--approved-text)}.app-shell-v2 .ea-monitor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.app-shell-v2 .ea-monitor-heading>div>p{display:flex;gap:7px;margin-bottom:7px;color:var(--approved-subtle);font-size:10px}.app-shell-v2 .ea-monitor-heading>div>div{display:flex;align-items:center;gap:10px}.app-shell-v2 .ea-monitor-heading h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.035em}.app-shell-v2 .ea-monitor-heading em{height:25px;display:inline-flex;align-items:center;padding:0 9px;border-radius:7px;color:var(--approved-mint);background:rgba(88,227,194,.10);font-size:9px;font-style:normal;font-weight:700}.app-shell-v2 .ea-monitor-heading small{display:block;margin-top:7px;color:var(--approved-muted);font-size:11px}.app-shell-v2 .ea-monitor-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:14px;align-items:start}.app-shell-v2 .ea-monitor-main{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-shell-v2 .ea-state-banner,.app-shell-v2 .ea-window-card,.app-shell-v2 .ea-history-card{grid-column:1/-1}.app-shell-v2 .ea-monitor-page .panel,.app-shell-v2 .ea-state-banner{border:1px solid var(--approved-line);border-radius:11px;background:var(--approved-panel);box-shadow:none}
.app-shell-v2 .ea-state-banner{min-height:104px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 20px;border-color:rgba(88,227,194,.32);background:linear-gradient(100deg,rgba(88,227,194,.10),var(--approved-panel) 58%)}.app-shell-v2 .ea-state-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#061b18;background:var(--approved-mint);font-size:18px;font-style:normal;font-weight:900}.app-shell-v2 .ea-state-banner small,.app-shell-v2 .ea-window-card header small,.app-shell-v2 .ea-performance-card header small,.app-shell-v2 .ea-continuity-card header small,.app-shell-v2 .ea-history-card header small,.app-shell-v2 .ea-auto-panel header small{display:block;margin-bottom:5px;color:var(--approved-mint);font-size:8px;font-weight:800;letter-spacing:.13em}.app-shell-v2 .ea-state-banner h2{font-size:18px}.app-shell-v2 .ea-state-banner p{margin-top:5px;color:var(--approved-muted);font-size:11px}.app-shell-v2 .ea-state-banner[data-state="stale"],.app-shell-v2 .ea-state-banner[data-state="paused_ineffective"]{border-color:rgba(242,201,105,.36);background:linear-gradient(100deg,rgba(242,201,105,.08),var(--approved-panel) 58%)}.app-shell-v2 .ea-state-banner[data-state="stale"] .ea-state-icon,.app-shell-v2 .ea-state-banner[data-state="paused_ineffective"] .ea-state-icon{color:#1c1303;background:var(--approved-amber)}
.app-shell-v2 .ea-window-card,.app-shell-v2 .ea-performance-card,.app-shell-v2 .ea-continuity-card,.app-shell-v2 .ea-history-card{padding:18px 20px}.app-shell-v2 .ea-window-card>header,.app-shell-v2 .ea-performance-card>header,.app-shell-v2 .ea-continuity-card>header,.app-shell-v2 .ea-history-card>header,.app-shell-v2 .ea-auto-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.app-shell-v2 .ea-window-card h2,.app-shell-v2 .ea-performance-card h2,.app-shell-v2 .ea-continuity-card h2,.app-shell-v2 .ea-history-card h2,.app-shell-v2 .ea-auto-panel h2{font-size:15px}.app-shell-v2 .ea-window-track{display:grid;grid-template-columns:minmax(260px,4fr) minmax(175px,1.3fr);margin:16px 0 12px;overflow:hidden;border:1px solid var(--approved-line-strong);border-radius:8px}.app-shell-v2 .ea-window-track>div{min-height:62px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:0 15px}.app-shell-v2 .ea-window-track>div::before{content:"";position:absolute;inset:0 0 auto;height:3px}.app-shell-v2 .ea-window-track .research{border-right:1px solid var(--approved-line-strong);background:rgba(88,227,194,.08)}.app-shell-v2 .ea-window-track .research::before{background:linear-gradient(90deg,var(--approved-mint),var(--approved-blue))}.app-shell-v2 .ea-window-track .evaluation{background:rgba(165,138,246,.10)}.app-shell-v2 .ea-window-track .evaluation::before{background:linear-gradient(90deg,var(--approved-blue),var(--approved-violet))}.app-shell-v2 .ea-window-track b{font-size:11px}.app-shell-v2 .ea-window-track small{margin-top:4px;color:var(--approved-muted);font-size:9px}.app-shell-v2 .ea-window-card>footer{display:flex;align-items:center;gap:17px;color:var(--approved-muted);font-size:9px}.app-shell-v2 .ea-window-card>footer>span{display:flex;align-items:center;gap:5px}.app-shell-v2 .ea-window-card>footer>span:last-child{margin-left:auto}.app-shell-v2 .ea-window-card footer i{width:6px;height:6px;border-radius:50%}.app-shell-v2 .ea-window-card footer .mint{background:var(--approved-mint)}.app-shell-v2 .ea-window-card footer .violet{background:var(--approved-violet)}
.app-shell-v2 .ea-performance-card,.app-shell-v2 .ea-continuity-card{min-height:205px}.app-shell-v2 .ea-performance-card>header>a{color:var(--approved-mint);font-size:10px;font-weight:700}.app-shell-v2 .ea-performance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;border:1px solid var(--approved-line);border-radius:8px;overflow:hidden}.app-shell-v2 .ea-performance-metrics article{min-width:0;min-height:100px;display:grid;align-content:center;padding:12px;border-left:1px solid var(--approved-line)}.app-shell-v2 .ea-performance-metrics article:first-child{border-left:0}.app-shell-v2 .ea-performance-metrics span,.app-shell-v2 .ea-performance-metrics strong,.app-shell-v2 .ea-performance-metrics small{display:block}.app-shell-v2 .ea-performance-metrics span{min-height:28px;color:var(--approved-muted);font-size:9px;line-height:1.35}.app-shell-v2 .ea-performance-metrics strong{margin:6px 0 5px;font-size:20px;line-height:1}.app-shell-v2 .ea-performance-metrics small{color:var(--approved-subtle);font-size:8px;line-height:1.35}.app-shell-v2 .ea-performance-metrics strong.positive{color:var(--approved-mint)}
.app-shell-v2 .ea-continuity-card>header>em{color:var(--approved-mint);font-size:9px;font-style:normal;font-weight:700}.app-shell-v2 .ea-seven-day{display:block;padding:0;border:0}.app-shell-v2 .ea-seven-day>div:first-child{display:none}.app-shell-v2 .ea-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:22px}.app-shell-v2 .ea-day-strip div{text-align:center}.app-shell-v2 .ea-day-strip i{width:29px;height:29px;margin:auto;display:grid;place-items:center;border:1px solid var(--approved-line);border-radius:50%;font-size:10px;font-style:normal}.app-shell-v2 .ea-day-strip i.pass{border-color:rgba(88,227,194,.45);color:var(--approved-mint);background:rgba(88,227,194,.10)}.app-shell-v2 .ea-day-strip i.fail{border-color:rgba(255,110,127,.42);color:var(--approved-danger);background:rgba(255,110,127,.08)}.app-shell-v2 .ea-day-strip span{display:block;margin-top:6px;color:var(--approved-subtle);font-size:8px}.app-shell-v2 .ea-continuity-note{display:flex;align-items:center;gap:7px;margin-top:17px;color:var(--approved-muted);font-size:9px}.app-shell-v2 .ea-continuity-note::before{content:"i";width:15px;height:15px;display:grid;place-items:center;border:1px solid var(--approved-muted);border-radius:50%;font-size:8px}
.app-shell-v2 .ea-history-card{min-height:150px}.app-shell-v2 .ea-history-card>[data-ea-history]{margin-top:12px}.app-shell-v2 .ea-history-head,.app-shell-v2 .ea-history-row{display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr;align-items:center;gap:12px}.app-shell-v2 .ea-history-head{height:28px;color:var(--approved-subtle);font-size:8px}.app-shell-v2 .ea-history-row{min-height:54px;border-top:1px solid var(--approved-line);font-size:9px}.app-shell-v2 .ea-history-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-v2 .ea-history-row>span:first-child{display:grid;gap:3px}.app-shell-v2 .ea-history-row small{color:var(--approved-subtle);font-size:8px}.app-shell-v2 .ea-history-row em{justify-self:start;padding:5px 7px;border-radius:6px;font-size:8px;font-style:normal}.app-shell-v2 .ea-history-row em.pass{color:var(--approved-mint);background:rgba(88,227,194,.09)}.app-shell-v2 .ea-history-row em.fail{color:var(--approved-danger);background:rgba(255,110,127,.09)}.app-shell-v2 .ea-auto-panel{position:sticky;top:0;padding:18px 16px}.app-shell-v2 .ea-switch{position:relative;width:44px;height:26px;display:inline-flex}.app-shell-v2 .ea-switch input{position:absolute;opacity:0}.app-shell-v2 .ea-switch span{width:100%;border-radius:99px;background:var(--approved-panel-2)}.app-shell-v2 .ea-switch span::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--approved-muted);transition:.18s}.app-shell-v2 .ea-switch input:checked+span{background:var(--approved-mint)}.app-shell-v2 .ea-switch input:checked+span::before{transform:translateX(18px);background:#fff}.app-shell-v2 .ea-auto-summary{display:flex;gap:10px;margin-top:15px;padding:13px;border:1px solid rgba(88,227,194,.26);border-radius:9px;background:rgba(88,227,194,.10)}.app-shell-v2 .ea-auto-summary>i{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:var(--approved-mint);background:rgba(88,227,194,.12);font-style:normal}.app-shell-v2 .ea-auto-summary b{font-size:10px}.app-shell-v2 .ea-auto-summary p{margin-top:5px;color:var(--approved-muted);font-size:8px;line-height:1.5}.app-shell-v2 .ea-auto-panel dl{display:grid;margin:14px 0;padding:4px 0;border-block:1px solid var(--approved-line)}.app-shell-v2 .ea-auto-panel dl>div{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px}.app-shell-v2 .ea-auto-panel dt{color:var(--approved-muted);font-size:8px}.app-shell-v2 .ea-auto-panel dd{margin:0;text-align:right;font-size:8px;font-weight:700;overflow-wrap:anywhere}.app-shell-v2 .ea-auto-note{color:var(--approved-subtle);font-size:8px;line-height:1.5}


.app-shell-v2 .analysis-editable input,
.app-shell-v2 .project-rename-dialog input,
.app-shell-v2 .result-rename-dialog input {
  border:1px solid rgba(145,161,187,.20);
  border-radius:5px;
  outline:0;
  color:var(--approved-text);
  background:rgba(3,9,18,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.app-shell-v2 .analysis-editable input:focus,
.app-shell-v2 .project-rename-dialog input:focus,
.app-shell-v2 .result-rename-dialog input:focus,
.app-shell-v2 .analysis-editable input:focus-visible,
.app-shell-v2 .project-rename-dialog input:focus-visible,
.app-shell-v2 .result-rename-dialog input:focus-visible { border-color:rgba(174,186,204,.34)!important; outline:0!important; outline-offset:0!important; box-shadow:none!important; }
@layer reset {
  .app-shell-v2 .analysis-editable input:focus-visible,
  .app-shell-v2 .project-rename-dialog input:focus-visible,
  .app-shell-v2 .result-rename-dialog input:focus-visible { outline:0!important; outline-offset:0!important; }
}



body[data-page="AD21"] .context-status-summary {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  border-bottom:1px solid var(--approved-line,var(--line));
  background:var(--approved-line,var(--line));
}
body[data-page="AD21"] .context-status-card {
  min-width:0;
  padding:16px 18px;
  display:grid;
  gap:4px;
  background:var(--approved-panel,var(--surface));
}
body[data-page="AD21"] .context-status-card b {
  font-size:1.65rem;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
body[data-page="AD21"] .context-status-card span {
  color:var(--approved-muted,var(--muted));
  font-size:10px;
  line-height:1.45;
}
body[data-page="AD21"] .context-status-card.info b { color:#68b7f2; }
body[data-page="AD21"] .context-status-card.success b { color:var(--approved-mint,var(--accent)); }
body[data-page="AD21"] .context-management-list { display:grid; }
body[data-page="AD21"] .context-management-row {
  min-width:0;
  min-height:82px;
  padding:14px 18px;
  border-top:1px solid var(--approved-line,var(--line));
  display:flex;
  align-items:center;
  gap:18px;
}
body[data-page="AD21"] .context-management-row:first-child { border-top:0; }
body[data-page="AD21"] .context-management-row > span {
  min-width:0;
  flex:1;
  display:grid;
  gap:4px;
}
body[data-page="AD21"] .context-management-row > span small,
body[data-page="AD21"] .context-management-row > span p,
body[data-page="AD21"] .context-management-row > div small {
  color:var(--approved-muted,var(--muted));
  font-size:9px;
  line-height:1.5;
}
body[data-page="AD21"] .context-management-row > div {
  min-width:220px;
  display:grid;
  justify-items:end;
  gap:6px;
  text-align:right;
}
body[data-page="AD21"] .context-management-row .button {
  min-height:34px;
  padding:7px 11px;
  white-space:nowrap;
}

@media (max-width: 1320px) {
  .app-shell-v2 .ea-monitor-layout { grid-template-columns:minmax(0,1fr) 250px; }
  .app-shell-v2 .ea-performance-metrics { grid-template-columns:1fr 1fr; }
  .app-shell-v2 .ea-performance-metrics article:nth-child(3) { border-left:0; border-top:1px solid var(--approved-line); }
  .app-shell-v2 .ea-performance-metrics article:nth-child(4) { border-top:1px solid var(--approved-line); }
}

@media (max-width: 1160px) {
  .app-shell.app-shell-v2 { grid-template-columns: 260px minmax(0,1fr); }
  .app-shell-v2 .workspace-main { width:calc(100% - 260px); margin-left:260px; }
  .app-shell-v2 .builder-v2 { grid-template-columns:minmax(0,1fr) 310px; }
  .app-shell-v2 .analysis-run-main { grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto; }
  .app-shell-v2 .analysis-run-actions { grid-column:1/-1; justify-content:flex-end; padding-bottom:12px; }
  .app-shell-v2 .research-stage-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .app-shell-v2 .ea-monitor-layout { grid-template-columns:1fr; }
  .app-shell-v2 .ea-auto-panel { position:static; }
}

@media (max-width: 960px) {
  .app-shell.app-shell-v2 { grid-template-columns:1fr; }
  .app-shell-v2 > .app-main { grid-column:1; grid-template-rows:var(--approved-compact-topbar) minmax(0,1fr); }
  .app-shell-v2 .workspace-main { width:100%; margin-left:0; }
  .app-shell-v2 .app-topbar { height:var(--approved-compact-topbar); grid-template-columns:42px minmax(0,1fr) 42px; padding-top:var(--approved-safe-top); padding-right:max(20px,var(--approved-safe-right)); padding-left:max(20px,var(--approved-safe-left)); }
  .app-shell-v2 .app-topbar .primary-nav { display:none; }
  .app-shell-v2 .app-topbar > aside { grid-column:3; justify-self:end; }
  .app-shell-v2 .mobile-menu,.app-shell-v2 .mobile-inspector-button { display:grid; }
  .app-shell-v2 .desktop-notification { display:none; }
  .app-shell-v2 .topbar-brand { justify-self:center; }
  .app-shell-v2 > .context-sidebar.sidebar { position:fixed; top:var(--approved-compact-topbar); bottom:var(--approved-safe-bottom); left:0; width:var(--approved-mobile-drawer); max-width:calc(100% - var(--approved-safe-right)); height:auto; display:flex; transform:translateX(-105%); transition:transform .18s ease; box-shadow:18px 0 50px rgba(0,0,0,.36); z-index:90; }
  .app-shell-v2 > .context-sidebar.sidebar.open { width:var(--approved-mobile-drawer); height:auto; transform:translateX(0); visibility:visible; pointer-events:auto; }
  .app-shell-v2 .builder-v2 { grid-template-columns:minmax(0,1fr); }
  .app-shell-v2 .builder-v2 .contract-pane { position:fixed; top:var(--approved-compact-topbar); right:0; bottom:var(--approved-safe-bottom); width:var(--approved-mobile-drawer); max-width:calc(100% - var(--approved-safe-left)); height:auto; display:grid; transform:translateX(105%); transition:transform .18s ease; box-shadow:-18px 0 50px rgba(0,0,0,.36); visibility:visible; pointer-events:auto; z-index:90; }
  .app-shell-v2 .builder-v2 .contract-pane.open { transform:translateX(0); }
  .app-shell-v2 .contract-close { display:grid; }
  .app-shell-v2 .builder-v2 .chat-pane > header { padding-right:max(24px,var(--approved-safe-right)); padding-left:max(24px,var(--approved-safe-left)); }
  .app-shell-v2 .builder-v2 .runtime-chat { padding-right:max(24px,var(--approved-safe-right)); padding-left:max(24px,var(--approved-safe-left)); }
  .app-shell-v2 .builder-v2 .chat-pane > footer { padding-right:max(24px,var(--approved-safe-right)); padding-left:max(24px,var(--approved-safe-left)); }
  .app-shell-v2 .result-diagnostics { grid-template-columns:1fr; }
}

@media (max-width: 760px) {
  .app-shell:not(.app-shell-v2) { grid-template-columns:1fr; overflow:hidden; }
  .app-shell:not(.app-shell-v2) > .operational-sidebar { position:fixed; top:0; bottom:0; left:0; width:min(86vw,320px); height:var(--approved-viewport-height); display:flex; padding-top:max(20px,var(--approved-safe-top)); padding-bottom:max(20px,var(--approved-safe-bottom)); transform:translateX(-105%); visibility:hidden; pointer-events:none; transition:transform .18s ease,visibility 0s linear .18s; box-shadow:18px 0 50px rgba(0,0,0,.36); z-index:100; }
  .app-shell:not(.app-shell-v2) > .operational-sidebar.open { transform:translateX(0); visibility:visible; pointer-events:auto; transition-delay:0s; }
  .app-shell:not(.app-shell-v2) > .app-drawer-overlay:not([hidden]) { display:block; position:fixed; inset:0; border:0; background:rgba(2,8,18,.56); backdrop-filter:blur(3px); z-index:90; }
  .app-shell:not(.app-shell-v2) > .app-main { grid-column:1; width:100%; }
  .app-shell:not(.app-shell-v2) .topbar { padding:var(--approved-safe-top) max(12px,var(--approved-safe-right)) 0 max(12px,var(--approved-safe-left)); }
  .app-shell:not(.app-shell-v2) .mobile-menu { width:40px; height:40px; display:grid; place-items:center; flex:0 0 auto; border-radius:9px; }
  .app-shell:not(.app-shell-v2) .command { min-width:40px; width:40px; }
  .app-shell:not(.app-shell-v2) .command span,.app-shell:not(.app-shell-v2) .command kbd { display:none; }
  .app-shell:not(.app-shell-v2) .workspace-main { padding:20px max(14px,var(--approved-safe-right)) max(60px,var(--approved-safe-bottom)) max(14px,var(--approved-safe-left)); }
}

@media (max-width: 680px) {
  :root { --approved-mobile-drawer:min(calc(var(--approved-viewport-width) - 32px),340px); }
  body[data-page="AD21"] .context-status-summary { grid-template-columns:1fr; }
  body[data-page="AD21"] .context-status-card { padding:13px 14px; }
  body[data-page="AD21"] .context-management-row { align-items:stretch; flex-direction:column; gap:10px; padding:14px; }
  body[data-page="AD21"] .context-management-row > div { min-width:0; justify-items:start; text-align:left; }
  body[data-page="AD21"] .context-management-row .button { width:100%; white-space:normal; }
  html:has(.app-shell-v2),body:has(.app-shell-v2) { width:100%; max-width:100%; height:var(--approved-viewport-height); min-width:0; overflow:hidden; overscroll-behavior:none; }
  body:has(.app-shell-v2) { padding-bottom:0; }
  .app-shell.app-shell-v2 { width:100%; max-width:100%; height:var(--approved-viewport-height); grid-template-rows:minmax(0,1fr) var(--approved-mobile-bar); }
  .app-shell-v2 > .app-main { grid-row:1; grid-column:1; width:100%; max-width:100%; height:100%; min-height:0; grid-template-rows:var(--approved-mobile-topbar) minmax(0,1fr); }
  .app-shell-v2 .app-topbar { height:var(--approved-mobile-topbar); grid-template-columns:42px minmax(0,1fr) 42px; padding:var(--approved-safe-top) max(8px,var(--approved-safe-right)) 0 max(8px,var(--approved-safe-left)); backdrop-filter:none; }
  .app-shell-v2 .topbar-brand { position:absolute; top:calc(var(--approved-safe-top) + 11px); left:50%; width:36px; height:36px; transform:translateX(-50%); }
  .app-shell-v2 .app-topbar > aside { gap:0; }
  .app-shell-v2 .app-topbar .mobile-inspector-button { display:grid; order:2; }
  .app-shell-v2 .app-topbar .spl-creadit-pill { display:none; }
  .app-shell-v2 > .mobile-bottom-bar { grid-row:2; grid-column:1; min-width:0; height:var(--approved-mobile-bar); display:grid; grid-template-columns:minmax(0,1fr) max-content; align-items:start; gap:4px; padding:4px max(8px,var(--approved-safe-right)) calc(4px + var(--approved-safe-bottom)) max(4px,var(--approved-safe-left)); overflow:hidden; border-top:1px solid var(--approved-line); background:rgba(8,20,34,.98); z-index:110; }
  .app-shell-v2 > .mobile-bottom-bar .mobile-primary-nav { position:static; width:auto; max-width:100%; min-width:0; height:56px; display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; padding:0; overflow:hidden; border:0; background:transparent; }
  .app-shell-v2 > .mobile-bottom-bar .mobile-primary-nav .nav-action { min-width:0; height:56px; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:3px 1px; border-radius:8px; font-size:7.5px; line-height:1; }
  .app-shell-v2 > .mobile-bottom-bar .mobile-primary-nav .nav-action::before { top:-4px; right:auto; bottom:auto; left:50%; width:26px; height:3px; transform:translateX(-50%); border-radius:0 0 4px 4px; }
  .app-shell-v2 > .mobile-bottom-bar .spl-creadit-pill { position:static; width:max-content; min-width:82px; max-width:min(98px,30vw); height:56px; display:flex; align-items:center; justify-content:center; padding:0 7px; border-radius:9px; }
  .app-shell-v2 > .mobile-bottom-bar .spl-creadit-pill small { display:none; }
  .app-shell-v2 > .mobile-bottom-bar .spl-creadit-pill > span { width:100%; min-width:0; display:grid; place-items:center; }
  .app-shell-v2 > .mobile-bottom-bar .spl-creadit-pill b { width:100%; min-width:0; overflow:hidden; font-size:10px; line-height:1; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
  .app-shell-v2 .workspace-main { grid-column:1; width:100%; max-width:100%; min-width:0; margin-left:0; padding:22px max(14px,var(--approved-safe-right)) 90px max(14px,var(--approved-safe-left)); }
  .app-shell-v2 input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
  .app-shell-v2 textarea,
  .app-shell-v2 select,
  .app-shell:not(.app-shell-v2) input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
  .app-shell:not(.app-shell-v2) textarea,
  .app-shell:not(.app-shell-v2) select { max-width:100%; font-size:16px; }
  .app-shell-v2 .context-sidebar > .conversation-nav { padding-bottom:8px; }
  .app-shell-v2 .context-account { padding-bottom:8px; }
  .app-shell-v2 > .context-sidebar.sidebar { top:var(--approved-mobile-topbar); bottom:var(--approved-mobile-bar); }
  .app-shell-v2 .builder-v2 .contract-pane { top:var(--approved-mobile-topbar); bottom:var(--approved-mobile-bar); }
  .app-shell-v2 .builder-v2 .chat-pane { grid-template-rows:52px minmax(0,1fr) auto; }
  .app-shell-v2 .builder-v2 .chat-pane > header { height:52px; padding:0 max(12px,var(--approved-safe-right)) 0 max(12px,var(--approved-safe-left)); grid-template-columns:minmax(0,1fr) minmax(0,auto); gap:6px; }
  .app-shell-v2 .builder-v2 .runtime-chat { gap:19px; padding:17px max(12px,var(--approved-safe-right)) 17px max(12px,var(--approved-safe-left)); }
  .app-shell-v2 .builder-v2 .message>span { max-width:97%; }.app-shell-v2 .builder-v2 .message.me>span{max-width:89%}
  .app-shell-v2 .builder-v2 .chat-pane > footer { padding:5px max(8px,var(--approved-safe-right)) 7px max(8px,var(--approved-safe-left)); }
  .app-shell-v2 .runtime-composer {
    min-height:52px;
    grid-template-columns:40px minmax(0,1fr) 40px;
    grid-template-rows:minmax(40px,auto);
    align-items:end;
    gap:2px;
    padding:5px 6px;
    border-radius:17px;
  }
  .app-shell-v2 .runtime-composer textarea {
    grid-row:1;
    grid-column:2;
    align-self:center;
    min-height:40px;
    max-height:160px;
    padding:8px 4px 6px;
    line-height:1.45;
  }
  .app-shell-v2 .runtime-composer .composer-bottom { display:contents; }
  .app-shell-v2 .runtime-composer .analysis-tier-picker { grid-row:1; grid-column:1; align-self:end; width:40px; max-width:none; }
  .app-shell-v2 .runtime-composer .analysis-tier-trigger {
    width:40px;
    height:40px;
    justify-content:center;
    gap:0;
    padding:0;
    border:0;
    border-radius:12px;
    background:transparent;
  }
  .app-shell-v2 .runtime-composer .analysis-tier-trigger [data-analysis-tier-label],
  .app-shell-v2 .runtime-composer .analysis-tier-trigger > svg { display:none; }
  .app-shell-v2 .runtime-composer .analysis-tier-trigger .tier-chip-mark {
    position:relative;
    width:20px;
    height:20px;
    border:1px solid color-mix(in srgb,var(--tier-color) 52%,var(--approved-line-strong));
    border-radius:7px;
    background:color-mix(in srgb,var(--tier-color) 10%,transparent);
    box-shadow:none;
  }
  .app-shell-v2 .runtime-composer .analysis-tier-trigger .tier-chip-mark::before {
    content:"";
    position:absolute;
    top:4px;
    right:4px;
    left:4px;
    height:1px;
    background:var(--tier-color);
    box-shadow:0 5px 0 var(--tier-color),0 10px 0 var(--tier-color);
  }
  .app-shell-v2 .runtime-composer .analysis-tier-trigger .tier-chip-mark::after {
    content:"";
    position:absolute;
    top:2px;
    left:7px;
    width:3px;
    height:3px;
    border:1px solid #0d1d31;
    border-radius:50%;
    background:var(--tier-color);
    box-shadow:-3px 5px 0 -1px var(--tier-color),2px 10px 0 -1px var(--tier-color);
  }
  .app-shell-v2 .runtime-composer .composer-spacer { display:none; }
  .app-shell-v2 .runtime-composer .composer-send {
    grid-row:1;
    grid-column:3;
    align-self:end;
    width:40px;
    height:40px;
    flex-basis:40px;
    border:0;
    border-radius:12px;
    color:var(--approved-mint);
    background:transparent;
    box-shadow:none;
  }
  .app-shell-v2 .runtime-composer .composer-send::after { display:none; }
  .app-shell-v2 .analysis-tier-popover { position:fixed; right:max(12px,var(--approved-safe-right)); bottom:calc(74px + var(--approved-safe-bottom)); left:max(12px,var(--approved-safe-left)); width:auto; }
  .app-shell-v2 > .app-drawer-overlay:not([hidden]) { display:block; position:fixed; top:var(--approved-mobile-topbar); right:0; bottom:var(--approved-mobile-bar); left:0; border:0; background:rgba(2,8,18,.56); backdrop-filter:blur(3px); z-index:80; }
  .app-shell-v2 .project-manager-page { padding:0 0 30px; }
  .app-shell-v2 .project-manager-header { align-items:stretch; flex-direction:column; gap:14px; }
  .app-shell-v2 .project-manager-header>div { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 42px; }
  .app-shell-v2 .project-manager-header label { width:100%; grid-column:1; }.app-shell-v2 .project-manager-header .button.primary{grid-column:2;grid-row:1;min-width:42px;padding:0;font-size:0}.app-shell-v2 .project-ea-entry{grid-column:1/-1;grid-row:2;justify-content:center}
  .app-shell-v2 .project-expand { grid-template-columns:22px minmax(0,1fr) 16px; grid-template-rows:auto auto; gap:5px 10px; padding:10px 6px 10px 12px; }.app-shell-v2 .project-folder{grid-row:1/span 2}.app-shell-v2 .project-name{grid-column:2;grid-row:1}.app-shell-v2 .project-counts{grid-column:2;grid-row:2;overflow:auto;font-size:9px}.app-shell-v2 .project-expand time{display:none}.app-shell-v2 .project-chevron{grid-column:3;grid-row:1/span 2}.app-shell-v2 .project-conversation-list{padding:4px 14px 10px 34px}
  .app-shell-v2 .ea-list-page{padding:0 0 30px}.app-shell-v2 .ea-list-page>header{align-items:flex-start;flex-direction:column;gap:10px}.app-shell-v2 .ea-list-page>header .context-links{justify-content:flex-start}.app-shell-v2 .ea-list-row{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px 6px}.app-shell-v2 .ea-list-status{grid-column:2}.app-shell-v2 .ea-list-open{grid-column:2;text-align:left}.app-shell-v2 .ea-list-empty{padding-inline:6px}
  body[data-page="U08"] .app-shell-v2 .workspace-main,body[data-page="U20"] .app-shell-v2 .workspace-main{padding:22px 14px 90px}.app-shell-v2 .analysis-hub-header{align-items:stretch;flex-direction:column;gap:14px}.app-shell-v2 .analysis-hub-tools{display:grid;grid-template-columns:1fr}.app-shell-v2 .analysis-search{width:100%}.app-shell-v2 .analysis-filter-tabs{margin-inline:-14px;padding-inline:14px}.app-shell-v2 .analysis-run-list{gap:10px;border:0;border-radius:0;background:transparent}.app-shell-v2 .analysis-run-card{padding:14px;border:1px solid var(--approved-line);border-radius:11px;background:var(--approved-panel)}.app-shell-v2 .analysis-run-main{min-height:0;grid-template-columns:minmax(0,1fr) auto;gap:12px}.app-shell-v2 .analysis-run-entity:nth-child(2),.app-shell-v2 .analysis-run-actions{grid-column:1/-1}.app-shell-v2 .analysis-run-actions{justify-content:space-between;padding:0}.app-shell-v2 .analysis-open{min-height:42px}
  body[data-page="U09"] .app-shell-v2 .workspace-main{padding:20px 14px 90px}.app-shell-v2 .run-live-heading{align-items:stretch;flex-direction:column}.app-shell-v2 .run-live-heading>div:last-child{display:grid;grid-template-columns:1fr 1fr}.app-shell-v2 .run-live-state{padding:17px 15px}.app-shell-v2 .run-live-state-copy h2{font-size:1.05rem}.app-shell-v2 .run-live-facts{grid-template-columns:1fr 1fr}.app-shell-v2 .run-live-facts article:nth-child(odd){border-left:0}.app-shell-v2 .run-live-facts article:nth-child(n+3){border-top:1px solid var(--approved-line)}.app-shell-v2 .run-research-program{padding:16px 14px}.app-shell-v2 .run-research-program>header{align-items:stretch;flex-direction:column}.app-shell-v2 .semantic-lock{align-self:flex-start}.app-shell-v2 .research-compute-policy{grid-template-columns:1fr}.app-shell-v2 .research-stage-list{grid-template-columns:1fr 1fr}
  body[data-page="U10"] .app-shell-v2 .workspace-main{padding:22px 14px 90px}.app-shell-v2 .result-page-heading{align-items:stretch;flex-direction:column}.app-shell-v2 .result-page-heading nav{justify-content:flex-start}.app-shell-v2 .verdict{grid-template-columns:42px minmax(0,1fr);padding:16px}.app-shell-v2 .verdict>.verdict-icon{width:40px;height:40px}.app-shell-v2 .verdict aside{grid-column:2;justify-content:flex-start}.app-shell-v2 .result-metrics{grid-template-columns:1fr 1fr}.app-shell-v2 .result-grid{grid-template-columns:1fr}.app-shell-v2 .result-variant>summary{align-items:flex-start;flex-direction:column}.app-shell-v2 .variant-metrics{justify-content:flex-start}.app-shell-v2 .result-variant-body dl{grid-template-columns:1fr 1fr}.app-shell-v2 .result-deliverable>div{align-items:stretch;flex-direction:column}.app-shell-v2 .result-deliverable>div>span{width:100%}.app-shell-v2 .next-step-card{align-items:stretch;flex-direction:column}.app-shell-v2 .next-step-card>div:last-child{display:grid}
  .app-shell-v2 .result-title-line{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:start}.app-shell-v2 .result-rename-button{width:34px;height:34px;display:grid;place-items:center;padding:0;font-size:0}.app-shell-v2 .result-rename-button svg{width:16px;height:16px}
  body[data-page="U19"] .app-shell-v2 .workspace-main{padding:20px 14px 90px}.app-shell-v2 .ea-monitor-heading{align-items:stretch;flex-direction:column}.app-shell-v2 .ea-monitor-main{grid-template-columns:1fr}.app-shell-v2 .ea-state-banner,.app-shell-v2 .ea-window-card,.app-shell-v2 .ea-performance-card,.app-shell-v2 .ea-continuity-card,.app-shell-v2 .ea-history-card{grid-column:1}.app-shell-v2 .ea-window-track{grid-template-columns:1fr}.app-shell-v2 .ea-window-track .research{border-right:0;border-bottom:1px solid var(--approved-line-strong)}.app-shell-v2 .ea-window-card>footer{flex-wrap:wrap}.app-shell-v2 .ea-window-card>footer>span:last-child{width:100%;margin-left:0}.app-shell-v2 .ea-performance-metrics{grid-template-columns:1fr 1fr}.app-shell-v2 .ea-performance-metrics article:nth-child(3){border-left:0;border-top:1px solid var(--approved-line)}.app-shell-v2 .ea-performance-metrics article:nth-child(4){border-top:1px solid var(--approved-line)}.app-shell-v2 .ea-day-strip{gap:3px;overflow:auto}.app-shell-v2 .ea-day-strip div{min-width:32px}.app-shell-v2 .ea-history-head{display:none}.app-shell-v2 .ea-history-row{grid-template-columns:1.2fr .8fr .7fr}.app-shell-v2 .ea-history-row>span:nth-child(2){display:none}

  html[data-visual-keyboard]:has(.app-shell-v2),
  html[data-visual-keyboard] body:has(.app-shell-v2) { height:100%; }
  html[data-visual-keyboard] .app-shell.app-shell-v2 {
    position:fixed;
    top:var(--approved-viewport-offset-top);
    right:0;
    bottom:auto;
    left:0;
    width:var(--approved-viewport-width);
    height:var(--approved-viewport-height);
    grid-template-rows:minmax(0,1fr);
    overscroll-behavior:none;
  }
  html[data-visual-keyboard] .app-shell-v2 > .app-main {
    grid-row:1;
    height:100%;
    grid-template-rows:minmax(0,1fr);
  }
  html[data-visual-keyboard] .app-shell-v2 .app-topbar,
  html[data-visual-keyboard] .app-shell-v2 > .mobile-bottom-bar { display:none; }
  html[data-visual-keyboard] .app-shell-v2 .workspace-main { grid-row:1; padding-bottom:0; }
  html[data-visual-keyboard] .app-shell-v2 .builder-v2 .chat-pane > footer { padding-top:4px; padding-bottom:max(4px,var(--approved-safe-bottom)); }
  html[data-visual-keyboard] .app-shell-v2 .runtime-composer { min-height:52px; padding:5px 6px; }
}

@media (max-width: 390px) {
  .app-shell-v2 > .mobile-bottom-bar .spl-creadit-pill { min-width:76px; max-width:88px; }
  .app-shell-v2 .result-metrics { grid-template-columns:1fr; }
  .app-shell-v2 .result-variant-body dl { grid-template-columns:1fr; }
  .app-shell-v2 .run-live-facts,.app-shell-v2 .research-stage-list { grid-template-columns:1fr; }
  .app-shell-v2 .run-live-facts article,.app-shell-v2 .run-live-facts article:nth-child(odd) { border-left:0; }
  .app-shell-v2 .run-live-facts article+article { border-top:1px solid var(--approved-line); }
}

@media (max-width: 359px) {
  .app-shell-v2 > .mobile-bottom-bar { grid-template-columns:minmax(0,1fr) minmax(70px,82px); gap:2px; padding-right:max(6px,var(--approved-safe-right)); }
  .app-shell-v2 > .mobile-bottom-bar .spl-creadit-pill { width:100%; min-width:0; max-width:none; padding-inline:5px; }
  .app-shell-v2 > .mobile-bottom-bar .mobile-primary-nav .nav-action { min-width:0; overflow:hidden; gap:3px; padding-inline:0; font-size:6.5px; line-height:1.15; text-align:center; white-space:normal; overflow-wrap:anywhere; }
  .app-shell-v2 > .mobile-bottom-bar .mobile-primary-nav .nav-action svg { flex:0 0 auto; }
  body[data-page="U01"] .app-shell-v2 .metrics.compact { grid-template-columns:minmax(0,1fr); gap:10px; }
  body[data-page="U01"] .app-shell-v2 .metric { min-height:104px; }
  body[data-page="U01"] .app-shell-v2 .dashboard-grid { gap:12px; }
  body[data-page="U01"] .app-shell-v2 .project-list a { min-width:0; gap:8px; }
  body[data-page="U01"] .app-shell-v2 .project-list a > span:not(.status) { min-width:0; }
  body[data-page="U01"] .app-shell-v2 .project-list .status { display:none; }
  .app-shell-v2 .analysis-filter-tabs { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; margin-inline:0; padding-inline:0; overflow:visible; }
  .app-shell-v2 .analysis-filter-tabs button { width:100%; min-width:0; height:auto; min-height:38px; padding:6px; white-space:normal; overflow-wrap:anywhere; }
  .app-shell-v2 .builder-v2 .empty-chat h1 { font-size:20px; overflow-wrap:anywhere; }
  .app-shell-v2 .builder-v2 .empty-chat nav button { max-width:100%; white-space:normal; }
  .app-shell-v2 .chat-heading-actions { gap:5px; }
  .app-shell-v2 .chat-creadit-usage { max-width:76px; }
  .app-shell-v2 .runtime-composer { padding-inline:8px; }
  .app-shell-v2 .runtime-composer .analysis-tier-trigger { padding:0; }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell-v2 .tier-animated-track i { animation:none; }
  .app-shell-v2 > .context-sidebar.sidebar,
  .app-shell-v2 .builder-v2 .contract-pane { transition:none; }
}

.capability-case-channel{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;margin:18px 0}
.capability-case-channel span{display:grid;gap:4px}.capability-case-channel small{color:var(--muted)}
.capability-case-channel p{margin:0;color:var(--muted)}
.capability-case-list{display:grid;gap:14px}
.capability-case-card{padding:18px 20px;display:grid;gap:14px}
.capability-case-card.is-overdue{border-color:rgba(255,96,112,.55)}
.capability-case-card header,.capability-case-card footer{display:flex;align-items:center;justify-content:space-between;gap:14px}
.capability-case-card header span{display:grid;gap:5px}.capability-case-card h3,.capability-case-card p{margin:0}
.capability-case-card>p{line-height:1.55;color:var(--text-secondary)}
.capability-case-card dl{display:flex;flex-wrap:wrap;gap:18px;margin:0}.capability-case-card dl div{display:grid;gap:3px}
.capability-case-card dt{font-size:12px;color:var(--muted)}.capability-case-card dd{margin:0}
.capability-case-card footer{justify-content:flex-end;flex-wrap:wrap}.capability-case-card .form-message{width:100%;margin:0;text-align:right;color:var(--danger)}
@media (max-width:720px){.capability-case-card header,.capability-case-card footer{align-items:flex-start;flex-direction:column}.capability-case-card footer .button{width:100%}.capability-case-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}