/* ==========================================================
   SENTINELRE PRODUCTION BRAND REFRESH
   Sidebar + Executive Brand Showcase
   ========================================================== */

:root {
    --sr-brand-purple-950: #160826;
    --sr-brand-purple-900: #210c39;
    --sr-brand-purple-800: #321354;
    --sr-brand-purple-700: #49206c;

    --sr-brand-gold: #c89a3d;
    --sr-brand-gold-light: #e5c36d;

    --sr-brand-text: #263047;
    --sr-brand-muted: #687386;

    --sr-brand-surface: #ffffff;
    --sr-brand-lavender: #ebe7f1;
}


/* ----------------------------------------------------------
   LEFT SIDEBAR BRAND
   ---------------------------------------------------------- */

.sr-sidebar-brand-refresh {
    text-align: center;
    padding: 18px 12px 20px;
}

.sr-sidebar-brand-refresh img,
.sr-sidebar-brand-logo-refresh {
    display: block;

    width: 128px !important;
    max-width: 78% !important;
    height: auto !important;

    margin:
        0 auto
        12px !important;

    object-fit: contain;

    filter:
        drop-shadow(
            0 8px 14px
            rgba(0, 0, 0, 0.28)
        );
}

.sr-sidebar-brand-refresh .sr-sidebar-brand-name {
    margin: 2px 0 6px;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.055em;
}

.sr-sidebar-brand-refresh .sr-sidebar-brand-name span {
    color: var(--sr-brand-gold-light);
}

.sr-sidebar-brand-refresh .sr-sidebar-brand-subtitle {
    margin:
        0 auto
        14px;

    max-width: 220px;

    color: rgba(
        255,
        255,
        255,
        0.92
    );

    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.45;
}

.sr-sidebar-brand-refresh::after {
    content: "";

    display: block;

    width: 100%;
    height: 1px;

    margin-top: 16px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(200, 154, 61, 0.85),
            transparent
        );
}


/* ----------------------------------------------------------
   EXECUTIVE BRAND SHOWCASE
   ---------------------------------------------------------- */

.sr-brand-showcase {
    position: relative;
    overflow: hidden;

    width: min(
        840px,
        calc(100% - 42px)
    );

    margin:
        38px auto
        44px;

    padding:
        28px
        56px
        92px;

    box-sizing: border-box;

    text-align: center;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fdfcfe 70%,
            #faf8fc 100%
        );

    border:
        1px solid
        rgba(200, 154, 61, 0.72);

    border-radius: 28px;

    box-shadow:
        0 26px 56px
        rgba(38, 20, 57, 0.16);
}


/* Logo */

.sr-brand-showcase-logo {
    display: block;

    width: 118px;
    height: auto;

    margin:
        0 auto
        8px;

    object-fit: contain;

    filter:
        drop-shadow(
            0 8px 12px
            rgba(42, 19, 67, 0.13)
        );
}


/* Brand name */

.sr-brand-showcase-name {
    margin:
        0
        0
        8px;

    color: var(--sr-brand-purple-900);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            2rem,
            3vw,
            2.65rem
        );

    font-weight: 800;

    letter-spacing:
        0.025em;
}

.sr-brand-showcase-name span {
    color: var(--sr-brand-gold);
}


/* Gold divider */

.sr-brand-showcase-rule {
    width: 220px;
    height: 1px;

    margin:
        7px auto
        20px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--sr-brand-gold),
            transparent
        );
}


/* Tagline */

.sr-brand-showcase-tagline {
    margin:
        0
        0
        16px;

    color: var(--sr-brand-gold);

    font-size: 0.82rem;
    font-weight: 900;

    letter-spacing:
        0.13em;

    text-transform: uppercase;
}


/* Supporting statement */

.sr-brand-showcase-description {
    position: relative;
    z-index: 3;

    max-width: 650px;

    margin: 0 auto;

    color: var(--sr-brand-text);

    font-size:
        clamp(
            0.95rem,
            1.3vw,
            1.12rem
        );

    font-weight: 500;
    line-height: 1.55;
}


/* ----------------------------------------------------------
   DECORATIVE LOWER CURVES
   ---------------------------------------------------------- */

.sr-brand-showcase-wave-purple,
.sr-brand-showcase-wave-lavender,
.sr-brand-showcase-wave-gold {
    position: absolute;

    pointer-events: none;
}


/* Main purple foundation */

.sr-brand-showcase-wave-purple {
    z-index: 0;

    left: -8%;
    right: -8%;
    bottom: -86px;

    height: 150px;

    background:
        linear-gradient(
            110deg,
            var(--sr-brand-purple-950),
            var(--sr-brand-purple-700)
        );

    border-radius:
        50% 50%
        0 0 /
        70% 70%
        0 0;

    transform:
        rotate(1.2deg);
}


/* Lavender accent */

.sr-brand-showcase-wave-lavender {
    z-index: 1;

    left: -14%;
    bottom: 33px;

    width: 128%;
    height: 42px;

    background:
        linear-gradient(
            90deg,
            #ded8e7,
            #f0edf4
        );

    border-radius: 50%;

    transform:
        rotate(5deg);
}


/* Gold ribbon */

