/* ---------------------------------------------------------------------
   RELEASE  2026-09-24 · partner portal (Team Management Portal) · deploy as css/tgt.css
   Load order (unchanged): layout.css → site.css → tgt.css | techno.css
   --------------------------------------------------------------------- */
/* =====================================================================
   portal-tgt.css – TGT Global brand for the Team Management Portal
   Drop-in replacement for the portal's  wwwroot/css/tgt.css
   (loaded after layout.css / site.css when the portal runs as TGT).

   Everything brand-specific lives here: colours, hero glow, login
   background and logo. portal-layout.css / portal-site.css read these
   tokens, so the same two files serve TGT and Techno.
   Scoped to body.tgt-theme – the class App.razor already sets.
   ===================================================================== */

body.tgt-theme {
    /* original brand contract (layout.css) */
    --brand-bg: #02145C;               /* TGT navy */
    --brand-bg-dark: #0a1c6f;

    /* buttons */
    --brand-primary: #02145C;          /* .btn-primary, upload / grid edit buttons */
    --brand-success: #6BCB00;          /* .btn-success – "Get", "View", "Create" */

    /* accents: hero glow, contact photo rings, hero edge */
    --brand-accent-1: #6BCB00;         /* TGT green */
    --brand-accent-2: #00a4bd;         /* teal */

    /* hero base (dark → slate → deep teal) */
    --brand-hero-1: #162636;
    --brand-hero-2: #213343;
    --brand-hero-3: #1d4a5e;

    /* top bar – leave unset to use the product slate (#213343);
       uncomment for a navy TGT bar instead */
    /* --brand-bar: #02145C; */
}

/* dark mode: navy buttons would disappear on dark surfaces */
html:has(link[href*="fluent-dark"]) body.tgt-theme {
    --brand-primary: #3d64c8;
    --brand-success: #5cb000;
}

/* login / logout page background (was in the original tgt.css) */
body.tgt-theme .main-content {
    background-color: var(--brand-bg) !important;
}

/* upload + grid edit-form primary buttons (were in the original tgt.css) */
body.tgt-theme .dxbl-upload-panel .dxbl-btn-primary,
body.tgt-theme .dxbl-grid-edit-form-buttons .dxbl-btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* ---- logo ----
   The header <img> comes from Razor (/images/tgt-company-logo-white.png),
   which already suits the dark bar. Sizing only. */
body.tgt-theme .topbar-banner-img {
    width: 36px;
    height: 36px;
    margin-right: 14px;
}