/* ============================================================ */
/*  lk.php — личный кабинет ПВЗ                                  */
/*  Небольшие добавки поверх admin-style.css, чтобы не дублировать */
/*  базовую систему (цвета, кнопки, поля, модалки, тосты и т.п.)  */
/* ============================================================ */

.login-hint{
  margin-top:16px; font-size:12px; line-height:1.5; color:var(--text-faint);
  text-align:center;
}

.lk-tab[hidden]{display:none;}
.lk-tab-hint{margin-bottom:16px;}
.lk-tab-hint code{
  background:var(--surface-3); border:1px solid var(--border-soft);
  border-radius:5px; padding:1px 6px; font-size:12px;
}

.lk-stats-2{grid-template-columns:repeat(2,1fr);}
@media (min-width:520px){
  .lk-stats-2{grid-template-columns:repeat(2,minmax(0,220px));}
}

/* lost items */
.sub-dot.st-lost{background:var(--red); box-shadow:0 0 10px 1px rgba(255,77,94,.55);}
.sub-dot.st-found{background:var(--cyan); box-shadow:0 0 10px 1px rgba(53,217,200,.6);}
.sub-badge.st-lost{background:var(--red-soft); color:#ff8b96; border:1px solid #6a2530;}
.sub-badge.st-found{background:#0e2b28; color:var(--cyan); border:1px solid #1c5a52;}
.stat-card.stat-lost b{color:var(--red);}
.stat-card.stat-found b{color:var(--cyan);}

.sub-meta .lost-cell{color:var(--text-faint);}

/* computers list */
.computer-card .sub-name{display:flex; align-items:center; gap:8px;}
.computer-card .sub-meta{display:flex; flex-wrap:wrap; gap:6px 12px;}
.computer-summary-item{
  font-size:12px; color:var(--text-dim);
  display:inline-flex; align-items:center; gap:5px;
}
.computer-summary-item b{color:var(--text); font-weight:600;}
.computer-summary-dot{
  width:6px; height:6px; border-radius:50%; display:inline-block;
  background:#3a4a5c;
}
.computer-summary-dot.is-on{background:var(--cyan); box-shadow:0 0 6px 1px rgba(53,217,200,.55);}

/* computer edit drawer: pairs of chat-id / channel-id fields side by side.
   min-width:0 is required on the grid items/inputs — grid tracks default to
   min-width:auto, so without it each input refuses to shrink below its
   intrinsic content width and the row overflows the (fixed 400px) side
   panel, regardless of viewport size. */
.lk-chat-row{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px;}
.lk-chat-row .field{margin-bottom:16px; min-width:0;}
.lk-chat-row .field input{width:100%; min-width:0; box-sizing:border-box;}
@media (max-width:420px){
  .lk-chat-row{grid-template-columns:1fr;}
}

/* subscription info block inside the settings drawer */
.lk-sub-info{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--surface-2); border:1px solid var(--border-soft);
  border-radius:var(--radius-md); padding:12px 14px;
  font-size:13.5px; color:var(--text-dim);
}
.lk-sub-info b{color:var(--text); font-weight:600;}