/* Developer workspace and storefront directory alignment. */
.developer-screen{width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:52px clamp(22px,3.4vw,52px) 104px!important}
.developer-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin:0 0 28px!important;padding:0 0 26px!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
.developer-title{display:flex;align-items:center;gap:15px;min-width:0}.developer-title .kicker{margin:0 0 4px}.developer-title h2{margin:0!important;font-size:clamp(28px,3.2vw,40px)!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:620!important}
.developer-mark{display:grid!important;place-items:center!important;flex:0 0 43px;width:43px!important;height:43px!important;margin:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:11px!important;color:#b7adff!important;background:#111115!important;box-shadow:none!important}.developer-mark>.ui-icon,.developer-mark svg{width:21px!important;height:21px!important}
.developer-actions{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important}.developer-actions .outline-button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border-radius:10px;text-decoration:none}
.developer-status{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:42px;padding:0 12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px;color:#bdbac4;background:#0d0d10;font-size:12px;font-weight:650}.developer-status i{width:7px;height:7px;border-radius:50%;background:#61d394;box-shadow:0 0 0 4px rgba(97,211,148,.1)}
.developer-api-workspace{margin:0 0 34px!important;padding:24px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;background:#0d0d10!important;box-shadow:none!important}.developer-api-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:0 0 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.developer-api-head .kicker,.developer-section-head .kicker{margin:0 0 5px}.developer-api-head h3,.developer-section-head h3{margin:0!important;font-size:22px!important;line-height:1.1;letter-spacing:-.035em!important}
.developer-scope-badge{padding:7px 10px;border:1px solid rgba(183,173,255,.24);border-radius:999px;color:#b7adff;background:rgba(183,173,255,.06);font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.developer-api-toolbar{display:grid!important;grid-template-columns:minmax(190px,270px) minmax(0,1fr)!important;align-items:end!important;gap:12px!important;margin:20px 0 16px!important}.developer-api-toolbar>label,.developer-api-toolbar form label{display:grid;gap:7px;min-width:0!important;margin:0!important;color:#89868f!important;font-size:11px!important}.developer-api-toolbar form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;min-width:0!important}.developer-api-toolbar select,.developer-api-toolbar input{width:100%;height:44px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;color:#f4f3f6!important;background:#08080a!important;outline:none}.developer-api-toolbar select:focus,.developer-api-toolbar input:focus{border-color:rgba(183,173,255,.65)!important;box-shadow:0 0 0 3px rgba(183,173,255,.09)!important}.developer-api-toolbar .solid-button{min-height:44px;padding:0 16px;border-radius:9px}
.developer-api-keys .empty-state{min-height:84px!important;padding:18px!important;border:1px dashed rgba(255,255,255,.1)!important;border-radius:10px!important;background:#09090b!important}.developer-key-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:15px 2px!important;border-top:1px solid rgba(255,255,255,.08)!important}.developer-key-row strong{display:block;margin-bottom:5px;font:650 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace!important}.developer-key-row small{display:block;color:#77747e!important;font-size:11px!important}.developer-api-notice{margin-top:14px!important;border-radius:9px!important}
.developer-key-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.developer-key-actions .row-action{min-width:76px}
.developer-usage{margin:0 0 38px!important;padding:0 0 34px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.developer-usage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 24px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.developer-usage-stats>div{min-width:0;padding:18px 20px;border-right:1px solid rgba(255,255,255,.08)}.developer-usage-stats>div:first-child{padding-left:2px}.developer-usage-stats>div:last-child{border-right:0}.developer-usage-stats span{display:block;margin-bottom:8px;color:#77747e;font-size:11px}.developer-usage-stats strong{display:block;overflow:hidden;color:#f4f3f6;font-size:clamp(22px,2.3vw,30px);font-weight:590;line-height:1;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}.developer-chart{position:relative;height:220px;overflow:hidden}.developer-chart svg{display:block;width:100%;height:190px;overflow:visible}.developer-chart-grid{fill:none;stroke:rgba(255,255,255,.065);stroke-width:1;vector-effect:non-scaling-stroke}.developer-chart-fill{fill:url(#developerChartFill);opacity:0;transition:opacity .45s ease .15s}.developer-chart-line{fill:none;stroke:#a99cff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;vector-effect:non-scaling-stroke}.developer-chart.is-ready .developer-chart-line{animation:developerLineIn .9s cubic-bezier(.22,.75,.2,1) forwards}.developer-chart.is-ready .developer-chart-fill{opacity:1}.developer-chart-axis{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;color:#67646d;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}@keyframes developerLineIn{to{stroke-dashoffset:0}}
.developer-endpoints{display:block!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.developer-section-head{padding:0 0 15px}.developer-endpoint{display:grid!important;grid-template-columns:60px minmax(130px,.7fr) minmax(180px,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:66px;padding:0 3px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:inherit;text-decoration:none;transition:background .16s ease,padding .16s ease}.developer-endpoint:hover{padding-inline:10px!important;background:rgba(255,255,255,.025)}.endpoint-method{width:max-content;padding:6px 8px;border:1px solid rgba(183,173,255,.25);border-radius:6px;color:#b7adff!important;background:rgba(183,173,255,.05);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.08em}.endpoint-method.write{border-color:rgba(97,211,148,.26);color:#78dda5!important;background:rgba(97,211,148,.05)}.developer-endpoint strong{font:650 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important}.developer-endpoint>span:nth-child(3){color:#85828c;font-size:12px}.developer-endpoint b{color:#77747e;font-size:14px}

/* Storefront directory: remove the nested hero card and align the controls. */
.screen[data-screen="storefronts"]{width:100%!important;max-width:1460px!important;margin-inline:auto!important;padding-top:34px!important;padding-bottom:110px!important}.screen[data-screen="storefronts"] .directory-hero{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:30px!important;min-height:0!important;margin:0 0 24px!important;padding:0 0 26px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.screen[data-screen="storefronts"] .directory-hero h2{margin:5px 0 0!important;font-size:clamp(34px,4vw,48px)!important;line-height:1!important;letter-spacing:-.05em!important}.screen[data-screen="storefronts"] .directory-hero p{display:none!important}.screen[data-screen="storefronts"] .directory-hero-button{display:inline-flex;width:max-content;min-height:42px;margin:18px 0 0!important;padding:0 15px;border-radius:9px}
.screen[data-screen="storefronts"] .directory-overview{display:flex!important;align-items:stretch!important;gap:0!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.screen[data-screen="storefronts"] .directory-overview>div{min-width:128px;padding:4px 22px!important;border-left:1px solid rgba(255,255,255,.1)!important}.screen[data-screen="storefronts"] .directory-overview strong{display:block;margin-bottom:5px;font-size:28px!important;line-height:1}.screen[data-screen="storefronts"] .directory-overview span{color:#77747e;font-size:11px!important}
.screen[data-screen="storefronts"] .directory-tools{display:grid!important;grid-template-columns:minmax(0,1fr) 190px 150px!important;gap:10px!important;margin:0 0 30px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.screen[data-screen="storefronts"] .directory-search,.screen[data-screen="storefronts"] .directory-tools select,.screen[data-screen="storefronts"] .directory-search-button{min-height:46px!important;border-radius:10px!important}.screen[data-screen="storefronts"] .directory-search,.screen[data-screen="storefronts"] .directory-tools select{border:1px solid rgba(255,255,255,.11)!important;background:#0d0d10!important}.screen[data-screen="storefronts"] .directory-search-button{justify-content:center}.screen[data-screen="storefronts"] .storefront-grid{gap:30px 22px!important}.screen[data-screen="storefronts"] .storefront-card{border-color:rgba(255,255,255,.09)!important;border-radius:14px!important;background:#0b0b0e!important;box-shadow:none!important}.screen[data-screen="storefronts"] .storefront-art{height:168px!important;background:#121119!important}.screen[data-screen="storefronts"] .storefront-body{padding:18px!important}.screen[data-screen="storefronts"] .storefront-description{display:-webkit-box;min-height:38px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}

@media(max-width:760px){.developer-screen{padding:30px 18px 100px!important}.developer-hero{align-items:flex-start!important;flex-direction:column!important;padding-bottom:20px!important}.developer-actions{width:100%}.developer-actions .outline-button{margin-left:auto}.developer-api-workspace{padding:18px!important}.developer-api-toolbar{grid-template-columns:1fr!important}.developer-api-toolbar form{grid-template-columns:1fr!important}.developer-api-toolbar .solid-button{width:100%}.developer-usage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-usage-stats>div{padding:16px 14px}.developer-usage-stats>div:first-child{padding-left:2px}.developer-usage-stats>div:nth-child(2){border-right:0}.developer-usage-stats>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.developer-usage-stats>div:nth-child(3){padding-left:2px}.developer-chart{height:178px}.developer-chart svg{height:150px}.developer-endpoint{grid-template-columns:54px minmax(0,1fr) auto!important;gap:11px!important}.developer-endpoint>span:nth-child(3){display:none}.screen[data-screen="storefronts"]{padding:22px 18px 100px!important}.screen[data-screen="storefronts"] .directory-hero{align-items:flex-start!important;flex-direction:column!important}.screen[data-screen="storefronts"] .directory-overview{width:100%}.screen[data-screen="storefronts"] .directory-overview>div{flex:1;padding:3px 0 3px 16px!important}.screen[data-screen="storefronts"] .directory-tools{grid-template-columns:1fr!important}.screen[data-screen="storefronts"] .storefront-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.developer-chart-line{stroke-dasharray:none;stroke-dashoffset:0}.developer-chart.is-ready .developer-chart-line{animation:none}.developer-chart-fill{transition:none}}
.developer-upgrade{display:grid;gap:8px;padding:22px;border:1px solid rgba(141,124,255,.35);border-radius:14px;background:rgba(141,124,255,.07);color:#c8c2dd}.developer-upgrade strong{color:#fff;font-size:15px}.developer-upgrade span{color:var(--muted);font-size:12px}.developer-upgrade button{justify-self:start;margin-top:6px}
.feature-is-locked{position:relative;overflow:hidden}.feature-is-locked>.developer-hero,.feature-is-locked>.feature-gated-content,.feature-is-locked>.developer-api-workspace,.feature-is-locked>.developer-usage,.feature-is-locked>.developer-endpoints{filter:blur(7px);opacity:.45;pointer-events:none;user-select:none}.feature-lock-overlay{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;min-height:100%;padding:30px;text-align:center;transform:none;border:0;background:transparent;box-shadow:none;backdrop-filter:none;isolation:isolate}.feature-lock-overlay::before{content:"";position:absolute;z-index:-1;width:min(520px,calc(100% - 32px));height:220px;border:1px solid rgba(156,140,255,.55);border-radius:20px;background:rgba(13,13,18,.96);box-shadow:0 22px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px)}.feature-lock-overlay[hidden]{display:none}.feature-lock-overlay h3{margin:14px 0 6px;font-size:22px}.feature-lock-overlay p{margin:0 0 18px;color:var(--muted);font-size:13px}.feature-lock-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(156,140,255,.5);border-radius:14px;color:#bdb1ff;background:rgba(139,124,255,.12)}.feature-lock-icon svg,.bot-preview-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bot-preview-list{display:grid;gap:1px}.bot-preview-list>div{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.bot-preview-list>div>span:nth-child(2){display:grid;gap:4px;flex:1}.bot-preview-list small{color:var(--muted)}.bot-preview-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(139,124,255,.35);border-radius:12px;color:#bdb1ff;background:rgba(139,124,255,.08)}
.developer-screen,.bots-screen{position:relative}.feature-is-locked{position:relative;overflow:hidden}
.product-id-line{display:flex!important;align-items:center;gap:6px;color:#77747e!important;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace!important}.product-id-line code{color:#b9b3ca;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-id-copy{padding:2px 6px;border:1px solid rgba(169,153,255,.3);border-radius:5px;color:#b9b0ff;background:rgba(169,153,255,.07);font:600 9px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.product-id-copy:hover{border-color:rgba(169,153,255,.65);color:#fff;background:rgba(169,153,255,.15)}
.bot-inline-gold{display:none!important}
.bots-screen{width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:52px clamp(22px,3.4vw,52px) 104px!important}
@media(max-width:760px){.bots-screen{padding:30px 18px 100px!important}}
.api-nav-link{border:1px solid rgba(169,153,255,.28)!important;box-shadow:none!important}
.bot-nav-link{border:1px solid rgba(169,153,255,.28)!important;box-shadow:none!important}
.developer-screen .developer-api-workspace{border-color:rgba(169,153,255,.25)!important;box-shadow:none!important}
.bots-screen .developer-api-workspace{border-color:rgba(169,153,255,.25)!important;box-shadow:none!important}
.bot-launch-panel{padding:28px!important}
.bot-launch-copy{margin:0 0 22px;color:var(--muted);max-width:720px;line-height:1.5}
.bot-setup-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 24px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.bot-setup-strip span{display:flex;align-items:center;gap:11px;min-width:0;padding:14px 16px;border-right:1px solid rgba(255,255,255,.08)}
.bot-setup-strip strong{display:block;min-width:0;white-space:normal;line-height:1.25}
.bot-setup-strip span:first-child{padding-left:0}.bot-setup-strip span:last-child{border-right:0}.bot-setup-strip b{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid rgba(169,153,255,.34);border-radius:50%;color:#b7adff;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.bot-setup-strip strong{overflow:hidden;color:#d8d5dd;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:normal;line-height:1.25}
.bot-new-button{white-space:nowrap}
.bot-connected-list{display:grid;gap:0;border-top:1px solid var(--line)}
.bot-connected-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.bot-connected-row>span:nth-child(2){display:grid;gap:4px;flex:1}.bot-connected-row small{color:var(--muted)}
.bot-connected-row strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bot-state{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid rgba(97,211,148,.28);border-radius:999px;color:#7bdda4;background:rgba(97,211,148,.07);font:650 9px/1 Inter,ui-sans-serif,system-ui,sans-serif;font-style:normal;letter-spacing:.02em}.bot-state::before{content:"";width:5px;height:5px;border-radius:50%;background:#61d394;box-shadow:0 0 0 3px rgba(97,211,148,.1)}
.bot-launch-form{display:grid;gap:14px}.bot-launch-form label{display:grid;gap:7px}.bot-launch-form input,.bot-launch-form select{width:100%}
.merchant-toolkit{margin:30px 0 38px;padding:24px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.merchant-toolkit header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.merchant-toolkit header h3{margin:0;font-size:22px;letter-spacing:-.035em}.merchant-toolkit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.merchant-toolkit-grid button{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;border:0;color:inherit;text-align:left;background:#0d0d10;cursor:pointer;transition:background .16s ease}.merchant-toolkit-grid button:hover{background:#141319}.merchant-toolkit-grid i{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(169,153,255,.26);border-radius:9px;color:#b7adff}.merchant-toolkit-grid i svg{width:17px;height:17px}.merchant-toolkit-grid span{display:grid;gap:4px;min-width:0;flex:1}.merchant-toolkit-grid strong{font-size:12px;font-weight:650}.merchant-toolkit-grid small{overflow:hidden;color:#77747e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.merchant-toolkit-grid b{color:#a99cff;font-size:10px;font-weight:650}
.bot-upgrade-note{display:grid;gap:7px;padding:16px;border:1px solid rgba(156,140,255,.3);border-radius:14px;background:rgba(139,124,255,.08)}.bot-upgrade-note strong{color:#d6d0ff}.bot-upgrade-note span{color:var(--muted);font-size:12px}.bot-upgrade-note button{justify-self:start;margin-top:5px}
.bot-message-preview{margin-top:24px;border:1px solid rgba(255,255,255,.10);border-radius:14px;overflow:hidden;background:#09090b}.bot-preview-chrome{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#77747e;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase}.bot-traffic{width:7px;height:7px;border-radius:50%;display:block}.bot-traffic-red{background:#ff6259}.bot-traffic-yellow{background:#ffc043}.bot-traffic-green{background:#28c840}.bot-preview-chrome span:last-child{margin-left:6px}.bot-preview-message{max-width:520px;padding:20px}.bot-preview-message strong{font-size:15px}.bot-preview-message p{margin:7px 0 14px;color:#97939e;font-size:12px;line-height:1.5}.bot-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bot-inline-button{min-height:40px;padding:0 12px;border:1px solid transparent;border-radius:10px;color:#f8f7fb;font:650 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.bot-inline-button:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 8px 18px rgba(0,0,0,.25)}.bot-inline-button:active{transform:scale(.98)}.bot-inline-blue{border-color:rgba(86,150,255,.55);background:rgba(45,104,214,.42)}.bot-inline-violet{border-color:rgba(164,137,255,.62);background:rgba(112,76,214,.46)}.bot-inline-green{border-color:rgba(89,210,133,.52);background:rgba(35,139,77,.42)}.bot-inline-cyan{border-color:rgba(80,198,218,.5);background:rgba(23,113,143,.42)}.bot-inline-orange{border-color:rgba(255,160,86,.56);background:rgba(184,91,34,.44)}.bot-inline-gold{border-color:rgba(241,195,78,.58);background:rgba(160,112,18,.44)}
.bot-message-settings{margin-top:24px;padding:22px;border:1px solid rgba(143,130,232,.25);border-radius:16px;background:linear-gradient(145deg,rgba(143,130,232,.08),rgba(255,255,255,.02))}.bot-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.bot-settings-head h3{margin:5px 0 4px;font-size:18px}.bot-settings-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.bot-settings-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(143,130,232,.4);border-radius:11px;color:#a99cff;background:rgba(143,130,232,.12)}.bot-settings-mark svg{width:19px;height:19px}.bot-message-settings-form{display:grid;gap:13px;margin-top:17px}.bot-message-settings-form label{display:grid;gap:7px;color:var(--muted);font-size:11px}.bot-message-settings-form select,.bot-message-settings-form textarea{width:100%;box-sizing:border-box}.bot-message-settings-form textarea{min-height:74px;resize:vertical;line-height:1.45}.bot-default-toggle{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important;color:var(--text)!important;font-size:12px!important}.bot-default-toggle input{width:16px;height:16px;accent-color:#8f82e8}.bot-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.bot-settings-actions span{color:#7bdda4;font-size:11px}.bot-settings-actions .solid-button{margin-left:auto}
@media(max-width:760px){.api-nav-link{border-color:rgba(169,153,255,.48)!important;box-shadow:inset 0 0 0 1px rgba(169,153,255,.08)!important}.bot-nav-link{border-color:rgba(238,193,91,.50)!important;box-shadow:inset 0 0 0 1px rgba(238,193,91,.08)!important}.feature-lock-overlay{padding:20px 16px}.feature-lock-overlay::before{width:calc(100% - 20px)}}

/* Locked workspaces stay fixed inside the content pane; the rail and top bar remain usable. */
.screen.feature-is-locked{height:calc(100dvh - 105px)!important;min-height:0!important;overflow:hidden!important;padding-bottom:24px!important}
.screen.feature-is-locked>.feature-lock-overlay{overflow:hidden!important;justify-content:flex-start!important;padding-top:clamp(54px,10vh,112px)!important}
.screen.feature-is-locked>.feature-lock-overlay::before{display:none!important}
#main:has(>.screen.feature-is-locked.active){overflow:hidden!important;overscroll-behavior:none!important;touch-action:pan-y}
@media(max-width:760px){.bot-nav-link{border-color:rgba(169,153,255,.48)!important;box-shadow:inset 0 0 0 1px rgba(169,153,255,.08)!important}.screen.feature-is-locked{height:calc(100dvh - 72px)!important;padding-bottom:16px!important}}

@media(max-width:760px){.bot-launch-panel{padding:18px!important}.bot-launch-panel .developer-api-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}.bot-new-button{width:100%!important;justify-content:center!important}.bot-setup-strip{grid-template-columns:1fr;margin-bottom:20px}.bot-setup-strip span{padding:11px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.bot-setup-strip span:last-child{border-bottom:0}.bot-connected-row{align-items:flex-start;flex-wrap:wrap;gap:10px}.bot-connected-row>span:nth-child(2){min-width:calc(100% - 52px)}.bot-connected-row>button{margin-left:52px}.bot-message-preview{margin-top:20px}.bot-preview-message{padding:16px}.bot-inline-grid{gap:6px}.bot-inline-button{min-height:38px;padding-inline:8px;font-size:11px}.bot-message-settings{padding:16px}.bot-settings-head{gap:10px}.bot-settings-actions{align-items:stretch;flex-direction:column}.bot-settings-actions .solid-button{width:100%;margin-left:0}}
@media(max-width:760px){.merchant-toolkit{margin:24px 0 30px;padding:20px 0}.merchant-toolkit header{display:block}.merchant-toolkit header h3{margin-top:5px;font-size:19px}.merchant-toolkit-grid{grid-template-columns:1fr}.merchant-toolkit-grid button{padding:14px 12px}.merchant-toolkit-grid small{white-space:normal}}

/* Give API key management a deliberate separation from the page header. */
.developer-screen > .developer-api-workspace{margin-top:36px!important}
@media(max-width:760px){.developer-screen > .developer-api-workspace{margin-top:28px!important}}

/* API keys stay readable as a compact row; secrets never appear in the list. */
.developer-key-row{flex-wrap:nowrap!important;min-width:0!important}
.developer-key-row>div:first-child{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
.developer-key-row .developer-key-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;white-space:nowrap!important}
.developer-key-row .developer-key-actions button{white-space:nowrap!important}
.developer-token-mask{display:inline-block!important;color:#9b96aa!important;filter:blur(3px)!important;user-select:none!important;pointer-events:none!important;letter-spacing:.08em!important}
.developer-secret{user-select:text!important;overflow-wrap:anywhere!important;word-break:break-all!important}
.developer-secret + .dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
@media(max-width:640px){.developer-key-row{gap:8px!important;padding-inline:0!important}.developer-key-row small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.developer-key-row .developer-key-actions{gap:5px!important}.developer-key-row .developer-key-actions .row-action{min-width:0!important;padding-inline:8px!important}}

/* Keep the bot management page focused on connected stores; hide the decorative terminal preview. */
.bot-message-preview{display:none!important}

/* Store cards: wide themed fallback artwork for stores without a banner. */
.screen[data-screen="storefronts"] .storefront-art{height:auto!important;aspect-ratio:2.05!important;min-height:132px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--store-accent,#8d7cff) 58%,#101016),#050507 86%)!important}
.screen[data-screen="storefronts"] .storefront-art-icon{width:76px!important;height:76px!important;display:grid!important;place-items:center!important;color:#fff!important}
.screen[data-screen="storefronts"] .storefront-art-icon>.ui-icon{width:100%!important;height:100%!important;color:currentColor!important;opacity:1!important}
.screen[data-screen="storefronts"] .storefront-art-icon>.ui-icon>svg{width:100%!important;height:100%!important;stroke:currentColor!important;stroke-width:1.35!important}
.domain-shop { display: none !important; }