:root {
  --zero-bg: #07101c;
  --zero-bg-deep: #040a13;
  --zero-surface: #0c1727;
  --zero-surface-2: #101d30;
  --zero-surface-soft: rgba(255, 255, 255, 0.038);
  --zero-line: rgba(164, 184, 214, 0.16);
  --zero-line-strong: rgba(164, 184, 214, 0.26);
  --zero-text: #f4f7fb;
  --zero-muted: #9fafc5;
  --zero-muted-2: #788ba7;
  --zero-gold: #f9ba00;
  --zero-green: #005530;
  --zero-green-bright: #005530;
  --zero-blue: #8fb3ff;
  --zero-red: #e13955;
  --zero-radius-xs: 9px;
  --zero-radius-sm: 12px;
  --zero-radius-md: 16px;
  --zero-radius-lg: 20px;
  --zero-radius-xl: 24px;
  --zero-shadow-sm: 0 10px 28px rgba(0, 0, 0, 0.18);
  --zero-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
  --zero-focus: 0 0 0 3px rgba(249, 186, 0, 0.2);

  /* Compatibility aliases used by older modules. */
  --bg: var(--zero-bg);
  --bg0: var(--zero-bg);
  --bg1: var(--zero-surface);
  --panel: var(--zero-surface);
  --panel-solid: var(--zero-surface);
  --card: rgba(12, 23, 39, 0.94);
  --card2: rgba(16, 29, 48, 0.9);
  --stroke: var(--zero-line);
  --border: var(--zero-line);
  --text: var(--zero-text);
  --muted: var(--zero-muted);
  --muted2: var(--zero-muted-2);
  --accent: var(--zero-green);
  --secondary: var(--zero-blue);
  --green: var(--zero-green);
  --orange: var(--zero-gold);
  --warning: var(--zero-gold);
  --danger: var(--zero-red);
  --red: var(--zero-red);
  --blue: var(--zero-blue);
  --shadow: var(--zero-shadow);
  --r: var(--zero-radius-lg);
  --r2: var(--zero-radius-md);

  --ui-bg: var(--zero-bg);
  --ui-panel: var(--zero-surface);
  --ui-panel-soft: var(--zero-surface-soft);
  --ui-line: var(--zero-line);
  --ui-text: var(--zero-text);
  --ui-muted: var(--zero-muted);
  --ui-orange: var(--zero-gold);
  --ui-green: var(--zero-green);
  --ui-green-light: var(--zero-green);
  --ui-red: var(--zero-red);
  --ui-blue: var(--zero-blue);
  --ui-navy: #02154e;
}

html {
  color-scheme: dark;
  background: var(--zero-bg-deep);
  scroll-behavior: smooth;
}

body.zero-design-system {
  min-width: 0;
  min-height: 100vh;
  margin: 0;
  color: var(--zero-text);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-feature-settings: "tnum" 1, "ss01" 1;
  background:
    radial-gradient(900px 560px at 92% 4%, rgba(0, 85, 48, 0.2), transparent 58%),
    radial-gradient(760px 500px at 4% 28%, rgba(2, 21, 78, 0.22), transparent 60%),
    linear-gradient(180deg, var(--zero-bg) 0%, var(--zero-bg-deep) 100%);
  background-attachment: fixed;
}

body.zero-design-system :where(
  h1, h2, h3, h4, h5, h6,
  p, a, button, label, input, select, textarea,
  table, thead, tbody, tfoot, tr, th, td,
  div, span, small, b, strong, em
):not(.fa):not(.fas):not(.far):not(.fab):not(.material-icons) {
  font-weight: 300 !important;
}

body.zero-design-system::before {
  position: fixed;
  inset: 0 0 auto;
  z-index: 2147482000;
  height: 3px;
  content: "";
  pointer-events: none;
  background: linear-gradient(
    90deg,
    var(--zero-gold) 0 33.333%,
    var(--zero-green) 33.333% 66.666%,
    var(--zero-red) 66.666% 100%
  );
  box-shadow: 0 0 18px rgba(249, 186, 0, 0.14);
}

