/* Merkez (FinanceSeyco2) — дополнения к style.css (взят из FinanceSeyco, тёмно-зелёный). */

.brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); }
.brand-name{ font-family:var(--font-display); font-weight:800; font-size:16px; letter-spacing:-.02em; }
.brand-lg .brand-name{ font-size:28px; }

/* Вид документа: Limit и Fiyat различимы с одного взгляда. */
.kind-chip{
  display:inline-flex; align-items:center; padding:2px 9px; border-radius:var(--radius-xs);
  font-size:12px; font-weight:700; letter-spacing:.02em;
  background:var(--accent-tint); color:var(--accent-1);
}
.kind-chip.kind-fiyat{ background:var(--tint-warn); color:#B7791F; }
[data-theme="dark"] .kind-chip.kind-fiyat{ color:var(--warn); }

/* Статусы */
.badge-st-stage1, .badge-st-stage2, .badge-st-stage3, .badge-st-admin{ background:var(--accent-tint); color:var(--accent-1); }
.badge-st-tiger{ background:var(--tint-warn); color:#B7791F; }
[data-theme="dark"] .badge-st-tiger{ color:var(--warn); }
.badge-st-done{ background:var(--tint-success); color:var(--success); }
.badge-st-rework{ background:var(--tint-warn); color:#B7791F; }
.badge-st-rejected{ background:var(--tint-danger); color:var(--danger); }
.badge-muted{ background:var(--tint-neutral); color:var(--text-muted); }
.badge-urgent{ background:var(--tint-danger); color:var(--danger); }

/* Строка «На подпись»: галочка, строка, «Открыть» и «Подписать» справа. */
.row-actions{ display:flex; gap:6px; flex:none; }
@media (max-width: 760px){
  .doc-pickrow{ flex-wrap:wrap; }
  .row-actions{ width:100%; justify-content:flex-end; padding-left:36px; }
}

/* Плитки над списком — ссылки-фильтры. */
.stat-link{ text-decoration:none; color:inherit; display:block; }
.stat-link.is-active{ box-shadow:0 0 0 2px var(--accent-1) inset, var(--shadow-soft); }
.stat-grid-6{ grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); }
.stat-grid-6 .stat{ padding:14px 16px; }
.stat-grid-6 .stat-value{ font-size:24px; }
.chip-row a.chip-btn{ text-decoration:none; display:inline-block; }
.chip-btn.is-active{
  background:linear-gradient(145deg, var(--accent-fill-a), var(--accent-fill-b));
  color:#fff; border-color:transparent;
}
.chip-sep{ width:1px; align-self:stretch; background:var(--line); margin:0 4px; }

/* Форма */
.cat-group[hidden], [data-kind-only][hidden]{ display:none !important; }
.rep-auto{ display:flex; align-items:center; gap:8px; margin:0 0 10px; }
.notice-warn{ border-color:color-mix(in srgb, var(--warn) 40%, var(--border)); }
.pin-input.is-off{ border-color:var(--danger); box-shadow:0 0 0 4px var(--tint-danger); }

/* Карточка документа */
.doc-image{ max-width:100%; height:auto; border-radius:var(--radius-md); }
.no-preview{ justify-content:center; text-align:center; }
.comment-text{ margin:6px 0 0; white-space:pre-wrap; word-break:break-word; font-size:13.5px; }
.notice-card{ border-color:color-mix(in srgb, var(--warn) 40%, var(--border)); }
.notice-card.is-danger{ border-color:color-mix(in srgb, var(--danger) 40%, var(--border)); }
.notice-card .btn{ margin-top:12px; }
.stage1-line{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:14px 0 0; }
.timeline-item.ev-approve .timeline-dot, .timeline-item.ev-done .timeline-dot{ background:var(--success); }
.timeline-item.ev-return .timeline-dot{ background:var(--warn); }
.timeline-item.ev-reject .timeline-dot{ background:var(--danger); }
.timeline-item.ev-submit .timeline-dot, .timeline-item.ev-resubmit .timeline-dot{ background:var(--accent-1); }
.decide-actions .btn-lg{ min-width:160px; }
@media (max-width: 960px){
  .review{ grid-template-columns:1fr; }
  .review-doc{ position:static; height:70vh; }
}

/* Пользователи */
.users-table td, .users-table th{ padding:10px 14px; font-size:13.5px; }
.users-table th{ position:static; clip:auto; overflow:visible; }
.users-table tr.is-off td{ opacity:.5; }
.row-tools{ display:flex; gap:6px; flex-wrap:wrap; }
.row-tools form{ margin:0; }

.small-note{ font-size:12.5px; margin-top:16px; }
.passkey-add{ margin-top:14px; }
/* `.field label` (display:block) иначе перебивает сетку зоны файла. */
.field label.dropzone{ display:grid; }