/* Hallmark · macrostructure: approved mobile workspace · tone: pearlescent · anchor hue: violet */
@import url("./workspace-tokens.css");
@import url("./tadro-app-background.css");
:root {
  --tadro-bg:#FBF8F2; --tadro-surface:#FFFFFF; --tadro-ink:#18334D; --tadro-muted:#8493A1;
  --tadro-peach:#FCE4DC; --tadro-lavender:#EFEAFB; --tadro-mint:#E8F7EF; --tadro-sky:#E8F5FC;
  --tadro-green:#20A36A; --tadro-coral:#F7646C; --tadro-violet:#7555E8; --tadro-blue:#2F90D5;
  --tadro-logo-lockup-width:104px; --tadro-logo-clear-space:12px; --radius-card:24px;
  --shadow-card:0 12px 30px rgba(24,51,77,.07);
  --tadro-registration-cta:linear-gradient(90deg,#673cc1 0%,#a84e90 52%,#e76e54 100%);
}

html[data-tadro-entry-view] body,body.entry-only{padding:0;background:var(--tadro-bg)}
body.entry-only,body.entry-only *,html[data-tadro-entry-view],html[data-tadro-entry-view] *{font-family:"Peyda",sans-serif;font-synthesis:none}
body.entry-only .app,html[data-tadro-entry-view] .app{max-width:none;min-height:var(--tadro-viewport-height,100dvh);overflow:auto;padding-bottom:0!important}
body.entry-only .tadro-bottom-nav,body.entry-only .bottom-bar{display:none!important}
body.entry-only.entry-nav-visible .tadro-bottom-nav,body.entry-only.tadro-qa-nav-active .tadro-bottom-nav{display:grid!important}
body.entry-only.entry-nav-visible.tadro-input-active .tadro-bottom-nav,body.entry-only.tadro-qa-nav-active.tadro-input-active .tadro-bottom-nav{display:grid!important}
body.entry-only.entry-nav-visible .app,body.entry-only.tadro-qa-nav-active .app{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))!important}
body.entry-only.entry-nav-visible #restaurantSetup{height:auto;min-height:0;overflow-y:auto;padding-bottom:12px}
html[data-tadro-entry-view] .app>*{display:none!important}
html[data-tadro-entry-view="menu"] #miniAppMenu,html[data-tadro-entry-view="settings"] #settingsHub,html[data-tadro-entry-view="loading"] #entryLoading,html[data-tadro-entry-view="error"] #entryError{display:block!important}
html[data-tadro-entry-view="setup"] #restaurantSetup{display:flex!important}