body.zero-design-system *,
body.zero-design-system *::before,
body.zero-design-system *::after {
  box-sizing: border-box;
}

body.zero-design-system ::selection {
  color: #07101c;
  background: var(--zero-gold);
}

body.zero-design-system::-webkit-scrollbar,
body.zero-design-system *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.zero-design-system::-webkit-scrollbar-thumb,
body.zero-design-system *::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(159, 175, 197, 0.38);
  background-clip: padding-box;
}

body.zero-design-system a {
  text-underline-offset: 3px;
}

body.zero-design-system #zero-language-control {
  top: auto !important;
  right: 18px !important;
  bottom: 18px !important;
  border-color: var(--zero-line-strong) !important;
  background: rgba(7, 16, 28, 0.94) !important;
  box-shadow: var(--zero-shadow-sm) !important;
}

body.zero-design-system #zero-language-control button {
  min-width: 42px;
  min-height: 40px !important;
  padding: 0 12px !important;
}

body.zero-design-system #zero-language-control button.is-active {
  color: #07101c !important;
  border-color: var(--zero-gold) !important;
  background: var(--zero-gold) !important;
}

/* Shared corporate shell for modules that predate the Circularity shell. */
.zero-corporate-shell {
  width: min(1420px, calc(100% - 36px));
  margin: 22px auto 0;
  overflow: hidden;
  border: 1px solid var(--zero-line);
  border-radius: var(--zero-radius-lg);
  background:
    linear-gradient(135deg, rgba(2, 21, 78, 0.76), rgba(0, 85, 48, 0.26)),
    rgba(7, 16, 28, 0.94);
  box-shadow: var(--zero-shadow);
  backdrop-filter: blur(18px);
}

.zero-shell-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 94px;
  padding: 18px 20px;
}

.zero-shell-brand {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 14px;
  color: var(--zero-text);
  text-decoration: none;
}

.zero-shell-logo {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.28));
}

.zero-shell-product {
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
}

.zero-shell-at {
  color: var(--zero-gold);
}

.zero-shell-page {
  display: block;
  max-width: 520px;
  margin-top: 5px;
  overflow: hidden;
  color: var(--zero-muted);
  font-size: 13px;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zero-shell-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(0, 85, 48, 0.24);
  border-radius: 999px;
  color: #c8f5dd;
  background: rgba(0, 85, 48, 0.18);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.zero-shell-status::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  background: var(--zero-green-bright);
  box-shadow: 0 0 13px rgba(0, 85, 48, 0.7);
}

.zero-shell-nav {
  display: flex;
  gap: 7px;
  padding: 9px;
  overflow-x: auto;
  border-top: 1px solid var(--zero-line);
  background: rgba(2, 8, 18, 0.32);
}

.zero-shell-nav a {
  display: inline-flex;
  flex: 1 0 128px;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: var(--zero-radius-sm);
  color: #cbd6e5;
  text-decoration: none;
  font-size: 12px;
  font-weight: 780;
  transition: 160ms ease;
}

.zero-shell-nav a:hover {
  color: #fff;
  border-color: rgba(0, 85, 48, 0.2);
  background: rgba(0, 85, 48, 0.18);
}

.zero-shell-nav a.is-active {
  color: #07101c;
  border-color: var(--zero-gold);
  background: var(--zero-gold);
  box-shadow: 0 8px 20px rgba(249, 186, 0, 0.18);
}

/* Circularity-style shells and legacy page headers. */
body.zero-design-system .ui-wrap,
body.zero-design-system .wrap,
body.zero-design-system .reports-wrap {
  width: min(1420px, calc(100% - 36px));
  max-width: 1420px;
}

body.zero-design-system .container {
  width: min(1320px, calc(100% - 36px));
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}

body.zero-design-system :where(
  .container,
  .grid,
  .dashboard-layout,
  .reports-layout,
  .charts,
  .split
),
body.zero-design-system :where(
  .grid,
  .dashboard-layout,
  .reports-layout,
  .charts,
  .split
) > * {
  min-width: 0;
}

