/* Экраны Админки (План №2): «Клиенты» + «Карточка клиента» (паспорт).
   Базовые классы — styles.css; модалки/.ubtn/.pen/.clk/.pill(.warn/.end) — billing.css.
   Здесь — только паспорт-специфика из прототипов admin-clients/admin-client-card. */

input[type=checkbox], input[type=radio] { accent-color: var(--accent) }

/* статус-пилюли клиента (билинговые .warn/.end — в billing.css) */
.pill.ok { color: #15803d; background: #f0fdf4; border-color: #bbf7d0 }
.pill.arch { color: var(--muted); background: var(--surface-2) }

/* цветные точки состояния (база .dot — в styles.css) */
.dot.g { background: #15a05a }
.dot.r { background: #dc2626 }
.dot.a { background: #d97706 }
.dot.o { background: var(--faint) }
.frow .val .dot, table.cl .dot { margin-right: 6px; vertical-align: middle }

/* таблица клиентов */
table.cl { width: 100%; border-collapse: collapse; font-size: 13.5px }
table.cl th { font-size: 11px; color: var(--muted); text-transform: uppercase;
  font-weight: 600; text-align: left; padding: 10px 16px }
table.cl th.r, table.cl td.r { text-align: right }
table.cl tbody tr { cursor: pointer }
table.cl tbody tr:hover { background: var(--surface-2) }
table.cl td { padding: 13px 16px; border-top: 1px solid var(--border) }
table.cl td.name { font-weight: 600 }

/* секция паспорта (строки лейбл↔значение) */
.sect { padding: 4px 20px 14px }
.frow { display: flex; justify-content: space-between; align-items: center; gap: 14px;
  padding: 11px 0; border-top: 1px solid var(--border); font-size: 13.5px }
.frow:first-child { border-top: 0 }
.frow .lbl { color: var(--muted) }
.frow .val { display: flex; align-items: center; gap: 9px; font-weight: 550; text-align: right }

.big { font-size: 24px; font-weight: 680; letter-spacing: -.02em }

/* ростер клиента */
.rtable { width: 100%; font-size: 13px; border-collapse: collapse }
.rtable th { font-size: 10.5px; color: var(--muted); text-transform: uppercase;
  font-weight: 600; text-align: left; padding: 6px 8px }
.rtable td { padding: 8px; border-top: 1px solid var(--border) }
.rtable td.act { text-align: right; width: 34px }
.x { cursor: pointer; color: var(--faint); border: 1px solid var(--border);
  border-radius: 6px; padding: 0 6px }
.x:hover { color: #dc2626; border-color: #fecaca }

/* инлайн-переименование (карандаш + поле ввода) */
.edit-pencil { cursor: pointer; color: var(--faint); margin-left: 5px; opacity: 0;
  transition: opacity .15s }
.rtable tr:hover .edit-pencil { opacity: 1 }
.editable-name { cursor: pointer }
.inline-input { font: inherit; font-size: 13px; padding: 2px 6px;
  border: 1px solid var(--accent); border-radius: 4px; width: 120px; outline: none }
.lnk { cursor: pointer; color: var(--accent); font-size: 12px }
.lnk:hover { text-decoration: underline }

/* шапка карточки клиента */
.head { display: flex; justify-content: space-between; align-items: center; padding: 20px 22px }
.av { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center;
  color: #fff; font-weight: 700; font-size: 18px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2)) }
.colstack { display: flex; flex-direction: column; gap: 18px }

/* модалки: тройная сетка ресурсов + блок-врезка онбординга */
.frow3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 9px }
.onbox { background: var(--surface-2); border: 1px solid var(--border);
  border-radius: var(--r-sm); padding: 11px 13px; margin-top: 14px;
  font-size: 12px; color: var(--text-2); line-height: 1.5 }

/* выключенная .ubtn (заглушка «Роли и доступы» — функционал в Плане №3) выглядит выключенной */
.ubtn:disabled { opacity: .45; cursor: not-allowed }
.ubtn:disabled:hover { background: var(--surface-2) }