.entry-sheet.workspace-shell,#restaurantSetup,.settings-shell,.entry-state-boundary{
  position:relative;width:100%;min-height:var(--tadro-viewport-height,100dvh);padding:10px 20px calc(12px + env(safe-area-inset-bottom));
  background:radial-gradient(circle at 92% 2%,rgba(252,228,220,.9),transparent 28%),radial-gradient(circle at 4% 25%,rgba(239,234,251,.72),transparent 31%),radial-gradient(circle at 96% 72%,rgba(232,247,239,.72),transparent 28%),var(--tadro-bg);
  isolation:isolate
}
.entry-sheet .entry-handle{width:40px;height:4px;margin:0 auto 12px;border-radius:99px;background:#D8D2CA}

restaurant-header{display:flex;align-items:center;width:100%;max-width:1000px;height:56px;margin:0 auto;gap:12px}
tadro-logo,#restaurantSetup .setup-logo-frame{display:block;flex:0 0 var(--tadro-logo-lockup-width);width:var(--tadro-logo-lockup-width)}
tadro-logo img,#restaurantSetup .entry-brand img{display:block;width:var(--tadro-logo-lockup-width);height:auto;padding:0;object-fit:contain}
.profile-general-header tadro-logo[hidden]{display:none!important}
.profile-general-header tadro-logo[variant="english"]{display:flex;flex:0 0 auto;width:auto;align-items:center;gap:10px}
.profile-general-header tadro-logo[variant="english"] img{width:44px;height:44px;object-fit:contain}
.profile-general-header .workspace-venue-logo{flex:0 0 48px;width:48px;height:48px;border-radius:50%;object-fit:contain;background:#fff}
.profile-general-header .tadro-logo-wordmark{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1}
tadro-logo[variant="mark"]{flex-basis:44px;width:44px}
tadro-logo[variant="mark"] img{width:44px;height:44px}
.restaurant-context{min-width:0;max-width:46%;margin-inline-start:auto;padding-inline-end:12px;border-inline-end:1px solid rgba(24,51,77,.10)}
.restaurant-context strong{display:block;overflow:hidden;color:var(--tadro-ink);font-size:16px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.restaurant-context span{display:block;color:var(--tadro-muted);font-size:13px;font-weight:500;line-height:1.55}
.workspace-title{max-width:1000px;margin:14px auto;color:var(--tadro-ink);font-size:18px;font-weight:800;line-height:1.5;text-align:center}
.menu-primary-grid,.menu-secondary-grid{width:100%;max-width:1000px;margin-inline:auto}
.menu-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.menu-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

.workspace-card{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:none;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.91);color:var(--tadro-ink);text-align:center;box-shadow:var(--shadow-card);cursor:pointer;outline:none;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.workspace-card:active{transform:scale(.975);filter:brightness(.99)}
.workspace-card:focus-visible{box-shadow:0 0 0 3px rgba(117,85,232,.2),var(--shadow-card)}
.workspace-card-primary{height:104px;min-height:0;max-height:104px;padding:14px 12px;border-radius:22px}
.workspace-card-secondary{height:94px;min-height:0;max-height:94px;padding:12px 8px;border-radius:20px}
.workspace-icon-wrap{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;margin-bottom:5px;border-radius:16px}
.workspace-card-secondary .workspace-icon-wrap{flex-basis:42px;width:42px;height:42px;margin-bottom:4px;border-radius:15px}
.workspace-icon{width:26px;height:26px}
.workspace-card-secondary .workspace-icon{width:24px;height:24px}
.tone-ai{color:var(--tadro-violet);background:linear-gradient(145deg,var(--tadro-lavender),var(--tadro-sky))}
.tone-green{color:var(--tadro-green);background:var(--tadro-mint)}
.tone-orange{color:#D99116;background:#FFF5DA}
.tone-violet{color:var(--tadro-violet);background:var(--tadro-lavender)}
.tone-coral{color:var(--tadro-coral);background:#FDE9EA}
.tone-blue{color:var(--tadro-blue);background:var(--tadro-sky)}
.workspace-card-copy{display:block;width:100%}
.workspace-card-copy strong{display:block;overflow:hidden;color:var(--tadro-ink);font-size:15px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.workspace-card-copy small{display:none}
.workspace-card-secondary .workspace-card-copy strong{font-size:13px;font-weight:700;line-height:1.45}
.workspace-chevron{display:none}
.notification-badge{position:absolute;top:8px;left:8px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 5px 14px rgba(24,51,77,.13)}
#actionCount{background:#D99116}
#urgentCount{background:var(--tadro-coral)}
.notification-badge[hidden]{display:none!important}

#restaurantSetup .entry-brand{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:920px;height:56px;margin:0 auto 12px;gap:12px}
#restaurantSetup .profile-general-header{display:none;max-width:920px;margin-bottom:12px}
#restaurantSetup[data-setup-mode="edit"] .profile-general-header{display:flex}
#restaurantSetup[data-setup-mode="edit"] .entry-brand{display:none}
#restaurantSetup .setup-logo-frame{text-decoration:none}
#restaurantSetup .setup-header-actions{display:flex;align-items:center;gap:8px}
#restaurantSetup .entry-kicker{padding:5px 9px;border-radius:999px;background:var(--tadro-mint);color:#4E8A70;font-size:12px;font-weight:500;line-height:1.7}
#restaurantSetup .setup-back-action{display:none;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border:1px solid rgba(24,51,77,.1);border-radius:14px;background:rgba(255,255,255,.88);color:var(--tadro-ink);font:inherit;font-size:13px;font-weight:600;gap:3px;cursor:pointer}
#restaurantSetup .setup-back-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#restaurantSetup[data-setup-cancellable="true"] .setup-back-action{display:flex}
#restaurantSetup .entry-subtitle{width:100%;max-width:920px;margin:0 auto 14px;color:var(--tadro-ink);font-size:16px;font-weight:500;line-height:1.7;text-align:center}
#restaurantSetup{height:var(--tadro-viewport-stable-height,var(--tadro-viewport-height,100dvh));min-height:0;padding:0;overflow:hidden;flex-direction:column}
#restaurantSetup .setup-scroll-region{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:18px;padding:10px 20px 16px}
#restaurantSetup .setup-card{display:flex;flex-direction:column;width:100%;max-width:920px;margin:0 auto;padding:16px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-card)}
#restaurantSetup .setup-field{margin:0}
#restaurantSetup .setup-field + .setup-field{margin-top:12px}
#restaurantSetup .setup-label{display:block;margin-bottom:4px;color:var(--tadro-ink);font-size:15px;font-weight:700;line-height:1.7}
#restaurantSetup .setup-input{display:block;width:100%;height:52px;min-height:52px;border:1px solid #DED8CF;border-radius:14px;padding:7px 12px;background:#fff;color:var(--tadro-ink);font-size:16px;font-weight:400;line-height:1.7;text-align:right;direction:rtl;outline:none}
#restaurantSetup .setup-input::placeholder{color:#9A9A9A;opacity:1}
#restaurantSetup .setup-input:focus{border-color:var(--tadro-green);box-shadow:0 0 0 3px rgba(32,163,106,.1)}
#restaurantSetup .setup-address{height:72px;min-height:72px;resize:vertical}
#restaurantSetup .city-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#restaurantSetup .city-choice{height:44px;min-height:44px;max-height:48px;padding:0 8px;border:1px solid #DED8CF;border-radius:14px;background:#fff;color:var(--tadro-ink);font-size:16px;font-weight:400;line-height:1.7}
#restaurantSetup .city-choice.selected{border-color:var(--tadro-green);background:var(--tadro-mint);color:var(--tadro-green);font-weight:600}
#restaurantSetup .setup-consent{display:flex;align-items:center;min-height:44px;margin-top:8px;gap:8px}
#restaurantSetup .setup-consent-checkbox{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--tadro-green);cursor:pointer}
#restaurantSetup .setup-consent-label{color:var(--tadro-ink);font-size:12.5px;font-weight:500;line-height:1.55;cursor:pointer}
#restaurantSetup .legal-phrase{text-decoration:underline;text-decoration-color:rgba(24,51,77,.35);text-underline-offset:2px}
#restaurantSetup .setup-consent-checkbox:focus-visible{outline:3px solid rgba(117,85,232,.25);outline-offset:3px}
#restaurantSetup[data-setup-mode="edit"] .setup-consent,#restaurantSetup[data-setup-mode="edit"] #setupLegalConsentError{display:none!important}
#restaurantSetup .setup-error{margin-top:3px;color:#B8444E;font-size:12px;font-weight:500;line-height:1.7}
#restaurantSetup .setup-action-footer{position:sticky;bottom:0;flex:0 0 auto;width:100%;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(24,51,77,.07);background:rgba(251,248,242,.97);box-shadow:0 -8px 24px rgba(24,51,77,.05);z-index:4}
#restaurantSetup[data-setup-mode="edit"] .setup-scroll-region{flex:0 0 auto;overflow:visible;padding-bottom:0}
#restaurantSetup[data-setup-mode="edit"] .setup-action-footer{position:static;bottom:auto;padding:12px 20px 18px;border:0;background:transparent;box-shadow:none}
#restaurantSetup .setup-submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:920px;height:52px;min-height:52px;margin:0 auto;padding:0 56px;border:0;border-radius:16px;background:var(--tadro-registration-cta)!important;color:#fff;font-size:18px;font-weight:600;line-height:1.5;box-shadow:0 10px 24px rgba(168,78,144,.2)}
#restaurantSetup .setup-submit-label{display:block;text-align:center}
#restaurantSetup .setup-chevron{position:absolute;left:22px;top:50%;width:26px;height:26px;direction:ltr;transform:translateY(-50%);fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
#restaurantSetup .entry-status{min-height:0;margin-top:3px;color:var(--tadro-muted);font-size:12px;font-weight:500;line-height:1.7;text-align:center}
#restaurantSetup .entry-status:empty{display:none}

.entry-home-action,.workspace-home-action{min-width:44px;min-height:44px;border:1px solid rgba(24,51,77,.10);border-radius:14px;padding:0 13px;background:rgba(255,255,255,.85);color:var(--tadro-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.workspace-home-action{display:none}
body.catalog-from-dashboard .workspace-home-action{display:inline-flex;align-items:center;justify-content:center}
.entry-child-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:920px;height:56px;margin:0 auto 14px;gap:12px}
.entry-child-header h1{margin:0;color:var(--tadro-ink);font-size:20px;font-weight:800;line-height:1.5}
.settings-venue-card{display:flex;flex-direction:column;width:100%;max-width:920px;margin:0 auto;padding:14px 16px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.94);color:var(--tadro-ink);text-align:right;box-shadow:var(--shadow-card)}
.settings-shell [hidden]{display:none!important}
.settings-venue-card + .settings-venue-card,.settings-save-actions{margin-top:12px}
.settings-save-actions{width:100%;max-width:920px;margin-inline:auto}
.settings-save-actions .setup-submit{width:100%}
.settings-venue-card strong{font-size:15px;font-weight:700;line-height:1.5}
.settings-venue-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.settings-venue-edit{min-height:44px;border:0;border-radius:14px;padding:0 12px;background:var(--tadro-mint);color:#4E8A70;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.settings-venue-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(24,51,77,.08)}
.settings-venue-preview div{min-width:0}
.settings-venue-preview span,.settings-venue-preview b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-venue-preview span{color:var(--tadro-muted);font-size:11.5px;font-weight:500;line-height:1.5}
.settings-venue-preview b{margin-top:2px;color:var(--tadro-ink);font-size:13px;font-weight:600;line-height:1.55}
.settings-venue-preview .settings-address{grid-column:1/-1}
body.entry-only.tadro-qa-nav-active .settings-shell{padding-bottom:calc(var(--bottom-nav-height) + 28px + env(safe-area-inset-bottom))}
body.entry-only.tadro-qa-nav-active #restaurantSetup[data-setup-mode="edit"]{padding-bottom:calc(var(--bottom-nav-height) + 16px + env(safe-area-inset-bottom))}
.entry-state-boundary{text-align:center;padding-top:max(54px,12vh)}
.entry-state-boundary img{display:block;width:104px;height:auto;margin:0 auto 18px;object-fit:contain}
.entry-state-boundary p{color:var(--tadro-muted);font-size:15px;font-weight:500;line-height:1.7}
.entry-state-boundary button{min-height:44px;margin-top:10px;padding:0 18px;border:0;border-radius:14px;background:var(--tadro-ink);color:#fff;font:inherit;font-weight:700}

@media (min-width:768px){
  .entry-sheet.workspace-shell,.settings-shell,.entry-state-boundary{padding-inline:40px}
  #restaurantSetup .setup-scroll-region,#restaurantSetup .setup-action-footer{padding-inline:40px}
  .menu-primary-grid,.menu-secondary-grid,.workspace-title,restaurant-header{max-width:1000px}
  #restaurantSetup .entry-brand,#restaurantSetup .entry-subtitle,#restaurantSetup .setup-card{max-width:920px}
}
@media (prefers-reduced-motion:reduce){.workspace-card{transition:none}}

/* Approved v9 workspace only. Adjacent settings, catalog and order pages stay frozen. */
body[data-workspace-design]{background:transparent!important;isolation:isolate}
body[data-workspace-design] .app,body[data-workspace-design] #app.qa-workspace-page{padding:0!important;max-width:none;background:transparent}
.entry-sheet.workspace-shell.workspace-design{box-sizing:border-box;width:min(100%,520px);min-height:100svh;margin-inline:auto;padding:23px var(--space-workspace-gutter) 145px;background:transparent;isolation:auto}
.workspace-design,.workspace-design *{box-sizing:border-box;font-family:var(--font-workspace-rtl)!important}
.workspace-design[lang="en"],.workspace-design[lang="en"] *,:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-bottom-nav[lang="en"],:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-bottom-nav[lang="en"] *{font-family:var(--font-workspace-en)!important}
.workspace-design .workspace-handle{width:48px;height:6px;margin:0 auto 28px;background:var(--color-workspace-handle)}
.workspace-design restaurant-header{height:48px;gap:10px;max-width:none;margin:0}
.workspace-design restaurant-header tadro-logo{width:48px;flex:0 0 48px}
.workspace-design restaurant-header tadro-logo[hidden]{display:none}
.workspace-design restaurant-header tadro-logo img{width:48px;height:48px;object-fit:contain}
.workspace-design .workspace-venue-logo{width:48px;height:48px;border-radius:50%;object-fit:contain;flex:0 0 48px;background:var(--color-workspace-white)}
.workspace-design .workspace-venue-placeholder{display:block;width:48px;height:48px;flex:0 0 48px;border:1px solid var(--color-workspace-border);border-radius:50%;background:var(--color-workspace-white)}
.workspace-design .restaurant-context{flex:1;min-width:0;max-width:none;margin:0;padding:0;border:0;text-align:start}
.workspace-design .restaurant-context strong{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.65px;color:var(--color-workspace-ink)}
.workspace-design .restaurant-context span{font-size:13px;font-weight:400;line-height:1.5;color:var(--color-workspace-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-design .workspace-languages{display:flex;flex:0 0 auto;padding:2px;border:1px solid var(--color-workspace-border);border-radius:99px;background:var(--color-workspace-language-surface)}
.workspace-design .workspace-languages button{width:31px;height:28px;min-height:0;padding:0;border:0;border-radius:99px;background:transparent;color:var(--color-workspace-ink);font-size:12px!important;font-weight:500;cursor:pointer}
.workspace-design .workspace-languages button[aria-pressed="true"]{background:var(--color-workspace-ink);color:var(--color-workspace-white)}
.workspace-design .workspace-prompt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:35px 0 14px;min-height:40px}
.workspace-design .workspace-title{flex:1;min-width:0;margin:0;color:var(--color-workspace-ink);font-size:var(--text-workspace-title);font-weight:600;margin-inline-start:10px;;line-height:1.25;letter-spacing:-.65px;text-align:start;white-space:nowrap}
.workspace-design[dir="rtl"] .workspace-title{letter-spacing:0;font-size:21px}
.workspace-design .workspace-notifications{position:relative;display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;min-height:0;padding:9px;border:1px solid var(--color-workspace-border);border-radius:50%;background:var(--color-workspace-bell-surface);color:var(--color-workspace-label);cursor:pointer}
.workspace-design .workspace-notifications svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workspace-design .workspace-notifications notification-badge{top:-3px;left:auto;right:-2px;background:var(--color-workspace-coral)}
.workspace-design .workspace-notifications #urgentCount{top:auto;bottom:-4px;background:var(--color-workspace-purple)}
.workspace-design .menu-primary-grid{gap:var(--space-workspace-grid);margin-bottom:var(--space-workspace-grid)}
.workspace-design .menu-secondary-grid{gap:var(--space-workspace-grid)}
.workspace-design .workspace-card{border:1px solid var(--color-workspace-border);border-radius:var(--radius-workspace-card);background:var(--color-workspace-card);box-shadow:inset 0 0 14px 5px var(--color-workspace-inset-glow),0 8px 18px var(--color-workspace-shadow);backdrop-filter:blur(7px);color:var(--color-workspace-label);transition:transform var(--dur-workspace-press) var(--ease-workspace-out);text-decoration:none}
.workspace-design .workspace-card-primary{height:clamp(129px,33.08vw,143px);max-height:none;padding:16px 10px}
.workspace-design .workspace-card-secondary{height:clamp(115px,29.5vw,127px);max-height:none;padding:14px 6px}
.workspace-design .workspace-icon-wrap{width:55px;height:55px;flex:0 0 55px;margin-bottom:10px;border-radius:17px}
.workspace-design .workspace-card-secondary .workspace-icon-wrap{width:50px;height:50px;flex-basis:50px;margin-bottom:10px;border-radius:15px}
.workspace-design .workspace-icon{width:33px;height:33px}
.workspace-design .workspace-card-secondary .workspace-icon{width:31px;height:31px}
.workspace-design .workspace-card-copy strong,.workspace-design .workspace-card-secondary .workspace-card-copy strong{font-size:var(--text-workspace-label);font-weight:400;line-height:1.3;color:var(--color-workspace-label);letter-spacing:-.5px;white-space:nowrap;text-overflow:clip}
.workspace-design .workspace-card-primary .workspace-card-copy strong{font-size:16px}
.workspace-design[dir="rtl"] .workspace-card-copy strong{letter-spacing:0}
.workspace-design .workspace-card-copy small{display:none}
.workspace-design .tone-ai{color:var(--color-workspace-purple);background:var(--color-workspace-ai-tint)}
.workspace-design .tone-green{color:var(--color-workspace-green);background:var(--color-workspace-green-tint)}
.workspace-design .tone-violet{color:var(--color-workspace-violet);background:var(--color-workspace-violet-tint)}
.workspace-design .tone-blue{color:var(--color-workspace-blue);background:var(--color-workspace-blue-tint)}
.workspace-design .tone-orange{color:var(--color-workspace-orange);background:var(--color-workspace-orange-tint)}
.workspace-design .tone-teal{color:var(--color-workspace-teal);background:var(--color-workspace-teal-tint)}
.workspace-design .tone-amber{color:var(--color-workspace-amber);background:var(--color-workspace-amber-tint)}
.workspace-design .tone-coral,.workspace-design .tone-rose{color:var(--color-workspace-coral);background:var(--color-workspace-coral-tint)}
.workspace-design .tone-purple{color:var(--color-workspace-purple);background:var(--color-workspace-purple-tint)}
.workspace-design .workspace-card:active{transform:scale(.975);filter:none}
.workspace-design :is(button,a,[role="button"]):focus-visible{outline:3px solid var(--color-workspace-focus);outline-offset:3px;box-shadow:none}
:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-bottom-nav{width:min(504px,calc(100% - 16px));min-height:72px;bottom:max(24px,env(safe-area-inset-bottom));padding:5px 8px;gap:3px;border:1px solid var(--color-workspace-border);border-radius:27px;background:var(--color-workspace-nav-surface)!important;backdrop-filter:blur(14px);box-shadow:none}
:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item{position:relative;min-height:60px;padding:6px 2px;border-radius:22px;gap:3px;color:var(--color-workspace-label);font-size:13px;font-weight:400;white-space:nowrap}
:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item svg{width:28px;height:28px}
:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item.active{background:var(--color-workspace-selected-tint);color:var(--color-workspace-violet);font-weight:400}
:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item.active::before{content:"";position:absolute;top:2px;left:50%;width:32px;height:3px;border-radius:99px;background:var(--color-workspace-violet)}
:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item span{font-size:14px;line-height:1.25}
:is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item[aria-disabled="true"]{pointer-events:none;opacity:.55}
.workspace-design .workspace-notice{position:fixed;z-index:200;bottom:114px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);padding:12px 16px;border:1px solid var(--color-workspace-border);border-radius:15px;background:var(--color-workspace-ink);color:var(--color-workspace-white);font-size:14px;text-align:center;box-shadow:0 6px 24px var(--color-workspace-notice-shadow)}
.workspace-design .workspace-notice:empty{display:none}
.workspace-design .workspace-panel{width:min(360px,calc(100% - 32px));padding:22px;border:1px solid var(--color-workspace-border);border-radius:24px;background:var(--color-workspace-paper);color:var(--color-workspace-ink)}
.workspace-design .workspace-panel::backdrop{background:var(--color-workspace-scrim);backdrop-filter:blur(4px)}
.workspace-design .workspace-panel h2{margin:0 0 16px;font-size:20px}
.workspace-design .workspace-panel button{display:block;width:100%;min-height:44px;margin-top:8px;padding:10px 12px;border:0;border-radius:12px;background:var(--color-workspace-white);color:var(--color-workspace-ink);font-size:15px;text-align:start;cursor:pointer}
.workspace-design .workspace-panel .workspace-panel-close{background:var(--color-workspace-ink);color:var(--color-workspace-white);text-align:center}
.workspace-design .workspace-diagnostic-hint{margin:10px 0 14px;font-size:12px;line-height:1.5;color:var(--color-workspace-label)}
.workspace-design .workspace-diagnostic-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:40vh;overflow:auto;text-align:left}
.workspace-design .workspace-card[disabled]{cursor:wait;opacity:.7}
@media(max-width:374px){.workspace-design .workspace-title{font-size:19px}.workspace-design .restaurant-context strong{font-size:17px}.workspace-design .workspace-languages button{width:28px}.workspace-design .workspace-card-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.workspace-design .workspace-card{transition:none}}
.workspace-design[data-workspace-role="admin"] .menu-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.workspace-design[data-workspace-role="supplier"][dir="rtl"] .workspace-card-secondary .workspace-card-copy strong{font-size:12.5px}

.workspace-design .tone-ai .workspace-icon{width:38px;height:38px}

body.tadro-has-bottom-nav[data-tadro-canonical-nav="true"]:not([data-workspace-design]) :is(.app,.page),
body.tadro-has-bottom-nav[data-tadro-canonical-nav="true"]:not([data-workspace-design])>main{
  padding-bottom:calc(var(--workspace-nav-height,60px) + var(--workspace-safe-bottom,24px) + 18px)!important;
}

/* Compact against Safari's small viewport; keep navigation in flow, never over tiles. */
@media(max-width:520px){
  body[data-workspace-design]{--workspace-safe-bottom:max(24px,env(safe-area-inset-bottom));--workspace-nav-height:60px;--workspace-nav-inset:20px;min-height:100dvh}
  body[data-tadro-report-shell="true"]{--workspace-safe-bottom:max(24px,env(safe-area-inset-bottom));--workspace-nav-height:60px;--workspace-nav-inset:20px}
  body[data-tadro-canonical-nav="true"]{--workspace-safe-bottom:max(24px,env(safe-area-inset-bottom));--workspace-nav-height:60px;--workspace-nav-inset:20px}
  body[data-workspace-design].entry-only .app,body[data-workspace-design] #app.qa-workspace-page{min-height:0!important;padding:0!important}
  .entry-sheet.workspace-shell.workspace-design{min-height:calc(100dvh - var(--workspace-nav-height) - var(--workspace-safe-bottom));padding-top:clamp(12px,calc((100svh - 610px)/10),23px);padding-bottom:16px}
  .workspace-design .workspace-handle{margin-bottom:clamp(12px,calc((100svh - 620px)/8),28px)}
  .workspace-design .workspace-prompt-row{margin-block:clamp(16px,calc((100svh - 620px)/6.4),35px) clamp(8px,calc((100svh - 620px)/16),14px)}
  .workspace-design .workspace-card-primary{height:min(clamp(129px,33.08vw,143px),max(100px,calc((100svh - 258px)/4)));padding-block:clamp(10px,calc((100svh - 620px)/14),16px)}
  .workspace-design .workspace-card-secondary{height:min(clamp(115px,29.5vw,127px),max(84px,calc((100svh - 334px)/4)));padding-block:clamp(8px,calc((100svh - 620px)/16),14px)}
  .workspace-design .workspace-icon-wrap{width:clamp(42px,calc((100svh - 580px)/4),55px);height:clamp(42px,calc((100svh - 580px)/4),55px);flex-basis:clamp(42px,calc((100svh - 580px)/4),55px);margin-bottom:clamp(5px,calc((100svh - 620px)/22.4),10px)}
  .workspace-design .workspace-card-secondary .workspace-icon-wrap{width:clamp(38px,calc((100svh - 600px)/4),50px);height:clamp(38px,calc((100svh - 600px)/4),50px);flex-basis:clamp(38px,calc((100svh - 600px)/4),50px);margin-bottom:clamp(5px,calc((100svh - 620px)/22.4),10px)}
  .workspace-design .workspace-icon{width:clamp(28px,calc((100svh - 620px)/6.5),33px);height:clamp(28px,calc((100svh - 620px)/6.5),33px)}
  .workspace-design .workspace-card-secondary .workspace-icon{width:clamp(26px,calc((100svh - 620px)/7),31px);height:clamp(26px,calc((100svh - 620px)/7),31px)}
  .workspace-design .tone-ai .workspace-icon{width:clamp(32px,calc((100svh - 620px)/5.8),38px);height:clamp(32px,calc((100svh - 620px)/5.8),38px)}
  :is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-bottom-nav{width:calc(100% - 2 * var(--workspace-nav-inset));height:var(--workspace-nav-height);min-height:var(--workspace-nav-height)}
  body[data-workspace-design] .tadro-bottom-nav{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto var(--workspace-safe-bottom)}
  body[data-tadro-report-shell="true"] .tadro-bottom-nav{bottom:var(--workspace-safe-bottom)}
  body[data-tadro-canonical-nav="true"]:not([data-workspace-design]) .tadro-bottom-nav{bottom:var(--workspace-safe-bottom)}
  :is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item{min-height:44px;padding-block:2px;gap:2px}
  :is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item svg{width:24px;height:24px}
  :is(body[data-workspace-design],body[data-tadro-report-shell="true"],body[data-tadro-canonical-nav="true"]) .tadro-nav-item span{font-size:13px}
}