/* Auto-generated by CSS refactor */

#m-add.md{
  background:rgba(0,0,0,0.85);
}

.md.o{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.mc{
  width:100%;
  max-height:98dvh;
  max-height:98svh;
  overflow-y:auto;
  overflow-x:hidden;

  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;

  background:var(--card);
  border-top-left-radius:28px;
  border-top-right-radius:28px;
  border:1px solid var(--stroke);
  /* тень убрана — внутри оверлея не видна, только нагружала GPU */
  padding:16px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));

  transform:translateY(100%);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  
}

#m-data .mc{
  position: relative;
}

#m-data .data-block{
  position: relative;
  z-index: 5;
  pointer-events: auto;
}

#m-data .data-block .br{
  position: relative;
  z-index: 6;
  pointer-events: auto;
  touch-action: manipulation;
}

.mc-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
  padding-top: env(safe-area-inset-top);
}

.mc-title{ font-weight:900; font-size:14px; }

.md .mc input::placeholder,
.md .mc textarea::placeholder{
  color:rgba(242,245,247,.45) !important;
  opacity:1 !important;
}

#m-extra .mc input,
#m-extra .mc select,
#m-extra .mc textarea,
#m-extra .mc .br,
#m-extra .mc .mini{
  margin:6px 0 !important;
}

#m-add .mc .br:last-of-type,
#m-extra .mc .br:last-of-type{ margin-bottom:0 !important; }

#m-add .mc .br.primary{
  margin-bottom:6px !important;
  border-width:1px !important;
  border-:solid !important;
  border-color:var(--p-brd) !important;
}

#m-add .mc .br.primary + .br{ margin-top:6px !important; }

#m-view .mc-top .mini:active{
  transform:translateY(1px) scale(0.99);
  filter:brightness(1.06);
}

#m-view .btn-row{ gap:10px !important; }

#m-view .btn-row > button{
  min-height:52px;
  border-radius:18px;
  font-weight:900;
  letter-spacing:0.2px;
  box-shadow:var(--p-sh), inset 0 1px 0 var(--p-in);
}

#m-view .btn-row > button.br.primary{
  box-shadow:var(--p-sh), inset 0 1px 0 rgba(255,255,255,0.18), 0 0 14px var(--aura) !important;
}

#m-view .btn-row > button.br:not(.primary){
  border:1px solid var(--p-brd) !important;
  background:var(--p-bg) !important;
}

#m-extra #extra-doc-preview.doc{
  border:1px solid var(--ring) !important;
  box-shadow:0 10px 26px rgba(0,0,0,0.10), 0 0 0 1px rgba(255,255,255,0.35) inset !important;
}

#m-extra input,
#m-extra select,
#m-extra .br,
#m-extra .mini{ font-size:12px !important; }

#m-data .mc > .br{
  width:100%;
  margin:10px 0;
  border-radius:18px;
  padding:16px;
  font-weight:800;
  letter-spacing:.2px;

  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

#m-data .mc > .br:active{
  transform:translateY(1px) scale(.99);
  filter:brightness(.98);
  box-shadow:
    var(--e-btn-press),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 6px 16px rgba(0,0,0,.18);
}

.md .mc{
  background: var(--p-bg);
  border: 1px solid var(--p-brd);
  box-shadow: var(--p-sh), inset 0 1px 0 var(--p-in);
}

#m-data .mc .mc-top{
  flex: 0 0 auto;
}

#m-data .mc .mc-body,
#m-data .mc .mc-content,
#m-data .mc .mc-main,
#m-data .mc .data-block{
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#m-data .data-block .br{
  margin-top: 8px;
}

.md .br:active,
.md button.br:active{
  transform: scale(.97);
  filter: brightness(1.08);
}

.md .mc-top .t{
  flex: 1 1 auto;
}

#m-add #debt-options select,
#m-add #debt-options input{
  margin:0 !important;
  width:100%;
  box-sizing:border-box;
}

#m-add .br.primary,
#m-add .br.ghost{
  background:var(--accent) !important;
  color:#071018 !important;
  border:0 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

#m-add .br.ghost{
  opacity:.92; /* чуть спокойнее, но тот же цвет */
}

.md input::placeholder,
.md textarea::placeholder{
  color: color-mix(in srgb, var(--text) 55%, transparent) !important;
}

