/* Shared store panel: visual language of the Tropical Sushi Recreio panel. */
body.store-panel-body[data-site-theme="light"] {
  --tropical-ink: #283044;
  --tropical-muted: #80899a;
  --tropical-border: #e1e5ec;
  --tropical-purple: #8239d2;
  color: var(--tropical-ink);
  background: #f7f8fb;
  font-family: Inter, Arial, sans-serif;
}
body.store-panel-body[data-site-theme="light"] .store-shell,
body.store-panel-body[data-site-theme="light"] .store-workspace,
body.store-panel-body[data-site-theme="light"] .store-right-rail { background: #f7f8fb; color: var(--tropical-ink); }
body.store-panel-body[data-site-theme="light"] .store-shell { min-width: 0; }
body.store-panel-body[data-site-theme="light"] .store-sidebar { background: #fff; border-color: var(--tropical-border); }
body.store-panel-body[data-site-theme="light"] .store-sidebar .brand-row {
  min-height: 64px;
  background: #fff;
  border-bottom: 1px solid var(--tropical-border);
  color: #292041;
}
body.store-panel-body[data-site-theme="light"] .store-sidebar .brand-row strong { font-size: 22px; font-weight: 850; letter-spacing: -.06em; }
body.store-panel-body[data-site-theme="light"] .store-brand-go { color: var(--tropical-purple); }
body.store-panel-body[data-site-theme="light"] :is(.brand-mark, .store-mobile-brand-mark) {
  width: 36px;
  height: 36px;
  flex: none;
  border-radius: 9px;
  background: #070c31 url('/app-brand/delivygo-store-icon.png') center / cover no-repeat;
  box-shadow: none;
}
body.store-panel-body[data-site-theme="light"] :is(.brand-mark, .store-mobile-brand-mark) svg { visibility: hidden; }
body.store-panel-body[data-site-theme="light"] .store-info { margin: 12px; padding: 12px; border-color: var(--tropical-border); border-radius: 9px; }
body.store-panel-body[data-site-theme="light"] .store-info strong { color: var(--tropical-ink); font-size: 13px; font-weight: 850; }
body.store-panel-body[data-site-theme="light"] .store-info small { color: var(--tropical-muted); }
body.store-panel-body[data-site-theme="light"] .store-nav button { border-color: transparent; border-radius: 8px; color: #5b6476; background: #fff; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .store-nav button:is(:hover, .active) { border-color: #e7d6f7; color: #7139b9; background: #f7f0ff; }
body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar {
  min-height: 64px;
  padding: 9px 16px;
  border: 0;
  border-bottom: 1px solid var(--tropical-border);
  background: #fff;
  box-shadow: none;
}
body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar .title-row { border: 0; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar .title-row h1 { color: #25293d; font-size: 16px; font-weight: 850; letter-spacing: -.02em; }
body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar .title-row p { color: var(--tropical-muted); font-size: 10px; }
body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar .title-row > svg { color: var(--tropical-purple); }
body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar .top-actions { gap: 7px; }
body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar .primary-button { border: 1px solid #7934cb; border-radius: 8px; color: #fff; background: var(--tropical-purple); box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .store-theme-control { border-color: var(--tropical-border); background: #fff; }
body.store-panel-body[data-site-theme="light"] .store-theme-control button { min-height: 32px; padding-inline: 8px; font-size: 11px; }
body.store-panel-body[data-site-theme="light"] .store-theme-control button[aria-pressed="true"] { border-color: #e6d3f8; color: #7139b9; background: #f7f0ff; }
body.store-panel-body[data-site-theme="light"] .store-metrics .metric { min-height: 62px; border-color: #e8e4ee; border-radius: 8px; background: #fff; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .store-metrics .metric strong { color: var(--tropical-ink); font-size: 19px; font-weight: 850; }
body.store-panel-body[data-site-theme="light"] .store-metrics .metric :is(span, small) { color: var(--tropical-muted); font-size: 10px; }
body.store-panel-body[data-site-theme="light"] .store-metrics .metric i { width: 32px; height: 32px; border-radius: 7px; }
body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-workspace { padding: 0; }
body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-grid { gap: 0; }
body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-grid > .map-card { border: 0; border-radius: 0; }
body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-right-rail {
  gap: 0;
  grid-template-rows: 34px minmax(0, 1fr);
  border-left: 1px solid var(--tropical-border);
  background: #fff;
}
body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-right-rail > .map-older-orders-link { margin: 4px 10px; padding: 0 8px; border-color: #e3d6f3; border-radius: 7px; color: #7139b9; background: #f8f3fd; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-right-rail > .store-orders-panel { padding: 0 10px 10px; border: 0; border-radius: 0; background: #fff; }
body.store-panel-body[data-site-theme="light"] .store-recent-orders-heading { padding: 10px 2px; border-bottom: 1px solid var(--tropical-border); }
body.store-panel-body[data-site-theme="light"] .store-recent-orders-heading h2 { color: #25293d; font-size: 14px; font-weight: 850; }
body.store-panel-body[data-site-theme="light"] .store-recent-order-search { border-color: var(--tropical-border); border-radius: 8px; background: #fff; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .store-recent-order-search input { color: var(--tropical-ink); background: transparent; }
body.store-panel-body[data-site-theme="light"] .store-recent-order-search:focus-within { border-color: #b887e8; box-shadow: 0 0 0 2px #e9d9fa; }
body.store-panel-body[data-site-theme="light"] .store-order-card.store-order-v2 {
  border-color: var(--tropical-border);
  border-radius: 9px;
  color: var(--tropical-ink);
  background: #fff;
  box-shadow: 0 1px 3px #17223b0c !important;
}
body.store-panel-body[data-site-theme="light"] .store-order-card.store-order-v2:hover { border-color: #b887e8; box-shadow: 0 3px 9px #4f28741c !important; }
body.store-panel-body[data-site-theme="light"] .store-order-v2 .store-order-ready-action { border-color: #238956; border-radius: 6px; color: #fff; background: #239158; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .store-order-v2 .store-order-ready-action svg { color: inherit; }
body.store-panel-body[data-site-theme="light"] .store-order-v2 .order-card-assign { border-color: #d8c2f4; border-radius: 7px; color: #7132b9; background: #f7f0ff; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .store-order-v2 .order-card-assign:is(:hover, :focus-visible) { border-color: #8d4bd1; color: #fff; background: #813ac5; }
body.store-panel-body[data-site-theme="light"] :is(.table-panel, .registry-panel, .modal-panel, .wide-modal) { border-color: var(--tropical-border); border-radius: 10px; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .orders-date-panel { border-color: var(--tropical-border); border-radius: 10px; color: var(--tropical-ink); background: #fff; box-shadow: none; }
body.store-panel-body[data-site-theme="light"] .orders-date-panel strong { color: #25293d; }
body.store-panel-body[data-site-theme="light"] .orders-date-panel small,
body.store-panel-body[data-site-theme="light"] .orders-date-field { color: var(--tropical-muted); }
body.store-panel-body[data-site-theme="light"] .orders-date-field input { color-scheme: light; border-color: var(--tropical-border); color: var(--tropical-ink); background: #fff; }
body.store-panel-body[data-site-theme="light"] .orders-number-search { border-color: var(--tropical-border); border-radius: 8px; color: #7841bb; background: #fff; }
body.store-panel-body[data-site-theme="light"] .orders-number-search input { color: var(--tropical-ink); background: transparent; }
body.store-panel-body[data-site-theme="light"] .orders-number-search:focus-within { border-color: #b887e8; box-shadow: 0 0 0 2px #e9d9fa; }
body.store-panel-body[data-site-theme="light"] :is(.store-mobile-header, .store-mobile-nav, .store-mobile-more-panel) { border-color: var(--tropical-border); background: #fff; }
body.store-panel-body[data-site-theme="light"] .store-mobile-brand-copy strong { color: #292041; font-size: 18px; font-weight: 850; letter-spacing: -.04em; }
body.store-panel-body[data-site-theme="light"] .store-mobile-brand-copy small { color: var(--tropical-muted); }
@media (min-width: 1200px) {
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar.store-topbar-with-metrics { flex-wrap: nowrap; gap: 10px; min-height: 76px; }
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar.store-topbar-with-metrics::before {
    content: "DelivyGO";
    display: flex;
    flex: 0 0 174px;
    align-items: center;
    height: 42px;
    padding-left: 47px;
    border-right: 1px solid var(--tropical-border);
    color: #292041;
    background: url('/app-brand/delivygo-store-icon.png') left center / 36px 36px no-repeat;
    font-size: 21px;
    font-weight: 850;
    letter-spacing: -.06em;
    white-space: nowrap;
  }
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar.store-topbar-with-metrics .title-row { flex: 0 1 190px; min-width: 0; padding: 0; }
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar.store-topbar-with-metrics .title-row > svg { display: none; }
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar.store-topbar-with-metrics .store-metrics { order: 0; flex: 1 1 420px; grid-template-columns: repeat(4, minmax(0, 1fr)); min-width: 0; }
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar.store-topbar-with-metrics .store-metrics .metric { min-width: 0; padding: 7px; gap: 5px; }
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar.store-topbar-with-metrics .store-metrics .metric :is(span, small) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar.store-topbar-with-metrics .top-actions { flex: 0 0 auto; margin-left: 0; }
  body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-grid,
  body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-right-rail,
  body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-grid :is(.map-card, .map, .google-map-view) { min-height: calc(100dvh - 76px); height: calc(100dvh - 76px); }
}
@media (max-width: 900px) {
  body.store-panel-body[data-site-theme="light"] .store-workspace > .topbar { padding-inline: 12px; }
  body.store-panel-body[data-site-theme="light"] .store-shell.store-test-map-layout .store-right-rail { border-left: 0; }
}