body.zero-design-system .ui-topbar,
body.zero-design-system .topbar,
body.zero-design-system .reports-topbar,
body.zero-design-system .app-header,
body.zero-design-system > .header {
  border-color: var(--zero-line) !important;
  border-radius: var(--zero-radius-lg) !important;
  color: var(--zero-text) !important;
  background:
    linear-gradient(135deg, rgba(2, 21, 78, 0.58), rgba(0, 85, 48, 0.18)),
    rgba(7, 16, 28, 0.94) !important;
  box-shadow: var(--zero-shadow-sm) !important;
  backdrop-filter: blur(16px);
}

body.zero-design-system > .header,
body.zero-design-system > .app-header {
  width: min(1320px, calc(100% - 36px));
  margin: 18px auto 0;
  padding: 15px 18px !important;
  border: 1px solid var(--zero-line) !important;
}

body.zero-design-system .ui-nav,
body.zero-design-system .actions-toolbar {
  gap: 8px;
}

body.zero-design-system .ui-nav a,
body.zero-design-system .actions-toolbar > a,
body.zero-design-system .actions-toolbar > button {
  min-height: 40px;
  border-color: rgba(0, 85, 48, 0.2) !important;
  border-radius: var(--zero-radius-sm) !important;
  color: #d7e2ef !important;
  background: rgba(0, 85, 48, 0.16) !important;
  box-shadow: none !important;
}

body.zero-design-system .ui-nav a:hover,
body.zero-design-system .actions-toolbar > a:hover,
body.zero-design-system .actions-toolbar > button:hover {
  border-color: rgba(0, 85, 48, 0.42) !important;
  background: rgba(0, 85, 48, 0.3) !important;
}

body.zero-design-system .ui-nav a.active,
body.zero-design-system .actions-toolbar > .primary {
  color: #07101c !important;
  border-color: var(--zero-gold) !important;
  background: var(--zero-gold) !important;
}

