/* Shared graphite design tokens for owner and customer tools. */
body.studio-admin .reading-tools,body.customer-account .reading-tools{background:#111820!important;color:#c6d4e4!important;border-color:#33404f!important}body.studio-admin .app-install{margin-bottom:20px!important}body.studio-admin .heading{margin-top:20px!important}body.studio-admin .studio-stat-grid{margin-top:20px!important}
:root{--ecosystem-bg:#0b0f14;--ecosystem-surface:#161d26;--ecosystem-border:#33404f;--ecosystem-text:#e7edf5;--ecosystem-muted:#a9b6c6}
.studio-admin,.customer-account{font-size:16px;line-height:1.6}
body.studio-admin,body.customer-account{background:var(--ecosystem-bg)!important;color:var(--ecosystem-text)!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.studio-admin h1,.studio-admin h2,.studio-admin h3,.customer-account h1,.customer-account h2,.customer-account h3{color:var(--ecosystem-text)!important;letter-spacing:-.04em}.studio-admin p,.studio-admin .muted,.customer-account p,.customer-account .muted{color:var(--ecosystem-muted)!important}
.studio-admin .panel,.studio-admin .metrics article,.studio-admin .request,.studio-admin .customer,.customer-account .panel,.customer-account .order-card,.customer-account .account-summary article{background:var(--ecosystem-surface)!important;border:1px solid var(--ecosystem-border)!important;border-radius:18px!important;box-shadow:none!important}.studio-admin .request{margin:16px 0;padding:22px}.studio-admin .studio-sidebar{background:#10161d!important;border-color:var(--ecosystem-border)!important}.studio-admin .studio-sidebar button{color:#b8c4d3!important;background:transparent!important;border-radius:10px!important;min-height:46px}.studio-admin .studio-sidebar button[aria-pressed=true]{background:#293747!important;color:white!important;border:1px solid #52657b!important}.studio-admin .top,.customer-account .top{background:#111820!important;border-color:var(--ecosystem-border)!important}.studio-admin .wordmark,.studio-admin .studio-logo,.customer-account .wordmark{color:#eef3fa!important}.studio-admin .wordmark small,.studio-admin .studio-logo small,.customer-account .wordmark small{color:#acbad0!important}
.studio-admin label,.customer-account label,.studio-admin summary,.customer-account summary{color:#c4d0de!important}.studio-admin input,.studio-admin select,.studio-admin textarea,.customer-account input,.customer-account select,.customer-account textarea{background:#0e151d!important;color:#eaf0f8!important;border:1px solid #425268!important;border-radius:10px!important}.studio-admin button,.customer-account button{background:#243244!important;color:#e1eaf6!important;border-color:#4a5b70!important;border-radius:10px!important}.studio-admin button:disabled,.customer-account button:disabled{opacity:.5}.studio-admin a,.customer-account a{color:#bad2ef!important}.studio-admin input:focus-visible,.customer-account input:focus-visible,.studio-admin button:focus-visible,.customer-account button:focus-visible{outline:2px solid #c2d9f5!important;outline-offset:3px}
.studio-admin .quote-result,.studio-admin .fulfill,.studio-admin .approval-panel,.studio-admin .pricing-preview,.customer-account .fulfill,.customer-account .next-step{background:#1b2a3a!important;border-color:#49627d!important;color:#dfebfa!important}.studio-admin .metrics strong,.customer-account .account-summary strong{color:#d5e5fa!important;font-variant-numeric:tabular-nums}.studio-admin .order-product-name{color:#c5daf7!important}.customer-account .order-progress .reached{border-color:#a3c1e5!important;color:#d5e5fa!important}.customer-account .order-status{color:#d1e2f6!important;border-color:#6785a7!important}.studio-admin .status,.studio-admin .pill{border-radius:999px}.studio-admin .app-install{background:#141e2a!important;color:#c4d3e6!important;border-color:#354b64!important}
@media(max-width:760px){.studio-admin .request,.customer-account .order-card{padding:16px!important}.studio-admin .studio-sidebar{border-bottom:1px solid #425268!important}.studio-admin .studio-sidebar nav{gap:6px}.studio-admin .panel,.customer-account .panel{border-radius:14px!important}}
.studio-admin .quote-form,.studio-admin .saved-quote,.studio-admin .studio-focus,.studio-admin .status-overview button,.customer-account .account-next,.customer-account .customer-proposal,.customer-account .payment-details,.customer-account .payment-amount{background:#1b2735!important;color:#dbe7f6!important;border-color:#455f7d!important}.studio-admin .quote-form p,.studio-admin .saved-quote p,.studio-admin .saved-quote strong,.studio-admin .fulfill h4,.studio-admin .group-title,.studio-admin .request pre,.studio-admin .request-filters label,.studio-admin .status-overview button,.studio-admin th,.studio-admin td,.customer-account .customer-proposal p,.customer-account .account-next h2,.customer-account .order-card pre,.customer-account .order-card small{color:#c5d4e7!important}.studio-admin .status-overview button[aria-pressed=true]{background:#435f82!important;color:#fff!important}.studio-admin .margin-result{background:#17362b!important;color:#b9e0c6!important;border-color:#52866b!important}.studio-admin .group-title span{background:#2c405a!important;color:#dceafb!important}.studio-admin .chart i{background:#91afcf!important}.customer-account .fulfill strong,.customer-account .fulfill h4,.customer-account .account-summary span{color:#d6e5f7!important}
body:has(.gate){background:#0b0f14!important;color:#e7edf5!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.gate{max-width:780px;padding:80px 28px}.gate h1{color:#e4edf9!important;letter-spacing:-.055em;font-size:clamp(36px,5vw,60px)}.gate p,.gate label,.gate li{color:#b1c1d5!important}.gate a{color:#c4ddfb!important}.gate .wordmark{color:#e7eef9!important}.gate input{background:#101a27!important;color:#e5eefb!important;border:1px solid #496180!important;border-radius:12px!important;min-height:48px}.gate button,.gate .button{background:#263f5c!important;color:#e4efff!important;border-color:#6886aa!important;border-radius:999px!important;min-height:48px}.gate form{padding:26px;border:1px solid #3b4d63;border-radius:20px;background:#141e2c}.gate .login-steps{padding-left:22px;line-height:1.8}
@media(max-width:760px){.gate{padding:45px 22px}.gate form{padding:20px}.gate h1{font-size:38px}}
@view-transition{navigation:auto}::view-transition-old(root){animation:ecosystem-out .15s ease both}::view-transition-new(root){animation:ecosystem-in .2s ease both}@keyframes ecosystem-out{to{opacity:0}}@keyframes ecosystem-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* Warm metallic accents, with a neutral graphite workspace. */
.studio-admin{--studio-accent:#eab17e}.studio-admin .shell{max-width:1560px!important}.studio-admin .heading{padding-bottom:20px;border-bottom:1px solid #ffffff16}.studio-admin .studio-sidebar button[aria-pressed=true]{background:#3b2b22!important;border-color:#8e6848!important;color:#ffdbb6!important}.studio-admin .studio-sidebar button:before{content:'◇';display:inline-block;width:25px;color:#eab17e}.studio-admin .studio-sidebar button[data-view=overview]:before{content:'▦'}.studio-admin .studio-sidebar button[data-view=orders]:before{content:'▤'}.studio-admin .studio-sidebar button[data-view=payments]:before{content:'€'}.studio-admin .chart i{background:linear-gradient(#edc09a,#856448)!important;border-radius:5px 5px 0 0}.studio-admin .studio-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0}.studio-admin .studio-stat-grid button{padding:24px;text-align:left;background:linear-gradient(145deg,#231f1c,#16191d)!important;border-color:#494039!important;display:flex;flex-direction:column;gap:10px}.studio-stat-grid span{font-size:14px;color:#c8c2ba}.studio-stat-grid strong{font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.05em;color:#f4dcc4}.studio-stat-grid small{font-size:12px;color:#c0b9b2}.studio-dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:24px}.studio-dash-card{padding:28px;border:1px solid #353c44;border-radius:20px;background:#151a20}.studio-admin .studio-dash-card h2{font-size:24px;margin:8px 0 24px}.studio-pipeline{display:grid;gap:10px;margin-bottom:22px}.studio-admin .studio-pipeline button{display:grid;grid-template-columns:135px 1fr 25px;align-items:center;gap:14px;background:transparent!important;border:none!important;padding:8px 0;text-align:left;min-height:44px}.studio-pipeline i{height:10px;border-radius:6px;background:linear-gradient(90deg,#dfad7e var(--bar),#2e333a var(--bar))}.studio-assistant{margin:18px 0;padding:18px;border:1px solid #67513d;border-radius:14px;background:#211e1b}.studio-assistant p{white-space:pre-wrap;overflow-wrap:anywhere}.studio-admin .request-product-names{color:#f2ca9f!important}.customer-account .saved-quote{background:#18232f!important;border:1px solid #435568!important;color:#e1ebf6!important;border-radius:14px;padding:20px}.customer-account .order-progress{display:flex!important;flex-direction:column!important;gap:0!important;list-style:none;padding:8px 0 8px 14px!important}.customer-account .order-progress li{position:relative;border:none!important;border-left:3px solid #394553!important;padding:13px 12px 20px 30px!important;color:#aab8c8!important;min-height:54px}.customer-account .order-progress li:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #536272;background:#18212b;left:-10px;top:17px}.customer-account .order-progress li.reached{border-left-color:#79b89a!important;color:#d6f1e3!important}.customer-account .order-progress li.reached:before{background:#79b89a;border-color:#79b89a}.customer-account .order-progress li[aria-current]{font-weight:700;background:#1d2c2b;border-radius:0 10px 10px 0}.customer-account .order-progress li:last-child{border-left-color:transparent!important}.customer-account .account-next{border-radius:20px!important}.studio-admin .metrics{margin-top:20px}
@media(max-width:1000px){.studio-admin .studio-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-dashboard-grid{grid-template-columns:1fr}}@media(max-width:500px){.studio-admin .studio-stat-grid{gap:10px}.studio-admin .studio-stat-grid button{padding:16px}.studio-stat-grid strong{font-size:26px}.studio-dash-card{padding:20px}.studio-admin .studio-pipeline button{grid-template-columns:105px 1fr 22px;font-size:13px;gap:8px}.studio-admin .studio-sidebar button:before{width:18px}.customer-account .saved-quote{padding:16px}}