.md .doc th{ color:#111 !important; opacity:0.72 !important; }

.md .doc td{ color:#111 !important; }

.md .fish-row input,
.md .fish-row select{
  min-height: 52px !important;
  border-radius: 18px !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.md .fish-row button.mini.danger,
.md .ship-exp-line.fish-row button.mini,
.md .fish-row.ship-exp-row button.mini{
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  background: rgba(255,80,80,0.14) !important;
  border: 1px solid rgba(255,80,80,0.25) !important;
  box-shadow: none !important;
  color: rgba(255,100,100,0.85) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.md .fish-row .del-fish:active,
.md .fish-row button.mini.danger:active,
.md .ship-exp-line.fish-row button.mini:active,
.md .fish-row.ship-exp-row button.mini:active{
  transform: translateY(1px) scale(0.98) !important;
  filter: brightness(1.05) saturate(1.1) !important;
}

.md .fish-row .del-fish:active{
  transform: scale(0.92) !important;
  background: rgba(255,80,80,0.25) !important;
}

.md .fish-row button.mini.danger,
.md .ship-exp-line.fish-row button.mini,
.md .fish-row.ship-exp-row button.mini{
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  background: rgba(255,80,80,0.14) !important;
  border: 1px solid rgba(255,80,80,0.25) !important;
  box-shadow: none !important;
  color: rgba(255,100,100,0.85) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.md .fish-row button.mini.danger:active,
.md .ship-exp-line.fish-row button.mini:active,
.md .fish-row.ship-exp-row button.mini:active{
  transform: scale(0.92) !important;
  background: rgba(255,80,80,0.25) !important;
}

.md .mc #fish-logic .fish-left,
.md .mc #extra-fish-logic .fish-left{
  gap: 8px !important;
}

#m-extra #extra-exp-wrap .exp-wrap-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding: 2px 4px 10px !important;
  opacity: .92 !important;
}

#m-extra #extra-exp-wrap .exp-wrap-top b{
  font-weight: 900 !important;
}

#m-extra #extra-exp-wrap .pick-row{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:14px 14px !important;
  border-radius:14px !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.14) !important;

  color: inherit !important;
}

#m-extra #extra-exp-wrap .pick-row .arr{
  opacity:.75 !important;
  font-weight:900 !important;
  font-size:18px !important;
  line-height:1 !important;
}

#m-confirm .mc {
  max-width: 340px;
  border-radius: 24px;
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
              opacity 0.2s ease;
}

#m-confirm.o .mc {
  transform: scale(1);
  opacity: 1;
}

#m-confirm .mc .mb {
  padding: 24px 20px;
}

#m-confirm .mc .s1 {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
}

#m-confirm .mc .s1 + div {
  justify-content: center;
  margin-top: 20px;
}

#m-confirm .br {
  flex: 1;
  min-height: 44px;
  font-weight: 900;
  font-size: 14px;
}

#m-cat .mc,
#m-prepay .mc {
  max-width: 340px;
  border-radius: 24px;
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
              opacity 0.2s ease;
}

#m-cat.o .mc,
#m-prepay.o .mc {
  transform: scale(1);
  opacity: 1;
}

#m-cat .mc .mb,
#m-prepay .mc .mb {
  padding: 24px 20px;
}

#m-add #due-date-wrap.h  { display: none !important; }

#m-extra #extra-exp-wrap{ margin-top: var(--gap-fish-exp) !important; }

#m-extra #e-comm{ margin-top: var(--gap-date-comm) !important; }

#m-extra #extra-doc-preview *{
  max-width:100% !important;
}

#m-rec .mc{
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 4px 0 4px 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

#m-rec .mc-top,
#m-rec #rec-body,
#m-rec .recPk,
#m-rec .recCn,
#m-rec .recDt,
#m-rec .recCard,
#m-rec .recSum,
#m-rec .recFoot{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#m-rec #rec-body{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#m-rec .recCard,
#m-rec .recSum,
#m-rec .recFoot{
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
}

#m-add .mc-body,
#m-add .mc-body-wrap,
#m-add .mc-inner,
#m-add .content-wrap {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#m-rec .recVzHd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}

#m-rec .recVzTitle{
  font-size:18px;
  font-weight:900;
  color:#ffb15c;
  letter-spacing:.2px;
}

#m-rec .recVzAmt{
  font-size:22px;
  font-weight:1000;
  color:#ff8f2a;
}

#m-rec .recVzSub{
  margin-bottom:12px;
  font-size:13px;
  line-height:1.35;
  color:rgba(255,232,210,.88);
}

