@import url("./base.css");
@import url("./shell.css");
@import url("./catalog.css");
@import url("./product.css");
@import url("./operations.css");
@import url("./responsive.css");
@import url("./mfa.css");

@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/be-vietnam-pro-vietnamese-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/be-vietnam-pro-vietnamese-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/be-vietnam-pro-vietnamese-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/ibm-plex-mono-vietnamese-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

.nav-mark { width: 22px; text-align: center; color: #8ae1c6; font-family: "IBM Plex Mono", monospace; font-size: 12px; }
.logout-form { margin: 0; }
.flash-stack { width: min(1180px, 100%); margin: 0 auto; padding: 18px clamp(20px, 4vw, 48px) 0; }
.flash-stack + .page { padding-top: 18px; }
.flash { min-height: 46px; display: flex; align-items: center; padding: 10px 13px; border-radius: var(--radius); font-size: 13px; }
.flash-success { color: #075744; background: var(--primary-soft); }
.flash-error { color: #8c2c20; background: var(--danger-soft); }
.field-errors { display: grid; gap: 3px; margin-top: 5px; color: var(--danger); font-size: 12px; }
.standalone-state { min-height: 100dvh; display: grid; place-content: center; justify-items: center; gap: 10px; padding: 24px; text-align: center; }
.standalone-state h1 { margin: 0; font-size: 26px; }
.standalone-state p { max-width: 480px; margin: 0 0 10px; color: var(--ink-muted); }
.status-badge { display: inline-flex; align-items: center; width: fit-content; padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; }
.status-ready { color: #075744; background: var(--primary-soft); }
.status-limited { color: #704900; background: var(--caution-soft); }
.status-paused { color: #8c2c20; background: var(--danger-soft); }
.role-badge { padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; text-transform: capitalize; }
.role-seller { color: #075744; background: var(--primary-soft); }
.role-operator { color: #163f78; background: var(--info-soft); }
.role-admin { color: #8c2c20; background: var(--danger-soft); }
.account-icon { font-family: "IBM Plex Mono", monospace; font-size: 13px; font-weight: 600; }
.error-summary { margin: 0 0 14px; padding: 10px 12px; color: var(--danger); background: var(--danger-soft); border-radius: var(--radius); font-size: 13px; }
.home-redirect { min-height: 100dvh; display: grid; place-content: center; }
.js-only { display: none; }
.js .js-only { display: inline-flex; }

@media (max-width: 700px) {
  .flash-stack { padding-inline: 14px; }
}

.exclusion-note, .profit-result { grid-template-columns: 1fr; }