/* ╔══════════════════════════════════════════════════════════╗
   ║  STEEL FOG — тема 6                                     ║
   ║  Фон: #3A3F4A · Текст: #E8EDF5 · Ободки: стальные      ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ═══════════════════════════════════════════
   1. CSS-ПЕРЕМЕННЫЕ
   ═══════════════════════════════════════════ */
body[data-theme="6"] {
  --bg:        #3A3F4A;
  --bg-deep:   #343840;
  --bg-glow:   rgba(160,176,200,0.06);
  --card:      #404550;
  --card-bg:   rgba(52,56,64,0.96);
  --card-brd:  1px solid rgba(210,220,235,0.22);
  --card-in:   rgba(210,220,235,0.06);
  --card-sh:   10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50);

  --text:  #E8EDF5;
  --muted: rgba(232,237,245,0.45);

  --accent:      #A0B0C8;
  --accent-soft: rgba(160,176,200,0.25);

  --good: #4A9E7A;
  --bad:  #E05A5A;
  --warn: #C8923A;

  --stroke: rgba(210,220,235,0.22);
  --ring:   rgba(210,220,235,0.22);
  --aura:   rgba(210,220,235,0.22);

  --shadow:    10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50);
  --shadow2:   -6px -6px 14px rgba(65,72,88,0.50);
  --shadow-lg: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50);
  --shadow-md: 7px 7px 16px rgba(20,23,28,0.75), -4px -4px 10px rgba(65,72,88,0.38);

  --e-btn:       10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50);
  --e-hi:        -6px -6px 14px rgba(65,72,88,0.50);
  --e-btn-press: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42);
  --e-hi-soft:   -4px -4px 10px rgba(65,72,88,0.38);
  --e-card:      10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50);

  --btn-sh:      10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50);
  --btn-hi:      -6px -6px 14px rgba(65,72,88,0.50);
  --btn-press:   inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42);
  --btn-hi-soft: -4px -4px 10px rgba(65,72,88,0.38);
  --btn-bg:      rgba(64,69,80,0.97);
  --btn-brd:     rgba(210,220,235,0.22);

  --p-bg:  rgba(58,63,74,0.97);
  --p-brd: rgba(210,220,235,0.22);
  --p-in:  rgba(210,220,235,0.06);
  --p-sh:  10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50);

  --nav-bg: #343840;

  --glow-aura:  rgba(160,176,200,0.12);
  --glow-aura2: rgba(160,176,200,0.06);
  --glow-ring:  rgba(160,176,200,0.22);

  --form-radius:  18px;
  --form-padding: 14px 16px;
  --form-gap:     10px;
  --form-bg:      rgba(52,56,64,0.95);
  --form-border:  1px solid rgba(210,220,235,0.22);
  --form-shadow:  inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42);
  --form-color:   #E8EDF5;

  --fpeCtlH:     54px;
  --fpeCtlPadX:  16px;
  --fpeBtnH:     52px;
  --fpeBtnW:     88%;
  --fpeFont:     15px;
  --fpe-radius:  16px;
  --fpeFieldGap: 0px;

  --DATE_NUM_BOTTOM:  -6px;
  --DATE_NUM_H:       34px;
  --DATE_NUM_SIZE:    12px;
  --DATE_NUM_PAD_L:   18px;
  --DATE_NUM_PAD_R:   56px;
  --DATE_LABEL_TOP:   10px;

  color-scheme: dark;
  position: relative;
}

/* ═══════════════════════════════════════════
   2. BODY / ФОНОВЫЙ СЛОЙ
   ═══════════════════════════════════════════ */
body[data-theme="6"] {
  background: #3A3F4A;
  color: #E8EDF5;
}