/* Surfaces and cards. */
body.zero-design-system :where(
  .card,
  .panel,
  .ui-card,
  .cr-card,
  .om-card,
  .om-panel,
  .om-details,
  .reports-panel,
  .report-card,
  .summary-card,
  .module-card,
  .nav-card,
  .kpi,
  .kpi-card,
  .exec-card,
  .persona-panel,
  .esg-section,
  .esg-summary-card,
  .zp-report-launcher,
  .exec-brief,
  .exec-brief-kv .kv,
  .exec-brief-decisions,
  .note-box,
  .result
) {
  color: var(--zero-text) !important;
  border: 1px solid var(--zero-line) !important;
  border-radius: var(--zero-radius-md) !important;
  background:
    linear-gradient(180deg, rgba(16, 29, 48, 0.94), rgba(8, 16, 27, 0.97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    var(--zero-shadow-sm) !important;
}

body.zero-design-system :where(
  .card,
  .panel,
  .ui-card,
  .cr-card,
  .om-card,
  .reports-panel,
  .report-card,
  .summary-card,
  .module-card,
  .nav-card,
  .kpi,
  .kpi-card,
  .exec-card,
  .esg-section,
  .esg-summary-card,
  .note-box,
  .result
) {
  padding: 18px !important;
}

body.zero-design-system :where(
  .kpi-grid,
  .cr-kpis,
  .om-kpis,
  .reports-summary,
  .exec-grid,
  .ui-grid.kpis
) {
  gap: 14px !important;
  margin-top: 18px;
}

body.zero-design-system :where(
  .card,
  .ui-card,
  .cr-card,
  .om-card,
  .reports-panel,
  .report-card,
  .summary-card,
  .module-card,
  .nav-card,
  .kpi,
  .kpi-card,
  .exec-card
) {
  transition:
    border-color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

body.zero-design-system :where(
  .report-card,
  .module-card,
  .nav-card
):hover {
  transform: translateY(-2px);
  border-color: rgba(0, 85, 48, 0.34) !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.28) !important;
}

body.zero-design-system .persona-ear.active {
  color: #07101c !important;
  border-color: var(--zero-gold) !important;
  background: var(--zero-gold) !important;
  box-shadow: 0 9px 22px rgba(249, 186, 0, 0.16) !important;
}

body.zero-design-system .ui-hero,
body.zero-design-system .hero,
body.zero-design-system .top-narrative {
  border: 1px solid rgba(249, 186, 0, 0.28) !important;
  border-radius: var(--zero-radius-xl) !important;
  background:
    linear-gradient(135deg, rgba(2, 21, 78, 0.78), rgba(0, 85, 48, 0.34)),
    var(--zero-surface) !important;
  box-shadow: var(--zero-shadow-sm);
}

body.zero-design-system .top-narrative {
  padding: 20px 22px !important;
  border-left-width: 1px !important;
}

/* Typography and hierarchy. */
body.zero-design-system h1,
body.zero-design-system h2,
body.zero-design-system h3,
body.zero-design-system h4 {
  color: var(--zero-text) !important;
  letter-spacing: -0.025em;
}

body.zero-design-system :where(
  .muted,
  .sub,
  .panel-sub,
  .reports-sub,
  .summary-note,
  .module-desc,
  .module-values,
  .kpi-sub,
  .exec-sub,
  .cr-card-note,
  .om-card-note,
  .ui-kpi-note,
  .kl,
  .kb,
  .ks
) {
  color: var(--zero-muted) !important;
}

body.zero-design-system :where(
  .eyebrow,
  .ui-eyebrow,
  .panel-kicker,
  .reports-kicker,
  .summary-label,
  .kpi-label,
  .cr-card-label,
  .om-card-label,
  .label,
  .lbl,
  .kl
) {
  color: var(--zero-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.095em !important;
  text-transform: uppercase;
}

body.zero-design-system :where(
  .kpi-value,
  .ui-kpi-value,
  .cr-card-value,
  .om-card-value,
  .summary-value,
  .exec-metric,
  .kv
) {
  color: var(--zero-text) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.04em;
}

/* Buttons, links and controls. */
body.zero-design-system :where(
  .om-actions,
  .cr-actions,
  .reports-actions,
  .report-card-actions,
  .generator-actions,
  .top-actions,
  .action-row,
  .toolbar
) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px !important;
}

body.zero-design-system .reports-actions {
  justify-content: flex-end;
}

body.zero-design-system :where(
  button,
  .btn,
  .ui-button,
  .cr-button,
  .om-button,
  .reports-btn,
  .report-mini-btn,
  .module-link,
  .zp-report-launcher-btn,
  .pm-btn
) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px !important;
  padding: 10px 16px !important;
  color: var(--zero-text) !important;
  border: 1px solid var(--zero-line-strong) !important;
  border-radius: var(--zero-radius-sm) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  transition:
    transform 140ms ease,
    border-color 140ms ease,
    filter 140ms ease,
    background 140ms ease;
}

body.zero-design-system [hidden] {
  display: none !important;
}

body.zero-design-system :where(
  button,
  .btn,
  .ui-button,
  .cr-button,
  .om-button,
  .reports-btn,
  .report-mini-btn,
  .module-link,
  .zp-report-launcher-btn,
  .pm-btn
):hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

body.zero-design-system :where(
  .ui-button,
  .cr-button,
  .om-button.primary,
  .reports-btn-primary,
  .btn-primary,
  .primary,
  .zp-report-launcher-btn
) {
  color: #07101c !important;
  border-color: var(--zero-gold) !important;
  background: var(--zero-gold) !important;
  box-shadow: 0 9px 22px rgba(249, 186, 0, 0.16);
}

body.zero-design-system :where(
  .secondary,
  .btn-secondary,
  .ui-button-secondary,
  .reports-btn-secondary,
  .module-link,
  .report-mini-btn
) {
  color: var(--zero-text) !important;
  border-color: var(--zero-line-strong) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: none;
}

body.zero-design-system :where(
  .danger,
  .ui-button-danger,
  .btn-danger
) {
  color: #fff !important;
  border-color: rgba(225, 57, 85, 0.7) !important;
  background: var(--zero-red) !important;
}

body.zero-design-system :where(
  input,
  select,
  textarea
) {
  min-height: 42px;
  color: var(--zero-text) !important;
  border: 1px solid var(--zero-line) !important;
  border-radius: var(--zero-radius-sm) !important;
  outline: none;
  background: #0b1524 !important;
  font-family: inherit;
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease;
}

body.zero-design-system :where(
  input,
  select,
  textarea,
  button,
  a
):focus-visible {
  outline: none !important;
  border-color: var(--zero-gold) !important;
  box-shadow: var(--zero-focus) !important;
}

body.zero-design-system input::placeholder,
body.zero-design-system textarea::placeholder {
  color: var(--zero-muted-2);
}

/* Tables. */
body.zero-design-system .table-wrap,
body.zero-design-system .ui-table-wrap,
body.zero-design-system .om-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--zero-line);
  border-radius: var(--zero-radius-md);
  background: rgba(2, 8, 18, 0.22);
}

