/* ── Финансы · Счета и платежи — unified frame (specs/MODULES_CATALOG.md) ──
   1b split view, same geometry as pages/tickets.css's .tk-split reference
   screen — list left, docked object-detail panel right (components/panel.js
   + components/object-card.js), overlay/sheet below 1024px handled by
   core-panel.css itself. */

.fin-split {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  height: 100%;
}

.fin-split__list {
  flex: 1 1 60%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fin-split__panel {
  flex: 1 1 40%;
  min-width: 0;
  position: sticky;
  top: 0;
  height: calc(100vh - var(--header-height) - 48px);
}

@media (max-width: 1023px) {
  .fin-split { flex-direction: column; }
  .fin-split__list { flex-basis: auto; width: 100%; }
  .fin-split__panel { position: static; height: auto; }
}

/* Built-in view chips — "Полоса видов" quick filters (distinct from the
   user's own saved-views strip, which renders directly below via
   components/saved-views.js). */
.fin-views-row {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin-bottom: 10px;
}

.fin-view-chip {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: var(--r-pill, 20px);
  border: 1px solid var(--border-default);
  background: var(--surface-secondary);
  color: var(--text-t3);
  font-size: 12.5px; cursor: pointer;
  transition: border-color 150ms, color 150ms, background 150ms;
}
.fin-view-chip:hover { border-color: var(--accent-line, var(--accent-primary)); color: var(--text-t1); }

.fin-view-chip--active {
  border-color: var(--accent-primary);
  background: var(--accent-soft, rgba(63,240,180,.1));
  color: var(--text-t1);
  font-weight: 600;
}

.fin-view-chip__count {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-t4);
}
.fin-view-chip--active .fin-view-chip__count { color: inherit; }