/* BLACK X ERP — Canonical layout and page composition */
body.blackx-app-shell { overflow-x: hidden; }
.blackx-app-frame {
  min-height: 100vh;
  padding-block-start: calc(var(--bx-topbar-height) + 22px);
  padding-block-end: 42px;
  transition: margin-inline var(--bx-transition), padding var(--bx-transition);
}
html[dir="rtl"] body.blackx-has-universal-sidebar .blackx-app-frame { margin-right: var(--blackx-sidebar-width); margin-left: 0; }
html:not([dir="rtl"]) body.blackx-has-universal-sidebar .blackx-app-frame { margin-left: var(--blackx-sidebar-width); margin-right: 0; }
.blackx-app-content {
  width: min(100% - 34px, 1560px);
  margin-inline: auto;
  padding-block: 0 2rem;
}

.erp-page-head, .bx-page-head, .blackx-page-header, .page-header {
  position: relative;
  margin-block-end: 1.25rem;
  padding: 1.35rem 1.45rem;
  border: 1px solid var(--bx-border);
  border-radius: var(--bx-radius-lg);
  background: var(--bx-surface-glass-strong);
  box-shadow: var(--bx-shadow-sm);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}
.erp-page-head::after, .bx-page-head::after, .blackx-page-header::after, .page-header::after {
  content: "";
  position: absolute;
  inset-inline: 1.4rem;
  inset-block-end: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--bx-neon-rgb), .42), transparent);
  box-shadow: 0 0 8px rgba(var(--bx-neon-rgb), .12);
}
.erp-page-head, .bx-page-head__row, .bx-report-head__row, .projects-title-row, .erp-card-topline, .projects-panel-head, .bx-record-card__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.erp-page-actions, .bx-page-head__actions, .bx-dashboard-actions, .erp-action-row, .bx-action-cluster, .bx-table-actions, .bx-report-actions, .bx-form-actions, .bx-filter-actions, .projects-filter-bar {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex-wrap: wrap;
}
.erp-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0 0 .45rem;
  color: var(--bx-green-700);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.erp-kicker::before {
  content: "";
  width: 18px;
  height: 2px;
  border-radius: var(--bx-radius-pill);
  background: var(--bx-highlight);
  box-shadow: 0 0 7px rgba(var(--bx-neon-rgb), .18);
}

.erp-section, .bx-operational-section, .bx-report-section, .bx-dashboard-section, .projects-panel, .erp-page-card {
  margin-block: 1.15rem;
}
.erp-section-heading, .bx-section-heading, .bx-table-section-title, .bx-report-section__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-block-end: 1rem;
  flex-wrap: wrap;
}

.erp-architecture-grid, .erp-module-grid, .erp-stat-grid, .card-grid, .blackx-metric-grid, .bx-metric-grid, .bx-dashboard-grid, .bx-dashboard-link-grid, .blackx-dashboard-grid, .blackx-form-grid, .erp-form-grid, .bx-form-grid, .erp-page-grid, .projects-detail-grid, .bx-record-grid, .visual-identity-grid, .bx-brand-material-grid, .bx-comparison-grid {
  display: grid;
  gap: 1rem;
}
.erp-architecture-grid, .erp-module-grid, .blackx-metric-grid, .bx-metric-grid, .card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.bx-dashboard-grid, .erp-page-grid, .projects-detail-grid, .bx-comparison-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bx-dashboard-grid--wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.erp-form-grid, .bx-form-grid, .blackx-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.erp-stat-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.bx-record-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

.erp-two-columns, .erp-detail-grid, .bx-definition-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 1100px) {
  .bx-dashboard-grid, .bx-dashboard-grid--wide, .erp-page-grid, .projects-detail-grid, .bx-comparison-grid { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
  html[dir="rtl"] body.blackx-has-universal-sidebar .blackx-app-frame,
  html:not([dir="rtl"]) body.blackx-has-universal-sidebar .blackx-app-frame { margin-inline: 0; }
  .blackx-app-frame { padding-block-start: calc(var(--bx-topbar-height) + 14px); }
  .blackx-app-content { width: min(100% - 22px, 1560px); }
}
@media (max-width: 720px) {
  .erp-form-grid, .bx-form-grid, .blackx-form-grid, .erp-two-columns, .erp-detail-grid, .bx-definition-grid { grid-template-columns: 1fr; }
  .erp-page-head, .bx-page-head, .blackx-page-header, .page-header { padding: 1rem; border-radius: var(--bx-radius-md); }
}