/* ============================================================
 * base.css — Bold Water ERP
 * ============================================================
 * Global layout primitives. Loaded AFTER style.css and BEFORE the
 * other categorized files (components → sidebar → dashboard → modals
 * → charts), so it sets shared expectations for the rest.
 *
 * Scope: page-level containers, top bars, view headers, global
 * overlays (offline banner).
 *
 * NOTE (v0.39.0): extracted from the inline <style> block of
 * index.html (Phase 1 of the CSS split). style.css still holds the
 * bulk of the design system — that will be split in a later phase.
 * ============================================================ */


/* ── Offline Banner ────────────────────────────────────── */
.offline-banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #000;
    text-align: center;
    padding: 8px 16px;
    font-size: 0.78rem;
    font-weight: 700;
}
body.is-offline .offline-banner { display: block; }
body.is-offline { padding-top: 36px; }


/* ── Page-level header layout ───────────────────────────── */
.view-header-pro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.top-bar-refined {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}