.profit-margin-page {
  width: min(1536px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 24px;
  color: #26120d;
  font-family: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.profit-margin-hero {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}
.profit-margin-hero>div:first-child>span,
.profit-margin-hero>div:first-child>p { display: none; }
.profit-margin-hero h1 { margin: 0; color: #a44a36; font-size: 15px; line-height: 1.2; font-weight: 700; }
.profit-margin-summary { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; font-size: 11px; }
.profit-margin-summary strong { color: #5c9f28; }
.profit-margin-summary span { color: #6d554f; font-weight: 700; }
.profit-margin-summary small { color: #8d7a75; white-space: nowrap; }
.profit-margin-source-date { color: #cc674e !important; }

.profit-margin-tabs {
  width: min(700px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 0;
}
.profit-margin-tabs button {
  height: 42px;
  border: 0;
  border-bottom: 3px solid #49302a;
  background: transparent;
  color: #49302a;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.profit-margin-tabs button.active { color: #ff7855; border-bottom-color: #ff7855; }
.profit-margin-tabs p {
  grid-column: 1 / -1;
  justify-self: center;
  margin: 28px 0 0;
  padding: 7px 14px;
  border-radius: 999px;
  background: #ff8b17;
  color: #482812;
  box-shadow: 0 2px 6px rgba(207, 105, 10, .2);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
}

.profit-margin-workspace { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 30px; align-items: start; }
.profit-margin-filters {
  position: sticky;
  top: 92px;
  z-index: 3;
  display: grid;
  gap: 12px;
  padding: 18px 16px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}
.profit-margin-filters h2 { order: 1; margin: 0 0 2px; color: #3b211b; font-size: 14px; line-height: 1.2; }
.profit-margin-status-filters { order: 2; display: grid; gap: 9px; }
.profit-margin-status-filters button {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #4e3b36;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.filter-switch { position: relative; width: 28px; height: 17px; flex: 0 0 28px; border-radius: 999px; background: #e6e2df; box-shadow: inset 0 0 0 1px #d3ceca; transition: .18s ease; }
.filter-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: #321811; transition: .18s ease; }
.profit-margin-status-filters button.active .filter-switch { background: #dcefd2; }
.profit-margin-status-filters button.active .filter-switch::after { left: 14px; background: #5cbb3a; }
.profit-margin-status-filters button.active.danger .filter-switch { background: #ffe2dc; }
.profit-margin-status-filters button.active.danger .filter-switch::after { background: #ff7855; }
.profit-margin-status-filters button.active.warning .filter-switch { background: #fff0c9; }
.profit-margin-status-filters button.active.warning .filter-switch::after { background: #e89915; }

.profit-margin-range { order: 3; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.profit-margin-filter-divider { order: 4; height: 1px; background: #ded7d4; margin: 2px 0; }
.profit-margin-field { order: 5; height: 42px; display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; border: 1px solid #d9d5d2; border-radius: 9px; background: #f8f8f7; overflow: hidden; }
.profit-margin-field>span { color: #6e5d58; font-size: 13px; text-align: center; }
.profit-margin-filters>select { order: 6; }
.profit-margin-filters .clear-filter { order: 7; }
.profit-margin-filters>.profit-margin-bulk { display: none; }
.profit-margin-filters select,
.profit-margin-filters input,
.profit-margin-bulk-toolbar select,
.profit-margin-bulk-toolbar input {
  width: 100%;
  height: 40px;
  border: 1px solid #d9d5d2;
  border-radius: 9px;
  background: #f8f8f7;
  padding: 0 12px;
  color: #4d3d38;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
}
.profit-margin-field input { height: 100%; border: 0; border-radius: 0; padding-left: 0; background: transparent; }
.profit-margin-range input { min-width: 0; padding: 0 7px; font-size: 9.5px; }
.profit-margin-filters select:focus,
.profit-margin-filters input:focus,
.profit-margin-bulk-toolbar select:focus,
.profit-margin-bulk-toolbar input:focus { outline: 2px solid #ffb4a2; outline-offset: 1px; }
.profit-margin-filters .clear-filter {
  height: 40px;
  border: 0;
  border-radius: 10px;
  background: #331811;
  color: #ff8566;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

.profit-margin-results { min-width: 0; background: transparent; }
.profit-margin-bulk-toolbar {
  display: grid;
  grid-template-columns: 34px minmax(150px, .8fr) minmax(130px, .8fr) minmax(190px, 1.2fr) minmax(120px, .75fr);
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 10px 14px;
  border: 1px solid #ffb29f;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}
.bulk-settings-icon { width: 28px; height: 28px; display: grid; place-items: center; border: 2px solid #f1a21d; border-radius: 50%; color: #f1a21d; font-size: 14px; }
.profit-margin-bulk-toolbar button { height: 36px; border: 0; border-radius: 8px; background: #ff7855; color: #fff1ee; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, .12); }
.profit-margin-bulk-toolbar button:disabled { opacity: .55; cursor: not-allowed; }
.profit-margin-bulk-toolbar .bulk-clear { background: #331811; color: #ff8566; }

.profit-margin-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-height: 54px; padding: 10px 0; }
.profit-margin-toolbar>div { display: flex; align-items: center; gap: 8px; }
.profit-margin-toolbar>div:first-child { margin-left: auto; }
.density-label { color: #5c4b46; font-size: 11px; font-weight: 700; }
.profit-margin-toolbar button { height: 32px; min-width: 42px; padding: 0 14px; border: 2px solid #ff7855; border-radius: 8px; background: #ffe4dd; color: #573128; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.profit-margin-toolbar button:disabled { opacity: 1; background: #ff7855; color: #fff; }
.profit-margin-toolbar>div:last-child button:first-child { min-width: 122px; border-color: #00bf00; background: #00bf00; color: #fff; }
.profit-margin-toolbar .sort-button,
.profit-margin-toolbar .sort-active { width: 48px; padding: 0; border: 0; background: #ff7855; color: #fff; font-size: 17px; }
.profit-margin-toolbar .sort-active { background: #3b1b14; }

.profit-margin-message { margin: 0 0 12px; padding: 10px 12px; border-radius: 9px; background: #fff2dc; color: #754914; font-size: 11px; font-weight: 700; }
.profit-margin-loading,
.profit-margin-empty { padding: 80px 24px; border-radius: 12px; background: #fff; text-align: center; color: #6f5c56; font-weight: 700; }
.profit-margin-grid { display: grid; gap: 32px; padding: 0; background: transparent; }
.profit-margin-grid.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.profit-margin-grid.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.profit-margin-card { min-width: 0; display: flex; flex-direction: column; padding: 16px; border: 0; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .12); transition: transform .18s ease, box-shadow .18s ease; }
.profit-margin-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(87, 43, 31, .13); }
.profit-margin-card.loss { box-shadow: inset 0 0 0 2px #ff8e78, 0 1px 2px rgba(0, 0, 0, .12); }
.profit-margin-card.incomplete { box-shadow: inset 0 0 0 2px #e5b25d, 0 1px 2px rgba(0, 0, 0, .12); }
.profit-margin-card-media { position: relative; width: 100%; aspect-ratio: 5 / 6; display: grid; place-items: center; border-radius: 8px; background: #f6f3f1; overflow: hidden; }
.profit-margin-card-media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-height: none !important; display: block; object-fit: cover; transition: transform .28s ease; }
.profit-margin-card-media:hover img { transform: scale(1.08); }
.profit-margin-card-media>span { color: #8e7c76; font-size: 11px; }
.profit-margin-card-body { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) max-content; align-items: center; column-gap: 8px; padding-top: 12px; }
.profit-margin-brand { grid-column: 1 / -1; margin-bottom: 5px; color: #2d1711; font-size: 13px; font-weight: 700; }
.profit-margin-card h3 { grid-column: 1 / -1; display: -webkit-box; min-height: 43px; margin: 0 0 7px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #52352d; font-size: 12px; line-height: 1.4; font-weight: 600; }
.profit-margin-card p { grid-column: 1 / -1; margin: 0 0 9px; padding: 7px 8px; border-radius: 6px; background: #f7f5f4; color: #8a7771; font-size: 10px; line-height: 1.3; }
.profit-margin-price-line { grid-column: 1; display: grid; align-content: center; gap: 2px; min-width: 0; padding: 0; border: 0; }
.profit-margin-price-line strong { color: #ff7855; font-size: 15px; line-height: 1.1; }
.profit-margin-price-line span { color: #8a7771; font-size: 9px; }
.profit-margin-result-line { grid-column: 2; display: flex; align-items: center; gap: 4px; max-width: 150px; padding: 6px 9px; border: 0; border-radius: 999px; background: #5cbb3a; color: #fff; white-space: nowrap; }
.profit-margin-result-line b { font-size: 10px; }
.profit-margin-result-line span { font-size: 8px; font-weight: 800; }
.profit-margin-card.loss .profit-margin-result-line { background: #ff5d4d; color: #fff; }
.profit-margin-missing { grid-column: 1 / -1; display: grid; gap: 3px; padding: 8px; border-radius: 7px; background: #fff4dc; color: #b36f10; }
.profit-margin-missing b { font-size: 11px; }
.profit-margin-missing span { font-size: 9px; }
.variant-toggle { grid-column: 1 / -1; width: 100%; margin-top: 10px; padding: 7px 9px; border: 0; border-radius: 8px; background: #341811; color: #ff9b84; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.profit-margin-variants { grid-column: 1 / -1; display: grid; gap: 6px; width: 100%; max-height: 185px; margin-top: 8px; overflow: auto; }
.profit-margin-variants>div { display: flex; justify-content: space-between; gap: 7px; padding: 7px; border-radius: 7px; background: #f7f5f4; font-size: 8px; }
.profit-margin-variants span { display: grid; min-width: 0; color: #6f5c56; word-break: break-all; }
.profit-margin-variants b { color: #4d9e31; text-align: right; }
.profit-margin-variants b.danger { color: #e13d32; }
.profit-margin-footer { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 24px; padding: 12px 16px; border-top: 3px solid #ff7855; border-radius: 0 0 12px 12px; background: #fff3ef; color: #6f5b55; font-size: 10px; }

.profit-margin-modal-backdrop { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: center; padding: 24px; background: rgba(38, 18, 13, .62); backdrop-filter: blur(5px); }
.profit-margin-modal { width: min(900px, 94vw); max-height: 88vh; display: grid; grid-template-rows: auto auto minmax(120px, 1fr) auto; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 30px 80px rgba(0, 0, 0, .3); }
.profit-margin-modal>header,
.profit-margin-modal>footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; }
.profit-margin-modal>header { border-bottom: 1px solid #ffd3cc; }
.profit-margin-modal header small { color: #ff654f; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.profit-margin-modal h2 { margin: 3px 0 0; color: #341a16; }
.profit-margin-modal header>button { width: 38px; height: 38px; border: 0; border-radius: 10px; background: #3a160f; color: #fff; font-size: 24px; cursor: pointer; }
.profit-margin-modal>p { margin: 0; padding: 14px 22px; color: #657278; font-size: 12px; }
.profit-margin-preview-list { margin: 0 22px; overflow: auto; border: 1px solid #e6edef; border-radius: 12px; }
.profit-margin-preview-list>div { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 14px; align-items: center; padding: 11px 13px; border-bottom: 1px solid #e9eff0; }
.profit-margin-preview-list>div:last-child { border-bottom: 0; }
.profit-margin-preview-list span { display: grid; font-size: 12px; font-weight: 700; }
.profit-margin-preview-list small { color: #7b898e; font-weight: 400; }
.profit-margin-preview-list b { color: #087244; }
.profit-margin-modal>footer { justify-content: flex-end; }
.profit-margin-modal>footer button { padding: 10px 16px; border: 1px solid #d4e0e2; border-radius: 9px; background: #fff; font-weight: 800; cursor: pointer; }
.profit-margin-modal>footer .apply-price-button { border-color: #17c956; background: #17c956; color: #062f19; }
.profit-margin-skipped { color: #bd551e !important; font-weight: 800; }
.profit-margin-page .error-state { margin: 14px 0; }
.profit-margin-page button:focus-visible { outline: 3px solid #ffb4a2; outline-offset: 2px; }

@media (max-width: 1200px) {
  .profit-margin-page { width: 100%; }
  .profit-margin-workspace { grid-template-columns: 220px minmax(0, 1fr); gap: 20px; }
  .profit-margin-grid { gap: 18px; }
  .profit-margin-grid.columns-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .profit-margin-bulk-toolbar { grid-template-columns: 34px 1fr 1fr; }
  .profit-margin-bulk-toolbar button { min-width: 0; }
}
@media (max-width: 900px) {
  .profit-margin-hero { align-items: flex-start; flex-direction: column; }
  .profit-margin-summary { flex-wrap: wrap; justify-content: flex-start; }
  .profit-margin-workspace { grid-template-columns: 1fr; }
  .profit-margin-filters { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profit-margin-filters h2,
  .profit-margin-status-filters,
  .profit-margin-filter-divider,
  .profit-margin-filters .clear-filter { grid-column: 1 / -1; }
  .profit-margin-grid.columns-3,
  .profit-margin-grid.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .profit-margin-tabs { grid-template-columns: 1fr; }
  .profit-margin-tabs p { grid-column: 1; }
  .profit-margin-filters { grid-template-columns: 1fr; }
  .profit-margin-range { grid-template-columns: 1fr 1fr; }
  .profit-margin-bulk-toolbar { grid-template-columns: 1fr; }
  .bulk-settings-icon { display: none; }
  .profit-margin-toolbar { align-items: flex-end; flex-direction: column; }
  .profit-margin-toolbar>div:first-child { margin-left: 0; }
  .profit-margin-grid.columns-3,
  .profit-margin-grid.columns-4 { grid-template-columns: 1fr; }
}

/* Digiterya visual language — presentation only, no pricing behaviour changes */
.profit-margin-page {
  --pm-primary: #08758a;
  --pm-primary-dark: #07566a;
  --pm-primary-soft: #e9f7fa;
  --pm-accent: #ff7058;
  --pm-accent-soft: #fff0ec;
  --pm-success: #16a968;
  --pm-success-soft: #e9f9f1;
  --pm-ink: #15343d;
  --pm-muted: #6b7f84;
  color: var(--pm-ink);
}

.profit-margin-hero {
  border: 1px solid #dbecee;
  box-shadow: 0 10px 28px rgba(8, 84, 103, .08);
}
.profit-margin-hero h1 { color: var(--pm-primary-dark); font-size: 16px; }
.profit-margin-summary strong { color: var(--pm-success); }
.profit-margin-summary span { color: var(--pm-ink); }
.profit-margin-summary small { color: var(--pm-muted); }
.profit-margin-source-date { color: var(--pm-accent) !important; }

.profit-margin-tabs {
  width: min(760px, 100%);
  gap: 8px;
  align-items: stretch;
  padding: 8px;
  border: 1px solid #cce5e9;
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 32px rgba(8, 84, 103, .1);
}
.profit-margin-tabs button {
  position: relative;
  height: 52px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: var(--pm-primary-soft);
  color: var(--pm-primary-dark);
  font-size: 13.5px;
  font-weight: 700;
  transition: transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}
.profit-margin-tabs button:hover {
  border-color: #9ed3dc;
  background: #dff3f7;
  transform: translateY(-1px);
}
.profit-margin-tabs button.active {
  border-color: var(--pm-primary);
  background: linear-gradient(135deg, var(--pm-primary), var(--pm-primary-dark));
  color: #fff;
  box-shadow: 0 8px 18px rgba(8, 117, 138, .24);
}
.profit-margin-tabs button.active::after {
  content: "Seçili";
  position: absolute;
  top: 7px;
  right: 9px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .04em;
}
.profit-margin-tabs p {
  margin: 8px 0 0;
  padding: 8px 15px;
  border: 1px solid #ffd0c6;
  background: var(--pm-accent-soft);
  color: #a13d2b;
  box-shadow: none;
  font-size: 10.5px;
}

.profit-margin-filters {
  border: 1px solid #dbecee;
  box-shadow: 0 10px 28px rgba(8, 84, 103, .08);
}
.profit-margin-filters h2 { color: var(--pm-ink); }
.profit-margin-status-filters button { color: #405c63; }
.filter-switch::after { background: var(--pm-primary-dark); }
.profit-margin-status-filters button.active .filter-switch { background: #d9f2e7; }
.profit-margin-status-filters button.active .filter-switch::after { background: var(--pm-success); }
.profit-margin-status-filters button.active.danger .filter-switch::after { background: var(--pm-accent); }
.profit-margin-field { border-color: #d2e4e7; background: #f7fbfc; }
.profit-margin-filters select,
.profit-margin-filters input,
.profit-margin-bulk-toolbar select,
.profit-margin-bulk-toolbar input { border-color: #d2e4e7; background: #f7fbfc; color: var(--pm-ink); }
.profit-margin-filters select:focus,
.profit-margin-filters input:focus,
.profit-margin-bulk-toolbar select:focus,
.profit-margin-bulk-toolbar input:focus { outline-color: #8bd0dc; }
.profit-margin-filters .clear-filter { background: var(--pm-primary-dark); color: #fff; box-shadow: 0 7px 16px rgba(7, 86, 106, .18); }

.profit-margin-bulk-toolbar { border-color: #a9d7df; box-shadow: 0 10px 26px rgba(8, 84, 103, .08); }
.bulk-settings-icon { border-color: var(--pm-accent); color: var(--pm-accent); }
.profit-margin-bulk-toolbar button { background: var(--pm-accent); color: #fff; }
.profit-margin-bulk-toolbar .bulk-clear { background: var(--pm-primary-dark); color: #fff; }
.profit-margin-toolbar button { border-color: var(--pm-accent); background: var(--pm-accent-soft); color: #8f3b2b; }
.profit-margin-toolbar button:disabled,
.profit-margin-toolbar .sort-button { background: var(--pm-accent); color: #fff; }
.profit-margin-toolbar .sort-active { background: var(--pm-primary-dark); }
.profit-margin-toolbar>div:last-child button:first-child { border-color: var(--pm-success); background: var(--pm-success); }

.profit-margin-card {
  border: 1px solid #dcebee;
  box-shadow: 0 8px 24px rgba(8, 84, 103, .08);
}
.profit-margin-card:hover { box-shadow: 0 16px 34px rgba(8, 84, 103, .14); }
.profit-margin-card.loss { box-shadow: inset 0 0 0 2px var(--pm-accent), 0 8px 24px rgba(8, 84, 103, .08); }
.profit-margin-brand { color: var(--pm-primary-dark); font-size: 14px; }
.profit-margin-card h3 { color: #294950; font-size: 12.5px; }
.profit-margin-card p { padding: 8px 10px; background: #f3f8f9; color: #72868b; font-size: 10.5px; }
.profit-margin-price-line {
  min-height: 50px;
  padding: 7px 9px;
  border: 1px solid #ffd2c9;
  border-radius: 10px;
  background: var(--pm-accent-soft);
}
.profit-margin-price-line strong { color: var(--pm-accent); font-size: 19px; line-height: 1.05; }
.profit-margin-price-line span { color: #8b6961; font-size: 10px; font-weight: 600; }
.profit-margin-result-line {
  min-height: 50px;
  max-width: 190px;
  gap: 5px;
  padding: 8px 12px;
  border: 1px solid #aee4ca;
  border-radius: 10px;
  background: var(--pm-success-soft);
  color: #087746;
  box-shadow: 0 6px 15px rgba(22, 169, 104, .1);
}
.profit-margin-result-line b { font-size: 12px; }
.profit-margin-result-line span { font-size: 9.5px; font-weight: 700; }
.profit-margin-card.loss .profit-margin-result-line { border-color: #ffc5bb; background: #fff0ed; color: #ca3f2b; }

.variant-toggle {
  min-height: 40px;
  margin-top: 12px;
  padding: 9px 12px;
  border: 1px solid var(--pm-primary);
  border-radius: 10px;
  background: linear-gradient(135deg, var(--pm-primary), var(--pm-primary-dark));
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  box-shadow: 0 8px 17px rgba(8, 117, 138, .2);
  transition: transform .16s ease, box-shadow .16s ease;
}
.variant-toggle:hover { transform: translateY(-1px); box-shadow: 0 11px 22px rgba(8, 117, 138, .26); }
.profit-margin-variants { gap: 7px; max-height: 220px; margin-top: 9px; }
.profit-margin-variants>div {
  align-items: center;
  min-height: 38px;
  padding: 9px 11px;
  border: 1px solid #dcebed;
  border-radius: 9px;
  background: #f5fafb;
  font-size: 10.5px;
}
.profit-margin-variants span { color: #536f76; line-height: 1.35; word-break: normal; overflow-wrap: anywhere; }
.profit-margin-variants b { color: #07804a; font-size: 10.5px; white-space: nowrap; }
.profit-margin-variants b.danger { color: #d94432; }
.profit-margin-footer { border-top-color: var(--pm-primary); background: #eef8fa; color: #557078; }
.profit-margin-page button:focus-visible { outline-color: #73c3d1; }

@media (max-width: 620px) {
  .profit-margin-tabs { gap: 7px; padding: 7px; }
  .profit-margin-tabs button { height: 48px; }
  .profit-margin-tabs button.active::after { display: none; }
  .profit-margin-price-line, .profit-margin-result-line { min-height: 46px; }
}