/* EJO Vendor Workspace — Atelier system
   Shared presentation layer for every Vendor Next route. Keeps route markup and
   business interactions intact while giving operations a clear, responsive UI. */
.vendor-next-shell.vendor-strong-theme {
  --vendor-brand: #b44b2c;
  --vendor-strong: #87351f;
  --vendor-light: #f8e9e1;
  --vendor-soft: #faf8f5;
  --vendor-line: #ded8cf;
  --vendor-text: #232522;
  --vendor-muted: #666a63;
  --vendor-theme-ink: #202621;
  --vendor-theme-ink-2: #39433b;
  --vendor-theme-accent: #d8794d;
  --vendor-theme-highlight: #f2c3a5;
  --vendor-theme-surface: #fff;
  --vendor-theme-canvas: #f4f2ed;
  --vendor-radius-card: 14px;
  --vendor-shadow-card: 0 2px 9px rgba(35, 37, 34, .045), 0 12px 28px rgba(35, 37, 34, .035);
  --vendor-ring: 0 0 0 3px rgba(180, 75, 44, .18);
  min-height: 100dvh;
  display: grid !important;
  background: #f4f2ed !important;
  color: #232522 !important;
  font-family: "DM Sans", "Noto Sans Arabic", Inter, ui-sans-serif, system-ui, sans-serif !important;
  letter-spacing: -.008em;
}
.vendor-next-shell.vendor-strong-theme .vendor-rail,
.vendor-next-shell.vendor-strong-theme .sidebar {
  background: #202621 !important;
  color: #f6f4ef !important;
  border-color: #343c35 !important;
  box-shadow: 7px 0 26px rgba(24, 28, 24, .12) !important;
  padding: 18px 13px !important;
}
.vendor-next-shell.vendor-strong-theme .vendor-rail::before { background: #d8794d !important; }
.vendor-next-shell.vendor-strong-theme .vendor-brand {
  border: 1px solid #41483f !important;
  border-radius: 12px !important;
  background: #2a312b !important;
  color: #fff !important;
}
.vendor-next-shell.vendor-strong-theme .vendor-brand span,
.vendor-next-shell.vendor-strong-theme .nav-glyph {
  border: 0 !important;
  border-radius: 10px !important;
  background: #3b423a !important;
  color: #f2b08b !important;
}
.vendor-next-shell.vendor-strong-theme .vendor-brand strong { color: #fff !important; }
.vendor-next-shell.vendor-strong-theme .vendor-brand small,
.vendor-next-shell.vendor-strong-theme .vendor-nav-section > small { color: #e7a17c !important; }
.vendor-next-shell.vendor-strong-theme .vendor-nav-section > small { letter-spacing: .12em; text-transform: uppercase; }
.vendor-next-shell.vendor-strong-theme .vendor-nav a {
  min-height: 44px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #c9cec7 !important;
}
.vendor-next-shell.vendor-strong-theme .vendor-nav a:hover,
.vendor-next-shell.vendor-strong-theme .vendor-nav a.active {
  border-color: #50564b !important;
  background: #343b34 !important;
  color: #fff !important;
}
.vendor-next-shell.vendor-strong-theme .vendor-nav a.active { box-shadow: inset 3px 0 #e18a60 !important; }
.vendor-next-shell.vendor-strong-theme .vendor-nav a.active .nav-glyph,
.vendor-next-shell.vendor-strong-theme .vendor-nav a:hover .nav-glyph { background: #b44b2c !important; color: #fff !important; }
.vendor-next-shell.vendor-strong-theme .vendor-nav em,
.vendor-next-shell.vendor-strong-theme .vendor-nav b { background: #444b43 !important; color: #f1eee7 !important; }
.vendor-next-shell.vendor-strong-theme .vendor-main { min-width: 0; background: #f4f2ed !important; }
.vendor-next-shell.vendor-strong-theme .vendor-topbar {
  border-color: #e3ded5 !important;
  background: rgba(250, 249, 246, .96) !important;
  box-shadow: 0 4px 15px rgba(35, 37, 34, .045) !important;
  backdrop-filter: blur(14px);
}
.vendor-next-shell.vendor-strong-theme .vendor-topbar::before { background: #b44b2c !important; }
.vendor-next-shell.vendor-strong-theme .vendor-topbar :is(h1, small, .eyebrow) { color: #232522 !important; }
.vendor-next-shell.vendor-strong-theme .vendor-topbar-title h1 { font-weight: 760 !important; letter-spacing: -.035em; }
.vendor-next-shell.vendor-strong-theme :is(.vendor-top-search, .vendor-top-icon, .vendor-language-menu summary, .vendor-profile-chip) {
  border-color: #ded8cf !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.vendor-next-shell.vendor-strong-theme .vendor-top-search button { background: #b44b2c !important; }
.vendor-next-shell.vendor-strong-theme .vendor-context-bar {
  border-bottom: 1px solid #e2ddd4 !important;
  padding: 5px 2px 14px !important;
  margin-bottom: 18px !important;
}
.vendor-next-shell.vendor-strong-theme .vendor-context-mark { background: #202621 !important; color: #f4b28d !important; }
.vendor-next-shell.vendor-strong-theme .vendor-context-links a { min-height: 40px; border-radius: 9px !important; color: #51564f !important; }
.vendor-next-shell.vendor-strong-theme .vendor-context-links a.active,
.vendor-next-shell.vendor-strong-theme .vendor-context-links a:hover { background: #eee8df !important; color: #87351f !important; }
.vendor-next-shell.vendor-strong-theme :is(.vendor-panel, .panel, .settings-card, .form-card, .vendor-kpi, .orders-summary article) {
  min-width: 0;
  border: 1px solid #e2ddd4 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 2px 9px rgba(35, 37, 34, .04), 0 12px 26px rgba(35, 37, 34, .025) !important;
}
.vendor-next-shell.vendor-strong-theme.vendor-next-shell :is(.vendor-product-hero, .vendor-profile-hero, .vendor-report-hero, .vendor-customer-hero, .vendor-inbox-hero, .vendor-settings-hero, .vendor-dashboard-hero, .vendor-commerce-hero),
.vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-hero,
.vendor-next-shell.vendor-strong-theme .vendor-products-screen .vendor-product-hero {
  border: 0 !important;
  border-radius: 16px !important;
  background: #202621 !important;
  color: #f7f4ee !important;
  box-shadow: 0 12px 28px rgba(28, 33, 28, .14) !important;
}
.vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-hero,
.vendor-next-shell.vendor-strong-theme .vendor-products-screen .vendor-product-hero { border-inline-start-color: #d8794d !important; }
.vendor-next-shell.vendor-strong-theme.vendor-next-shell :is(.vendor-product-hero, .vendor-profile-hero, .vendor-report-hero, .vendor-customer-hero, .vendor-inbox-hero, .vendor-settings-hero, .vendor-dashboard-hero, .vendor-commerce-hero) :is(h1,h2,h3,strong),
.vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-hero :is(h1,h2,h3,strong),
.vendor-next-shell.vendor-strong-theme .vendor-products-screen .vendor-product-hero :is(h1,h2,h3,strong) { color: #fff !important; }
.vendor-next-shell.vendor-strong-theme.vendor-next-shell :is(.vendor-product-hero, .vendor-profile-hero, .vendor-report-hero, .vendor-customer-hero, .vendor-inbox-hero, .vendor-settings-hero, .vendor-dashboard-hero, .vendor-commerce-hero) :is(p,small,.eyebrow),
.vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-hero :is(p,small,.eyebrow),
.vendor-next-shell.vendor-strong-theme .vendor-products-screen .vendor-product-hero :is(p,small,.eyebrow) { color: #d1d4cd !important; }
.vendor-next-shell.vendor-strong-theme :is(.vendor-panel, .panel, .settings-card, .form-card) { padding: clamp(16px, 2vw, 24px) !important; }
.vendor-next-shell.vendor-strong-theme :is(.panel-heading, .vendor-section-heading, .orders-heading, .vendor-products-heading, .vendor-table-heading) {
  border-color: #ece8e1 !important;
}
.vendor-next-shell.vendor-strong-theme :is(.panel-heading h2, .vendor-section-heading h2, .orders-heading h2, .vendor-products-heading h2, .vendor-table-heading h2) {
  color: #252923 !important;
  letter-spacing: -.025em;
}
.vendor-next-shell.vendor-strong-theme :is(.orders-toolbar, .withdraw-toolbar, .transaction-toolbar, .vendor-products-toolbar, .staff-roles-toolbar, .staff-users-toolbar, .payment-info-toolbar, .vendor-filter-bar, .vendor-customer-toolbar-shell) {
  border: 1px solid #e2ddd4 !important;
  border-radius: 12px !important;
  background: #eeece6 !important;
  box-shadow: none !important;
}
.vendor-next-shell.vendor-strong-theme :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-height: 44px !important;
  border: 1px solid #d8d3ca !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #232522 !important;
}
.vendor-next-shell.vendor-strong-theme :is(input, select, textarea):focus-visible {
  border-color: #b44b2c !important;
  box-shadow: 0 0 0 3px rgba(180, 75, 44, .17) !important;
  outline: 0 !important;
}
.vendor-next-shell.vendor-strong-theme :is(a, button, summary, [role="button"]):focus-visible { outline: 3px solid #d8794d !important; outline-offset: 3px !important; }
.vendor-next-shell.vendor-strong-theme :is(.button, button.button, .icon-button, .vendor-icon-button) {
  min-height: 44px !important;
  border-radius: 9px !important;
  font-weight: 700 !important;
}
.vendor-next-shell.vendor-strong-theme .button:not(.secondary):not(.ghost) { border-color: #a94428 !important; background: #a94428 !important; color: #fff !important; }
.vendor-next-shell.vendor-strong-theme .button.secondary { border-color: #d9d3c9 !important; background: #fff !important; color: #383e37 !important; }
.vendor-next-shell.vendor-strong-theme .button:hover { filter: brightness(.96); transform: translateY(-1px); }
.vendor-next-shell.vendor-strong-theme :is(.orders-table, .vendor-products-table-shell, .staff-roles-table-shell, .vendor-orders-table, .compact-table, .withdraw-table-shell) {
  border: 1px solid #e2ddd4 !important;
  border-radius: 12px !important;
  background: #f9f8f5 !important;
  padding: 7px !important;
}
.vendor-next-shell.vendor-strong-theme :is(.orders-row, .products-row, .wallet-row, .withdraw-row, .transaction-row, .staff-row, .vendor-orders-row) {
  border-color: #e5e0d8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.vendor-next-shell.vendor-strong-theme :is(.orders-row.header, .products-row.header, .wallet-row.header, .withdraw-row.header, .transaction-row.header, .staff-row.header, .vendor-orders-row.header) {
  border-color: #e5e0d8 !important;
  background: #ebe8e1 !important;
  color: #555950 !important;
  font-weight: 750 !important;
}
.vendor-next-shell.vendor-strong-theme :is(.orders-row:not(.header), .products-row:not(.header), .wallet-row:not(.header), .withdraw-row:not(.header), .transaction-row:not(.header), .staff-row:not(.header)):hover {
  border-color: #d8a58e !important;
  background: #fffaf7 !important;
  transform: none !important;
}
.vendor-next-shell.vendor-strong-theme .transaction-card-row > :is(strong, span) { min-width: 0; }
.vendor-next-shell.vendor-strong-theme .transaction-card-row > :is(strong, span) > small:first-child {
  display: block;
  margin-bottom: 4px;
  color: #777a72;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.vendor-next-shell.vendor-strong-theme :is(.status-chips a, .status-tile, .screen-map a, .product-row, .notification-summary-card, .payment-method-card, .shop-branch-card, .staff-user-card, .staff-role-card-item, .wallet-health-list div, .wallet-action-list a, .withdraw-method, .clearance-product-card, .coupon-card, .review-card, .deliveryman-card) {
  border-color: #e3ded5 !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.vendor-next-shell.vendor-strong-theme :is(.status-chips a.active, .status-chip.active, .vendor-nav a.active) { color: #87351f; }
.vendor-next-shell.vendor-strong-theme :is(.vendor-pager, .pagination, .pagination-bar) { border-radius: 0 0 10px 10px; background: #fff !important; }
.vendor-next-shell.vendor-strong-theme .vendor-page-canvas { min-width: 0; }
.vendor-next-shell.vendor-strong-theme :is(.vendor-dashboard-page, .vendor-orders, .vendor-products-screen, .vendor-report-screen, .vendor-customers-screen, .vendor-notifications, .vendor-profile-screen, .vendor-wallet-screen, .vendor-inbox-screen, .vendor-settings-screen, .vendor-delivery-screen, .vendor-commerce-workspace, .vendor-commerce-list-page, .vendor-coupon-screen, .vendor-review-screen, .vendor-shop-screen, .vendor-staff-screen, .vendor-product-edit-screen) { gap: 16px !important; }
.vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-command-card { border-radius: 13px !important; background: #343b34 !important; }
.vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-focus-grid a { border-color: #555b52 !important; background: #414840 !important; }
.vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-status-bar-fill { background: #c2623e !important; }
.vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-live-state.is-ready { color: #c7e4ce !important; }
.vendor-next-shell.vendor-strong-theme .pill,
.vendor-next-shell.vendor-strong-theme .badge,
.vendor-next-shell.vendor-strong-theme .status-badge { border-radius: 999px !important; }
.vendor-next-shell.vendor-strong-theme .vendor-sidebar-toggle { min-width: 44px; min-height: 44px; }

/* POS runs outside the shared sidebar shell, but shares the same new system. */
.pos-standalone {
  min-height: 100dvh;
  background: #f4f2ed !important;
  color: #232522 !important;
  font-family: "DM Sans", "Noto Sans Arabic", Inter, ui-sans-serif, system-ui, sans-serif !important;
}
.pos-standalone .pos-next { color: #232522 !important; }
.pos-standalone .pos-hero {
  border: 0 !important;
  border-radius: 16px !important;
  background: #202621 !important;
  box-shadow: 0 12px 28px rgba(28, 33, 28, .14) !important;
}
.pos-standalone .pos-hero :is(h1, p, small, .eyebrow) { color: #f7f4ee !important; }
.pos-standalone :is(.panel, .pos-products-panel, .pos-cart-panel, .pos-search-panel, .pos-hold-orders) {
  border: 1px solid #e2ddd4 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 2px 9px rgba(35, 37, 34, .04), 0 12px 26px rgba(35, 37, 34, .025) !important;
}
.pos-standalone :is(.button, button, .pos-view-actions a) { min-height: 44px; border-radius: 9px !important; }
.pos-standalone :is(input, select, textarea) { min-height: 44px !important; border-color: #d8d3ca !important; border-radius: 9px !important; }
.pos-standalone :is(button, a, input, select, textarea, summary):focus-visible { outline: 3px solid #d8794d !important; outline-offset: 3px !important; }
.pos-standalone .vendor-pos-product-row { border-color: #e5e0d8 !important; border-radius: 10px !important; }
.pos-standalone .vendor-pos-product-row:hover { border-color: #d8a58e !important; background: #fffaf7 !important; }
.pos-standalone .vendor-pos-register .pos-product-price { color: #87351f !important; }

@media (max-width: 1100px) {
  .vendor-next-shell.vendor-strong-theme { grid-template-columns: 236px minmax(0, 1fr) !important; }
  .vendor-next-shell.vendor-strong-theme.vendor-sidebar-collapsed { grid-template-columns: 76px minmax(0, 1fr) !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-topbar { grid-template-columns: minmax(0, 1fr) !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-topbar-actions { grid-template-columns: minmax(0, 1fr) auto auto !important; }
}
@media (max-width: 760px) {
  .vendor-next-shell.vendor-strong-theme { display: block !important; width: 100%; overflow-x: clip !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-main { width: 100%; min-width: 0; box-sizing: border-box; padding: 14px 12px 28px !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-topbar { width: 100%; margin: -14px -12px 16px !important; padding: 10px 12px 10px 60px !important; }
  [dir="rtl"].vendor-next-shell.vendor-strong-theme .vendor-topbar { padding: 10px 60px 10px 12px !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-mobile-menu-control .vendor-sidebar-toggle { min-width: 44px !important; min-height: 44px !important; border-radius: 10px !important; background: #fff !important; color: #87351f !important; }
  .vendor-next-shell.vendor-strong-theme :is(.vendor-grid.dashboard-grid, .dashboard-grid, .vendor-grid.two) { grid-template-columns: minmax(0, 1fr) !important; }
  .vendor-next-shell.vendor-strong-theme :is(.span-4, .span-6, .span-7, .span-8, .span-12) { grid-column: 1 / -1 !important; }
  .vendor-next-shell.vendor-strong-theme :is(.vendor-product-hero, .vendor-profile-hero, .vendor-report-hero, .vendor-customer-hero, .vendor-inbox-hero, .vendor-settings-hero, .vendor-dashboard-hero, .vendor-commerce-hero) { display: grid !important; gap: 16px; padding: 21px !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-hero > *,
  .vendor-next-shell.vendor-strong-theme .vendor-products-screen .vendor-product-hero > * { min-width: 0; max-width: 100%; }
  .vendor-next-shell.vendor-strong-theme :is(.vendor-page-canvas, .vendor-dashboard-page, .vendor-dashboard-v3 .vendor-dashboard-hero, .vendor-products-screen .vendor-product-hero) { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-hero h1 { max-width: 100%; overflow-wrap: anywhere; white-space: normal !important; font-size: clamp(24px, 7vw, 30px) !important; }
  .vendor-next-shell.vendor-strong-theme :is(.vendor-actions, .vendor-dashboard-primary-actions, .vendor-form-actions, .form-actions, .settings-actions) { display: flex; flex-wrap: wrap; gap: 8px; }
  .vendor-next-shell.vendor-strong-theme :is(.vendor-actions, .vendor-form-actions, .form-actions, .settings-actions) > .button { flex: 1 1 auto; justify-content: center; }
  .vendor-next-shell.vendor-strong-theme :is(.form-grid, .settings-grid, .vendor-profile-grid, .vendor-shop-grid, .vendor-staff-grid) { grid-template-columns: minmax(0, 1fr) !important; }
  .vendor-next-shell.vendor-strong-theme :is(.orders-toolbar, .withdraw-toolbar, .transaction-toolbar, .vendor-products-toolbar, .staff-roles-toolbar, .staff-users-toolbar, .payment-info-toolbar, .vendor-filter-bar) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  .vendor-next-shell.vendor-strong-theme :is(.orders-toolbar, .withdraw-toolbar, .transaction-toolbar, .vendor-products-toolbar, .staff-roles-toolbar, .staff-users-toolbar, .payment-info-toolbar, .vendor-filter-bar) > * { min-width: 0 !important; width: 100%; box-sizing: border-box; }
  .vendor-next-shell.vendor-strong-theme :is(.orders-table, .vendor-products-table-shell, .staff-roles-table-shell, .vendor-orders-table, .compact-table, .withdraw-table-shell) { max-width: 100%; overflow-x: auto !important; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
  .vendor-next-shell.vendor-strong-theme :is(.orders-row, .products-row, .wallet-row, .withdraw-row, .transaction-row, .staff-row, .vendor-orders-row) { min-width: max-content; }
  .vendor-next-shell.vendor-strong-theme .transaction-table-shell > .transaction-card-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    gap: 10px 12px !important;
    padding: 14px !important;
  }
  .vendor-next-shell.vendor-strong-theme .transaction-table-shell > .transaction-row.header { display: none !important; }
  .vendor-next-shell.vendor-strong-theme .transaction-card-row .transaction-amount-cell,
  .vendor-next-shell.vendor-strong-theme .transaction-card-row .transaction-actions { grid-column: 1 / -1; }
  .vendor-next-shell.vendor-strong-theme .transaction-card-row .transaction-actions { justify-content: flex-start; }
  .vendor-next-shell.vendor-strong-theme :is(.orders-summary, .vendor-kpis, .vendor-status-tiles, .vendor-dashboard-v3 .dashboard-kpis) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-context-bar { display: grid; gap: 10px; }
  .vendor-next-shell.vendor-strong-theme .vendor-context-links { display: flex; max-width: 100%; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
  .vendor-next-shell.vendor-strong-theme .vendor-context-links a { flex: 0 0 auto; min-width: max-content; padding-inline: 12px; white-space: nowrap; }
}
@media (max-width: 430px) {
  .vendor-next-shell.vendor-strong-theme .vendor-top-icon-nav { display: none !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-topbar-actions { grid-template-columns: minmax(0, 1fr) auto !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-profile-chip { max-width: 42px; }
  .vendor-next-shell.vendor-strong-theme .vendor-profile-chip strong { display: none; }
  .vendor-next-shell.vendor-strong-theme .vendor-dashboard-v3 .vendor-dashboard-hero h1 { font-size: clamp(26px, 8vw, 32px) !important; }
  .vendor-next-shell.vendor-strong-theme :is(.orders-summary, .vendor-kpis, .vendor-status-tiles, .vendor-dashboard-v3 .dashboard-kpis) { gap: 8px !important; }
  .vendor-next-shell.vendor-strong-theme :is(.vendor-panel, .panel, .settings-card, .form-card) { padding: 14px !important; }
  .vendor-next-shell.vendor-strong-theme .vendor-dashboard-primary-actions .button { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .vendor-next-shell.vendor-strong-theme *, .vendor-next-shell.vendor-strong-theme *::before, .vendor-next-shell.vendor-strong-theme *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media print {
  .vendor-next-shell.vendor-strong-theme { background: #fff !important; }
  .vendor-next-shell.vendor-strong-theme :is(.vendor-rail, .vendor-topbar, .vendor-context-bar) { display: none !important; }
  .vendor-next-shell.vendor-strong-theme :is(.vendor-panel, .panel) { box-shadow: none !important; break-inside: avoid; }
}

/* Standalone Vendor Next routes share the Atelier tokens and surfaces. */
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live {
  --vendor-brand: #b44b2c;
  --vendor-strong: #87351f;
  --vendor-light: #f8e9e1;
  --vendor-line: #ded8cf;
  --vendor-text: #232522;
  --vendor-muted: #666a63;
  background: #f4f2ed !important;
  color: #232522 !important;
  font-family: "DM Sans", "Noto Sans Arabic", Inter, ui-sans-serif, system-ui, sans-serif !important;
}
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live :is(.vendor-context-bar, .vendor-product-hero, .vendor-panel, .orders-summary article) {
  border-color: #e2ddd4 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 9px rgba(35,37,34,.04), 0 12px 26px rgba(35,37,34,.025) !important;
}
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-product-hero {
  border: 0 !important;
  background: #202621 !important;
}
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-product-hero :is(h1,h2,h3,strong) { color: #fff !important; }
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-product-hero :is(p,small,.eyebrow) { color: #d1d4cd !important; }
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live :is(.vendor-context-bar, .vendor-panel, .orders-summary article) { background: #fff !important; }
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-context-mark { background: #202621 !important; color: #f2b08b !important; }
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-context-links a.active { background: #eee8df !important; color: #87351f !important; }
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row { min-width: 0 !important; border-color: #e5e0d8 !important; border-radius: 9px !important; background: #fff !important; box-shadow: none !important; }
main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row.header { background: #ebe8e1 !important; color: #555950 !important; }

main.vendor-next-login {
  --vendor-primary: #b44b2c !important;
  --login-ink: #232522 !important;
  --login-muted: #666a63 !important;
  --login-line: #ded8cf !important;
  --login-soft: #f4f2ed !important;
  background: #f4f2ed !important;
  color: #232522 !important;
}
main.vendor-next-login .showcase {
  background: #202621 !important;
  color: #f7f4ee !important;
}
main.vendor-next-login .showcase::before { opacity: .12 !important; }
main.vendor-next-login .showcase :is(.pill, .workspace-preview, .workspace-ready, .benefit) { border-color: #454c44 !important; }
main.vendor-next-login .showcase .pill { background: #343b34 !important; color: #f2b08b !important; }
main.vendor-next-login .showcase .pill i { background: #d8794d !important; box-shadow: 0 0 0 5px rgba(216,121,77,.15) !important; }
main.vendor-next-login .showcase :is(.copy h1, .copy h1 span, .brand-text strong, .workspace-preview strong) { color: #fff !important; }
main.vendor-next-login .showcase :is(.copy p, .brand-text small, .benefit-copy span, .workspace-preview small) { color: #c9cec7 !important; }
main.vendor-next-login .showcase .brand { border-radius: 12px !important; box-shadow: none !important; }
main.vendor-next-login .showcase .brand-text { color: #232522 !important; }
main.vendor-next-login .workspace-preview { border-radius: 14px !important; background: #2a312b !important; }
main.vendor-next-login .workspace-preview-grid > span { background: #343b34 !important; }
main.vendor-next-login .panel { background: #f4f2ed !important; }
main.vendor-next-login .card { border-color: #e2ddd4 !important; border-radius: 16px !important; box-shadow: 0 10px 34px rgba(35,37,34,.08) !important; }
main.vendor-next-login .language-switch { border-color: #ded8cf !important; border-radius: 9px !important; color: #87351f !important; box-shadow: 0 4px 12px rgba(35,37,34,.08) !important; }
main.vendor-next-login .language-switch:focus-visible { outline-color: #b44b2c !important; }
main.vendor-next-login :is(.submit, .register-cta) { border-radius: 9px !important; background: #a94428 !important; color: #fff !important; }
main.vendor-next-login :is(.header h2, .header p) { color: #232522 !important; }
main.vendor-next-login :is(input, select, textarea) { min-height: 44px; border-color: #d8d3ca !important; border-radius: 9px !important; }
main.vendor-next-login :is(a, button, input):focus-visible { outline: 3px solid #d8794d !important; outline-offset: 3px !important; }

#vendor-registration {
  --register-primary: #b44b2c !important;
  background: #f4f2ed !important;
  color: #232522 !important;
}
#vendor-registration .topbar { border-color: #e2ddd4 !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 4px 16px rgba(35,37,34,.05) !important; }
#vendor-registration .topbar nav :is(button, a) { min-height: 44px !important; border-color: #ded8cf !important; border-radius: 9px !important; color: #87351f !important; }
#vendor-registration .registration-hero {
  border: 0 !important;
  border-radius: 16px !important;
  background: #202621 !important;
  color: #f7f4ee !important;
  padding: clamp(22px, 3vw, 34px) !important;
}
#vendor-registration .registration-hero :is(h1,h2,strong) { color: #fff !important; }
#vendor-registration .registration-hero :is(p,small) { color: #d1d4cd !important; }
#vendor-registration .registration-benefits span { border-color: #50564b !important; background: #343b34 !important; color: #f4f2ed !important; }
#vendor-registration :is(.registration-offer-card, .step-rail, .form-panel, .commerce-option, .selection-summary) { border-color: #e2ddd4 !important; border-radius: 12px !important; box-shadow: 0 2px 9px rgba(35,37,34,.04) !important; }
#vendor-registration :is(.registration-offer-card, .step-rail, .form-panel, .commerce-option, .selection-summary) { background: #fff !important; }
#vendor-registration :is(.commerce-option.selected, .commerce-filter-tabs button.active, .form-actions .primary) { border-color: #a94428 !important; background: #a94428 !important; color: #fff !important; }
#vendor-registration :is(input, select, textarea) { min-height: 44px !important; border-color: #d8d3ca !important; border-radius: 9px !important; }
#vendor-registration :is(button, a, input, select, textarea):focus-visible { outline: 3px solid #d8794d !important; outline-offset: 3px !important; }
#vendor-registration .form-actions :is(.primary, .secondary) { min-height: 44px !important; border-radius: 9px !important; }

main.recovery,
main.vendor-recovery {
  --primary: #b44b2c !important;
  --vendor-primary: #b44b2c !important;
  background: #f4f2ed !important;
  color: #232522 !important;
  font-family: "DM Sans", "Noto Sans Arabic", Inter, ui-sans-serif, system-ui, sans-serif !important;
}
main.recovery :is(.story, .showcase),
main.vendor-recovery .showcase { background: #202621 !important; }
main.recovery :is(.panel, .card),
main.vendor-recovery :is(.panel, .card) { border-color: #e2ddd4 !important; border-radius: 14px !important; box-shadow: 0 8px 28px rgba(35,37,34,.07) !important; }
main.recovery .panel,
main.vendor-recovery .panel { background: #f4f2ed !important; }
main.recovery .card,
main.vendor-recovery .card { background: #fff !important; }
main.recovery :is(.button, button[type="submit"]),
main.vendor-recovery :is(.button, button[type="submit"]) { min-height: 44px !important; border-radius: 9px !important; background: #a94428 !important; }
main.recovery :is(input, select, textarea),
main.vendor-recovery :is(input, select, textarea) { min-height: 44px !important; border-color: #d8d3ca !important; border-radius: 9px !important; }
main.recovery :is(a, button, input, select):focus-visible,
main.vendor-recovery :is(a, button, input, select):focus-visible { outline: 3px solid #d8794d !important; outline-offset: 3px !important; }

@media (max-width: 760px) {
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live { width: 100% !important; padding: 14px !important; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-context-bar { display: grid !important; gap: 10px; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-context-links { display: flex; max-width: 100%; overflow-x: auto; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-context-links a { flex: 0 0 auto; min-width: max-content; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .vendor-product-hero { display: grid !important; gap: 16px; padding: 21px !important; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .orders-summary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row.header { display: none !important; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row:not(.header) {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px 12px !important;
    padding: 14px !important;
  }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row > span { min-width: 0; overflow-wrap: anywhere; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row > span::before {
    display: block;
    margin-bottom: 4px;
    color: #777a72;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .045em;
    text-transform: uppercase;
  }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row > span:nth-child(1)::before { content: "Driver"; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row > span:nth-child(2)::before { content: "Order"; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row > span:nth-child(3)::before { content: "Signal"; }
  main.vendor-next-app.vendor-strong-theme.vendor-delivery-live .transaction-row > span:nth-child(4)::before { content: "Actions"; }
}
@media (prefers-reduced-motion: reduce) {
  main.vendor-next-login *, #vendor-registration *, main.vendor-next-app.vendor-delivery-live *, main.recovery *, main.vendor-recovery * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}