/* What2Do 2026 · shared visual tokens. No navigation, auth or data behavior. */
:root{--w2d-surface-radius:24px;--w2d-control-radius:14px;--w2d-elevation:0 8px 28px rgba(20,30,44,.065);--w2d-focus:#167565}
html.w2d-ecosystem-ui body.w2dBusinessApp{background:#f3f6f7}
html.w2d-ecosystem-ui body.w2dBusinessApp .topbar{background:rgba(255,255,255,.96);box-shadow:0 6px 24px rgba(16,24,40,.06);padding-inline:16px!important;gap:8px!important}
html.w2d-ecosystem-ui :where(#w2dAppNavToggle,#w2dModeQuick,#w2dDirShortcut){border-radius:50%!important}
html.w2d-ecosystem-ui body.w2dBusinessApp .topbar>#tabs{border-radius:28px 0 0 28px;box-shadow:-12px 0 48px rgba(16,24,40,.16)}
html.w2d-ecosystem-ui body.w2dBusinessApp #tabs .w2dm-i{min-height:46px;border-radius:14px;padding:10px}
html.w2d-ecosystem-ui .w2dl-home{border-radius:28px;box-shadow:0 16px 48px rgba(16,24,40,.06)}
html.w2d-ecosystem-ui .w2dl-home-head h2{font-size:clamp(24px,4vw,34px);line-height:1.2;letter-spacing:-.035em}
html.w2d-ecosystem-ui .w2dl-primary-grid{gap:12px}
html.w2d-ecosystem-ui .w2dl-primary-grid button{border-radius:20px;min-height:96px}
html.w2d-ecosystem-ui .w2dl-more-link{border-radius:999px;min-height:44px}
@media(max-width:420px){html.w2d-ecosystem-ui body.w2dBusinessApp #w2dDirShortcut{display:none!important}html.w2d-ecosystem-ui body.w2dBusinessApp .topbar{padding-inline:10px!important;gap:5px!important}html.w2d-ecosystem-ui body.w2dBusinessApp .topbar>.logo{font-size:14px;flex:1 1 auto;min-width:0}}
/* Business, restaurant, courier, agency, customer, Marketplace and Trueke
 * share the role/store shells. Keep their permission and content boundaries. */
html.w2d-ecosystem-ui :where(.w2d-role-shell,.w2d-store-shell){border-radius:24px;border:1px solid var(--line,#e5e7eb);padding:16px;box-shadow:0 12px 36px rgba(16,24,40,.075)}
html.w2d-ecosystem-ui .w2d-role-shell.is-embedded{top:10px;margin:0 0 18px}
html.w2d-ecosystem-ui :where(.w2d-role-dock,.w2d-store-dock){padding:6px;border-radius:20px;background:var(--w2d-role-soft,#f5f7f8);border:0;gap:6px}
html.w2d-ecosystem-ui :where(.w2d-role-dock,.w2d-store-dock) button{border-radius:15px;min-height:44px}
html.w2d-ecosystem-ui :where(.w2d-role-professional-nav) button{border-radius:999px;padding:10px 16px;min-height:44px}
html.w2d-ecosystem-ui :where(.w2d-feature-group){border-radius:24px;box-shadow:var(--w2d-elevation)}
html.w2d-ecosystem-ui .w2d-feature-group>summary{padding:18px;min-height:80px}
html.w2d-ecosystem-ui .w2d-feature-title{font-size:15px;letter-spacing:-.015em}
html.w2d-ecosystem-ui .w2d-feature-sub{font-size:12px;line-height:1.5}
html.w2d-ecosystem-ui :where(.w2d-commerce-section){padding:12px 16px;border-radius:24px;margin-block:16px}
html.w2d-ecosystem-ui .w2d-commerce-grid{gap:16px}
html.w2d-ecosystem-ui .w2d-store-catalog-tools{border-radius:24px;padding:12px;margin-block:12px 20px}
html.w2d-ecosystem-ui .w2d-store-catalog-search{border-radius:999px;min-height:48px;padding-inline:18px;background:#f6f8f9}
html.w2d-ecosystem-ui :where(.btn-brand,.btn-primary){border-radius:999px!important}
html.w2d-ecosystem-ui :where(#w2dGuideFab,#w2dFallbackChatFab){border-radius:50%;box-shadow:0 8px 24px rgba(16,24,40,.2)}
html.w2d-ecosystem-ui .w2d-app-dock{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-width:640px;margin-inline:auto;padding:7px;border:1px solid rgba(15,23,42,.1);border-radius:28px;box-shadow:0 12px 40px rgba(16,24,40,.16);background:rgba(255,255,255,.96)}
html.w2d-ecosystem-ui .w2d-app-dock :where(a,button){border-radius:20px;min-height:48px;flex:1 0 52px;min-width:52px}
html.w2d-ecosystem-ui body.w2d-has-app-dock{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
html.w2d-ecosystem-ui #lndCover.w2d-business-cover{border-radius:24px;margin:14px auto;max-width:calc(100% - 28px)}
@media(min-width:1000px){html.w2d-ecosystem-ui .w2d-feature-groups{gap:20px}html.w2d-ecosystem-ui #lndCover.w2d-business-cover{max-width:1180px;width:calc(100% - 48px);border-radius:32px}}
@media(max-width:720px){html.w2d-ecosystem-ui :where(.w2d-role-shell,.w2d-store-shell){padding:12px;border-radius:22px}html.w2d-ecosystem-ui .w2d-feature-group>summary{padding:15px;min-height:74px}html.w2d-ecosystem-ui .w2d-commerce-grid{gap:10px}}
:where(html.w2d-ecosystem-ui,html[data-w2d-design]) :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--w2d-focus);outline-offset:3px}
:where(html.w2d-ecosystem-ui,html[data-w2d-design]) :where(.card,.public-idea,.object,.pubType,.lockCard){border-radius:var(--w2d-surface-radius);box-shadow:var(--w2d-elevation)}
:where(html.w2d-ecosystem-ui,html[data-w2d-design]) :where(h1,h2,h3){text-wrap:balance;letter-spacing:-.025em}
:where(html.w2d-ecosystem-ui,html[data-w2d-design]) :where(.btn,.chip,.tab){transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
:where(html.w2d-ecosystem-ui,html[data-w2d-design]) :where(.btn.primary,.btn.brand){border-radius:999px;box-shadow:0 5px 14px color-mix(in srgb,var(--brand,#b65329) 20%,transparent)}
html[data-w2d-design="studio"] .wrap{max-width:1440px}
html[data-w2d-design="studio"] .card{border-radius:24px;padding:20px}
html[data-w2d-design="studio"] .wsNav{border-radius:24px;padding:10px;box-shadow:var(--w2d-elevation)}
html[data-w2d-design="studio"] .wsNav button{min-height:44px;border-radius:16px;margin:3px 0}
html[data-w2d-design="studio"] .tabs{gap:8px}
html[data-w2d-design="studio"] .tabs .tab{border-radius:999px}
html[data-w2d-design="studio"] :where(.mediaHero,.stage video){border-radius:22px;overflow:hidden;background:#111820}
html[data-w2d-design="studio"] .modalSheet{justify-content:flex-end;padding:16px;background:rgba(15,23,42,.32);backdrop-filter:blur(5px)}
html[data-w2d-design="studio"] .modalBox{max-height:calc(100dvh - 32px);border-radius:28px;animation:w2d-preview-in .24s ease-out}
html[data-w2d-design="code"] .side{margin:12px 0 12px 12px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--w2d-elevation);overflow:auto}
html[data-w2d-design="code"] .nav button{border-radius:16px;min-height:44px}
html[data-w2d-design="code"] :where(.msg,.row,.card){border-radius:20px}
html[data-w2d-design="code"] .composer textarea{border-radius:20px;background:#f8fafb}
html[data-w2d-design="code"] .drawer{border-radius:0 26px 26px 0}
html[data-w2d-design="binder"] .side{border-radius:26px}
html[data-w2d-design="binder"] .nav button{border-radius:999px;min-height:44px}
html[data-w2d-design="binder"] .object{padding:20px}
html[data-w2d-design="ideas"] .public-idea{padding:20px;border-radius:24px;background:#fff}
html[data-w2d-design="ideas"] .public-actions button{border-radius:999px;min-height:40px}
html[data-w2d-design="ideas"] .public-ideas{gap:16px}
@keyframes w2d-preview-in{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}
@media(max-width:720px){
 html[data-w2d-design="studio"] .card{padding:16px;border-radius:22px}
 html[data-w2d-design="studio"] .wsNav{margin:0 0 14px;padding:7px;border-radius:20px;top:8px}
 html[data-w2d-design="studio"] .wsNav button{margin:0;flex-shrink:0}
 html[data-w2d-design="studio"] .modalSheet{padding:0;align-items:flex-end}
 html[data-w2d-design="studio"] .modalBox{width:100%;max-height:92dvh;border-radius:26px 26px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
 html[data-w2d-design="code"] .messages{padding:14px}
 html[data-w2d-design="binder"] .main{padding-inline:14px}
 html[data-w2d-design="ideas"] .public-idea{padding:16px}
}
@media(prefers-reduced-motion:reduce){:where(html.w2d-ecosystem-ui,html[data-w2d-design]) *{animation:none!important;transition:none!important}}