body.zero-design-system table,
body.zero-design-system .table-clean,
body.zero-design-system .ui-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--zero-text);
  background: transparent !important;
}

body.zero-design-system table th,
body.zero-design-system .table-clean th,
body.zero-design-system .ui-table th {
  padding: 12px 13px !important;
  color: var(--zero-muted) !important;
  border-color: var(--zero-line) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

body.zero-design-system table td,
body.zero-design-system .table-clean td,
body.zero-design-system .ui-table td {
  padding: 11px 13px !important;
  color: #dce5f0 !important;
  border-color: var(--zero-line) !important;
  background: transparent !important;
}

body.zero-design-system table tbody tr:hover td {
  background: rgba(0, 85, 48, 0.045) !important;
}

/* Status language. */
body.zero-design-system :where(
  .badge,
  .pill,
  .chip,
  .ui-chip,
  .cr-status,
  .report-badge,
  [class*="badge-"]
) {
  border: 1px solid var(--zero-line) !important;
  border-radius: 999px !important;
  color: #dce5f0 !important;
  background: rgba(255, 255, 255, 0.045) !important;
  box-shadow: none !important;
}

body.zero-design-system button.chip {
  border-radius: var(--zero-radius-sm) !important;
}

body.zero-design-system :where(
  .ok,
  .green,
  .badge-green,
  .badge-active,
  .delivered,
  .ready_for_matching
) {
  color: #c7f4dc !important;
  border-color: rgba(0, 85, 48, 0.3) !important;
  background: rgba(0, 85, 48, 0.2) !important;
}

body.zero-design-system :where(
  .warning,
  .pending,
  .retry,
  .badge-pilot
) {
  color: #ffe59a !important;
  border-color: rgba(249, 186, 0, 0.32) !important;
  background: rgba(249, 186, 0, 0.1) !important;
}

body.zero-design-system :where(
  .error,
  .bad,
  .blocked,
  .danger
) {
  color: #ffc5cf !important;
  border-color: rgba(225, 57, 85, 0.35) !important;
  background: rgba(225, 57, 85, 0.11) !important;
}

/* Dialogs and overlays. */
body.zero-design-system :where(
  .pw-dialog,
  .ui-confirm-dialog,
  .exec-modal,
  .card-modal,
  .generator-modal
) {
  color: var(--zero-text) !important;
  border: 1px solid var(--zero-line-strong) !important;
  border-radius: var(--zero-radius-xl) !important;
  background:
    radial-gradient(circle at top right, rgba(0, 85, 48, 0.14), transparent 38%),
    #08111f !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.58) !important;
}

body.zero-design-system :where(
  .pw-backdrop,
  .ui-confirm-backdrop,
  .exec-modal-backdrop,
  .card-overlay
) {
  background: rgba(2, 8, 18, 0.8) !important;
  backdrop-filter: blur(12px);
}

/* Brand consistency. */
body.zero-design-system .ui-brand {
  gap: 14px;
}

body.zero-design-system :where(
  .brand-logo,
  .ui-brand-logo,
  .reports-brand-logo
) {
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.3));
}