body[data-theme="6"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(700px 500px at 12% 10%, rgba(80,90,110,0.14), transparent 58%),
    radial-gradient(500px 400px at 86% 84%, rgba(55,65,85,0.10), transparent 65%),
    linear-gradient(160deg, #3A3F4A 0%, #343840 100%);
}

/* ═══════════════════════════════════════════
   3. .tgl
   ═══════════════════════════════════════════ */
body[data-theme="6"] .tgl {
  background: #343840 !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
}

/* ═══════════════════════════════════════════
   4. .mb, .mb.a
   ═══════════════════════════════════════════ */
body[data-theme="6"] .mb {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] .mb.a,
body[data-theme="6"] #tgl-mode .mb.a {
  background: linear-gradient(135deg, #A0B0C8, #7A90AD) !important;
  border: 1px solid rgba(210,220,235,0.32) !important;
  box-shadow: 0 3px 14px rgba(160,176,200,0.38) !important;
  color: #fff !important;
}

/* ═══════════════════════════════════════════
   5. .sb, .goal-mini
   ═══════════════════════════════════════════ */
body[data-theme="6"] .sb,
body[data-theme="6"] .goal-mini {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  color: #E8EDF5 !important;
}

/* ═══════════════════════════════════════════
   6. .mini
   ═══════════════════════════════════════════ */
body[data-theme="6"] .mini {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] .mini:active {
  transform: translateY(1px) scale(0.985) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
}

/* ═══════════════════════════════════════════
   7. .search-box
   ═══════════════════════════════════════════ */
body[data-theme="6"] .search-box {
  background: #343840 !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] .search-box::placeholder {
  color: rgba(232,237,245,0.38) !important;
}

/* ═══════════════════════════════════════════
   8. .rb, .rb.a
   ═══════════════════════════════════════════ */
body[data-theme="6"] .rb {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] .rb.a {
  background: #343840 !important;
  border: 1px solid rgba(210,220,235,0.28) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] .rb:active {
  transform: translateY(1px) scale(0.985) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
}

/* ═══════════════════════════════════════════
   9. .cd, .it, .ii
   ═══════════════════════════════════════════ */
body[data-theme="6"] .cd,
body[data-theme="6"] .it,
body[data-theme="6"] .ii {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  color: #E8EDF5 !important;
}

/* ═══════════════════════════════════════════
   10. .br, .br.primary, .br.ghost
   ═══════════════════════════════════════════ */
body[data-theme="6"] .br {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] .br.primary {
  background: linear-gradient(145deg, #A0B0C8, #7A90AD) !important;
  border: 1px solid rgba(210,220,235,0.32) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  color: #fff !important;
}

body[data-theme="6"] .br.ghost {
  background: transparent !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: none !important;
  color: rgba(232,237,245,0.60) !important;
}

body[data-theme="6"] .br:active {
  transform: translateY(1px) scale(0.985) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
}

/* ═══════════════════════════════════════════
   11. .nv, .nb b, .nb.a b
   ═══════════════════════════════════════════ */
body[data-theme="6"] .nv {
  background: rgba(52,56,64,0.98) !important;
  border-top: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 0 -6px 28px rgba(20,23,28,0.75), 0 -1px 0 rgba(65,72,88,0.30) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

body[data-theme="6"] .nb b {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
}

body[data-theme="6"] .nb.a b {
  background: #343840 !important;
  border: 1px solid rgba(210,220,235,0.28) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
}

/* ═══════════════════════════════════════════
   12. input, select, textarea
   ═══════════════════════════════════════════ */
body[data-theme="6"] input,
body[data-theme="6"] select,
body[data-theme="6"] textarea {
  color: #E8EDF5 !important;
  background: #343840 !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
}

body[data-theme="6"] input:focus,
body[data-theme="6"] select:focus,
body[data-theme="6"] textarea:focus {
  outline: none !important;
  border-color: rgba(210,220,235,0.38) !important;
  box-shadow: 0 0 0 3px rgba(160,176,200,0.16),
              inset 6px 6px 14px rgba(20,23,28,0.75),
              inset -4px -4px 10px rgba(65,72,88,0.36) !important;
}

body[data-theme="6"] input::placeholder,
body[data-theme="6"] textarea::placeholder {
  color: rgba(232,237,245,0.38) !important;
}

/* ═══════════════════════════════════════════
   13. .ci, .ci.s
   ═══════════════════════════════════════════ */
body[data-theme="6"] .ci {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  border-radius: 16px !important;
}

body[data-theme="6"] .ci.s {
  border: 2px solid rgba(160,176,200,0.58) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
}

body[data-theme="6"] #m-add .ci,
body[data-theme="6"] #box-cats .ci {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border-color: rgba(210,220,235,0.22) !important;
}

/* ═══════════════════════════════════════════
   14. Гриды
   ═══════════════════════════════════════════ */
body[data-theme="6"] #box-cats.cg,
body[data-theme="6"] #list,
body[data-theme="6"] #d-list {
  background: rgba(58,63,74,0.97) !important;
  border-radius: 22px;
  padding: 10px;
}

/* ═══════════════════════════════════════════
   15. .md .mc, .mc-top
   ═══════════════════════════════════════════ */
body[data-theme="6"] .md .mc {
  background: #3A3F4A !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 0 32px 80px rgba(20,23,28,0.90), 0 6px 20px rgba(20,23,28,0.50) !important;
}

body[data-theme="6"] .md .mc .mc-top,
body[data-theme="6"] #m-add .mc-top,
body[data-theme="6"] #m-extra .mc-top,
body[data-theme="6"] #m-debt .mc-top {
  background: #343840 !important;
  border-bottom: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 0 4px 18px rgba(20,23,28,0.55) !important;
}

