/*
 * page.css — Ops UI Library: Page
 * Fixed-layout CRM page skeleton.
 * Uses CSS variables from index.html for automatic dark/light theme support.
 */

/* ── Wrapper ──────────────────────────────────────────────── */

.pg-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Header ───────────────────────────────────────────────── */

.pg-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.pg-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-1);
    letter-spacing: -0.2px;
}

/* ── Filters wrap ─────────────────────────────────────────── */

.pg-filters-wrap {
    margin-bottom: 20px;
}

/* ── Table wrap ───────────────────────────────────────────── */

.pg-table-wrap {
    display: flex;
    flex-direction: column;
}