/* === KEIS: базовая тема, сетка, поля === */

:root {
  --keis-bg: #0b1220;
  --keis-panel: #0e1726;
  --keis-border: #1f2a3d;
  --keis-text: #d9e1f2;
  --keis-muted: #8b98b8;
  --keis-accent: #2f6df6;
  --keis-danger: #ff4d4f;
  --keis-success: #17c964;
}

body, .page-container, .layout-main-section {
  background: var(--keis-bg) !important;
  color: var(--keis-text) !important;
}

.keis-logo {
  position: absolute; left: 14px; top: 8px; height: 20px; opacity: .9;
}

/* Панель-список слева */
#keis-list {
  margin-top: 8px;
}
#keis-list .item {
  border: 1px solid var(--keis-border);
  background: #0f1623;
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
#keis-list .item:hover { background:#121a29; }

/* ======= Модалка создания ======= */

#keis-modal-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,.45);
  display: none; z-index: 9998;
}
#keis-modal {
  position: fixed; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: min(940px, 92vw);
  background: var(--keis-panel);
  border: 1px solid var(--keis-border);
  border-radius: 16px;
  color: var(--keis-text);
  box-shadow: 0 16px 48px rgba(0,0,0,.55);
  padding: 18px 18px 14px;
  z-index: 9999;
  display: none;
}
#keis-modal .k-head {
  font-size: 18px; font-weight: 700; margin: 6px 2px 12px;
}
#keis-modal .k-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}

/* Лейблы + поля */
#keis-modal label { font-size: 12px; color: var(--keis-muted); display: grid; gap: 6px; }
#keis-modal input, #keis-modal select, #keis-modal textarea {
  width: 100%;
  background: #0f1623;
  color: var(--keis-text);
  border: 1px solid var(--keis-border);
  border-radius: 10px;
  padding: 10px 12px;
  height: 40px;          /* Единая высота */
  outline: none;
}
#keis-modal textarea {
  height: 40px;          /* в этой форме нам нужен «ряд», а не многострочный блок */
  resize: none;
}
#keis-modal input::placeholder { color: #6b7280; }
#keis-modal input:focus, #keis-modal select:focus, #keis-modal textarea:focus {
  border-color: var(--keis-accent);
  box-shadow: 0 0 0 3px rgba(47,109,246,0.15);
}

/* Ряд с оплатами (правый столбец 3-й строки + подполя) */
#keis-modal .pay-wrap {
  grid-column: 2 / 3;       /* строго под правым столбцом */
  display: grid;
  gap: 8px;
}
#keis-modal .pay-tools {
  display: flex; justify-content: flex-start; gap: 8px;
}
.k-btn, .k-icon-btn {
  border-radius: 10px; border: 1px solid var(--keis-border);
  background: #0f1623; color: var(--keis-text); cursor: pointer;
}
.k-btn { padding: 10px 14px; height: 40px; }
.k-icon-btn { width: 40px; height: 40px; display: grid; place-items: center; }
.k-btn-ghost:hover, .k-icon-btn:hover { background: #121a29; }
.k-btn-primary { background: var(--keis-accent); border-color: var(--keis-accent); color: #fff; }
.k-btn-primary:hover { filter: brightness(0.95); }
.k-btn-danger { border-color: var(--keis-danger); color: #fff; background:#2a0f12; }
.k-btn-danger:hover { background:#3a1417; }

/* Компактные строки частичной оплаты */
.pay-row {
  display: grid;
  grid-template-columns: 1fr 160px 40px;  /* сумма | дата | удалить */
  gap: 8px;
}
.pay-row input { height: 40px; }
.pay-row .k-del { width: 40px; height: 40px; }

/* Кнопки модалки */
#keis-modal .k-actions {
  display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px;
}

/* Плашки в карточках справа (когда добавим просмотр) */
.card .pill, #card .pill {
  background: #0f1623 !important;
  border-color: var(--keis-border) !important;
  color: var(--keis-text) !important;
}

/* Унификация внутренних инпутов (телефон/деньги) */
input[data-compact="1"] { font-variant-numeric: tabular-nums; }