/* Общая палитра: :root — fallback вне контейнера кабинета. */
:root,
.cabinet {
  --ink: #243247;
  --ink-soft: #405570;
  --muted: #68768a;
  --line: #e3e8ef;
  --line-soft: #edf0f5;
  --surface: #f6f8fb;
  --surface-hover: #fafcff;
  --accent: #174c99;
  --accent-soft: #edf4ff;
  --accent-line: #ccdefa;
  --focus: #258cfb;
  --warn-bg: #fff7e6;
  --warn-ink: #77551d;
  --danger: #a3252b;
  --danger-soft: #fdf0f0;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--focus);
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-control.field-locked,
.form-control.field-locked:focus {
  background-color: #e9ecef;
  color: #495057;
  border-color: #adb5bd;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Оформление кабинета не затрагивает остальные страницы. */
.cabinet { color: var(--ink); }
.cabinet-header { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-bottom: 1.5rem; }
.cabinet-header h1 { font-size: 1.9rem; font-weight: 700; letter-spacing: -.035em; margin-bottom: .5rem; }
.cabinet-eyebrow { color: var(--muted); font-size: .8rem; margin-bottom: .35rem; }
.cabinet-production { width: 370px; max-width: 100%; }
.cabinet-production .form-label { font-size: .85rem; color: var(--muted); }
.cabinet-production select { min-width: 0; }
.cabinet-secondary-link { display: inline-block; font-size: .85rem; margin-top: .65rem; text-decoration: none; }
.cabinet-navigation { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding: .9rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 1.7rem; }
.cabinet-navigation a { color: var(--ink-soft); font-size: .9rem; text-decoration: none; padding: .25rem 0; }
.cabinet-navigation a:hover { text-decoration: underline; }
.cabinet-navigation a.is-active { color: var(--accent); font-weight: 650; }
.cabinet-navigation a:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; border-radius: 3px; }
.cabinet a:hover { text-decoration: underline; }
.cabinet-section-title { font-size: 1rem; font-weight: 600; margin-bottom: .8rem; }
.cabinet-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.cabinet-metric { padding: 1.15rem 1.25rem; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.cabinet-metric span { display: block; color: var(--muted); font-size: .85rem; margin-bottom: .45rem; }
.cabinet-metric strong { display: block; font-size: 1.4rem; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.cabinet-metric-total { background: var(--accent-soft); border-color: var(--accent-line); color: var(--accent); }
.cabinet-valuation { margin-bottom: 1.7rem; }
.cabinet-valuation-warning { padding: .7rem 1rem; margin: .75rem 0 0; border-radius: 8px; background: var(--warn-bg); color: var(--warn-ink); font-size: .85rem; }
.cabinet-explanation { color: var(--muted); font-size: .8rem; margin-top: .8rem; }
.cabinet summary { cursor: pointer; }
.cabinet-explanation p { margin: .7rem 0 0; max-width: 850px; line-height: 1.6; }
.cabinet-section { border: 1px solid var(--line); border-radius: 12px; margin-bottom: 1.5rem; scroll-margin-top: 1rem; }
.cabinet-section-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; }
.cabinet-section-header h2 { font-size: 1.15rem; font-weight: 650; margin-bottom: .25rem; }
.cabinet-section-header p { font-size: .8rem; color: var(--muted); margin-bottom: 0; }
.cabinet-section-header .btn { white-space: nowrap; }
.cabinet-table { margin: 0; font-size: .85rem; }
.cabinet-material-table { min-width: 700px; }
.cabinet-product-table { min-width: 850px; }
.cabinet-table > thead > tr > th { position: sticky; top: 0; z-index: 1; background: var(--surface); color: var(--muted); font-size: .75rem; font-weight: 600; padding: .8rem 1rem; border-bottom-color: var(--line); vertical-align: middle; }
.cabinet-table > tbody > tr > td { padding: .65rem 1rem; vertical-align: top; border-bottom-color: var(--line-soft); }
.cabinet-table > tbody > tr:last-child > td { border-bottom: 0; }
.cabinet-table > tbody > tr:hover > td { background: var(--surface-hover); }
.cabinet-number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cabinet-item-name { font-weight: 600; min-width: 120px; overflow-wrap: anywhere; }
.cabinet-item-meta { color: var(--muted); font-size: .75rem; margin-top: .3rem; }
.cabinet-stock-value { font-weight: 600; }
.cabinet-stock-input { min-width: 100px; text-align: right; }
.cabinet-row-link { text-decoration: none; white-space: nowrap; }
.cabinet-actions { min-width: 160px; }
.cabinet-actions .btn { font-size: .78rem; }
.cabinet-row-menu { margin-top: .5rem; font-size: .8rem; }
.cabinet-row-menu > summary { color: var(--ink-soft); width: fit-content; }
.cabinet-menu-content { display: grid; gap: .65rem; padding: .75rem; margin-top: .6rem; border: 1px solid var(--line); border-radius: 8px; background: #f8faff; min-width: 170px; }
.cabinet-menu-content > a { text-decoration: none; }
.cabinet-stock-edit { border-top: 1px solid var(--line); padding-top: .65rem; }
.cabinet-stock-edit .form-label { font-size: .75rem; }
.cabinet-section-note { padding: 1rem 1.25rem; margin: 0; border-top: 1px solid var(--line); }
.cabinet-empty { padding: 1.25rem; color: var(--muted); margin: 0; }
.cabinet summary:focus-visible, .cabinet a:focus-visible, .cabinet-table-scroll:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; border-radius: 3px; }
.cabinet-mobile-save { display: none; }
.cabinet-table .cabinet-category-row > th { padding: .8rem 1rem; background: var(--accent-soft); color: var(--accent); font-size: 1rem; }
.cabinet-category-row span { font-weight: 400; }
.category-edit { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; max-width: 650px; }
.category-edit label { grid-column: 1 / -1; }
@media (max-width: 767px) {
  .cabinet-header { flex-direction: column; align-items: stretch; gap: 1rem; }
  .cabinet-production { width: 100%; }
  .cabinet-metrics { grid-template-columns: 1fr; gap: .65rem; }
  .cabinet-metric { padding: .9rem 1rem; }
  .cabinet-metric strong { font-size: 1.25rem; }
  .cabinet-navigation { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; gap: .5rem 1.2rem; }
  .cabinet-navigation a { flex: 0 0 auto; white-space: nowrap; }
  .cabinet-section-header { padding: 1rem; flex-direction: column; align-items: stretch; }
  .cabinet .btn, .cabinet-row-link, .cabinet-navigation a, .cabinet summary, .cabinet-menu-content > a {
    min-height: 44px; padding: .65rem .8rem; font-size: 1rem;
  }
  .cabinet-row-link, .cabinet-navigation a, .cabinet-menu-content > a { display: inline-block; }
  .cabinet .form-control, .cabinet .form-select { min-height: 44px; font-size: 16px; scroll-margin-block: 120px; }
  .cabinet-table-scroll { overflow: visible; }
  .cabinet-table { display: block; min-width: 0; width: 100%; font-size: 1rem; }
  .cabinet-table > thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .cabinet-table > tbody { display: block; padding: 0 .75rem; }
  .finance-articles > tfoot { display: block; padding: 0 .75rem; }
  .finance-articles > tfoot > tr { display: block; padding: .75rem; border: 1px solid var(--line); border-radius: 10px; }
  .finance-articles > tfoot > tr > td { display: block; padding: .45rem 0; overflow-wrap: anywhere; }
  .cabinet-table > tbody > tr { display: block; padding: .75rem; margin-bottom: .75rem; border: 1px solid var(--line); border-radius: 10px; }
  .cabinet-table > tbody > tr > td { display: block; padding: .45rem 0; border: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; min-width: 0; }
  .cabinet-table td[data-label]::before { content: attr(data-label); display: block; color: var(--muted); font-size: .85rem; font-weight: 400; margin-bottom: .2rem; }
  .cabinet-item-name { font-size: 1.1rem; min-width: 0; }
  .cabinet-item-meta { font-size: .85rem; }
  .cabinet-stock-input { width: 100%; min-width: 0; text-align: left; }
  .cabinet-menu-content { min-width: 0; }
  .cabinet-row-menu > summary { width: 100%; }
  .cabinet-inventory-active { padding-bottom: 140px; }
  .cabinet-mobile-save { display: flex; flex-wrap: wrap; gap: .5rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1030; padding: .75rem max(.75rem, env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left)); background: #fff; border-top: 1px solid var(--accent-line); box-shadow: 0 -3px 12px color-mix(in srgb, var(--ink) 8.235294%, transparent); }
  .cabinet-mobile-save .btn-primary { flex: 1 1 auto; }
  .cabinet-mobile-save .btn { white-space: normal; }
  .cabinet .inventory-new-row { background: var(--surface); }
  .cabinet-table > tbody > tr.cabinet-category-row { padding: 0; border: 0; border-radius: 0; margin-top: 1rem; }
  .cabinet-table .cabinet-category-row > th { display: block; border: 0; border-radius: 8px; overflow-wrap: anywhere; }
  .category-edit { grid-template-columns: minmax(0, 1fr); }
}

/* Таблица истории: сохраняет дни по столбцам и прокручивается внутри страницы. */
.sales-period { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; }
.sales-period > div { flex: 1 1 180px; min-width: 0; }
.sales-grid-scroll { overflow: auto; max-height: 70vh; border: 1px solid var(--line); border-radius: 8px; }
.sales-grid { margin: 0; font-size: .9rem; }
.sales-grid th, .sales-grid td { min-width: 125px; padding: .65rem; vertical-align: top; }
.sales-grid thead th { position: sticky; top: 0; z-index: 2; background: var(--surface); }
.sales-grid th[scope=row] { min-width: 170px; max-width: 220px; overflow-wrap: anywhere; position: sticky; left: 0; background: white; z-index: 1; }
.sales-grid input[type=number] { width: 105px; min-height: 44px; font-size: 16px; }
.sales-estimated { display: flex; align-items: center; gap: .4rem; min-height: 44px; font-size: .8rem; color: var(--muted); }
.sales-grid-scroll:focus-visible { outline: 2px solid var(--focus); }
.hypothesis-line .form-label { display: block; }
@media (max-width: 767px) { .sales-grid th[scope=row] { min-width: 120px; max-width: 140px; } .sales-period { display: grid; grid-template-columns: minmax(0, 1fr); } }

/* Компактный обзор; остальные страницы сохраняют прежнюю раскладку. */
.cabinet:not(.cabinet-overview) .cabinet-production-switch { display: contents; }
.cabinet:not(.cabinet-overview) .cabinet-production-switch > summary { display: none; }
.cabinet-overview .cabinet-header { flex-direction: row; align-items: start; gap: .75rem; margin-bottom: .35rem; }
.cabinet-overview-heading { min-width: 0; flex: 1; }
.cabinet-overview .cabinet-header h1 { font-size: 1.125rem; letter-spacing: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; line-height: 1.6; }
.cabinet-overview .cabinet-production { width: auto; max-width: 45%; }
.cabinet-overview .cabinet-production-switch > summary { color: var(--accent); font-size: .875rem; }
.cabinet-overview .cabinet-production-switch[open] { width: 340px; max-width: 100%; }
.cabinet-overview .cabinet-production-switch form { margin-top: .5rem; }
.cabinet-overview .cabinet-data-status { color: var(--muted); margin-bottom: .75rem; font-size: .875rem; }
.cabinet-overview .cabinet-data-summary { font-size: inherit; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-block: .25rem; }
.cabinet-overview .cabinet-data-status[open] > summary { white-space: normal; }
.cabinet-overview .cabinet-data-expanded { padding: .75rem; border: 1px solid var(--line); border-radius: 8px; margin-top: .35rem; }
.cabinet-overview .cabinet-navigation { flex-wrap: nowrap; overflow-x: auto; gap: 1.1rem; margin-bottom: 1rem; padding-block: .6rem; }
.cabinet-overview .cabinet-navigation a { flex: 0 0 auto; white-space: nowrap; }
.cabinet-overview .cabinet-navigation:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.cabinet-overview h2, .cabinet-overview h3 { font-size: 1.125rem; }
.cabinet-overview .cabinet-section-header { padding: .85rem 1rem; }
.cabinet-overview .cabinet-section-header h2 { font-size: 1rem; }
.cabinet-overview .cabinet-valuation { border-block: 1px solid var(--line); padding-block: .85rem; }
.cabinet-overview .cabinet-valuation-summary { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem 1rem; }
.cabinet-overview .cabinet-valuation-summary h2 { font-size: 1rem; margin: 0; font-weight: 400; }
.cabinet-overview .cabinet-valuation-summary strong { font-size: inherit; font-variant-numeric: tabular-nums; }
.cabinet-overview .cabinet-valuation-warning { margin: 0; padding: .2rem .4rem; font-size: .875rem; flex: 1 1 360px; }
.cabinet-overview .cabinet-valuation-breakdown { display: grid; grid-template-columns: auto 1fr; gap: .4rem 1rem; margin-top: .75rem; }
.cabinet-overview .cabinet-decisions { border: 1px solid var(--accent-line); border-radius: 12px; padding: 1rem; margin-bottom: 1rem; }
.cabinet-overview .cabinet-decisions h2 { font-size: 1rem; margin-bottom: .75rem; }
.cabinet-overview .cabinet-decision-list { list-style: none; padding: 0; margin: 0; }
.cabinet-overview .cabinet-decision-row { display: flex; justify-content: space-between; gap: .75rem 1rem; padding-block: .75rem; border-top: 1px solid var(--line-soft); }
.cabinet-overview .cabinet-decision-row:first-child { border-top: 0; }
.cabinet-overview .cabinet-decision-description { min-width: 0; overflow-wrap: anywhere; }
.cabinet-overview .cabinet-decision-actions { display: flex; flex: 0 1 auto; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .35rem; max-width: 60%; }
.cabinet-overview .cabinet-decision-actions .btn { white-space: normal; }
.cabinet-overview .cabinet-decision-more { border-top: 1px solid var(--line); padding-top: .5rem; }
.cabinet-overview [aria-label="Рекомендации производства"] .btn.is-active { color: var(--accent); border-color: var(--accent); background: var(--accent-soft); font-weight: 600; }
.cabinet-recommendation-heading { display: flex; align-items: baseline; gap: .5rem; min-width: 0; }
.cabinet-recommendation-title { font-size: 1.05rem; font-weight: 650; overflow-wrap: anywhere; }
.cabinet-recommendation-quantities { font-variant-numeric: tabular-nums; }
.cabinet-recommendation-main-number { font-size: 1.25rem; }
.cabinet-supply-badge { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 4px; padding: .15rem .4rem; font-size: .75rem; font-weight: 600; line-height: 1.4; }
.cabinet-supply-ok { background: var(--surface); color: var(--ink-soft); }
.cabinet-supply-attention { background: var(--warn-bg); color: var(--warn-ink); }
.cabinet-supply-critical { background: var(--danger-soft); color: var(--danger); }
.cabinet-gauge { height: 4px; margin-top: .75rem; background: var(--line-soft); border-radius: 2px; overflow: hidden; }
.cabinet-gauge > span { display: block; height: 100%; background: var(--accent); }
@media (max-width: 767px) {
  .cabinet-overview .cabinet-header { flex-wrap: wrap; }
  .cabinet-overview .cabinet-production { max-width: 100%; }
  .cabinet-overview .cabinet-production-switch > summary { min-height: 0; padding: .15rem 0; font-size: .875rem; }
  .cabinet-overview .cabinet-data-summary { font-size: .875rem; padding: .4rem 0; }
  .cabinet-overview .cabinet-navigation { gap: .4rem; }
  .cabinet-overview .cabinet-navigation a { padding-inline: .65rem; }
  .cabinet-overview .cabinet-decision-row { flex-direction: column; }
  .cabinet-overview .cabinet-decision-actions { flex-wrap: wrap; justify-content: flex-start; max-width: 100%; }
  .cabinet-overview .cabinet-valuation-breakdown { grid-template-columns: 1fr; }
}
.cabinet-overview { background: var(--surface); border-radius: 12px; padding: 1rem; }
.cabinet-overview .cabinet-section, .cabinet-overview .cabinet-decisions, .cabinet-overview .cabinet-recommendation-card,
.cabinet-overview .cabinet-expected, .cabinet-overview .cabinet-valuation { background: var(--bs-body-bg); }
.cabinet-data-toolbar { display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem 1rem; margin-bottom: .5rem; }
.cabinet-data-toolbar > details { min-width: 0; flex: 1; }
.cabinet-data-toolbar > form { flex-shrink: 0; }
.cabinet-overview .cabinet-data-summary { white-space: normal; overflow: visible; }
.cabinet-data-stale, .cabinet-estimate-label { color: var(--warn-ink); background: var(--warn-bg); border-radius: 4px; }
.cabinet-work-tabs { display: flex; flex-wrap: nowrap; gap: .5rem; overflow-x: auto; scrollbar-width: thin; }
.cabinet-work-tabs a { flex: 0 0 auto; min-height: 44px; display: inline-flex; align-items: center; padding-inline: 1rem; }
.cabinet-work-tabs a.is-active { background: var(--accent-soft); border-color: var(--accent); color: var(--accent); font-weight: 650; }
.cabinet-calm { color: var(--muted); padding: .75rem 1rem; border: 1px solid var(--line); border-radius: 8px; margin-bottom: 1rem; }
.cabinet-semi-group { border-top: 1px solid var(--line); padding-top: 1rem; margin-block: 1rem; }
.cabinet-semi-group > summary { font-weight: 650; }
.cabinet-expectation-list { display: grid; gap: .75rem; }
.cabinet-expected { padding: 1rem; border: 1px solid var(--line); border-radius: 8px; }
.cabinet-expected-items { padding-left: 1.2rem; margin-block: .75rem; }
.cabinet-overview .is-overdue { border-left: 3px solid var(--danger); padding-left: .75rem; }
.cabinet-overdue-label, .cabinet-decision-row.is-overdue .cabinet-decision-description > div:first-of-type { color: var(--danger); }
.cabinet-finance-summary { margin-bottom: 1rem; }
.cabinet-finance-totals { display: flex; gap: 1rem 3rem; flex-wrap: wrap; }
.cabinet-finance-totals > div { display: grid; gap: .25rem; }
.cabinet-finance-totals span { color: var(--muted); font-size: .875rem; }
.cabinet-finance-totals strong { font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.cabinet-estimate-label { font-size: .75rem; padding: .1rem .35rem; font-weight: 400; }
.cabinet-navigation-more { margin: -.5rem 0 1rem; color: var(--muted); font-size: .875rem; }
.cabinet-navigation-more > summary { width: fit-content; cursor: pointer; }
.cabinet-secondary-navigation { margin-top: .5rem; }
@media (max-width: 767px) {
  .cabinet-overview { padding: .5rem; }
  .cabinet-data-toolbar { flex-wrap: wrap; }
  .cabinet-data-toolbar > details { flex-basis: 100%; }
  .cabinet-finance-totals { display: grid; gap: 1rem; }
  .cabinet-work-tabs a { flex: 1 0 auto; justify-content: center; padding-inline: .75rem; }
}
/* Error messages share one treatment; negative financial amounts keep their own styling. */
.site-error,
.alert-danger,
.validation-summary-errors,
.field-validation-error {
  color: #000 !important;
  background-color: #f8d7da;
  border: 1px solid #f1aeb5;
  border-radius: .375rem;
  padding: .65rem 1rem;
  overflow-wrap: anywhere;
}
.site-error, .validation-summary-errors { margin-bottom: 1rem; }
.field-validation-error { display: block; margin-top: .35rem; }
.site-error[hidden], .site-error:empty,
.validation-summary-valid, .field-validation-valid { display: none; }
.validation-summary-errors ul { margin-bottom: 0; padding-left: 1.25rem; }
.site-error .text-danger, .alert-danger .text-danger,
.site-error code { color: inherit !important; }
.site-error a, .alert-danger a { color: inherit; text-decoration: underline; }

/* Warnings use a readable yellow surface instead of yellow text on white. */
.site-warning,
.alert-warning,
.text-warning,
.cabinet-valuation-warning,
.cabinet-supply-attention,
.cabinet-data-stale,
.cabinet-estimate-label {
  color: #000 !important;
  background-color: var(--warn-bg);
  border-radius: .375rem;
  overflow-wrap: anywhere;
}
.site-warning, .alert-warning,
p.text-warning, div.text-warning, details.text-warning {
  border: 1px solid var(--bs-warning-border-subtle, var(--warn-bg));
  padding: .65rem 1rem;
}
span.text-warning, small.text-warning, a.text-warning {
  padding: .1rem .35rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
ul.text-warning, ol.text-warning { padding: .65rem 1rem .65rem 2rem; }
details.text-warning > :last-child { margin-bottom: 0; }
.site-warning a:not(.btn), .alert-warning a:not(.btn), .text-warning a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.site-warning .text-warning, .alert-warning .text-warning, .text-warning .text-warning {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.site-error .text-warning, .alert-danger .text-warning {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.site-warning[hidden], .site-warning:empty { display: none; }

:root { --marketplace-wb: #8b37c4; --marketplace-ozon: #0050d8; }
.split-release { min-width: 0; overflow-wrap: anywhere; }
.split-release-preview { background-color: #d1e7dd; color: #000; border-color: #75b798; scroll-margin-top: 1rem; }
.split-release .btn { white-space: normal; max-width: 100%; }
.split-release .form-select, .split-release .form-control { min-width: 0; max-width: 100%; }
.split-release-variant > div { flex: 1 1 20rem; min-width: 0; }
@media (max-width: 575.98px) {
  .split-release nav .btn, .split-release-variant .btn { width: 100%; }
}
.marketplace-name { font: inherit; white-space: nowrap; pointer-events: none; }
.marketplace-name--wb { color: var(--marketplace-wb) !important; }
.marketplace-name--ozon { color: var(--marketplace-ozon) !important; }
/* A small light backing keeps the letters readable on filled buttons and badges. */
.btn .marketplace-name, .badge .marketplace-name,
.nav-pills .active .marketplace-name, .dropdown-item.active .marketplace-name {
  background: #fff;
  border-radius: .15rem;
  padding-inline: .12em;
}