body.zero-design-system .ui-brand-logo,
body.zero-design-system .topbar .brand-logo {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain;
}

body.zero-design-system .ui-brand h1,
body.zero-design-system .topbar .brand-title h1 {
  margin: 0;
  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 1;
  letter-spacing: -0.04em !important;
}

body.zero-design-system .ui-brand-subtitle,
body.zero-design-system .topbar .brand .sub {
  margin-top: 5px;
  color: var(--zero-muted) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.35;
}

body.zero-design-system .topbar {
  align-items: center;
  padding: 18px 20px;
}

body.zero-design-system .topbar .brand {
  align-items: center;
  gap: 14px;
}

body.zero-design-system :where(
  .brand-at,
  .ui-brand-at,
  .reports-kicker,
  .title-at
) {
  color: var(--zero-gold) !important;
}

body.zero-design-system .app-header .title,
body.zero-design-system [style*="color:#02154e"],
body.zero-design-system [style*="color: #02154e"] {
  color: var(--zero-text) !important;
}

body.zero-design-system [style*="color:#005530"],
body.zero-design-system [style*="color: #005530"] {
  color: var(--zero-green-bright) !important;
}

body.zero-design-system [style*="color:#666"],
body.zero-design-system [style*="color: #666"],
body.zero-design-system [style*="color:#888"],
body.zero-design-system [style*="color: #888"],
body.zero-design-system [style*="color:#999"],
body.zero-design-system [style*="color: #999"] {
  color: var(--zero-muted) !important;
}

body.zero-design-system canvas {
  max-width: 100%;
  filter: saturate(0.94) contrast(1.02);
}

body.zero-design-system footer,
body.zero-design-system .ui-footer,
body.zero-design-system .footer-note {
  color: var(--zero-muted-2) !important;
}

@media (max-width: 900px) {
  .zero-shell-main {
    align-items: flex-start;
  }

  .zero-shell-status {
    display: none;
  }

  body.zero-design-system .ui-topbar,
  body.zero-design-system .topbar,
  body.zero-design-system .reports-topbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (max-width: 640px) {
  .zero-corporate-shell,
  body.zero-design-system .ui-wrap,
  body.zero-design-system .wrap,
  body.zero-design-system .reports-wrap,
  body.zero-design-system .container,
  body.zero-design-system > .header,
  body.zero-design-system > .app-header {
    width: min(100% - 20px, 1420px);
  }

  .zero-corporate-shell {
    margin-top: 12px;
    border-radius: var(--zero-radius-md);
  }

  .zero-shell-main {
    min-height: 78px;
    padding: 13px;
  }

  .zero-shell-logo {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .zero-shell-product {
    font-size: 21px;
  }

  .zero-shell-page {
    max-width: 230px;
    font-size: 12px;
  }

  body.zero-design-system .ui-brand-logo,
  body.zero-design-system .topbar .brand-logo {
    width: 48px !important;
    height: 48px !important;
  }

  body.zero-design-system .ui-brand h1,
  body.zero-design-system .topbar .brand-title h1 {
    font-size: 21px !important;
  }

  .zero-shell-nav a {
    flex-basis: 112px;
    font-size: 11px;
  }

  body.zero-design-system :where(
    .card,
    .panel,
    .ui-card,
    .cr-card,
    .om-card,
    .reports-panel,
    .report-card,
    .summary-card,
    .module-card,
    .kpi,
    .kpi-card,
    .exec-card
  ) {
    border-radius: var(--zero-radius-sm) !important;
  }
}

@media print {
  .zero-corporate-shell,
  #zero-language-control {
    display: none !important;
  }

  body.zero-design-system {
    color: #111 !important;
    background: #fff !important;
  }
}