/* ═══════════════════════════════════════════
   16. #fish-logic, #ship-expenses, #extra-*
   ═══════════════════════════════════════════ */
body[data-theme="6"] #m-add #fish-logic,
body[data-theme="6"] #m-add #ship-expenses,
body[data-theme="6"] #m-extra #extra-fish-logic,
body[data-theme="6"] #m-extra #extra-exp-wrap {
  background: rgba(52,56,64,0.95) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  border-radius: 18px !important;
  padding: 14px !important;
}

body[data-theme="6"] #m-add #fish-logic > .br,
body[data-theme="6"] #m-add #ship-expenses .br,
body[data-theme="6"] #m-add #btn-ship-exp-add,
body[data-theme="6"] #m-extra #extra-fish-logic > .br,
body[data-theme="6"] #m-extra #extra-exp-wrap .br,
body[data-theme="6"] #m-extra #btn-extra-exp {
  background: rgba(52,56,64,0.95) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  border-radius: 18px !important;
  height: var(--fpeBtnH, 52px) !important;
  color: #E8EDF5 !important;
  -webkit-text-fill-color: #E8EDF5 !important;
}

/* ═══════════════════════════════════════════
   17. .contr-pick-btn, .cs-btn
   ═══════════════════════════════════════════ */
body[data-theme="6"] .contr-pick-btn {
  background: rgba(52,56,64,0.95) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  color: #E8EDF5 !important;
  border-radius: 18px !important;
}

body[data-theme="6"] .contr-pick-btn:active { opacity: 0.85 !important; }

body[data-theme="6"] .cs-btn {
  background: rgba(52,56,64,0.95) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] .cs-btn:active { opacity: 0.85 !important; }

/* ═══════════════════════════════════════════
   18. .fish-row
   ═══════════════════════════════════════════ */
body[data-theme="6"] .md .fish-row {
  background: rgba(60,65,76,0.96) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50),
              inset 0 1px 0 rgba(210,220,235,0.10) !important;
}

body[data-theme="6"] .md .fish-row .del-fish {
  background: rgba(210,220,235,0.08) !important;
  border: 1px solid rgba(210,220,235,0.18) !important;
  color: rgba(232,237,245,0.55) !important;
  box-shadow: none !important;
}

body[data-theme="6"] .md .fish-row .del-fish:active {
  background: rgba(224,90,90,0.18) !important;
  border-color: rgba(224,90,90,0.32) !important;
  color: rgba(220,38,38,0.95) !important;
}

body[data-theme="6"] .md .fish-row input,
body[data-theme="6"] .md .fish-row select {
  background: #343840 !important;
  border-color: rgba(210,220,235,0.22) !important;
  color: #E8EDF5 !important;
}

/* ═══════════════════════════════════════════
   19. .picker-chip, .picker-chip.sel
   ═══════════════════════════════════════════ */