#m-rec .recVzGrid{
  display:grid;
  grid-template-columns: 1fr 140px;
  gap:10px;
  margin-bottom:12px;
}

#m-rec .recVzField{
  display:flex;
  flex-direction:column;
  gap:6px;
}

#m-rec .recVzField span{
  font-size:12px;
  font-weight:800;
  color:#ffd3aa;
}

#m-rec .recVzField input{
  height:44px;
  border-radius:14px;
  border:1px solid rgba(255,140,40,.24);
  background: rgba(10,12,18,.52);
  color:#fff5e9;
  padding:0 12px;
  box-sizing:border-box;
  outline:none;
}

#m-rec .recVzBtn{
  width:100%;
  height:46px;
  border:none;
  border-radius:14px;
  background: linear-gradient(180deg, #ff8f2a, #ff7420);
  color:#fff8f2;
  font-size:15px;
  font-weight:900;
  box-shadow:
    0 12px 28px rgba(255,116,32,.20),
    inset 0 1px 0 rgba(255,255,255,.18);
  opacity:1;
  transform: translateY(0);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
}

#m-rec .recVzBtn:active{
  transform: translateY(2px) scale(.985);
  box-shadow:
    0 4px 10px rgba(255,116,32,.16),
    inset 0 2px 6px rgba(0,0,0,.18);
  filter: brightness(.96);
}

#m-rec .recVzBtn:hover{
  filter: brightness(1.03);
}

#m-rec.md{
  align-items: flex-start !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-top: max(8px, env(safe-area-inset-top)) !important;
  padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
}

#m-rec .mc,
#m-rec .mc-body,
#m-rec .mcBody,
#m-rec .recWrap,
#m-rec .recBody,
#m-rec .recList{
  max-height: calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom))) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.md, .mc, .modal {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

#m-extra #extra-date-wrap{
  border-radius: var(--r-box) !important;
  margin-top: var(--gap-exp-date) !important;
}

#m-extra #extra-exp-wrap { margin-bottom: 0 !important; }

#m-extra #extra-date-wrap, #m-extra #extra-due-wrap { position: relative !important; padding: 0 !important; border: none !important; background: none !important; box-shadow: none !important; height: auto !important; }

#m-extra #e-comm { border-radius: 16px !important; }

#m-extra .br.primary { border-radius: 12px !important; }

#m-extra #extra-date-wrap .in-date-title, #m-extra #extra-due-wrap .in-date-title { display: block !important; position: absolute !important; left: 16px !important; top: 8px !important; font-size: 11px !important; line-height: 1 !important; opacity: .55 !important; pointer-events: none !important; z-index: 2 !important; margin: 0 !important; padding: 0 !important; }

#m-extra #extra-date-wrap { margin-top: 0 !important; margin-bottom: 0 !important; }

#m-extra #extra-due-wrap { margin-top: 0 !important; margin-bottom: 0 !important; }

#m-add #debt-options { margin: 0 !important; padding: 0 !important; }

#m-data .menu-group-btn::after {
  content: "▾";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  opacity: .5;
  transition: transform .2s;
}

#m-data .menu-group-btn.open::after {
  transform: translateY(-50%) rotate(180deg);
}

#m-data .menu-group-panel {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

#m-data .menu-group-panel .br {
  font-size: 13px !important;
  min-height: 46px !important;
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#m-data .menu-group-panel .br:active {
  background: rgba(46,213,115,0.15) !important;
}

#m-add #debt-options { margin: 0 !important; padding: 0 !important; }


/* ══ ship-doc-preview fix (темы 4 и 5) ══ */
#m-add #ship-doc-preview.doc,
#m-extra #extra-doc-preview.doc {
  min-height: 0 !important;
  height: auto !important;
  max-height: 46vh;
  overflow: auto;
}
/* Перебиваем min-height:0 из RESTORE-блоков theme-4/5.css (2,2,1).
   modals.css грузится позже → та же специфичность → этот блок побеждает. */
body[data-theme="4"] #m-add #ship-doc-preview.doc,
body[data-theme="5"] #m-add #ship-doc-preview.doc {
  min-height: 0 !important;
  height: auto !important;
  max-height: 46vh !important;
  overflow: auto !important;
}
.md #ship-doc-preview.doc,
.md #extra-doc-preview.doc {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  color: #111 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.10) !important;
}

