/*
 * Partner shell on the brand (D-0214): the connect-host setup form and the
 * secure-link pages (base_sftp.html). These pages used the dark-glass sign-in
 * look; the company brand is the provider directory's light page, so this
 * sheet lays them out on logro-brand.css like the sign-in shell does.
 *
 * Loaded by base_sftp.html AFTER workspace_glass.css (the setup form pulls it
 * in) and auth_signin.css (card, fields, buttons, errors, footer links), so
 * it only has to undo the dark rules those two do not already cover: the
 * header and footer bars, and the .setup-* form parts. Scoped to
 * body.auth-page; colours are brand tokens only, no orange, no shadow.
 */

body.auth-page {
    background: var(--sub) !important;
    color: var(--body);
    font-family: var(--sans);
}

/* Header: the directory's bar. White, one hairline, the logo and the page on
   one left edge (the logo's left edge is the page's left edge). */
body.auth-page > header {
    background: var(--canvas);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
}
body.auth-page > header nav {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 var(--space-5);
    min-height: var(--bar-h);
}
body.auth-page > header a,
body.auth-page > header .logo {
    color: var(--ink);
}
/* The wordmark asset is dark navy: show it as is on the light bar. */
body.auth-page > header .logo img {
    height: var(--logo-h);
    max-width: var(--logo-max-w);
    width: auto;
    filter: none;
}

/* !important: workspace_glass.css D8 sets these three with it. */
body.auth-page footer {
    background-color: var(--canvas) !important;
    color: var(--ink-3) !important;
    border-top-color: var(--line) !important;
}
body.auth-page footer a {
    color: var(--brand-blue) !important;
}

/* Setup form parts */
body.auth-page .setup-submit-note {
    background: var(--sub);
    border-color: var(--line);
    color: var(--ink-2);
}
body.auth-page .setup-section-title {
    color: var(--ink);
    border-top-color: var(--line);
}
body.auth-page .setup-hint,
body.auth-page .setup-tier,
body.auth-page .setup-ip-label,
body.auth-page .setup-direction-desc,
body.auth-page .setup-direction-group legend,
body.auth-page .setup-field-group legend {
    color: var(--ink-2);
}
body.auth-page .setup-hint code {
    color: var(--ink);
}
body.auth-page .setup-intake-form .setup-choice {
    color: var(--ink);
}
body.auth-page .setup-ip-value {
    background: var(--sub);
    border-color: var(--line);
    color: var(--ink);
}
body.auth-page .setup-intake-form .setup-ip-btn {
    border-color: var(--control);
    color: var(--ink);
}
body.auth-page .setup-intake-form .setup-ip-btn:hover {
    border-color: var(--ink);
    color: var(--ink);
}
body.auth-page .setup-direction-option {
    color: var(--ink);
    border-color: var(--control);
    background: var(--canvas);
}
body.auth-page .setup-direction-option:hover {
    border-color: var(--ink);
}
body.auth-page .setup-direction-option:has(input:checked) {
    border-color: var(--ink);
    background: var(--select);
    box-shadow: 0 0 0 1px var(--ink);
}
body.auth-page .setup-intake-form .btn-primary {
    min-height: 48px;
    letter-spacing: 0;
}