/* Inventory Sync - the little the Polaris web components do not cover. Their own look follows the merchant's admin
   and cannot be restyled, so this file only handles the moment before they load. */

/* The Shopify admin is light; a dark canvas behind light Polaris cards looks broken. */
:root { color-scheme: light; }

body { margin: 0; }

/* App Bridge reads the nav from the DOM and draws it in the admin sidebar; the links themselves are never shown. */
s-app-nav { display: none; }

.boot {
  margin: 0;
  padding: 24px 16px;
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #616161;
}

/* Unknown elements render inline until polaris.js defines them; keep the page readable if it never does. */
s-page:not(:defined), s-section:not(:defined), s-banner:not(:defined), s-table:not(:defined) {
  display: block;
  padding: 8px 16px;
  max-width: 100%;
  overflow-wrap: anywhere;
}