body[data-theme="6"] .picker-chip {
  background: linear-gradient(145deg, #404550, #32373F) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: 10px 10px 22px rgba(20,23,28,0.85), -6px -6px 14px rgba(65,72,88,0.50) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] .picker-chip.sel {
  background: #343840 !important;
  border: 2px solid rgba(160,176,200,0.50) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
}

/* ═══════════════════════════════════════════
   20. Суммы
   ═══════════════════════════════════════════ */
body[data-theme="6"] .total,
body[data-theme="6"] .sum,
body[data-theme="6"] .money {
  color: #A0B0C8 !important;
}

/* ═══════════════════════════════════════════
   21. #m-add поля — единые стили
   ═══════════════════════════════════════════ */
body[data-theme="6"] #m-add select,
body[data-theme="6"] #m-add input,
body[data-theme="6"] #m-add textarea {
  background: #343840 !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  color: #E8EDF5 !important;
}

body[data-theme="6"] #m-add #i-meth {
  display: block !important;
  width: 100% !important;
  height: var(--fpeCtlH, 54px) !important;
  min-height: var(--fpeCtlH, 54px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 46px 0 var(--fpeCtlPadX, 16px) !important;
  color: #E8EDF5 !important;
  font-size: var(--fpeFont, 15px) !important;
  font-weight: 700 !important;
  line-height: normal !important;
  border-radius: 18px !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #343840 !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(232,237,245,0.75) 50%),
    linear-gradient(135deg, rgba(232,237,245,0.75) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 24px) 50%,
    calc(100% - 18px) 50% !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
}

body[data-theme="6"] #m-add #i-desc {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: var(--fpeCtlH, 54px) !important;
  min-height: var(--fpeCtlH, 54px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 var(--fpeCtlPadX, 16px) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(210,220,235,0.24) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  background: #343840 !important;
  color: #E8EDF5 !important;
  transform: none !important;
  flex: 0 0 auto !important;
}

/* ═══════════════════════════════════════════
   22. Flex gap 10px
   ═══════════════════════════════════════════ */
body[data-theme="6"] #m-add .mc {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body[data-theme="6"] #m-add .mc > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

body[data-theme="6"] #m-extra .mc {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body[data-theme="6"] #m-extra .mc > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body[data-theme="6"] #m-add .mc > .br.primary { margin-top: 2px !important; }
body[data-theme="6"] #m-add .mc > .br.ghost   { margin-top: 0 !important; }
body[data-theme="6"] #m-add { --fpeFieldGap: 0px !important; }

/* ═══════════════════════════════════════════
   23. Порядок полей
   ═══════════════════════════════════════════ */
body[data-theme="6"] #m-add #debt-options:not(.h) {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

body[data-theme="6"] #m-add #debt-options #i-meth        { order: 1 !important; }
body[data-theme="6"] #m-add #debt-options #i-desc        { order: 2 !important; }
body[data-theme="6"] #m-add #debt-options #ship-date-wrap { order: 3 !important; }
body[data-theme="6"] #m-add #debt-options #due-date-wrap  { order: 4 !important; }

body[data-theme="6"] #m-add .mc #i-meth         { order: 20 !important; }
body[data-theme="6"] #m-add .mc #i-desc         { order: 30 !important; }
body[data-theme="6"] #m-add .mc #ship-date-wrap { order: 40 !important; }
body[data-theme="6"] #m-add .mc #due-date-wrap  { order: 50 !important; }
body[data-theme="6"] #m-add .mc > .br.primary   { order: 60 !important; }
body[data-theme="6"] #m-add .mc > .br.ghost     { order: 70 !important; }

/* ═══════════════════════════════════════════
   24. Поля дат — overflow:visible, min-height:54px
   ═══════════════════════════════════════════ */
body[data-theme="6"] #m-add #ship-date-wrap,
body[data-theme="6"] #m-add #due-date-wrap,
body[data-theme="6"] #m-add .in-field#ship-date-wrap,
body[data-theme="6"] #m-add .in-field#due-date-wrap {
  position: relative !important;
  width: 100% !important;
  height: var(--fpeCtlH, 54px) !important;
  min-height: var(--fpeCtlH, 54px) !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
}

body[data-theme="6"] #m-add #ship-date-wrap::before,
body[data-theme="6"] #m-add #ship-date-wrap::after,
body[data-theme="6"] #m-add #due-date-wrap::before,
body[data-theme="6"] #m-add #due-date-wrap::after,
body[data-theme="6"] #m-add .in-field#ship-date-wrap::before,
body[data-theme="6"] #m-add .in-field#ship-date-wrap::after,
body[data-theme="6"] #m-add .in-field#due-date-wrap::before,
body[data-theme="6"] #m-add .in-field#due-date-wrap::after {
  content: none !important;
  display: none !important;
}