#ship-doc-preview {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* ── #ship-doc-preview: таблица авто-расширяется по содержимому ──────────
   invoice-fix.css ставит .doc table { table-layout:fixed; width:100% } — колонки
   сжимаются до viewport/6 ≈ 50px. Перебиваем ID-селектором (1,0,1) > класс (0,1,1).
   min-width:100% — минимум на всю ширину превью; width:auto — расширяется если шире. */
#ship-doc-preview table {
  table-layout: auto !important;
  width: 100% !important;
}

/* ── #ship-doc-preview: как #m-extra #extra-doc-preview в style.css (L4205) ── */
#m-add #ship-doc-preview {
  width: 100% !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;

}

/* ══════════════════════════════════════════════════════
   Единые стили контейнеров форм через CSS-переменные
   (активны только в темах где определены --form-* vars)
   ══════════════════════════════════════════════════════ */
.in-field,
.contr-pick-btn,
#extra-date-wrap,
#extra-due-wrap {
  border-radius: var(--form-radius) !important;
  padding: var(--form-padding) !important;
  background: var(--form-bg) !important;
  border: var(--form-border) !important;
  color: var(--form-color) !important;
  box-shadow: var(--form-shadow) !important;
}

/* ═══ УНИФИКАЦИЯ #m-add + #m-extra: flex-колонка, gap, border-radius, высота ═══
   Эталон: .in-field → border-radius: var(--form-radius, 18px), height: var(--fpeCtlH, 54px).
   Spec (1,1,0) — базовый слой, темы перебивают где нужно.
   ════════════════════════════════════════════════════════════════════════════════ */

/* 1. Flex-колонка с единым gap */
#m-add .mc,
#m-extra .mc {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--form-gap) !important;
}

/* 2. Обнуляем margin на прямых детях — gap заменяет */
#m-add .mc > *,
#m-extra .mc > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 3. border-radius для всех видимых полей и кнопок */
#m-add .mc > input:not([type="hidden"]),
#m-add .mc > select,
#m-add .mc > .br,
#m-add .mc > .in-field,
#m-add .mc > .contr-pick-btn,
#m-extra .mc > input:not([type="hidden"]),
#m-extra .mc > select,
#m-extra .mc > .br,
#m-extra .mc > .in-date,
#m-extra .mc > .ship-exp {
  border-radius: var(--form-radius, 18px) !important;
}

/* 4. Единая высота строк для текстовых и дата-полей */
#m-add .mc > input:not([type="hidden"]),
#m-add .mc > select,
#m-extra .mc > input:not([type="hidden"]),
#m-extra .mc > select {
  height: var(--fpeCtlH, 54px) !important;
  min-height: var(--fpeCtlH, 54px) !important;
  box-sizing: border-box !important;
}

#m-add #fish-logic,
#m-add #ship-expenses,
#m-add .contr-pick-btn,
#m-add .in-field,
#m-add #ship-date-wrap,
#m-add #due-date-wrap,
#m-add #i-desc {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

body[data-theme="4"] #m-add .in-field,
body[data-theme="4"] #m-add #fish-logic,
body[data-theme="4"] #m-add #ship-expenses,
body[data-theme="4"] #m-add .contr-pick-btn,
body[data-theme="4"] #m-add #ship-date-wrap,
body[data-theme="4"] #m-add #i-desc,
body[data-theme="5"] #m-add .in-field,
body[data-theme="5"] #m-add #fish-logic,
body[data-theme="5"] #m-add #ship-expenses,
body[data-theme="5"] #m-add .contr-pick-btn,
body[data-theme="5"] #m-add #ship-date-wrap,
body[data-theme="5"] #m-add #i-desc {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* GAP FIX: прямые и вложенные блоки #m-add */
#m-add #fish-logic,
#m-add #ship-expenses,
#m-add .contr-pick-btn,
#m-add .in-field,
#m-add #i-desc,
#m-add #ship-date-wrap,
#m-add #due-date-wrap {
}

/* FIX: возвращаем box-shadow для #m-add инпутов */
#m-add input,
#m-add select,
#m-add textarea {
}

/* FIX: убеждаемся что gap работает */
#m-add .mc {
}

/* FIX: убираем разрыв после fish-logic */
#m-add #fish-logic {
}

/* FIX: дата отгрузки — лейбл не налезает */
#m-add #ship-date-wrap input,
#m-add #due-date-wrap input {
}

#m-add .in-field-label {
}

