/* /Components/Layout/AuthLayout.razor.rz.scp.css */
/* ⚠ Column, not row — same reason as .auth-shell in app.css. Centring a single
   child on a ROW turns any second child (the brand footer) into a column beside
   it and pushes it out of the viewport. */
.cp-auth-wrap[b-lqnhkr5tlo] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: var(--paper);
}

.cp-auth-card[b-lqnhkr5tlo] {
    width: 100%;
    max-width: 360px;
    margin: auto;   /* centres in whatever space the footer leaves */
    /* The card is a printed sheet on the Paper backdrop — --input-bg is the
       recessed field surface and in dark it collapses into the wrap. */
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--r);
    box-shadow: var(--shadow-md);
    padding: 28px 26px 26px;
}

.cp-auth-brand[b-lqnhkr5tlo] {
    font-weight: 700;
    font-size: var(--fs-h2);
    color: var(--navy);
    margin-bottom: 4px;
}

.cp-auth-brand span[b-lqnhkr5tlo] { color: var(--sky); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* The shell reuses SharedUI's global .topbar / .topbar-nav / .btn styles so the
   bar matches the main app in both light and dark themes (those classes are built
   on theme-aware tokens). Only a few control-plane-specific extras live here. */

.cp-shell[b-pd5wz0dhuc] {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

/* "Control Plane" tag beside the Discovery ONE logo. */
.cp-brand-tag[b-pd5wz0dhuc] {
    font-size: var(--fs-2xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--navy-soft);
    background: var(--fill);
    padding: 2px 8px;
    border-radius: var(--r-pill);
    white-space: nowrap;
}

.cp-user-name[b-pd5wz0dhuc] {
    font-size: var(--fs-sm);
    color: var(--navy-soft);
    white-space: nowrap;
}

.cp-logout[b-pd5wz0dhuc] { margin: 0; }

/* Full-width scroll container; content is centered by the inner wrapper so the
   scrollbar sits at the viewport edge. */
.cp-main[b-pd5wz0dhuc] {
    flex: 1;
    overflow-y: auto;
}

.cp-main-inner[b-pd5wz0dhuc] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 24px 20px 48px;
    display: grid;
}