/*
 * public/assets/styles.css
 *
 * Abstracted from inline style="..." attributes across the fulfillment
 * app's public-facing pages. app.css remains the base design system
 * (colors, .card, .btn, .brand-mark, badges, etc.) — this file layers on
 * the page-specific and one-off rules that used to live inline.
 *
 * Loaded alongside app.css on every processed page:
 *   <link rel="stylesheet" href="/assets/app.css">
 *   <link rel="stylesheet" href="/assets/styles.css">
 *
 * help.php and install.php keep their own embedded <style> blocks
 * untouched (by request) — only their inline style="..." attributes were
 * pulled into this file.
 */

/* --- shared layout / utility helpers --- */

.center-viewport {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.row-gap-md {
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-block {
    width: 100%;
}

/* --- brand mark size variant (some pages use a larger mark than the topbar's 34px) --- */

.brand-mark--lg {
    width: 44px;
    height: 44px;
    font-size: 1.3rem;
}

.brand-logo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: inherit;
}

/* --- login page --- */

.login-card {
    max-width: 360px;
    width: 100%;
    margin: 0;
}

.login-header-row {
    margin-bottom: 20px;
}

.login-heading {
    margin: 2px 0 0;
    font-size: 1.4rem;
}

.login-subtitle {
    color: var(--pbc-ink-muted);
    margin-top: -8px;
}

/* --- form fields (shared across login and any other forms) --- */

.field-label {
    color: var(--pbc-label-muted);
}

.field-input {
    font-size: 1.1rem;
    width: 100%;
    margin-top: 6px;
}

/* --- generic text / link utilities (reused across help, order, logs) --- */

.text-muted {
    color: var(--pbc-ink-muted);
}

.page-title-link {
    text-decoration: none;
}

.inline-form {
    display: inline;
}

/* --- logs page --- */

.filter-form {
    margin-bottom: 20px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: end;
}

.pagination-row {
    margin-top: 16px;
}

/* --- install.php "already installed" fragment ---
 * That branch renders a standalone mini-document with no other stylesheet,
 * so it gets its own <link> to this file (see install.php) purely for this
 * one class. */

.install-locked-body {
    font-family: sans-serif;
    max-width: 560px;
    margin: 60px auto;
}