body[data-theme="6"] #m-add #ship-date-wrap input,
body[data-theme="6"] #m-add #due-date-wrap input,
body[data-theme="6"] #m-add .in-field#ship-date-wrap > input,
body[data-theme="6"] #m-add .in-field#due-date-wrap > input,
body[data-theme="6"] #m-add .in-field#ship-date-wrap input,
body[data-theme="6"] #m-add .in-field#due-date-wrap input {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  height: var(--fpeCtlH, 54px) !important;
  min-height: var(--fpeCtlH, 54px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 30px var(--fpeCtlPadX, 16px) 8px var(--fpeCtlPadX, 16px) !important;
  color: #E8EDF5 !important;
  -webkit-text-fill-color: #E8EDF5 !important;
  background: #343840 !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  border-radius: 18px !important;
  color-scheme: dark !important;
}

body[data-theme="6"] #m-add #ship-date-wrap .in-field-label,
body[data-theme="6"] #m-add #due-date-wrap .in-field-label,
body[data-theme="6"] #m-add .in-field#ship-date-wrap .in-field-label,
body[data-theme="6"] #m-add .in-field#due-date-wrap .in-field-label {
  position: absolute !important;
  top: 10px !important;
  left: var(--fpeCtlPadX, 16px) !important;
  right: 56px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  line-height: 1 !important;
  transform: none !important;
  color: rgba(232,237,245,0.58) !important;
}

body[data-theme="6"] #m-add input#i-due::-webkit-calendar-picker-indicator,
body[data-theme="6"] #m-add input#i-date::-webkit-calendar-picker-indicator {
  filter: invert(0.75) brightness(0.85) !important;
  opacity: 0.60 !important;
}

/* ═══════════════════════════════════════════
   25. Кнопки формы
   ═══════════════════════════════════════════ */
body[data-theme="6"] #m-add .mc > .br.primary,
body[data-theme="6"] #m-add .mc > .br.ghost {
  position: relative !important;
  display: block !important;
  width: var(--fpeBtnW, 88%) !important;
  height: var(--fpeBtnH, 52px) !important;
  min-height: var(--fpeBtnH, 52px) !important;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  transform: none !important;
  z-index: 1 !important;
}

/* ═══════════════════════════════════════════
   26. Добор #m-extra
   ═══════════════════════════════════════════ */
body[data-theme="6"] #m-extra .in-date input { border-radius: 16px !important; }
body[data-theme="6"] #m-extra #e-comm        { border-radius: 16px !important; }

/* ═══════════════════════════════════════════
   27. Накладная
   ═══════════════════════════════════════════ */
body[data-theme="6"] #m-add .mc > #ship-doc-preview.doc {
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  border-radius: 18px !important;
  padding: 12px !important;
}

body[data-theme="6"] #m-add #ship-doc-preview.doc:not(:empty) {
  min-height: 80px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

/* ═══════════════════════════════════════════
   28. @media pointer:coarse
   ═══════════════════════════════════════════ */
@media (pointer: coarse) {
  body[data-theme="6"] .md,
  body[data-theme="6"] .md .mc {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body[data-theme="6"] .cd,
  body[data-theme="6"] .mb,
  body[data-theme="6"] .it,
  body[data-theme="6"] .sb,
  body[data-theme="6"] .goal-mini,
  body[data-theme="6"] .ci {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body[data-theme="6"] #m-data .mc,
  body[data-theme="6"] #m-goal .mc {
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }
}

/* =======================================================
   ПРИХОД / РАСХОД — цвета кнопок фильтра (Тема 6)
   ======================================================= */
body[data-theme="6"] #btn-filter-income,
body[data-theme="6"] #btn-filter-income *,
body[data-theme="6"] #btn-filter-expense,
body[data-theme="6"] #btn-filter-expense * { color: #E8E0CC !important; }

body[data-theme="6"] #btn-filter-income small,
body[data-theme="6"] #btn-filter-income b { color: #4CAF7A !important; }

body[data-theme="6"] #btn-filter-expense small,
body[data-theme="6"] #btn-filter-expense b { color: #E05555 !important; }

body[data-theme="6"] #btn-filter-income.filter-active {
  border-color: rgba(76,175,122,0.75) !important;
  box-shadow: 4px 4px 12px rgba(0,0,0,0.5), -2px -2px 8px rgba(80,80,80,0.2), 0 0 0 2px rgba(76,175,122,0.30) !important;
}
body[data-theme="6"] #btn-filter-expense.filter-active {
  border-color: rgba(224,85,85,0.75) !important;
  box-shadow: 4px 4px 12px rgba(0,0,0,0.5), -2px -2px 8px rgba(80,80,80,0.2), 0 0 0 2px rgba(224,85,85,0.30) !important;
}

