html.mib-mac-embed,
html.mib-mac-embed body {
  min-width: 0 !important;
  background: #0e1318 !important;
  color: #edf2f1 !important;
}

html.mib-mac-embed body {
  display: block !important;
  grid-template-columns: none !important;
}

/* Authentication remains under the control of the normal MIB server adapter. */
html.mib-mac-embed #login[hidden],
html.mib-mac-embed #app[hidden] {
  display: none !important;
}

html.mib-mac-embed body #login:not([hidden]) {
  box-sizing: border-box;
  width: min(430px, calc(100vw - 32px)) !important;
  max-width: 430px !important;
  margin: 10vh auto 0 !important;
}

html.mib-mac-embed #app {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html.mib-mac-embed #sideMenu,
html.mib-mac-embed #sideMenuBackdrop,
html.mib-mac-embed .mobileTopbar,
html.mib-mac-embed .mobileBottomNav,
html.mib-mac-embed #mibFlowBar,
html.mib-mac-embed #adminCommandBar,
html.mib-mac-embed .mibCommandBar,
html.mib-mac-embed .commandRail,
html.mib-mac-embed .commandMetrics,
html.mib-mac-embed #leitstandFlow,
html.mib-mac-embed .scanDesk,
html.mib-mac-embed header.topbar {
  display: none !important;
}

html.mib-mac-embed main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.mib-mac-embed #content.musicSchoolWorkspace {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 20px 36px !important;
}

html.mib-mac-embed .msSchoolHeader,
html.mib-mac-embed .msNavigation {
  position: sticky;
  z-index: 20;
}

html.mib-mac-embed .msSchoolHeader {
  top: 0;
}

html.mib-mac-embed .msNavigation {
  top: 96px;
}

/* The embedded cash desk stays in the MIB dark workspace. QR codes remain white
   because scanners need the contrast; every surrounding work surface is dark. */
html.mib-mac-embed body.theme-dark .scanDesk,
html.mib-mac-embed body.theme-dark .posRegister,
html.mib-mac-embed body.theme-dark .posSide,
html.mib-mac-embed body.theme-dark .scanVoucherHero,
html.mib-mac-embed body.theme-dark .posDigitalPreview,
html.mib-mac-embed body.theme-dark .posPreviewReceipt {
  background: #151b1f !important;
  border-color: #303b41 !important;
  box-shadow: none !important;
  color: #edf2f1 !important;
}

html.mib-mac-embed body.theme-dark .posCartRow,
html.mib-mac-embed body.theme-dark .posRepairRow,
html.mib-mac-embed body.theme-dark .posInventoryTile,
html.mib-mac-embed body.theme-dark .posVoucherPay,
html.mib-mac-embed body.theme-dark .posPreviewQrPlaceholder {
  background: #101619 !important;
  border-color: #344249 !important;
  color: #edf2f1 !important;
}

html.mib-mac-embed body.theme-dark .posHead h2,
html.mib-mac-embed body.theme-dark .posShelfHead b,
html.mib-mac-embed body.theme-dark .posInventoryTile strong,
html.mib-mac-embed body.theme-dark .posInventoryTile b,
html.mib-mac-embed body.theme-dark .posPreviewHead h2,
html.mib-mac-embed body.theme-dark .posPreviewBrand b,
html.mib-mac-embed body.theme-dark .posPreviewLines b,
html.mib-mac-embed body.theme-dark .posPreviewTotal,
html.mib-mac-embed body.theme-dark .posPreviewTotal strong,
html.mib-mac-embed body.theme-dark .posVoucherPay b {
  color: #edf2f1 !important;
}

html.mib-mac-embed body.theme-dark .posShelfHead span,
html.mib-mac-embed body.theme-dark .posInventoryTile span,
html.mib-mac-embed body.theme-dark .posPreviewBrand span,
html.mib-mac-embed body.theme-dark .posPreviewLines div,
html.mib-mac-embed body.theme-dark .posPreviewQr span,
html.mib-mac-embed body.theme-dark .posPreviewQrPlaceholder,
html.mib-mac-embed body.theme-dark .posVoucherPay span,
html.mib-mac-embed body.theme-dark .posVoucherPay .small {
  color: #a9b5ba !important;
}

html.mib-mac-embed body.theme-dark .posPreviewBrand,
html.mib-mac-embed body.theme-dark .posPreviewQr,
html.mib-mac-embed body.theme-dark .posPreviewTotal {
  border-color: #3b474d !important;
}