/*
 * page-chrome.css — shared page header chrome.
 *
 * One copy of the page-header / page-title / page-sub / header-actions block
 * that was duplicated identically across Offenders, Alarms and OffenderDetail
 * scoped stylesheets. Per Docs/decisions/2026-06-01-css-mimari-tek-klasor.md.
 */

.page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--va-sp-4);
    margin-bottom: var(--va-sp-5);
    flex-wrap: wrap;
}

.page-title {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--va-text);
    margin: 0;
    letter-spacing: -0.015em;
}

.page-sub {
    font-size: 0.8125rem;
    color: var(--va-text-dim);
    margin: 4px 0 0;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: var(--va-sp-3);
    flex-wrap: wrap;
}

/* ── Toast (BiosisToast) — sayfa köşesinde kısa süreli bildirim ─────────
   Yükümlüler listesi + Yükümlü detay (kaydedildi / hata). Tokens-only; sabit konum. */
.biosis-toast {
    position: fixed; inset-inline-end: 24px; bottom: 24px; z-index: 1200;
    display: inline-flex; align-items: center; gap: 8px; max-width: min(420px, calc(100vw - 48px));
    padding: 10px 14px; border-radius: 10px; font-size: 13px; font-weight: 500; cursor: pointer;
    color: var(--va-text); background: var(--va-card); border: 1px solid var(--va-border);
    box-shadow: var(--va-shadow-lg);
    animation: biosis-toast-in 180ms ease-out;
}
.biosis-toast__icon { font-size: 20px; flex-shrink: 0; }
.biosis-toast__text { line-height: 1.35; }
.biosis-toast--success { border-color: color-mix(in oklab, var(--va-success) 45%, transparent); }
.biosis-toast--success .biosis-toast__icon { color: var(--va-success); }
.biosis-toast--danger  { border-color: color-mix(in oklab, var(--va-danger)  45%, transparent); }
.biosis-toast--danger  .biosis-toast__icon { color: var(--va-danger); }
.biosis-toast--info    { border-color: color-mix(in oklab, var(--va-warning) 45%, transparent); }
.biosis-toast--info    .biosis-toast__icon { color: var(--va-warning); }
@keyframes biosis-toast-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: none; }
}