/* ── Расход по отгрузке: Покупатель / Мой расход ── */
.ship-exp-row { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-radius: 14px; margin-bottom: 8px; }
.ship-exp-row-top { display: flex; align-items: center; justify-content: space-between; }
.ship-exp-row-text { font-size: 14px; font-weight: 600; }
.ship-exp-row-del { background: rgba(220,50,50,0.15); border: none; border-radius: 8px; width: 32px; height: 32px; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.ship-exp-who-label { font-size: 12px; opacity: 0.6; margin-top: 2px; }
.ship-exp-who-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ship-exp-who-btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 11px 8px; border-radius: 12px; border: 1.5px solid rgba(128,128,128,0.3); background: transparent; font-size: 13px; font-weight: 600; cursor: pointer; opacity: 0.5; transition: all 0.17s ease; color: inherit; }
.ship-exp-who-btn.buyer.active { background: #27ae60; border-color: #27ae60; color: #fff; opacity: 1; box-shadow: 0 3px 10px rgba(39,174,96,0.35); }
.ship-exp-who-btn.mine.active { background: #e74c3c; border-color: #e74c3c; color: #fff; opacity: 1; box-shadow: 0 3px 10px rgba(231,76,60,0.35); }
.ship-exp-who-btn svg { flex-shrink: 0; }
.ship-exp-who-hint { font-size: 11px; opacity: 0.55; min-height: 14px; }

/* OVERRIDE: расход по отгрузке — принудительный layout */
.ship-exp-row { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.ship-exp-row-top { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; }
.ship-exp-who-label { display: block !important; font-size: 12px !important; opacity: 0.6 !important; margin-top: 4px !important; }
.ship-exp-who-toggle { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; width: 100% !important; }
.ship-exp-who-btn { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 11px 8px !important; border-radius: 12px !important; border: 1.5px solid rgba(128,128,128,0.3) !important; background: transparent !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer !important; opacity: 0.5 !important; color: inherit !important; width: 100% !important; }
.ship-exp-who-btn.buyer.active { background: #27ae60 !important; border-color: #27ae60 !important; color: #fff !important; opacity: 1 !important; }
.ship-exp-who-btn.mine.active { background: #e74c3c !important; border-color: #e74c3c !important; color: #fff !important; opacity: 1 !important; }
.ship-exp-who-hint { display: block !important; font-size: 11px !important; opacity: 0.55 !important; }
/* Obsidian: кнопки расхода */
body[data-theme="4"] .ship-exp-who-btn { border-color: rgba(196,154,40,0.4) !important; white-space: nowrap !important; }
body[data-theme="4"] .ship-exp-who-btn.buyer.active { background: #27ae60 !important; border-color: #27ae60 !important; color: #fff !important; opacity: 1 !important; }
body[data-theme="4"] .ship-exp-who-btn.mine.active { background: #e74c3c !important; border-color: #e74c3c !important; color: #fff !important; opacity: 1 !important; }
/* Все темы: запрет переноса */
.ship-exp-who-btn { white-space: nowrap !important; }

body[data-theme="4"] .ship-exp-who-btn { border: 1.5px solid rgba(196,154,40,0.5) !important; white-space: nowrap !important; }
body[data-theme="4"] .ship-exp-who-btn.buyer.active { background: #27ae60 !important; border-color: #27ae60 !important; color: #fff !important; opacity: 1 !important; }
body[data-theme="4"] .ship-exp-who-btn.mine.active { background: #e74c3c !important; border-color: #e74c3c !important; color: #fff !important; opacity: 1 !important; }

/* ══ ФИНАЛЬНЫЙ OVERRIDE: кнопки Покупатель/Мой расход — все темы ══ */
.ship-exp-who-btn.ship-exp-who-btn {
  width: auto !important; min-width: 0 !important;
  height: auto !important; padding: 11px 8px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(128,128,128,0.4) !important;
  background: transparent !important;
  font-size: 13px !important; font-weight: 600 !important;
  white-space: nowrap !important; opacity: 0.6 !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; gap: 6px !important;
  box-shadow: none !important; color: inherit !important;
}
.ship-exp-who-btn.buyer.active.buyer.active {
  background: #27ae60 !important; border-color: #27ae60 !important;
  color: #fff !important; opacity: 1 !important;
  box-shadow: 0 3px 10px rgba(39,174,96,0.4) !important;
}
.ship-exp-who-btn.mine.active.mine.active {
  background: #e74c3c !important; border-color: #e74c3c !important;
  color: #fff !important; opacity: 1 !important;
  box-shadow: 0 3px 10px rgba(231,76,60,0.4) !important;
}