.sr-brand-showcase-wave-gold {
    z-index: 2;

    left: -12%;
    bottom: 23px;

    width: 126%;
    height: 8px;

    background:
        linear-gradient(
            90deg,
            #8d641f,
            #e1bd5a,
            #b5842e
        );

    border-radius: 50%;

    transform:
        rotate(4deg);
}


/* ----------------------------------------------------------
   TOP COMMAND CENTER HEADER
   ---------------------------------------------------------- */

.sr-command-header,
.command-center-header {
    background:
        linear-gradient(
            105deg,
            var(--sr-brand-purple-950),
            var(--sr-brand-purple-800)
        ) !important;

    border:
        1px solid
        rgba(200, 154, 61, 0.58) !important;

    box-shadow:
        0 14px 34px
        rgba(31, 14, 48, 0.16) !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (
    max-width: 760px
) {

    .sr-brand-showcase {
        width:
            calc(100% - 24px);

        margin-top: 22px;

        padding:
            24px
            22px
            82px;

        border-radius: 22px;
    }

    .sr-brand-showcase-logo {
        width: 96px;
    }

    .sr-sidebar-brand-refresh img,
    .sr-sidebar-brand-logo-refresh {
        width: 105px !important;
    }
}

/* ==========================================================
   SENTINELRE FINAL BRAND CORRECTION
   2026-08-10
   ========================================================== */

/*
 * Platform/no-organization identity.
 * Brokerage organization logos retain the normal sv2-header__logo
 * treatment. Only the SentinelRE fallback receives this sizing.
 */
html body
.sv2-header__logo--sentinelre {
    width: auto !important;
    height: 78px !important;
    max-width: 190px !important;

    object-fit: contain !important;
    object-position: center !important;

    filter:
        brightness(1.04)
        contrast(1.04)
        drop-shadow(
            0 5px 10px
            rgba(30, 12, 48, 0.16)
        ) !important;
}


/*
 * The approved white/gold/purple panel is now the login hero.
 * It is NOT nested inside the old purple sr-login-hero.
 */
html body
.sr-login-brand-showcase {
    width: 100% !important;

    margin:
        0 auto
        26px !important;

    padding:
        34px
        48px
        96px !important;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fefdfd 68%,
            #faf8fc 100%
        ) !important;

    border:
        1px solid
        rgba(200, 154, 61, 0.78) !important;

    border-radius:
        24px !important;

    box-shadow:
        0 22px 48px
        rgba(37, 16, 63, 0.14) !important;
}


/* Slightly larger RE mark */
html body
.sr-login-brand-showcase
.sr-brand-showcase-logo {
    width: 138px !important;
    height: auto !important;

    margin:
        0 auto
        9px !important;
}


/* Stronger product-name contrast */
html body
.sr-login-brand-showcase
.sr-brand-showcase-name {
    color:
        #210c39 !important;

    -webkit-text-fill-color:
        #210c39 !important;
}

html body
.sr-login-brand-showcase
.sr-brand-showcase-name span {
    color:
        #c89a3d !important;

    -webkit-text-fill-color:
        #c89a3d !important;
}


/* Tagline */
html body
.sr-login-brand-showcase
.sr-brand-showcase-tagline {
    color:
        #9a6c1e !important;

    -webkit-text-fill-color:
        #9a6c1e !important;
}


/* Supporting copy */
html body
.sr-login-brand-showcase
.sr-brand-showcase-description {
    color:
        #30384a !important;

    -webkit-text-fill-color:
        #30384a !important;

    opacity:
        1 !important;
}


/* Do not let old dark-hero foreground rules bleed into showcase */
html body
.sr-login-brand-showcase h1,
html body
.sr-login-brand-showcase p,
html body
.sr-login-brand-showcase span {
    opacity:
        1 !important;
}


@media (max-width: 760px) {

    html body
    .sv2-header__logo--sentinelre {
        height:
            64px !important;

        max-width:
            160px !important;
    }

    html body
    .sr-login-brand-showcase {
        padding:
            27px
            22px
            82px !important;

        border-radius:
            20px !important;
    }

    html body
    .sr-login-brand-showcase
    .sr-brand-showcase-logo {
        width:
            112px !important;
    }
}

/* ==========================================================
   SENTINELRE ORGANIZATION-AWARE HEADER BRANDING
   Atlantic Crest Realty Group Demo Brokerage
   ========================================================== */

/*
 * The Atlantic Crest demo brokerage has its own identity.
 * This rule MUST NOT affect SentinelRE's platform logo or
 * customer-uploaded brokerage logos.
 */

html body
.sv2-header__organization
.sv2-header__logo--brokerage-demo {
    display: block !important;

    width: auto !important;
    height: 72px !important;

    max-width: 235px !important;

    object-fit: contain !important;
    object-position: left center !important;

    filter: none !important;
}


/*
 * Platform Admin / no-organization fallback remains SentinelRE.
 */

html body
.sv2-header__organization
.sv2-header__logo--sentinelre {
    width: auto !important;
    height: 72px !important;

    max-width: 180px !important;

    object-fit: contain !important;
    object-position: center !important;
}


@media (max-width: 900px) {

    html body
    .sv2-header__organization
    .sv2-header__logo--brokerage-demo {
        height: 58px !important;
        max-width: 190px !important;
    }

    html body
    .sv2-header__organization
    .sv2-header__logo--sentinelre {
        height: 58px !important;
        max-width: 150px !important;
    }
}