/* ===== patch.css — дизайн-патч kartex-u2.ru ===== */

/* 1. Поля ввода: единый стиль во всех формах (убирает нативный серый фон) */
.st-sel,
#authForm .st-sel,
#regModal .st-sel,
#fbBox .st-sel,
#chgPassBox .st-sel,
#fbModal .st-sel,
#chgPassModal .st-sel{
  box-sizing:border-box;
  width:100%;
  background:var(--inp,#141b26);
  color:var(--ink,#c8d2dd);
  border:1px solid var(--border,#263246);
  border-radius:10px;
  padding:12px 14px;
  font-size:16px;
  font-family:inherit;
  min-height:46px;
  outline:none;
  transition:border-color .15s, background .15s;
}
.st-sel:focus{border-color:var(--accent2,#3fbf88);background:var(--soft2,#1a2230)}
.st-sel::placeholder{color:var(--muted,#7e8b9c);opacity:1}

select.st-sel{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237e8b9c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
textarea.st-sel{min-height:96px;resize:vertical;line-height:1.5}

html[data-theme="light"] .st-sel,
html[data-theme="light"] #authForm .st-sel,
html[data-theme="light"] #fbBox .st-sel,
html[data-theme="light"] #chgPassBox .st-sel,
html[data-theme="light"] #fbModal .st-sel,
html[data-theme="light"] #chgPassModal .st-sel{
  background:#fff;color:#1a1d21;border-color:#c9d2dd;
}
html[data-theme="light"] .st-sel:focus{background:#fff;border-color:#22a06b}
html[data-theme="light"] .st-sel::placeholder{color:#9ca3af}

/* 2. Контраст кнопок .btn: белый → тёмный текст (3.37:1 → ~5.7:1) */
.btn,.btn-primary{color:#06130c !important;font-weight:700}
.btn:hover,.btn-primary:hover{filter:brightness(1.1)}

/* 3. Кнопка-«призрак» .btn.ghost (сейчас её нет — «Отмена» зелёная) */
.btn.ghost{
  background:transparent !important;
  color:var(--ink,#c8d2dd) !important;
  border:1px solid var(--border,#263246) !important;
  font-weight:600;
}
.btn.ghost:hover{border-color:var(--accent,#2f9e6e) !important;color:var(--accent2,#3fbf88) !important}

/* 4. Межстрочный интервал */
body{line-height:1.5}

/* 5. Тап-таргеты ≥44px на телефоне */
@media(max-width:820px){
  .btn,.btn-primary,.btn-ghost,.btn.ghost,a.back,.home-btn,.btn_home,.subopt,.nz-day-h{min-height:44px}
  .btn,.btn-primary,.btn.ghost{padding:12px 16px}
}

/* 6. Лейблы и ряд кнопок в модалках — сделать общими (были только для #regModal) */
.mfl{display:block;font-size:12.5px;font-weight:700;color:var(--muted,#8a97a8);margin:12px 0 5px}
.reg-row{display:flex;gap:8px;margin-top:16px}
.reg-note{font-size:12px;color:var(--muted,#8a97a8);line-height:1.45;margin-top:10px}
html[data-theme="light"] .mfl{color:#6b7280}
html[data-theme="light"] .reg-note{color:#6b7280}

/* ===== 7. Редизайн главной: секции + сетка 2 колонки ===== */
.sec{margin:18px 0 0}
.sec-t{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted,#8a97a8);margin:0 0 10px 2px}
.sec-t::after{content:'';flex:1;height:1px;background:var(--border,#263246);opacity:.7}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.grid .card{height:100%}
@media(max-width:820px){
  .grid{grid-template-columns:1fr;gap:12px}
  .sec-t{font-size:12px}
}
html[data-theme="light"] .sec-t{color:#6b7280}
html[data-theme="light"] .sec-t::after{background:#e2e5ea}