/* Dashboard layer — extends the site design system (same tokens, same monochrome language). */
.dash{max-width:none;margin:0;padding:24px clamp(18px,3vw,48px) 90px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start}
.app-nav-shell{gap:20px;width:100%;max-width:none;box-sizing:border-box;margin-inline:0;padding-inline:clamp(16px,3vw,48px)}.app-brand{flex:0 0 auto}.app-nav-context{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto;color:#8e8e8e}.app-nav-rule{width:1px;height:22px;background:#2d2d2d}.app-nav-kicker{font-size:9.5px;letter-spacing:.14em;color:var(--muted,#828282)}.app-nav-context strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;color:#c8c8c8}.app-nav-actions{display:flex;align-items:center;gap:14px}.app-nav-actions .icon-button{flex:0 0 40px}.app-nav-site-link{display:inline-flex;align-items:center;gap:6px;color:#999;font-size:12px}.app-nav-site-link:hover{color:#fff}.app-nav-site-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.app-nav-user{display:inline-flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid #252525;color:#fff;text-decoration:none}.app-nav-avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #454545;border-radius:50%;background:#111;color:#e7e7e7;font-size:11px;font-weight:600}.app-nav-user-copy{display:grid;gap:2px;min-width:0}.app-nav-user-copy strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.app-nav-user-copy small{color:#666;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.mfa-qr{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;background:#fff;padding:12px;border-radius:12px;margin-bottom:16px}
.dash-side{position:fixed;top:104px;left:clamp(18px,3vw,48px);display:grid;gap:4px;width:230px;max-height:calc(100vh - 128px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent;padding-right:4px}.dash-side::-webkit-scrollbar{width:5px}.dash-side::-webkit-scrollbar-thumb{background:#333;border-radius:999px}.dash-side-toggle{position:fixed;z-index:60;top:141px;left:calc(clamp(18px,3vw,48px) + 232px);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#0b0b0b;border:1px solid #2b2b2b;border-radius:9px;color:#999;cursor:pointer}.dash.is-side-collapsed .dash-side-toggle{left:calc(clamp(18px,3vw,48px) + 2px)}.dash-side-toggle:hover{border-color:#555;color:#fff}.dash-side-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.dash-side-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dash.is-side-collapsed{grid-template-columns:minmax(0,1fr)}.dash.is-side-collapsed .dash-side{display:none}
.dash-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#9a9a9a;font-size:13.5px;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}
.dash-mobile-search{width:100%;background:transparent;color:#9a9a9a;font:inherit;text-align:left;cursor:pointer}
.dash-nav-link:hover{color:#fff}
.dash-nav-link.active{color:#fff;background:#0e0e0e;border-color:#262626}
.dash-nav-sec{margin:16px 12px 6px;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted,#828282)}
.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.dash-head h1{max-width:720px;margin:5px 0 7px;font-size:clamp(26px,3vw,40px);font-weight:560;line-height:1.05;letter-spacing:-.035em}
.dash-head p{color:var(--muted);margin:0;max-width:680px;font-size:13px;line-height:1.55}
.dash-grid{display:grid;gap:16px}
.dash-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.dash-grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.dash-panel{border:1px solid #232323;border-radius:var(--radius-sm);background:linear-gradient(145deg,#0c0c0c,#080808);padding:22px}
.dash-panel h2{font-size:1.15rem;margin-bottom:14px}
.dash-panel h2{display:flex;align-items:center;gap:8px}
.dash-panel h2>svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dash-panel h3{display:flex;align-items:center;gap:8px}
.dash-panel h3>svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dash-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.dash-panel-head .micro{font-size:10.5px}
.dash-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}
.dash-metric{border:1px solid #232323;border-radius:var(--radius-sm);background:linear-gradient(145deg,#0c0c0c,#080808);padding:18px 20px}
.dash-metric strong{display:block;font-size:2rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dash-metric span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dash-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.dash-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;box-sizing:border-box;padding:14px 16px;border:1px solid #1f1f1f;border-radius:12px;background:#0a0a0a;transition:border-color .2s}
.dash-item:hover{border-color:#3a3a3a}
.dash-item-main{flex:1 1 auto;min-width:0}
.dash-item-main strong{display:block;font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-item-main span{font-size:12px;color:var(--muted)}
.dash-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dash-inline-actions form{display:flex;margin:0}
.dash-empty{padding:34px;text-align:center;border:1px dashed #262626;border-radius:var(--radius-sm);color:var(--muted)}
.dash-empty-stack{display:grid;justify-items:center;gap:10px}.dash-empty-stack .text-link{font-size:12px;white-space:nowrap}.dash-empty-stack .text-link svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.status-chip{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c9c9c9;border:1px solid #2c2c2c;border-radius:999px;padding:4px 11px;white-space:nowrap}
.dash-input, select.dash-input, textarea.dash-input{width:100%;background:#0a0a0a;border:1px solid #262626;border-radius:10px;color:var(--text);padding:11px 13px;font-size:14px;transition:border-color .2s}
.dash-input:focus{outline:none;border-color:#5a5a5a}
.dash-label{display:grid;gap:7px;font-size:12px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}
.dash-form{display:grid;gap:16px}
.dash-form .field-error{display:block;color:#e0b4b4;font-size:11px;line-height:1.4;letter-spacing:0;text-transform:none}
.dash-form .dash-input[aria-invalid="true"]{border-color:#8b5d5d}
.form-note-error{color:#e0b4b4;border:1px solid #553737;border-radius:10px;padding:10px 12px;background:#160d0d}
.dash-flash-stack{position:fixed;z-index:950;top:calc(86px + env(safe-area-inset-top,0px));right:24px;display:grid;box-sizing:border-box;width:min(440px,calc(100vw - 48px));max-height:calc(100vh - 102px);max-height:calc(100dvh - 102px);gap:8px;padding:0;overflow-y:auto;overscroll-behavior:contain;pointer-events:none}
.dash-flash{position:relative;box-sizing:border-box;margin:0;border:1px solid #383838;border-radius:12px;padding:12px 42px 12px 40px;background:#101010;color:#dedede;font-size:12px;line-height:1.5;overflow-wrap:anywhere;box-shadow:0 16px 40px rgb(0 0 0 / 40%);pointer-events:auto}
.dash-flash-copy{display:block;min-width:0}
.dash-flash-dismiss{position:absolute;top:7px;right:7px;display:grid;width:28px;height:28px;place-items:center;padding:0;border:1px solid #383838;border-radius:8px;background:#191919;color:#cfcfcf;font:16px/1 var(--font-family-primary);cursor:pointer}
.dash-flash-dismiss:hover{background:#242424;color:#fff}
.dash-flash-dismiss[hidden]{display:none!important}
.dash-flash-dismiss:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dash-flash::before{position:absolute;top:12px;left:15px;color:#c8c8c8;font-weight:700}
.dash-flash.is-success::before{content:"✓"}
.dash-flash.is-error{border-style:dashed}
.dash-flash.is-error::before{content:"×"}
.dash-flash+.dash-flash{margin-top:0}
@media(max-width:700px){.dash-flash-stack{top:calc(82px + env(safe-area-inset-top,0px));right:12px;left:12px;width:auto;max-height:calc(100vh - 94px);max-height:calc(100dvh - 94px)}}
.dash-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dash-progress{height:5px;border-radius:99px;background:#161616;overflow:hidden;margin:10px 0 4px}
.dash-progress i{display:block;height:100%;background:linear-gradient(90deg,#d9d9d9,#8d8d8d);border-radius:99px}
.dash-thread{display:grid;gap:12px;max-height:430px;overflow:auto;padding:4px 2px}
.dash-msg{border:1px solid #1e1e1e;border-radius:12px;padding:13px 15px;background:#0a0a0a}
.dash-msg-self{border-color:#333;background:#101010}
.dash-msg-meta{display:flex;justify-content:space-between;font-size:11px;color:#6d6d6d;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em}
.dash-msg p{margin:0;font-size:14px;color:#d8d8d8;white-space:pre-wrap}
.dash-activity{display:grid;gap:0}
.dash-activity-item{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #171717;font-size:13px;color:#b3b3b3}
.dash-activity-item time{color:#5f5f5f;white-space:nowrap;font-size:11.5px;min-width:110px}
.dash-attach{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid #1e1e1e;border-radius:10px;background:#0a0a0a;font-size:13px}
.dash-attach span{color:var(--muted);font-size:11.5px}
.dash-quote-total{display:flex;align-items:baseline;gap:8px;margin:6px 0 2px}
.dash-quote-total strong{font-size:2.1rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dash-quote-total span{color:var(--muted);font-size:13px}
.dash-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.milestone{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #171717}
.milestone strong{font-size:14px;font-weight:550}
.milestone p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}
.milestone .status-chip{margin-left:auto}
.auth-page{min-height:calc(100svh - 74px);display:flex;align-items:center;padding:56px 0 88px}
.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(32px,5vw,72px);align-items:center}
.auth-intro{min-width:0}
.auth-intro h1{font-size:clamp(2.8rem,5.3vw,4.7rem);line-height:.98;margin:18px 0 28px}
.auth-intro .hero-lede{max-width:580px;font-size:clamp(1rem,1.6vw,1.2rem);margin-bottom:32px}
.auth-trust{display:flex;gap:22px;flex-wrap:wrap;color:#6f6f6f;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
.auth-card{width:100%;min-width:0;max-width:520px;justify-self:end;padding:32px;border-radius:22px}
.auth-card h2.auth-title{font-size:1.6rem;margin:0 0 6px}
.auth-card .auth-lede{color:var(--muted);font-size:13.5px;margin:0 0 20px}
.auth-card .auth-error{color:#ededed;border-left:2px solid #777;padding-left:10px;font-size:13px;margin:0 0 14px}
.auth-card .field-error{display:block;color:#e0b4b4;font-size:11px;line-height:1.4;letter-spacing:0;text-transform:none}
.dash-head h1,.dash-panel h2,.dash-panel h3,.auth-intro h1,.auth-card h2{text-wrap:balance}
.auth-form{gap:18px}
.auth-submit{width:100%}
.auth-social{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;gap:10px}
.auth-social .button{width:100%;padding-inline:10px}
.auth-social-form{min-width:0;margin:0}
.auth-footer{margin-top:18px;line-height:1.8}
.theme-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.theme-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.theme-studio-preview{position:sticky;top:90px}
@media(max-width:980px){.auth-page{align-items:flex-start;padding-top:48px}.auth-shell{grid-template-columns:1fr;gap:32px}.auth-card{max-width:640px;justify-self:stretch;margin-inline:auto}.auth-intro h1{max-width:720px}}
@media(max-width:700px){.auth-page{padding:24px 0 72px}.auth-shell{gap:14px}.auth-intro h1{font-size:clamp(2.15rem,10.6vw,3rem);margin:10px 0 12px}.auth-intro .hero-lede{font-size:13.5px;line-height:1.4;margin-bottom:12px}.auth-trust{gap:8px 14px;font-size:9px}.auth-card{padding:20px 18px}.auth-social{grid-template-columns:1fr}.auth-card .button{min-height:46px}}
@media(max-width:980px){.dash{grid-template-columns:1fr}.dash-side-toggle{display:none}.dash-side{display:none}.dash-main{grid-column:1}.dash-nav-sec{display:none}}
@media(max-width:700px){.dash-form-row{grid-template-columns:1fr}}
.dash-main{grid-column:2;min-width:0;padding-top:42px}.dash.is-side-collapsed .dash-main{grid-column:1}.dash-nav{display:grid;gap:3px}.dash-nav-group{display:grid;gap:3px}.dash-nav-link{min-height:42px;text-decoration:none;line-height:1.2}.dash-nav-link:focus-visible,.dash-mobile-nav summary:focus-visible,.dash-input:focus-visible,.dash-actions a:focus-visible,.dash-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}.dash-nav-link:hover .dash-nav-icon,.dash-nav-link.active .dash-nav-icon{color:#fff}.dash-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;color:#666}.dash-nav-icon svg,.dash-mobile-summary-icon svg,.dash-mobile-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dash-nav-label{min-width:0}.dash-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:auto;border:1px solid #3a3a3a;border-radius:999px;color:#e5e5e5;font:10px ui-monospace,monospace}.dash-side-foot{display:grid;gap:3px;margin-top:18px;padding-top:12px;border-top:1px solid #1c1c1c}.dash-side-foot form{margin:0}.dash-signout{width:100%;background:none;color:#777;border:1px solid transparent;font:inherit;cursor:pointer;text-align:left}.dash-signout:hover{color:#fff}.dash-panel,.dash-metric{background:#0b0b0b}.dash-input:focus-visible{outline:2px solid #fff;outline-offset:2px}.dash-mobile-nav{display:none}.dash-mobile-nav summary{list-style:none;cursor:pointer}.dash-mobile-nav summary::-webkit-details-marker{display:none}.dash-mobile-nav>summary{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #252525;border-radius:12px;background:#0b0b0b;color:#e5e5e5}.dash-mobile-summary-icon{display:inline-flex;color:#999}.dash-mobile-nav summary small,.dash-mobile-nav summary strong{display:block}.dash-mobile-nav summary small{margin-bottom:3px;color:#666;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.dash-mobile-nav summary strong{font-size:13px;font-weight:550}.dash-mobile-chevron{display:inline-flex;margin-left:auto;color:#777}.dash-mobile-nav[open] .dash-mobile-chevron{transform:rotate(180deg)}.dash-mobile-nav>nav{display:grid;gap:12px;margin-top:8px;padding:12px;border:1px solid #202020;border-radius:12px;background:#080808}.dash-mobile-nav .dash-nav-sec{margin:4px 10px}.dash-mobile-nav .dash-side-foot{margin-top:4px}.dash-mobile-nav .dash-nav-link{padding:10px}.dash-mobile-nav .dash-signout{padding:10px}@media(max-width:980px){.dash{display:block;margin:0;padding:24px 0 70px}.dash-side{display:none}.dash-mobile-nav{display:block;margin-bottom:24px}.dash-main{width:100%}}@media(max-width:700px){.dash{padding-left:16px;padding-right:16px}.dash-head{align-items:flex-start}.dash-panel{padding:18px}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-metric{padding:14px}.dash-metric strong{font-size:1.55rem}.dash-item{align-items:flex-start}.dash-attach{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.dash-nav-link,.dash-item{transition:none}.dash-mobile-chevron{transition:none}}
.dash-metric{position:relative}.dash-metric-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;flex:0 0 32px;margin-bottom:12px;border:1px solid #292929;border-radius:9px;background:linear-gradient(145deg,#111,#090909);color:#b8b8b8}.dash-metric-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dash-key-stat{min-width:0}.dash-key-stat-heading{display:flex;align-items:center;gap:9px;min-width:0;min-height:32px}.dash-key-stat-heading .dash-metric-icon{margin:0}.dash-key-stat-heading .micro{min-width:0;color:#a0a0a0;font-size:9px;letter-spacing:.09em;line-height:1.35;overflow-wrap:anywhere}.dash-key-stat-value{line-height:1.1;margin-top:12px}.dash-quick-actions{margin:0 0 20px}.dash-panel-head h2{display:flex;align-items:center;gap:8px}.dash-panel-head h2 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dash-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.dash-action-card{display:flex;align-items:flex-start;gap:10px;min-height:92px;padding:14px;border:1px solid #222;border-radius:10px;background:#090909;color:#bbb;text-decoration:none}.dash-action-card:hover{border-color:#444;color:#fff}.dash-action-card>svg{width:14px;height:14px;flex:0 0 14px;margin:3px 0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dash-action-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border:1px solid #2d2d2d;border-radius:7px;color:#aaa}.dash-action-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dash-action-card strong,.dash-action-card small{display:block}.dash-action-card strong{font-size:12.5px;color:#eee;font-weight:550;line-height:1.35}.dash-action-card small{margin-top:5px;color:var(--muted,#828282);font-size:11px;line-height:1.35}.dash-onboarding .bento-card{transition:border-color .2s,background .2s}.dash-onboarding .bento-card:hover{border-color:#444!important;background:#0d0d0d!important}.dash-onboarding .bento-card svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:-2px}@media(max-width:1100px){.dash-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.dash-action-grid{grid-template-columns:1fr}.dash-action-card{min-height:76px}}
.button svg,.text-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}.button,.text-button{display:inline-flex;align-items:center;gap:7px}.app-header a,.app-header button,.dash-nav-link,.button,.text-button{touch-action:manipulation}.webhook-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.webhook-summary::-webkit-details-marker{display:none}.webhook-summary-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.webhook-detail-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.dash-wallet-hero .button{white-space:nowrap}@media(max-width:700px){.webhook-summary{align-items:flex-start;flex-direction:column}.webhook-summary-status{width:100%;justify-content:space-between}.webhook-detail-actions{justify-content:flex-start}}
.webhook-simulator-grid{min-width:0}@media(max-width:700px){.webhook-simulator-grid{grid-template-columns:1fr!important}}
.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;min-width:0}.dash-stats-grid .dash-metric-icon{margin-bottom:7px}.dash-stats-grid .micro{display:block}@media(max-width:980px){.dash-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.dash-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.dash{margin:0;padding-top:24px}.theme-studio-grid{grid-template-columns:1fr;gap:16px}.theme-studio-preview{position:static}}
@media(max-width:700px){.dash-grid.cols-2,.dash-grid.cols-3{grid-template-columns:1fr}.org-billing-form{grid-template-columns:1fr!important}.theme-color-grid{grid-template-columns:1fr}}
@media(max-width:700px){.app-nav-shell{gap:12px}.app-nav-context{display:none}.app-nav-actions{gap:8px}.app-nav-site-link{font-size:0}.app-nav-site-link svg{width:15px;height:15px}.app-nav-user{padding-left:8px}.app-nav-user-copy{display:none}.app-nav-avatar{width:32px;height:32px}}
@media(max-width:360px){.app-nav-shell{width:100%;max-width:none;padding-inline:16px;gap:8px}.app-nav-actions{gap:6px}.app-nav-actions .account-menu{padding-left:6px}}
body.cookie-banner-visible .auth-page{scroll-padding-bottom:var(--cookie-banner-height,0px)}
@media (min-width:701px) and (max-height:800px){
  body.cookie-banner-visible .auth-page{min-height:calc(100svh - 74px - var(--cookie-banner-height,0px));align-items:flex-start;padding:8px 0 4px}
}
@media(max-width:700px){
  body.cookie-banner-visible .auth-page{min-height:auto;align-items:flex-start;padding-bottom:calc(220px + var(--cookie-banner-height,0px))}
}

/* Shared signed-in account control used by public and workspace headers. */
.account-menu{position:relative;z-index:1001}.account-menu>summary{list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-menu-trigger{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:4px 8px 4px 6px;border:1px solid #292929;border-radius:10px;background:#0b0b0b;color:#eee;cursor:pointer}.account-menu-trigger:hover,.account-menu[open] .account-menu-trigger{border-color:#4a4a4a;background:#111}.account-menu-trigger:focus-visible{outline:2px solid #fff;outline-offset:3px}.account-menu-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #454545;border-radius:50%;background:#111;color:#e7e7e7;font-size:11px;font-weight:600;object-fit:cover}.account-menu-copy{display:grid;gap:2px;min-width:0;text-align:left}.account-menu-copy strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.account-menu-copy small{color:var(--muted,#828282);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.account-menu-chevron{display:inline-flex;color:#888;transition:transform .2s}.account-menu-chevron svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.account-menu[open] .account-menu-chevron{transform:rotate(180deg)}.account-menu-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;width:min(260px,calc(100vw - 24px));padding:10px;border:1px solid #303030;border-radius:14px;background:#0a0a0a;box-shadow:0 22px 70px rgba(0,0,0,.55)}.account-menu-identity{display:grid;gap:4px;padding:10px;border-bottom:1px solid #202020}.account-menu-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f1f1;font-size:13px}.account-menu-identity span{overflow-wrap:anywhere;color:#777;font-size:11px}.account-menu-panel nav{display:grid;gap:3px;padding-top:8px}.account-menu-link,.account-menu-signout{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#bcbcbc;font:inherit;font-size:12px;text-align:left;text-decoration:none}.account-menu-link:hover,.account-menu-signout:hover{border-color:#292929;background:#121212;color:#fff}.account-menu-signout{cursor:pointer}.app-nav-actions .account-menu{padding-left:14px;border-left:1px solid #252525}.app-nav-actions .account-menu-trigger{border:0;background:transparent;padding-left:0}.app-nav-actions .account-menu-trigger:hover,.app-nav-actions .account-menu[open] .account-menu-trigger{background:transparent;border-color:transparent}.profile-avatar-editor{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #202020}.profile-avatar-preview{display:grid;place-items:center;width:72px;height:72px;border:1px solid #454545;border-radius:50%;background:#111;color:#e7e7e7;font-size:22px;font-weight:600;overflow:hidden}.profile-avatar-preview img{display:block;width:72px;height:72px;object-fit:cover}.profile-avatar-copy{display:grid;gap:8px}.profile-avatar-copy p{margin:0;max-width:560px;color:#777;font-size:12px;line-height:1.55}.profile-avatar-copy .dash-label{gap:7px}.profile-avatar-copy input[type=file]{margin-top:3px}.dash-check{display:inline-flex;align-items:center;gap:7px;color:#777;font-size:11px}.dash-check input{accent-color:#eee}
@media(max-width:700px){.account-menu-panel{right:-4px}.app-nav-actions .account-menu{padding-left:8px}.profile-avatar-editor{grid-template-columns:58px minmax(0,1fr);gap:14px}.profile-avatar-preview,.profile-avatar-preview img{width:58px;height:58px}.account-menu-trigger{padding-right:6px}.header-account-action--app .account-menu-copy{display:none}}

/* Keep the account menu comprehensive without pushing it off small screens. */
.account-menu-panel{width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#3d3d3d transparent;scrollbar-width:thin}
.account-menu-panel::before{position:absolute;top:-10px;right:0;left:0;height:10px;content:""}
.account-menu-panel nav{gap:4px}
.account-menu-panel .account-menu-group{display:grid;gap:2px}
.account-menu-panel .account-menu-group+.account-menu-group{margin-top:2px;padding-top:6px;border-top:1px solid #202020}
.account-menu-group-label{margin:0 10px 2px;color:#777;font-size:9px;font-weight:600;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}
.account-menu-panel .account-menu-link,.account-menu-panel .account-menu-signout{gap:9px;min-height:34px;padding:6px 10px}
.account-menu-link svg,.account-menu-signout svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.account-menu-link span,.account-menu-signout span{min-width:0}
.account-menu-link .account-menu-count{display:inline-flex;min-width:18px;height:18px;flex:0 0 auto;align-items:center;justify-content:center;margin-left:auto;padding:0 5px;border:1px solid #454545;border-radius:999px;color:#eee;font:10px ui-monospace,monospace;line-height:1}
.account-menu-panel nav>form{margin-top:3px;padding-top:7px;border-top:1px solid #202020}
@media(hover:hover) and (pointer:fine){.account-menu-panel::before{height:12px;top:-12px}}
@media(max-width:700px){.account-menu-panel{max-height:calc(100vh - var(--cookie-banner-height,0px) - 78px);max-height:calc(100dvh - var(--cookie-banner-height,0px) - 78px)}.header-account-action--public .account-menu-panel{right:-62px}.account-menu-group-label{margin-top:2px}}

/* Auth and account security surfaces share one deliberate access pattern. */
.auth-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:24px;border-bottom:1px solid #242424;color:#666;font:10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.auth-card-title{display:inline-flex;align-items:center;gap:8px;color:#cfcfcf}
.auth-card-title svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.auth-state .eyebrow svg{width:12px;height:12px;margin-right:6px;vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:1.6}
.auth-card-head span:last-child{color:#8b8b8b}
.auth-message{margin:0 0 18px;border:1px solid #2b2b2b;border-radius:10px;padding:10px 12px;background:#101010;color:#cfcfcf}
.auth-provider-block{margin-top:22px}
.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#666;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#242424}
.auth-divider span{white-space:nowrap}
.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-provider{width:100%;justify-content:flex-start;min-height:44px}
.auth-provider-mark{display:grid;place-items:center;width:22px;height:22px;border:1px solid #444;border-radius:6px;color:#ddd;font:10px ui-monospace,monospace;letter-spacing:-.05em}
.auth-card a:focus-visible,.auth-card button:focus-visible,.security-panel a:focus-visible,.security-panel button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.security-panel{width:100%;max-width:640px}
.security-panel-narrow{max-width:560px}
.security-copy{margin:0 0 18px;color:var(--muted);font-size:13.5px}
.mfa-recovery-meta{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 10px;color:var(--muted);font-size:13px}
.mfa-recovery-meta strong{color:#f1f1f1;font-size:15px;font-variant-numeric:tabular-nums}
.mfa-recovery-codes{display:block;width:100%;min-height:184px;resize:vertical;padding:14px;border:1px solid #303030;border-radius:10px;background:#050505;color:#e9e9e9;font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.mfa-recovery-codes:focus-visible{outline:2px solid #fff;outline-offset:3px;border-color:#777}
.mfa-code-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.mfa-code-actions form{display:inline-flex;margin:0}
.mfa-code-note{margin:0 0 18px;padding:12px 14px;border:1px solid #4a3f2a;border-radius:10px;background:#17130c;color:#d8c8a8;font-size:12.5px;line-height:1.55}
.mfa-code-note strong{color:#f0dfb6}
.mfa-alternative-link{margin-top:18px;padding-top:16px;border-top:1px solid #202020;color:#888;font-size:12.5px}
.mfa-alternative-link a{color:#ddd;text-decoration:underline;text-decoration-color:#555;text-underline-offset:3px}
.mfa-alternative-link a:hover{color:#fff;text-decoration-color:#fff}
.mfa-code-save-check{margin-top:16px}
.security-actions{margin-top:2px}
.security-manual-key{margin-top:14px}
.security-manual-key code{color:#bbb;font-family:ui-monospace,monospace}
.security-panel .dash-list{margin-top:0}
@media(max-width:700px){.auth-card-head{font-size:9px}.auth-social{grid-template-columns:1fr}.auth-provider{justify-content:center}.security-panel{max-width:none}.security-panel .dash-item{align-items:stretch;flex-direction:column}.security-panel .dash-inline-actions{justify-content:flex-start;width:100%;min-width:0}.security-panel .dash-inline-actions .micro{max-width:100%;white-space:normal;line-height:1.5}.security-panel .dash-inline-actions .button{max-width:100%}}
.auth-state{display:grid;gap:18px}
.auth-state-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #555;border-radius:50%;color:#f1f1f1;font:600 15px ui-monospace,monospace}
.auth-state-success .auth-state-mark{border-color:#758575;color:#d8e8d8}
.auth-state-error .auth-state-mark{border-color:#815c5c;color:#e0b4b4}
.auth-state .auth-title{margin:0}
.auth-state .auth-lede{margin:0}
.auth-state-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.auth-state-actions .auth-submit{width:auto}
.auth-state-actions .text-link{margin-left:4px}
@media(max-width:700px){.auth-state-actions{align-items:stretch;flex-direction:column}.auth-state-actions .button,.auth-state-actions .text-link{width:100%;justify-content:center;margin-left:0}}

/* Direct API console — keep catalog cards readable at every dashboard width. */
.dash-section-spaced{margin-bottom:24px}
.api-subscription-list{margin-top:14px}
.api-subscription-row{align-items:center;flex-wrap:wrap}
.api-subscription-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.api-subscription-actions form{display:flex;margin:0}
.api-cancel-button{color:#e0b4b4;font-size:11px}
.dash-api-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:16px}
.dash-api-catalog-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.dash-api-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dash-api-badge{font-size:9px}
.dash-api-catalog-card h3{margin:10px 0 6px;font-size:18px}
.dash-api-description{color:#888;font-size:12.5px;line-height:1.5}
.dash-api-cost{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0;padding:10px 12px;background:#050505;border:1px solid #1e1e1e;border-radius:8px;font-size:12px}
.dash-api-cost span{color:#777}.dash-api-cost strong{color:#fff;font-variant-numeric:tabular-nums}
.dash-api-plan-list{display:grid;gap:8px;margin-top:10px}
.dash-api-plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#0d0d0d;border:1px solid #222;border-radius:6px;font-size:12px}
.dash-api-plan-copy{min-width:0}.dash-api-plan-copy strong{display:block;color:#f5f5f5}.dash-api-plan-copy div{margin-top:2px;color:#777;font-size:11px}
.dash-api-plan-row form{display:flex;flex:0 0 auto}.dash-api-subscribe-button{min-height:34px;padding:0 9px;font-size:10.5px}
.dash-api-card-footer{margin-top:20px;border-top:1px solid #1c1c1c;padding-top:12px}
@media(max-width:700px){.api-subscription-actions{width:100%;justify-content:space-between}.dash-api-catalog-card{padding:20px}.dash-api-plan-row{align-items:flex-start;flex-direction:column}.dash-api-plan-row form,.dash-api-subscribe-button{width:100%}}

/* Shared dashboard controls keep operational pages readable and responsive. */
.dash-key-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.dash-key-stat{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:20px;border-color:#262626}
.dash-key-stat-value{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:6px 0 0;color:#f5f5f5}
.dash-key-stat-value--text{font-size:16px;font-weight:550;letter-spacing:-.01em;line-height:1.3}
.dash-key-stat-unit{font-size:12px;font-weight:400;color:#888;white-space:nowrap;letter-spacing:0}
.dash-key-stat-note{margin:7px 0 0;color:#777;font-size:11px;line-height:1.4}
.dash-key-stat-status{display:flex;align-items:center;gap:8px;margin-top:10px}
.dash-secret-panel{border-color:#3a3a3a;background:#0b0b0b;margin-bottom:20px;padding:24px}
.dash-secret-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.dash-secret-head strong{color:#f5f5f5}
.dash-secret-value{display:flex;gap:10px;align-items:center}
.dash-secret-value input{flex:1;min-width:0;background:#050505;border:1px solid #333;color:#fff;padding:12px 14px;border-radius:8px;font:13px ui-monospace,monospace}
.dash-secret-meta{color:#888;font-size:12px;margin:0 0 8px}
.dash-key-section{margin-bottom:24px}
.dash-key-form,.dash-oauth-form{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap;align-items:center}
.dash-key-form .dash-key-name,.dash-oauth-form .dash-key-name{flex:1;min-width:220px}
.dash-key-form .dash-key-org{min-width:220px}
.dash-oauth-form .dash-key-org{min-width:190px}
.dash-key-input,.dash-key-select{background:#090909;border:1px solid #282828;color:#fff;padding:10px 14px;border-radius:8px}
.dash-key-select{padding-right:34px}
.dash-key-input:focus-visible,.dash-key-select:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dash-key-helper,.dash-oauth-copy{color:#777;font-size:11px;margin:10px 0 0}
.dash-oauth-copy{color:#888;font-size:12.5px;margin:6px 0 14px}
.dash-scope-label{display:inline-flex;align-items:center;gap:6px;color:#888;font-size:11px}
.dash-credential-list{margin-top:16px}
.dash-credential-row{align-items:center;justify-content:space-between;gap:12px}
.dash-credential-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dash-credential-actions form{display:flex;margin:0}
.dash-credential-token{margin-left:8px;color:#777;font:11px ui-monospace,monospace}
.dash-danger-button{color:#e0b4b4;font-size:11px}
.dash-revoked{color:#666}

.topup-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px}
.topup-grid form{display:flex;min-width:0}
.topup-btn{width:100%;justify-content:flex-start;font-size:11.5px}
.topup-provider{color:#777;font-size:10px}
.dash-wallet-hero{border-color:#383838;margin-bottom:24px;padding:28px}
.dash-wallet-layout{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}
.dash-wallet-balance{min-width:0}
.dash-balance-total{font-size:38px;margin:10px 0 6px;letter-spacing:-.04em;color:#fff}
.dash-balance-currency{font-size:14px;font-weight:400;color:#777}
.dash-wallet-description{color:#888;font-size:13.5px;margin:0}
.dash-wallet-topup{display:flex;flex-direction:column;gap:10px}
.dash-topup-fallback{display:flex;gap:8px;flex-wrap:wrap}
.dash-topup-fallback form{display:flex}
.dash-topup-fallback form:nth-child(2) .button{background:#242424;color:#fff}
.dash-sandbox-note{color:#666;font:11px ui-monospace,monospace;margin:0}
.dash-wallet-section{margin-bottom:24px}
.dash-wallet-row{align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.dash-wallet-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dash-wallet-actions form{display:flex;margin:0}
.dash-wallet-actions .button{font-size:11px}
.dash-auto-topup-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.dash-auto-topup-copy h3{font-size:15px;margin:0;color:#fff}
.dash-auto-topup-copy p{color:#888;font-size:12.5px;margin:4px 0 0}
.dash-auto-topup-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dash-auto-topup-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #202020}
.dash-auto-topup-field{max-width:210px}
.dash-auto-topup-field:first-child{max-width:180px}
.dash-auto-topup-form .button{font-size:11px}
.dash-auto-topup-error{color:#e0b4b4;font-size:11px;margin:12px 0 0}
.dash-ledger-row{align-items:center;justify-content:space-between}
.dash-ledger-amount{text-align:right}
.dash-ledger-amount strong{display:block;color:#e5e5e5;font:14px ui-monospace,monospace}
.dash-ledger-amount span{color:#666;font-size:11px}

.dash-form-stack{display:grid;gap:14px;margin-top:14px}
.dash-control-label,.dash-fieldset legend{display:block;color:#888;font-size:11px;text-transform:uppercase;margin-bottom:6px}
.dash-fieldset{border:0;margin:0;padding:0}
.dash-fieldset legend{padding:0}
.dash-choice-row{display:flex;gap:16px;flex-wrap:wrap;color:#ccc;font-size:13px}
.dash-choice{display:inline-flex;align-items:center;gap:6px}
.dash-simulator-form{display:grid;gap:12px}
.dash-simulator-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}
.dash-simulator-select,.dash-code-input{width:100%;background:#090909;border:1px solid #282828;color:#fff;border-radius:6px}
.dash-simulator-select{padding:8px 10px;font-size:12.5px}
.dash-code-input{padding:8px 10px;font:12px ui-monospace,monospace}
.dash-simulator-select:focus-visible,.dash-code-input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dash-webhook-row{align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.dash-webhook-secret{font:11px ui-monospace,monospace;color:#999}
.dash-webhook-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dash-webhook-actions form{display:flex;margin:0}
.dash-webhook-actions .button,.dash-webhook-actions .text-button{font-size:11px}
.dash-delivery-detail{border-top:1px solid #1c1c1c;padding-top:12px;margin-top:12px}
.dash-code-label{display:block;margin:0 0 4px}
.dash-code-block{margin:0;padding:12px;background:#050505;border:1px solid #1f1f1f;border-radius:6px;color:#bbb;overflow-x:auto;font:11.5px ui-monospace,monospace}
.dash-code-label + .dash-code-block{margin-bottom:10px}
.dash-delivery-error{color:#e0b4b4}
.webhook-detail-actions .button{font-size:10.5px;padding:2px 8px}

.workspace-create-form{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.workspace-name-input{flex:1;min-width:240px}
.workspace-panel{margin-bottom:24px}
.workspace-list{margin-top:14px}
.workspace-card{display:grid;gap:14px}
.workspace-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.workspace-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.workspace-billing-link,.workspace-inline-button{font-size:11px}
.workspace-management{border-top:1px solid #1c1c1c;padding-top:12px;margin-top:4px}
.workspace-section-title{font-size:12px;text-transform:uppercase;color:#888;letter-spacing:.08em;margin-bottom:10px}
.workspace-invite-form{display:flex;gap:10px;flex-wrap:wrap}
.workspace-invite-email{flex:1;min-width:200px}
.workspace-invite-role,.workspace-member-role{background:#090909;border:1px solid #333;color:#fff;border-radius:4px}
.workspace-invite-role{padding:8px 12px;font-size:12.5px}
.workspace-invite-form .button{font-size:11px}
.workspace-member-list{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#888;margin-top:6px}
.workspace-member{display:inline-flex;align-items:center;gap:8px;background:#111;padding:5px 8px;border-radius:4px;border:1px solid #222}
.workspace-member-name{min-width:0;color:#c4c4c4}
.workspace-member-form{display:inline-flex;gap:4px;align-items:center}
.workspace-member-role{padding:3px 5px;font-size:11px}
.workspace-invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:7px 0;color:#888;font-size:12px}
.workspace-invite-copy strong{color:#aaa}
.workspace-invite-actions{display:flex;gap:8px}
.workspace-empty-note{color:#666;font-size:12px;margin:0}
@media(max-width:980px){.dash-simulator-grid{grid-template-columns:1fr}}
@media(max-width:700px){
  .dash-key-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash-key-stat:last-child{grid-column:1/-1}
  .dash-secret-value{align-items:stretch;flex-direction:column}
  .dash-secret-value .button{width:100%}
  .dash-key-form,.dash-oauth-form{align-items:stretch;flex-direction:column}
  .dash-key-form>input,.dash-key-form>select,.dash-key-form>.button,.dash-oauth-form>input,.dash-oauth-form>select,.dash-oauth-form>.button,.dash-oauth-form>.dash-scope-label{width:100%;min-width:0!important}
  .dash-key-form .button,.dash-oauth-form .button{width:100%}
  .dash-wallet-hero{padding:20px}
  .dash-wallet-topup{width:100%}
  .topup-grid{grid-template-columns:1fr}
  .dash-auto-topup-actions,.dash-auto-topup-actions form,.dash-auto-topup-actions .button{width:100%}
  .dash-auto-topup-actions{align-items:stretch;flex-direction:column}
  .dash-auto-topup-form{align-items:stretch;flex-direction:column}
  .dash-auto-topup-field,.dash-auto-topup-field:first-child{max-width:none}
  .dash-auto-topup-form .button{width:100%}
  .workspace-card-head{align-items:flex-start;flex-direction:column}
  .workspace-card-actions{width:100%;justify-content:space-between}
  .workspace-invite-form{align-items:stretch;flex-direction:column}
  .workspace-invite-form>*:not(.sr-only){width:100%;min-width:0!important}
  .workspace-invite-form>.sr-only{width:1px!important;min-width:0!important}
  .workspace-invite-form .button{width:100%}
  .workspace-member{align-items:flex-start;flex-wrap:wrap}
  .workspace-member-form{width:100%;justify-content:space-between}
  .workspace-member-role{flex:1}
  .workspace-invite-row{align-items:flex-start;flex-direction:column}
  .workspace-invite-actions{width:100%;justify-content:flex-end}
}

/* Shared route styling keeps lower dashboard surfaces aligned with the shell. */
.dash-item-meta{flex:0 0 auto;text-align:right;white-space:nowrap}
.dash-onboarding{margin-bottom:20px;border-color:#2a2a2a}
.dash-onboarding-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.dash-onboarding-card{display:block;padding:16px;border-color:#222;background:#090909;border-radius:10px}
.dash-onboarding-title{display:block;margin:4px 0;color:#fff;font-size:14px}
.dash-onboarding-detail{display:block;color:#888;font-size:11.5px}
.dash-onboarding-detail svg{width:13px;height:13px;margin-left:3px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.5}

.analytics-success-rate{color:#f5f5f5}
.analytics-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.analytics-breakdown-card{padding:16px;background:#090909;border:1px solid #222;border-radius:10px}
.analytics-breakdown-count{font-size:22px;font-weight:600;margin:6px 0 2px;color:#fff}
.analytics-breakdown-count span{font-size:11px;font-weight:400;color:#777}
.analytics-breakdown-spend{font-size:11.5px;color:#888;font-family:ui-monospace,monospace}
.analytics-log-list{margin-top:14px}
.analytics-log-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.analytics-log-method{margin-right:6px;color:#aaa;font:11px ui-monospace,monospace}
.analytics-log-path{color:#777;font:11px ui-monospace,monospace}
.analytics-log-actions{display:flex;gap:14px;align-items:center}
.analytics-log-cost{color:#999;font:12px ui-monospace,monospace}
.analytics-status{font-size:9px}
.analytics-status-error{color:#e0b4b4}

.billing-active-panel{border-color:#383838;background:#121212;padding:28px}
.billing-pending-panel{border-color:#393939;background:#101010;padding:24px}
.billing-active-layout{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}
.billing-active-kicker{color:#c8c8c8}
.billing-active-title{font-size:24px;margin:8px 0 4px}
.billing-active-copy{color:#999;font-size:14px;margin:0}
.billing-active-renewal{color:#777;font-size:12px;margin:8px 0 0}
.billing-active-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.status-chip-good{border-color:#555;color:#eee}
.status-chip-attention{border-color:#666;background:#191919;color:#fff}
.billing-active-status form,.billing-pending-action form{margin:0}
.billing-pending-action{min-width:min(220px,100%)}
.billing-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;margin-top:16px}
.billing-plan-card{display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-color:#282828;background:#090909;border-radius:14px}
.billing-plan-title{font-size:20px;margin:8px 0}
.billing-plan-price{font-size:26px;font-weight:600;margin:12px 0}
.billing-plan-price span{font-size:13px;font-weight:400;color:#777}
.billing-plan-copy{color:#888;font-size:13px;line-height:1.5}
.billing-plan-action{margin-top:20px}
.billing-plan-action form,.billing-plan-button{width:100%}
.billing-plan-button[disabled]{opacity:.6}
.billing-history-list{margin-top:14px}
.billing-history-row{display:flex;align-items:center;justify-content:space-between}
.billing-invoice-link{font-size:12px}

.org-billing-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.org-billing-stat{padding:18px}
.org-billing-stat strong{display:block;margin-top:8px;color:#f0f0f0}
.org-billing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.org-billing-label{display:grid;gap:5px;color:#888;font-size:11px}
.org-billing-input{display:block;width:100%;box-sizing:border-box;background:#090909;border:1px solid #282828;color:#fff;padding:10px;border-radius:7px}
.org-billing-input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.org-billing-full{grid-column:1/-1}
.org-billing-submit{justify-self:start}
.org-billing-readonly{color:#888;margin:14px 0 0}
.org-invoice-list{margin-top:14px}
.org-invoice-row{display:flex;align-items:center;justify-content:space-between;text-decoration:none}

.theme-token-stack{margin-top:16px}
.token-slider-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.token-slider-row label{min-width:130px;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.token-slider-row input[type=range]{flex:1;accent-color:#f5f5f5;background:#222}
.token-slider-row span{min-width:40px;color:#ccc;text-align:right;font:12px ui-monospace,monospace}
.theme-token-separator{border-top:1px solid #1c1c1c;padding-top:16px;margin-top:16px}
.theme-color-label{display:block;margin-bottom:4px;color:#777;font-size:10px;text-transform:uppercase}
.theme-color-input{width:100%;background:#090909;border:1px solid #282828;color:#fff;padding:8px 10px;border-radius:6px;font:12px ui-monospace,monospace}
.theme-color-input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.theme-save-actions{margin-top:20px}
.theme-save-actions .button{width:100%}
.theme-save-state{text-align:center;margin:9px 0 0}
.theme-preview-wrap{margin-top:16px}
.theme-preview-surface{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:32px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}
.theme-preview-kicker{color:#888}
.theme-preview-title{margin:10px 0;color:var(--text);font-size:22px}
.theme-preview-copy{color:#999;font-size:13.5px;line-height:1.6}
.theme-preview-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px}
.theme-preview-id{color:#777;font:11px ui-monospace,monospace}
.theme-preview-status{border-radius:var(--radius-sm)}

@media(max-width:1100px){.org-billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .dash-item-meta{width:auto;text-align:right}
  .analytics-log-row{align-items:flex-start}
  .analytics-log-actions{width:100%;justify-content:space-between}
  .billing-active-panel{padding:20px}
  .billing-pending-panel{padding:20px}
  .billing-active-layout{align-items:flex-start;flex-direction:column}
  .billing-active-status,.billing-active-status form,.billing-pending-action{width:100%}
  .billing-active-status .status-chip{width:100%;justify-content:center}
  .billing-history-row{align-items:flex-start;flex-direction:column;gap:10px}
  .billing-invoice-link{font-size:11px}
  .org-billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .org-billing-form{grid-template-columns:1fr}
  .org-billing-full{grid-column:auto}
  .token-slider-row{align-items:stretch;flex-direction:column;gap:8px}
  .token-slider-row label{min-width:0}
  .token-slider-row span{text-align:left}
  .theme-preview-surface{min-height:280px;padding:24px}
  .theme-preview-foot{align-items:flex-start;flex-direction:column;gap:12px}
}

.dash-panel-narrow{max-width:none}
.dash-panel-wide{max-width:none}
.dash-panel-follow{margin-top:16px}
.dash-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.dash-two-col .dash-panel-follow{margin-top:0}
@media(max-width:1100px){.dash-two-col{grid-template-columns:1fr}.dash-two-col .dash-panel-follow{margin-top:16px}}
.dash-pre-wrap{color:#cfcfcf;white-space:pre-wrap}
.dash-activity-spaced,.dash-list-spaced{margin-top:14px}
.dash-help-copy{color:var(--muted);font-size:13px;margin-top:10px}
.dash-form-spaced{margin-top:18px}
.dash-label-spaced{margin-top:14px}
.dash-note-spaced{margin-top:16px}
.dash-note-tight{margin-top:8px}
.dash-actions-spaced{margin-top:16px}
.milestone-copy{min-width:0;flex:1}
.dash-attachment-link{display:inline-flex;margin-top:8px;font-size:12px}
.dash-file-input{max-width:320px}
.dash-activity-link{border:0;padding:0}
.dash-invoice-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.dash-panel .dash-invoice-action .button{white-space:nowrap}

@media(max-width:700px){
  .dash-file-input{max-width:none;width:100%}
  .dash-panel-narrow,.dash-panel-wide{max-width:none}
  .dash-invoice-action{align-items:flex-start;flex-direction:column}
}

/* Printable invoice surfaces keep their screen and paper layouts in one stylesheet. */
.inv{max-width:760px;padding:34px;border:1px solid #2a2a2a;border-radius:14px;background:#0b0b0b}
.inv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #222;padding-bottom:18px;margin-bottom:18px}
.inv-head h2{font-size:1.6rem;margin:0}
.inv-address{color:#8f8f8f;font-size:13px;margin:6px 0 0}
.inv-meta{text-align:right;color:#9a9a9a;font-size:12.5px;line-height:1.7}
.inv-status{color:#e5e5e5}
.inv-billed-to{color:#9a9a9a;font-size:13px;margin:0 0 16px}
.inv-billed-name{color:#e4e4e4}
.inv-table{width:100%;border-collapse:collapse;font-size:14px}
.inv-table th{text-align:left;color:#8a8a8a;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid #222}
.inv-table td{padding:12px 8px;border-bottom:1px solid #191919}
.inv-table .text-right{text-align:right}
.inv-variant{color:#7d7d7d}
.inv-total{display:flex;justify-content:flex-end;gap:30px;padding:16px 8px;font-size:15px}
.inv-total strong{font-size:19px}
.inv-total-label{color:#9a9a9a}
.inv-foot{margin-top:22px;color:#7d7d7d;font-size:12px;line-height:1.8}
.invoice-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.org-invoice-summary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.org-invoice-name{display:block;margin-top:8px;color:#f0f0f0}
.org-invoice-email{color:#888}
.org-invoice-total{text-align:right}
.org-invoice-total strong{display:block;margin-top:6px;color:#f0f0f0;font-size:28px}
.org-usage-list{margin-top:14px}
.org-usage-row{display:flex;justify-content:space-between;gap:14px}

@media print{
  .dash-side,.site-header,.site-footer,.cookie-banner,.cookie-settings,.search-dialog,.dash-head .back-link,.invoice-actions,.shell>p{display:none!important}
  .dash{grid-template-columns:1fr;display:block;margin:0;padding:0}
  .dash-main{max-width:100%;display:block}
  body:before{display:none}
  .inv{border:none;padding:0}
  .dash-panel{border-color:#ddd!important;background:#fff!important;color:#111!important}
  .dash-panel *{color:#111!important}
}

@media(max-width:700px){
  .inv{padding:22px 18px}
  .inv-head{flex-direction:column}
  .inv-meta{text-align:left}
  .inv-table{font-size:12px}
  .inv-table th,.inv-table td{padding-inline:4px}
  .org-invoice-total{text-align:left}
  .org-invoice-total strong{font-size:24px}
  .org-usage-row{align-items:flex-start;flex-direction:column}
}

@media(max-width:700px){
  .dash-credential-row{align-items:flex-start;flex-direction:column;min-width:0}
  .dash-credential-row .dash-item-main{width:100%}
  .dash-credential-actions{width:100%;justify-content:flex-start}
}

/* Theme Studio exposes the complete safe token set and keeps the global default read-only. */
.theme-access-note{display:flex;align-items:flex-start;gap:10px;max-width:760px;margin:0 0 16px;padding:11px 12px;border:1px solid #343434;border-radius:10px;color:#cfcfcf;background:#101010;line-height:1.5}
.theme-form-fieldset{min-width:0;margin:0;padding:0;border:0}
.theme-form-fieldset[disabled]{opacity:.62}
.theme-form-fieldset[disabled] .theme-save-state{opacity:1}
.token-slider-row{flex-wrap:wrap}
.token-slider-row .field-error{flex-basis:100%;margin-left:146px}
.theme-form-fieldset .field-error{display:block;color:#e0b4b4;font-size:11px;line-height:1.4;letter-spacing:0;text-transform:none}
.theme-color-grid>div{min-width:0}
.theme-color-grid .field-error{margin-top:5px}

/* Keep tablet grids and mobile navigation readable as the shell compresses. */
.dash-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}
.dash-grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.dash-activity-item .dash-activity-label,.dash-activity-item .dash-activity-index{display:block;flex:0 0 110px;color:#5f5f5f;white-space:nowrap;font-size:11.5px}
.auth-card-foot{margin-top:22px;padding-top:15px;border-top:1px solid #202020}
.auth-card-foot .auth-security-note{margin:0}
.auth-card-foot-meta{display:block;margin-top:10px;color:#555;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.workspace-invite-role:focus-visible,.workspace-member-role:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:980px){.dash-mobile-nav .dash-nav-sec{display:block}}
@media(max-width:700px){
  .dash-activity-item .dash-activity-label,.dash-activity-item .dash-activity-index{flex-basis:82px;min-width:82px}
  .auth-card-foot{margin-top:18px;padding-top:13px}
  .auth-card-foot-meta{font-size:8px}
}
.theme-studio-preview .dash-help-copy{margin:-6px 0 0}
@media(max-width:700px){.token-slider-row .field-error{margin-left:0}.theme-access-note{margin-bottom:14px}}

/* Access console and dashboard orientation refinements. */
.auth-page{position:relative}
.auth-intro-topline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.auth-live-badge{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #2c3a2c;border-radius:999px;color:#aabbaa;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.auth-signal-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;margin-top:34px;border-top:1px solid #242424;border-bottom:1px solid #242424}
.auth-signal{min-width:0;padding:15px 18px 15px 0}
.auth-signal+.auth-signal{padding-left:18px;border-left:1px solid #242424}
.auth-signal-index{display:block;margin-bottom:9px;color:#5f5f5f;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.auth-signal strong{display:block;color:#ddd;font-size:12px;font-weight:550}
.auth-signal small{display:block;margin-top:4px;color:#777;font-size:11px;line-height:1.35}
.auth-card-state{display:inline-flex;align-items:center;color:#a4b2a4!important}
.auth-card:focus-within{border-color:#3a3a3a;box-shadow:0 18px 64px rgba(0,0,0,.22)}
.auth-field{display:grid;gap:7px}
.auth-field-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.auth-label-only{display:block;margin:0}
.auth-inline-link{color:#9c9c9c;font-size:11px;text-decoration:underline;text-decoration-color:#4d4d4d;text-underline-offset:3px}
.auth-inline-link:hover{color:#fff;text-decoration-color:#fff}
.auth-security-note{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;color:#777;font-size:11px;line-height:1.5}
.auth-security-note>span:first-child{color:#b5c5b5;font-size:8px;line-height:1.8}
.dash-nav-sec{margin:16px 12px 6px;font-size:10.5px;font-weight:400;line-height:1.2;letter-spacing:.15em;text-transform:uppercase}
.dash-side-status{margin-top:18px;padding:14px 12px;border:1px solid #222;border-radius:10px;background:#090909}
.dash-side-status-label{display:flex;align-items:center;color:#aabaaa;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.dash-side-status p{margin:7px 0 0;color:var(--muted,#828282);font-size:11px;line-height:1.45}
.dash-head .micro{display:block;margin:0 0 5px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:980px){.auth-signal-strip{max-width:none}}
@media(max-width:700px){
  .auth-signal-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
  .auth-signal{padding:10px 8px 10px 0}
  .auth-signal+.auth-signal{padding-left:8px;border-left:1px solid #242424}
  .auth-signal small{display:none}
  .auth-signal strong{font-size:10px;line-height:1.3}
  .auth-card-head{align-items:flex-start;flex-wrap:wrap;gap:8px}
}
@media(max-width:360px){.dash-metrics{gap:8px}.dash-metric{min-width:0;padding:12px}.dash-metric>span:not(.dash-metric-icon){font-size:10px;letter-spacing:.05em;line-height:1.25;white-space:normal;overflow-wrap:anywhere}}
@media(max-width:360px){.dash-key-stat-heading{gap:7px}.dash-key-stat-heading .dash-metric-icon{width:28px;height:28px;flex-basis:28px}.dash-key-stat-heading .micro{font-size:8px;letter-spacing:.055em}}
@media(prefers-reduced-motion:reduce){.auth-card{transition:none!important}}

/* Responsive shell alignment QA: keep the bounded dashboard centered when
   the sidebar collapses so narrow and tablet layouts do not drift left. */
@media(max-width:980px){.dash{margin-inline:auto}}

/* Keep the four overview metrics balanced across compact tablet widths. */
@media(max-width:760px){.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Metric icon tiles need enough contrast and room to read at a glance. */
.dash-metric-icon{width:36px;height:36px;flex-basis:36px;border-color:#363636;border-radius:10px;background:linear-gradient(145deg,#181818,#0d0d0d);color:#dedede}
.dash-metric-icon svg{width:18px;height:18px;stroke-width:1.7}
.dash-key-stat-heading{gap:10px;min-height:36px}
.dash-key-stat-heading .micro{color:#b0b0b0;font-size:10px;letter-spacing:.08em}
@media(max-width:360px){
  .dash-key-stat-heading{gap:8px;min-height:32px}
  .dash-key-stat-heading .dash-metric-icon{width:32px;height:32px;flex-basis:32px}
  .dash-key-stat-heading .dash-metric-icon svg{width:16px;height:16px}
  .dash-key-stat-heading .micro{font-size:9px;letter-spacing:.05em}
}
@media(max-width:700px){.dash{max-width:100%}}

/* Keep dashboard state cards and long operational labels readable as the shell narrows. */
.dash-head>div,.dash-panel-head h2,.dash-item-main{min-width:0}
.dash-panel-head{align-items:flex-start;flex-wrap:wrap;gap:10px}
.dash-item-main>span,.dash-activity-item>div,.workspace-invite-copy{display:block;min-width:0;overflow-wrap:anywhere}
.dash-activity-item time,.dash-activity-label,.dash-activity-index{font-variant-numeric:tabular-nums}
.dash-onboarding-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dash-onboarding-state{display:grid;place-items:center;width:22px;height:22px;border:1px solid #404040;border-radius:50%;color:#d8d8d8;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
.dash-onboarding-card.is-complete .dash-onboarding-state{border-color:#575757;color:#f5f5f5}
.dash-onboarding-card.is-next .dash-onboarding-state{color:#aaa}
@media(max-width:980px){.dash-key-stats,.org-billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Disabled billing and theme actions must not look or behave like primary CTAs. */
.dash-main .button:disabled,
.dash-main .button[aria-disabled="true"] {
  background: #181818;
  border-color: #343434;
  color: #858585;
  cursor: not-allowed;
  opacity: 1;
  box-shadow: none;
  transform: none;
}
.dash-main .button:disabled:hover,
.dash-main .button[aria-disabled="true"]:hover {
  background: #181818;
  border-color: #343434;
  color: #858585;
  transform: none;
}

/* Keep the mobile overview compact without squeezing narrow phone layouts. */
@media (max-width: 700px) {
  .dash-empty {
    padding: 20px 14px;
  }
}

@media (min-width: 390px) and (max-width: 700px) {
  .dash-onboarding-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dash-onboarding-card {
    padding: 14px;
  }

  .dash-onboarding-meta .micro {
    font-size: 8px;
    letter-spacing: .04em;
    white-space: nowrap;
  }
}

/* Keep the final dashboard actions and cards reachable above the consent sheet. */
body.cookie-banner-visible .dash {
  padding-bottom: calc(90px + var(--cookie-banner-height, 0px));
}

@media (max-width: 980px) {
  body.cookie-banner-visible .dash {
    padding-bottom: calc(70px + var(--cookie-banner-height, 0px));
  }
}
.dash-notification-list{display:grid}
.dash-notification{display:flex;align-items:flex-start;gap:12px;padding:13px 4px;border-bottom:1px solid #1c1c1c;color:#e5e5e5;text-decoration:none}
.dash-notification:hover{background:#0f0f0f}
.dash-notification.is-unread{background:#0f0f0f}
.dash-notification-copy{display:grid;gap:3px;min-width:0}
.dash-notification-copy strong{font-size:13px;font-weight:600}
.dash-notification-copy small{color:#989898;font-size:12px;line-height:1.45}
.dash-notification-copy time{color:#828282;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.dash-notification-action{margin-left:auto;flex:0 0 auto;color:#989898;font-size:11px;font-weight:600}
.dash-notification-empty{margin:0;padding:16px 4px;color:#989898;font-size:12px}

/* Marketing preferences note on the profile security panel. */
.dash-activity-note { display: block; margin-top: 3px; color: var(--muted, #828282); font-size: 11px; line-height: 1.5; }

/* Staff-only media library picker on the profile avatar editor. */
.profile-avatar-library { display: grid; gap: 8px; margin-top: 4px; }
.profile-avatar-library .md-picker-field input { width: 100%; box-sizing: border-box; padding: 10px 12px; background: var(--panel, #0b0b0b); border: 1px solid #292929; border-radius: 9px; color: var(--text, #f5f5f5); font: inherit; font-size: 13px; }

/* Workspace studio */
.ws-head{align-items:flex-end}
.ws-head-action{display:flex;justify-content:flex-end}
.ws-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.ws-metric{display:grid;gap:4px;padding:18px 20px;background:#0b0b0b;border:1px solid #242424;border-radius:14px}
.ws-metric .micro{color:#8a8a8a}
.ws-metric strong{font-size:30px;line-height:1;font-weight:600;letter-spacing:-.03em}
.ws-metric small{color:#8d8d8d;font-size:11px}
.ws-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:clamp(22px,4vw,54px);padding:clamp(22px,3vw,34px);margin-bottom:26px}
.ws-create-copy h2{font-size:clamp(24px,2.4vw,34px);margin:8px 0 10px;letter-spacing:-.02em}
.ws-create-copy p{color:#9a9a9a;font-size:13px;line-height:1.6;max-width:460px;margin:0}
.ws-create-points{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}
.ws-create-points li{display:flex;gap:10px;align-items:flex-start;color:#b9b9b9;font-size:12px}
.ws-create-points svg{width:15px;height:15px;flex:none;color:#8f8f8f;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ws-create-form{display:grid;gap:10px;align-content:start;padding:18px;background:#080808;border:1px solid #2b2b2b;border-radius:14px}
.ws-create-preview{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid #222;margin-bottom:2px}
.ws-create-preview strong{display:block;font-size:13px}
.ws-create-preview small{display:block;margin-top:3px;color:#909090;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.ws-avatar{display:grid;width:44px;height:44px;flex:none;place-items:center;border:1px solid #3a3a3a;border-radius:12px;background:linear-gradient(145deg,#1d1d1d,#0b0b0b);color:#ededed;font-size:14px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.ws-avatar--lg{width:52px;height:52px;border-radius:14px;font-size:16px}
.ws-avatar--sm{width:32px;height:32px;border-radius:9px;font-size:11px}
.ws-name-input{width:100%}
.ws-create-hint{margin:0;color:#8d8d8d;font-size:10.5px;line-height:1.5}
.ws-create-submit{justify-content:center;width:100%}
.ws-section-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;margin:0 0 12px}
.ws-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));gap:16px;align-items:start}
.ws-card{display:grid;gap:14px;padding:20px}
.ws-card-head{display:flex;align-items:flex-start;gap:13px}
.ws-card-title{min-width:0;flex:1}
.ws-card-name{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ws-card-name h3{margin:0;font-size:16px;letter-spacing:-.01em}
.ws-card-title p{margin:4px 0 0;color:#909090;font-size:10.5px}
.ws-role{padding:3px 8px;border:1px solid #3a3a3a;border-radius:999px;color:#b5b5b5;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.ws-role--owner{border-color:#6a6a6a;color:#ededed}
.ws-role--admin{border-color:#4d4d4d;color:#ddd}
.ws-card-stats{display:flex;flex-wrap:wrap;gap:8px 16px;color:#8e8e8e;font-size:11px}
.ws-card-stats strong{color:#e6e6e6;font-weight:600}
.ws-theme{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:#9a9a9a}
.ws-theme svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.ws-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ws-quiet{background:#111!important;border-color:#2d2d2d!important;color:#c7c7c7!important}
.ws-quiet:hover{background:#191919!important;border-color:#4a4a4a!important;color:#fff!important}
.ws-manage{flex:1 1 100%;margin-top:2px}
.ws-manage>summary{display:flex;width:100%;justify-content:center;gap:7px;list-style:none;cursor:pointer}
.ws-manage>summary::-webkit-details-marker{display:none}
.ws-manage>summary svg:last-child{width:12px;height:12px;transition:transform 150ms ease}
.ws-manage[open]>summary svg:last-child{transform:rotate(180deg)}
.ws-manage-body{display:grid;gap:18px;margin-top:10px;padding:16px;background:#080808;border:1px solid #262626;border-radius:12px}
.ws-manage-section{display:grid;gap:10px}
.ws-manage-section + .ws-manage-section{padding-top:16px;border-top:1px solid #1d1d1d}
.ws-manage-head h4{margin:0;font-size:12px;display:flex;align-items:center;gap:8px}
.ws-manage-head h4 span{padding:1px 7px;border:1px solid #333;border-radius:999px;color:#999;font:9px ui-monospace,monospace}
.ws-manage-head p{margin:3px 0 0;color:#8d8d8d;font-size:10.5px}
.ws-invite-form{display:grid;grid-template-columns:minmax(0,1fr) 128px auto;gap:8px;align-items:center}
.ws-invite-form .dash-input{min-width:0}
.ws-select{min-height:36px;padding:7px 9px;background:#090909;border:1px solid #303030;border-radius:8px;color:#e6e6e6;font-size:11px}
.ws-select--small{min-height:30px;padding:4px 7px;font-size:10.5px}
.ws-member-list{display:grid;gap:8px}
.ws-member{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px;background:#0c0c0c;border:1px solid #222;border-radius:9px}
.ws-member-copy{display:grid;min-width:0;gap:2px}
.ws-member-copy strong{overflow:hidden;color:#dcdcdc;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.ws-member-copy small{color:#8f8f8f;font-size:9.5px}
.ws-member-role-form{display:inline-flex;align-items:center;gap:5px}
.ws-inline{display:inline-flex;align-items:center;gap:4px;color:#9a9a9a!important;font-size:10px!important}
.ws-inline svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.ws-inline:hover{color:#fff!important}
.ws-danger:hover{color:#fff!important}
.ws-invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 0;border-top:1px solid #1c1c1c}
.ws-invite-row:first-of-type{border-top:0;padding-top:0}
.ws-invite-copy{display:grid;gap:2px}
.ws-invite-copy strong{color:#cfcfcf;font-size:11px}
.ws-invite-copy small{color:#8d8d8d;font-size:9.5px}
.ws-invite-actions{display:flex;gap:8px;align-items:center}
.ws-empty{display:grid;justify-items:start;gap:8px;padding:28px}
.ws-empty strong{font-size:14px}
.ws-empty p{margin:0;color:#989898;font-size:12px;line-height:1.55}
.ws-empty-note{margin:0;color:#8d8d8d;font-size:11px}

/* Theme Studio */
.ts-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ts-workspace-form{display:flex;gap:6px;align-items:center}
.ts-workspace-form select{min-height:36px;padding:6px 9px;background:#0b0b0b;border:1px solid #333;border-radius:8px;color:#eee;font-size:11px}
.ts-studio{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:24px;align-items:start}
.ts-controls{padding:0;overflow:hidden}
.ts-fieldset{border:0;margin:0;padding:0;min-width:0}
.ts-section{padding:20px 22px;border-bottom:1px solid #1f1f1f}
.ts-section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}
.ts-section-head h2{margin:0;font-size:15px}
.ts-section-head p{margin:4px 0 0;color:#919191;font-size:11px;line-height:1.5}
.ts-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.ts-preset{display:grid;gap:8px;padding:10px;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:10px;color:#ddd;text-align:left;cursor:pointer}
.ts-preset:hover{background:#121212;border-color:#666}
.ts-preset:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ts-preset:disabled{cursor:not-allowed;opacity:.5}
.ts-preset-swatches{display:flex;height:26px;overflow:hidden;background:#111;border:1px solid #2e2e2e;border-radius:6px}
.ts-preset-swatches i{flex:1}
.ts-preset-copy strong{display:block;font-size:11px}
.ts-preset-copy small{display:block;margin-top:3px;color:#8f8f8f;font-size:9.5px;line-height:1.4}
.ts-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.ts-color{display:grid;gap:6px}
.ts-color-label{color:#8f8f8f;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ts-color-control{display:flex;align-items:center;gap:8px;padding:6px;background:#090909;border:1px solid #2c2c2c;border-radius:9px}
.ts-color-control input[type="color"]{width:30px;height:30px;flex:none;padding:0;background:transparent;border:1px solid #333;border-radius:7px;cursor:pointer}
.ts-color-control .theme-color-input{width:100%;min-width:0;padding:4px 2px!important;background:transparent!important;border:0!important;color:#e5e5e5!important;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em;text-transform:lowercase}
.ts-color-control .theme-color-input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ts-slider-stack{display:grid;gap:14px}
.ts-slider{display:grid;gap:6px}
.ts-slider-label{display:flex;justify-content:space-between;gap:12px;color:#a6a6a6;font-size:10.5px}
.ts-slider-label span{color:#ededed;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.ts-slider input[type="range"]{width:100%;accent-color:#ededed}
.ts-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
.ts-field{display:grid;gap:6px}
.ts-field label{color:#8f8f8f;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ts-field .theme-select{width:100%}
.theme-select{min-height:36px;padding:8px 9px;background:#090909;border:1px solid #2c2c2c;border-radius:8px;color:#e6e6e6;font-size:11px}
.ts-actions{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 22px;background:rgb(8 8 8 / 96%);border-top:1px solid #262626;backdrop-filter:blur(12px)}
.ts-actions .button{min-height:36px}
.ts-save-state{margin:0;color:#9a9a9a;font-size:10.5px}
.ts-discard{background:#121212!important;border-color:#333!important;color:#c9c9c9!important}
.ts-preview-panel{position:sticky;top:90px;display:grid;gap:14px;padding:18px}
.ts-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ts-preview-head h2{margin:0;font-size:15px}
.ts-preview-head p{margin:4px 0 0;color:#7d7d7d;font-size:11px}
.ts-preview{overflow:hidden;background:#000;border:1px solid #262626;border-radius:14px}
.ts-mock{position:relative;display:grid;min-height:380px;overflow:hidden;isolation:isolate;background:var(--bg);border-radius:inherit;color:var(--text);font-family:var(--font-sans)}
.ts-mock::before{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgb(255 255 255 / 35%) 1px,transparent 1px);background-size:3px 3px;opacity:var(--noise-opacity);content:"";pointer-events:none}
.ts-mock-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--line)}
.ts-mock-brand{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:650}
.ts-mock-logo{width:16px;height:16px;background:var(--text);border-radius:5px}
.ts-mock-nav{display:flex;gap:6px}
.ts-mock-nav i{display:block;width:26px;height:6px;background:var(--line2);border-radius:3px}
.ts-mock-avatar{display:grid;width:22px;height:22px;place-items:center;color:var(--muted);border:1px solid var(--line2);border-radius:999px;font:9px var(--font-mono)}
.ts-mock-body{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:0}
.ts-mock-side{display:grid;align-content:start;gap:8px;padding:12px 10px;background:var(--panel);border-right:1px solid var(--line)}
.ts-mock-side span{display:block;height:7px;background:var(--line2);border-radius:3px}
.ts-mock-side span.is-active{background:var(--text)}
.ts-mock-main{display:grid;align-content:start;gap:10px;padding:16px;background:var(--bg);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}
.ts-mock-kicker{color:var(--muted);font:7.5px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.ts-mock-main h3{max-width:320px;margin:2px 0 0;font-size:20px;line-height:1.08;letter-spacing:-.02em}
.ts-mock-main > p{max-width:320px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.ts-mock-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ts-mock-metrics article{display:grid;gap:4px;padding:10px 11px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm)}
.ts-mock-metrics small{color:var(--muted);font:7px var(--font-mono);letter-spacing:.1em}
.ts-mock-metrics strong{font-size:19px;line-height:1}
.ts-mock-card{position:relative;display:grid;gap:6px;padding:12px;overflow:hidden;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-sm)}
.ts-mock-card::after{position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgb(255 255 255 / var(--liquid-alpha)),transparent 60%);background-repeat:no-repeat;background-size:var(--liquid-size) var(--liquid-size);content:"";pointer-events:none}
.ts-mock-card strong{font-size:11px}
.ts-mock-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.ts-mock-actions{display:flex;gap:6px;margin-top:4px}
.ts-mock-primary,.ts-mock-secondary{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font:8.5px var(--font-mono);font-weight:700}
.ts-mock-primary{background:var(--text);color:var(--bg)}
.ts-mock-secondary{border:1px solid var(--line2);color:var(--text)}
.ts-shell-meter{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;color:#8a8a8a;font-size:10px}
.ts-shell-track{height:5px;overflow:hidden;background:#1b1b1b;border-radius:999px}
.ts-shell-track i{display:block;width:80%;height:100%;background:#d9d9d9;border-radius:999px;transition:width 160ms ease}
.ts-shell-meter small{color:#d0d0d0;font:9.5px ui-monospace,SFMono-Regular,Menlo,monospace}
.ts-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.ts-readout div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;background:#090909;border:1px solid #232323;border-radius:8px}
.ts-readout dt{color:#7f7f7f;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.ts-readout dd{display:inline-flex;align-items:center;gap:6px;margin:0;color:#dedede;font:9.5px ui-monospace,SFMono-Regular,Menlo,monospace}
.ts-dot{display:inline-block;width:9px;height:9px;background:#222;border:1px solid #3a3a3a;border-radius:3px}
@media(max-width:1100px){.ts-studio{grid-template-columns:1fr}.ts-preview-panel{position:static}}
@media(max-width:760px){.ws-metrics{grid-template-columns:1fr}.ws-create{grid-template-columns:1fr}.ws-grid{grid-template-columns:1fr}.ts-field-grid{grid-template-columns:1fr}.ts-colors{grid-template-columns:1fr}.ws-invite-form{grid-template-columns:1fr}.ws-member{grid-template-columns:auto minmax(0,1fr)}.ws-member .ws-member-role-form,.ws-member form[data-confirm]{grid-column:1/-1}.ts-preview-head{flex-direction:column}}

/* Workspace creation appearance and team affordances */
.ws-theme-pick{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0}
.ws-theme-pick legend{padding:0}
.ws-theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:6px}
.ws-theme-option{display:flex;align-items:center;gap:6px;min-width:0;padding:6px;background:#0c0c0c;border:1px solid #272727;border-radius:8px;cursor:pointer}
.ws-theme-option:hover{border-color:#4a4a4a}
.ws-theme-option:has(input:checked){border-color:#8a8a8a;background:#151515}
.ws-theme-option:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}
.ws-theme-option input{flex:none;margin:0;accent-color:#fff}
.ws-theme-swatch{display:flex;flex:none;width:38px;height:18px;overflow:hidden;border:1px solid #383838;border-radius:4px}
.ws-theme-swatch i{flex:1}
.ws-theme-name{overflow:hidden;color:#cfcfcf;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.ws-create-invite{display:grid;gap:6px;margin-top:2px}
.ws-create-invite .dash-label{display:flex;align-items:baseline;gap:6px;margin:0}
.ws-create-invite-row{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:6px}
.ws-create-invite-row .dash-input,.ws-create-invite-row .ws-select{min-width:0}
.ws-optional{color:#7a7a7a;font-weight:400;letter-spacing:0;text-transform:none}
.ws-card-foot{display:flex;justify-content:flex-end;padding-top:9px;border-top:1px solid #1e1e1e}
.ws-invite-actions{flex-wrap:wrap}
.ws-copy.is-copied{color:#fff!important}

/* Theme Studio preview surfaces and contrast audit */
.ts-mock[hidden]{display:none}
.ts-surface-tabs{display:flex;gap:3px;width:max-content;max-width:100%;padding:3px;background:#090909;border:1px solid #252525;border-radius:9px}
.ts-surface-tabs button{min-height:28px;padding:5px 10px;border:0;border-radius:6px;background:transparent;color:#8f8f8f;font-size:10px;cursor:pointer}
.ts-surface-tabs button:hover{color:#fff}
.ts-surface-tabs button.is-active{background:#1e1e1e;color:#fff}
.ts-surface-tabs button:focus-visible{outline:2px solid #fff;outline-offset:1px}
.ts-mock--auth{place-items:center;padding:24px}
.ts-mock-auth{display:grid;gap:8px;width:min(270px,100%);padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 24px 60px rgb(0 0 0 / 24%)}
.ts-mock-auth .ts-mock-brand{font-size:10px}
.ts-mock-auth h3{margin:2px 0 0;font-size:21px;letter-spacing:-.02em}
.ts-mock-auth p{margin:0 0 2px;color:var(--muted);font-size:9px;line-height:1.5}
.ts-mock-auth small{color:var(--muted);font:7.5px var(--font-mono);letter-spacing:.06em;text-align:center}
.ts-mock-field{display:grid;gap:4px;color:var(--muted);font:7.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.ts-mock-input{display:block;height:23px;background:var(--bg);border:1px solid var(--line2);border-radius:5px}
.ts-mock-input.is-dot{background-image:radial-gradient(var(--muted) 1px,transparent 1px);background-position:8px center;background-size:7px 7px;background-repeat:repeat-x}
.ts-mock-auth .ts-mock-primary{justify-content:center;margin-top:2px;padding:7px 10px;border-radius:6px}
.ts-mock--invoice{grid-template-rows:auto 1fr}
.ts-mock-status{padding:3px 7px;color:var(--muted);border:1px solid var(--line2);border-radius:999px;font:7.5px var(--font-mono);letter-spacing:.1em}
.ts-mock-invoice-body{display:flex;flex-direction:column;gap:8px;padding:18px}
.ts-mock-invoice-body h3{margin:0;font-size:26px;letter-spacing:-.03em}
.ts-mock-invoice-body > p{margin:0;color:var(--muted);font-size:9px}
.ts-mock-lines{display:grid;gap:5px;margin:4px 0}
.ts-mock-lines span{display:flex;justify-content:space-between;padding-bottom:5px;color:var(--muted);border-bottom:1px solid var(--line);font-size:9px}
.ts-mock-lines span span{color:var(--text);border:0;padding:0}
.ts-mock-invoice-body .ts-mock-primary{align-self:flex-start;margin-top:2px;padding:6px 10px;border-radius:6px}
.ts-mock-invoice-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font:7.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.ts-mock-invoice-foot strong{color:var(--text);font:10px var(--font-sans);letter-spacing:0;text-transform:none}
.ts-contrast-panel{display:grid;gap:7px;padding:10px;background:#090909;border:1px solid #232323;border-radius:9px}
.ts-contrast-panel .micro{color:#8f8f8f}
.ts-contrast-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;color:#a0a0a0;font-size:10px}
.ts-contrast-row small{min-width:42px;color:#c9c9c9;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}
.ts-contrast-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:2px 6px;border:1px solid #3a3a3a;border-radius:999px;color:#bdbdbd;font:8.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.ts-contrast-badge.is-pass{border-color:#4c5c4c;color:#c3d3c3}
.ts-contrast-badge.is-low{border-color:#6a4a4a;color:#e0b5b5}
.ts-contrast-note{margin:0;color:#b7a5a5;font-size:10px;line-height:1.45}
@media(max-width:760px){.ws-create-invite-row{grid-template-columns:1fr}.ts-surface-tabs{width:100%}.ts-surface-tabs button{flex:1}}

/* Workspace rename and ownership transfer */
.ws-rename-form,.ws-transfer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.ws-rename-form .dash-input,.ws-transfer-form .ws-select{min-width:0}
.ws-transfer-form .button{white-space:nowrap}
@media(max-width:760px){.ws-rename-form,.ws-transfer-form{grid-template-columns:1fr}}

/* Workspace activity timeline */
.ws-activity-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.ws-activity{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:start;padding:9px 0;border-top:1px solid #1c1c1c}
.ws-activity:first-child{border-top:0;padding-top:0}
.ws-activity-dot{width:6px;height:6px;margin-top:5px;background:#2a2a2a;border:1px solid #5a5a5a;border-radius:50%}
.ws-activity-copy{display:grid;gap:2px;min-width:0}
.ws-activity-copy strong{color:#dedede;font-size:11px;font-weight:550}
.ws-activity-copy small{color:#8b8b8b;font-size:9.5px;overflow-wrap:anywhere}
.ws-activity time{color:#8f8f8f;font-size:9px;white-space:nowrap}
.ws-activity-empty{margin:0;padding:8px 0;color:#8b8b8b;font-size:11px}
@media(max-width:560px){.ws-activity{grid-template-columns:8px minmax(0,1fr)}.ws-activity time{grid-column:2}}

/* Workspace logos */
.ws-avatar--image{overflow:hidden;padding:0;background:#111}
.ws-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.ws-logo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ws-logo-form{display:flex;align-items:center;gap:8px;flex:1 1 280px;min-width:0;flex-wrap:wrap}
.ws-logo-input{flex:1 1 180px;min-width:0;min-height:36px;padding:7px 9px;font-size:10.5px}
.ws-logo-input::file-selector-button{margin-right:8px;padding:4px 8px;background:#161616;border:1px solid #333;border-radius:6px;color:#d6d6d6;font:inherit;font-size:10px;cursor:pointer}
.ws-logo-input::file-selector-button:hover{background:#1f1f1f;border-color:#555}
@media(max-width:560px){.ws-logo-form,.ws-logo-input{flex-basis:100%}}

/* Theme Studio token export and active presets */
.ts-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.ts-copy-css{min-height:30px!important;padding:5px 9px!important;background:#121212!important;border-color:#333!important;color:#c9c9c9!important;font-size:10px!important}
.ts-copy-css:hover{background:#1b1b1b!important;border-color:#555!important;color:#fff!important}
.ts-copy-css.is-copied{border-color:#6a6a6a!important;color:#fff!important}
.ts-preset.is-active{border-color:#8a8a8a;background:#151515}
.ts-preset.is-active .ts-preset-swatches{border-color:#4a4a4a}
.ts-preset-state{display:none;margin-left:6px;padding:1px 5px;border:1px solid #5a5a5a;border-radius:999px;color:#cfcfcf;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}
.ts-preset.is-active .ts-preset-state{display:inline-flex}
@media(max-width:760px){.ts-preview-actions{width:100%;justify-content:space-between}}

/* Workspace media library dialog */
body:has(dialog.ws-library[open]){overflow:hidden}
.ws-library{width:min(760px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 48px));margin:auto;padding:0;overflow:auto;background:#0b0b0b;border:1px solid #2e2e2e;border-radius:16px;color:#eee;box-shadow:0 30px 90px rgb(0 0 0 / 60%)}
.ws-library::backdrop{background:rgb(0 0 0 / 72%);backdrop-filter:blur(3px)}
.ws-library-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;background:#0b0b0b;border-bottom:1px solid #242424}
.ws-library-head h3{margin:6px 0 0;font-size:20px;letter-spacing:-.02em}
.ws-library-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:16px 18px;border-bottom:1px solid #1f1f1f}
.ws-library-upload .dash-label{margin:0 0 6px}
.ws-library-form{padding:16px 18px 0}
.ws-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.ws-library-item{display:grid;gap:6px;min-width:0;padding:7px;background:#0f0f0f;border:1px solid #292929;border-radius:10px;cursor:pointer}
.ws-library-item:hover{border-color:#555}
.ws-library-item:has(input:checked){border-color:#8a8a8a;background:#171717}
.ws-library-item:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}
.ws-library-item input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ws-library-item img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#111;border:1px solid #222;border-radius:7px}
.ws-library-item span{overflow:hidden;color:#d5d5d5;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.ws-library-item small{color:#8f8f8f;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}
.ws-library-foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 0;background:#0b0b0b;border-top:1px solid #242424}
.ws-library-note{color:#8f8f8f;font-size:10px;line-height:1.45}
.ws-library-empty{margin:0;padding:18px;color:#999;font-size:12px}
@media(max-width:560px){.ws-library-upload{grid-template-columns:1fr}.ws-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-library-foot{align-items:stretch;flex-direction:column}.ws-library-foot .button{justify-content:center}}

/* API playground */
.pg-head{align-items:flex-end}
.pg-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.pg-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}
.pg-entitlement-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 13px;background:#0d0c09;border:1px solid #4a4436;border-radius:8px;color:#d0c4a7;font-size:12px;line-height:1.45}
.pg-entitlement-note[hidden]{display:none}
.pg-entitlement-note .text-link{flex:0 0 auto;font-size:12px}
.pg-request-panel,.pg-response-panel{position:sticky;top:90px;padding:18px}
.pg-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.pg-panel-head h2{margin:5px 0 0;font-size:17px}
.pg-status,.pg-response-meta{color:#8f8f8f;font:9.5px ui-monospace,SFMono-Regular,Menlo,monospace}
.pg-response-meta{display:flex;gap:10px}
.pg-form{display:grid;gap:11px}
.pg-row{display:grid;gap:8px}
.pg-row--3{grid-template-columns:1fr 1.4fr .6fr}
.pg-field{display:grid;gap:5px;min-width:0;color:#9a9a9a;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.pg-field small{letter-spacing:0;text-transform:none;color:#777;font-size:9px}
.pg-field select,.pg-field input,.pg-field textarea,.pg-param-row input{width:100%;box-sizing:border-box;min-height:36px;padding:8px 9px;background:#090909;border:1px solid #2c2c2c;border-radius:7px;color:#e8e8e8;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
.pg-field textarea{min-height:150px;resize:vertical;line-height:1.55;text-transform:none}
.pg-field select:focus,.pg-field input:focus,.pg-field textarea:focus,.pg-param-row input:focus{outline:2px solid #fff;outline-offset:1px}
.pg-path-row{display:flex;align-items:center;overflow:hidden;background:#090909;border:1px solid #2c2c2c;border-radius:7px}
.pg-base{padding:8px 9px;color:#8f8f8f;border-right:1px solid #252525;white-space:nowrap;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;max-width:50%}
.pg-path-row input{border:0;border-radius:0;background:transparent;min-height:35px}
.pg-key-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pg-key-row input{flex:1 1 200px}
.pg-remember{display:inline-flex;align-items:center;gap:6px;color:#8f8f8f;font-size:10px;text-transform:none;letter-spacing:0;white-space:nowrap}
.pg-remember input{width:auto;min-height:0}
.pg-params{display:grid;gap:6px}
.pg-params-head{display:flex;justify-content:space-between;align-items:center;color:#9a9a9a;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.pg-param-rows{display:grid;gap:5px}
.pg-param-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:5px;align-items:center}
.pg-param-row button{justify-self:center;font-size:15px!important;padding:3px 5px!important}
.pg-send-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pg-send{min-height:42px}
.pg-help{color:#7f7f7f;font-size:9.5px;line-height:1.45}
.pg-response-tabs{display:flex;gap:3px;margin-bottom:8px}
.pg-response-tabs button{padding:4px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#888;font-size:10px;cursor:pointer}
.pg-response-tabs button.is-active{border-color:#333;background:#171717;color:#fff}
.pg-response{min-height:360px;max-height:560px;overflow:auto;margin:0;padding:12px;background:#050505;border:1px solid #222;border-radius:8px;color:#bdbdbd;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.pg-response-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#848484;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}
.pg-empty{display:grid;justify-items:start;gap:8px;padding:26px}
.pg-empty p{margin:0;color:#999;font-size:12px}
@media(max-width:1100px){.pg-shell{grid-template-columns:1fr}.pg-request-panel,.pg-response-panel{position:static}}
@media(max-width:760px){.pg-row--3{grid-template-columns:1fr}.pg-response{min-height:240px}.pg-panel-head{flex-wrap:wrap}}
@media(max-width:560px){.pg-path-row{display:grid;grid-template-columns:minmax(0,1fr)}.pg-base{width:100%;max-width:none;box-sizing:border-box;border-right:0;border-bottom:1px solid #252525}.pg-path-row input{min-width:0;width:100%;padding-left:9px}}

/* Playground request history and copy actions */
.pg-response-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pg-history{margin-top:12px;padding-top:10px;border-top:1px solid #222}
.pg-history summary{display:flex;align-items:center;gap:7px;list-style:none;color:#a0a0a0;font-size:10px;cursor:pointer}
.pg-history summary::-webkit-details-marker{display:none}
.pg-history summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.pg-history summary small{margin-left:auto;color:#777;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}
.pg-history-list{display:grid;gap:3px;margin-top:7px}
.pg-history-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#9a9a9a;font-size:9.5px;text-align:left;cursor:pointer}
.pg-history-item:hover{border-color:#2c2c2c;background:#0d0d0d;color:#eee}
.pg-history-item span{color:#c5c5c5;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}
.pg-history-item code{overflow:hidden;color:#aaa;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}
.pg-history-item small{color:#777;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}

.pg-key-create{margin-top:-3px}
.pg-key-create .text-button{font-size:10px;color:#a0a0a0}
.pg-key-create .text-button:hover{color:#fff}
.pg-key-create svg{width:12px;height:12px;fill:none;stroke:currentColor}

.dash-key-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:100%}
.dash-key-row .dash-key-name{flex:1 1 280px}
.dash-key-scope{flex:0 0 130px}
.dash-key-api-access{flex:1 0 100%;margin:4px 0 0;padding:12px;border:1px solid #262626;border-radius:9px;background:#090909}
.dash-key-api-access legend{padding:0 5px;color:#8a8a8a;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.dash-key-api-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px;max-height:170px;overflow:auto;margin-bottom:7px}
.dash-key-api-list label{display:flex;align-items:center;gap:7px;min-width:0;color:#bbb;font-size:11px;line-height:1.35}
.dash-key-api-list input{flex:none;width:auto;min-height:0}
.dash-key-api-list code{color:#8f8f8f;font-size:9.5px}
.dash-key-api-access small{display:block;color:#7e7e7e;font-size:10px;line-height:1.45}
@media(max-width:760px){.dash-key-scope{flex:1 1 100%}}

.analytics-range{display:inline-flex;gap:2px;padding:3px;border:1px solid #272727;border-radius:9px;background:#080808}
.analytics-range a{padding:7px 9px;border-radius:6px;color:#8f8f8f;font-size:10px;font-weight:600;text-decoration:none;white-space:nowrap}
.analytics-range a:hover{color:#fff;background:#151515}
.analytics-range a.is-active{background:#1d1d1d;color:#fff}
@media(max-width:700px){.analytics-range{width:100%}.analytics-range a{flex:1;text-align:center}}

.dash-key-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.dash-key-main,.dash-key-side{display:grid;gap:18px;align-content:start;min-width:0}
.dash-key-edit-form{margin-top:12px}
.dash-key-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 14px;margin:0;font-size:12px}
.dash-key-meta dt{color:#777;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.dash-key-meta dd{margin:0;color:#ccc;overflow-wrap:anywhere}
.dash-key-meta code{color:#dedede}
.dash-actions-spaced{margin-top:12px}
.button-danger{border-color:#5a2a2a;color:#ffb3b3}
.button-danger:hover{background:#2a1414;border-color:#7a3a3a;color:#fff}
@media(max-width:980px){.dash-key-detail-grid{grid-template-columns:1fr}
}
.dash-key-usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.dash-key-usage-grid>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px;border:1px solid #202020;border-radius:10px;background:#080808}
.dash-key-usage-grid strong{font-size:20px;font-weight:600;color:#f5f5f5;font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere}
.dash-key-usage-grid span{color:#777;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:700px){.dash-key-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.analytics-key-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 0}
.analytics-key-filter .dash-key-select{min-width:220px}
.analytics-key-note{margin:14px 0 0;color:#9a9a9a;font-size:12px}
.analytics-key-note strong{color:#e5e5e5}
.analytics-key-note code{color:#bdbdbd}
@media(max-width:700px){.analytics-key-filter{width:100%}.analytics-key-filter .dash-key-select{flex:1 1 170px;min-width:0}}
.license-feature-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.license-feature-list li{display:flex;align-items:flex-start;gap:8px;color:#b9b9b9;font-size:12px;line-height:1.5}
.license-feature-list svg{width:14px;height:14px;flex:0 0 14px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#8f8f8f}
.license-artifact-list{display:grid;gap:4px;margin-top:5px}
.license-artifact-list .text-link{font-size:11px;overflow-wrap:anywhere}
@media(max-width:980px){.dash-main{padding-top:0}}

/* Support-message translation helper */
.message-translation-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:9px;color:#777;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.message-translation-button{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 9px;border:1px solid #303030;border-radius:7px;background:#111;color:#cfcfcf;font:inherit;cursor:pointer}
.message-translation-button:hover{border-color:#555;color:#fff}
.message-translation-button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.message-translation-button[disabled]{opacity:.55;cursor:progress}
.message-translation-status{color:#8a8a8a}
.message-translation-provider{padding-left:2px;color:#666}
.dash-msg-body.is-translated{color:#f0f0f0}
[dir="rtl"] .message-translation-tools,[dir="rtl"] .dash-msg,[dir="rtl"] .dash-msg-meta,[dir="rtl"] .dash-item,[dir="rtl"] .dash-panel-head{direction:rtl;text-align:right}
[dir="rtl"] .dash-thread,[dir="rtl"] .dash-list{direction:rtl}

/* Dashboard language switcher */
.dash-language-menu{border:1px solid transparent;border-radius:8px}
.dash-language-menu>summary{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;color:#777;cursor:pointer;list-style:none;font-size:13px}
.dash-language-menu>summary::-webkit-details-marker{display:none}
.dash-language-menu>summary:hover{color:#fff}
.dash-language-current{margin-left:auto;color:#666;font:9px ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase}
.dash-language-chevron{display:inline-flex;color:#666}
.dash-language-chevron svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.dash-language-menu[open]>summary{color:#fff}
.dash-language-menu[open] .dash-language-chevron{transform:rotate(180deg)}
.dash-language-options{display:grid;gap:2px;margin:2px 0 8px;padding:6px;border:1px solid #202020;border-radius:9px;background:#080808}
.dash-language-options a{display:block;padding:6px 9px;border-radius:6px;color:#999;font-size:12px;text-decoration:none}
.dash-language-options a:hover{background:#151515;color:#fff}
.dash-language-options a[aria-current="true"]{background:#1c1c1c;color:#fff}
[dir="rtl"] .dash-language-menu>summary,[dir="rtl"] .dash-language-options{direction:rtl;text-align:right}
.message-translation-tools[hidden],.message-translation-tools [hidden]{display:none!important}