/*
 * Salla embedded shell only.
 * Keep the AdEditors workspace light even when the merchant dashboard uses
 * Salla dark mode. Shopify does not load this stylesheet.
 */
html.adpai-salla-document,
html.adpai-salla-document body.adpai-salla-embedded {
  min-height: 100%;
  background: #fff !important;
  color-scheme: light only;
}

body.adpai-salla-embedded {
  margin: 0;
}

body.adpai-salla-embedded #adpai-commerce-app.adpai-salla-app {
  --adpai-bg: #fff;
  min-height: 100vh;
  background: #fff !important;
}

body.adpai-salla-embedded #adpai-commerce-app.adpai-salla-app .adpai-app-main,
body.adpai-salla-embedded #adpai-commerce-app.adpai-salla-app .adpai-panel,
body.adpai-salla-embedded #adpai-commerce-app.adpai-salla-app .adpai-panel.active {
  background-color: #fff !important;
}

/* Salla can keep a host/session notice visible while dashboard requests load.
 * Result workflows must always render above that non-blocking notice. */
body.adpai-salla-embedded #adpai-commerce-app.adpai-salla-app .adpai-modal {
  z-index: 100010;
}

body.adpai-salla-embedded #adpai-commerce-app.adpai-salla-app .adpai-shopify-auth-status {
  z-index: 100009;
}