body[data-theme="6"] .pl { color: #4CAF7A !important; }
body[data-theme="6"] .mn { color: #E05555 !important; }

/* =======================================================
   СВЕРКА — размеры шрифтов (тема 6)
   ======================================================= */
body[data-theme="6"] .rec-page,
body[data-theme="6"] [class*="rec-"] { font-size: 15px !important; font-weight: 600 !important; }
body[data-theme="6"] .rec-page .sum,
body[data-theme="6"] .rec-page b,
body[data-theme="6"] .rec-page strong { font-size: 16px !important; font-weight: 700 !important; }
body[data-theme="6"] .rec-wrap * { font-size: 15px !important; }
body[data-theme="6"] .rec-wrap .sum,
body[data-theme="6"] .rec-wrap b,
body[data-theme="6"] .rec-wrap strong,
body[data-theme="6"] .rec-wrap .total { font-size: 17px !important; font-weight: 700 !important; }

/* =======================================================
   СВЕРКА — реальные классы, увеличенные шрифты (тема 6)
   ======================================================= */
body[data-theme="6"] .recC { font-size: 14px !important; }
body[data-theme="6"] .recCa { font-size: 18px !important; font-weight: 700 !important; }
body[data-theme="6"] .recCt { font-size: 15px !important; }
body[data-theme="6"] .recCdesc { font-size: 14px !important; }
body[data-theme="6"] .recSt { font-size: 13px !important; }
body[data-theme="6"] .recFishName { font-size: 17px !important; font-weight: 700 !important; }
body[data-theme="6"] .recFishMeta { font-size: 16px !important; }
body[data-theme="6"] .recFishTotal { font-size: 16px !important; font-weight: 700 !important; }
body[data-theme="6"] .recHi { font-size: 12px !important; }


/* СВЕРКА — блок отгрузки */
body[data-theme="6"] .recShipBlock {
  border: 1.5px solid rgba(160,176,200,0.55) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  margin-bottom: 8px !important;
}


/* ═══ КАРТОЧКИ — усиленный серебряный ободок ═══ */
body[data-theme="6"] .cd,
body[data-theme="6"] .it { border: 1.5px solid rgba(180,195,215,0.65) !important; }

/* ══════════════════════════════════════════
   ДОБОР #m-extra: унификация с #m-add (тема 6)
   ══════════════════════════════════════════ */
body[data-theme="6"] #m-extra .in-date,
body[data-theme="6"] #m-extra #extra-date-wrap,
body[data-theme="6"] #m-extra #extra-due-wrap {
  background: rgba(52,56,64,0.95) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  border-radius: 18px !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
}
body[data-theme="6"] #m-extra .in-date input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #E8EDF5 !important;
  border-radius: 0 !important;
  height: 36px !important;
  padding: 0 !important;
}
body[data-theme="6"] #m-extra .in-date-title {
  color: rgba(232,237,245,0.52) !important;
  font-size: 11px !important;
  margin-bottom: 4px !important;
}
body[data-theme="6"] #m-extra #e-comm {
  background: rgba(52,56,64,0.95) !important;
  border: 1px solid rgba(210,220,235,0.22) !important;
  box-shadow: inset 6px 6px 14px rgba(20,23,28,0.80), inset -4px -4px 10px rgba(65,72,88,0.42) !important;
  border-radius: 18px !important;
  height: 54px !important;
  min-height: 54px !important;
  box-sizing: border-box !important;
  padding: 0 16px !important;
  color: #E8EDF5 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 100% !important;
}
body[data-theme="6"] #m-extra #e-comm::placeholder {
  color: rgba(232,237,245,0.42) !important;
}