/* Project Meridian — admin / login shell styling (construction/blueprint theme). */

:root {
    --mer-ink:      #1f2937;   /* slate */
    --mer-ink-2:    #111827;
    --mer-amber:    #f59e0b;   /* safety amber */
    --mer-amber-d:  #d97706;
    --mer-sky:      #9bd1e5;
    --mer-line:     #e5e7eb;
}

body.meridian-admin {
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    background: #f3f4f6;
    color: var(--mer-ink);
}

.mer-navbar {
    background: linear-gradient(90deg, var(--mer-ink-2), var(--mer-ink));
    border-bottom: 3px solid var(--mer-amber);
}
.mer-navbar .navbar-brand { font-weight: 700; letter-spacing: .2px; }
.mer-navbar__sub { color: var(--mer-amber); font-weight: 600; }
.mer-logo { font-size: 1.25rem; }

.mer-main { max-width: 1200px; }

/* Cards / panels */
.mer-card {
    background: #fff;
    border: 1px solid var(--mer-line);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
}
.mer-card__head {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--mer-line);
    font-weight: 600;
    display: flex; align-items: center; gap: .5rem;
}
.mer-card__body { padding: 1.25rem; }

/* Stat chips for build stages */
.mer-stat { border-radius: 12px; padding: .85rem 1rem; color: #fff; }
.mer-stat .mer-stat__n { font-size: 1.6rem; font-weight: 700; line-height: 1; }
.mer-stat .mer-stat__l { font-size: .8rem; opacity: .9; }
.mer-stat--empty_lot          { background: #6b7280; }
.mer-stat--under_construction { background: var(--mer-amber-d); }
.mer-stat--completed          { background: #16a34a; }
.mer-stat--hazard             { background: #dc2626; }

.mer-swatch { width: 1rem; height: 1rem; border-radius: 4px; display: inline-block; border: 1px solid rgba(0,0,0,.15); }

code.mer-kbd { background: #111827; color: #e5e7eb; padding: .1rem .4rem; border-radius: 5px; font-size: .85em; }

/* ---- Login ---------------------------------------------------------- */
body.mer-auth {
    min-height: 100vh; margin: 0; display: grid; place-items: center;
    background:
        radial-gradient(1200px 600px at 50% -10%, #1e3a5f 0%, transparent 60%),
        repeating-linear-gradient(45deg, #0e1726 0 22px, #0c1420 22px 44px);
    font-family: 'Inter', system-ui, sans-serif;
}
.mer-auth__card {
    width: min(92vw, 380px);
    background: #fff; border-radius: 18px; padding: 2rem;
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
    border-top: 5px solid var(--mer-amber);
}
.mer-auth__brand { display:flex; align-items:center; gap:.6rem; font-weight:700; font-size:1.25rem; color: var(--mer-ink); }
.mer-auth__brand .mer-logo { font-size: 1.5rem; }
.mer-auth__sub { color:#6b7280; font-size:.9rem; margin:.35rem 0 1.25rem; }
.mer-auth__err { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; border-radius:10px; padding:.6rem .8rem; font-size:.9rem; margin-bottom:1rem; }