/* _content/CloudQC.Api/Pages/Home/HomePage.razor.rz.scp.css */
/* UoW-26 -- public landing page restyled as a centered card
   (Atlassian-style login pattern). The authenticated branch retains
   the original layout under the .home-greeting / .home-tenant /
   .home-actions / .home-link / .home-signout classes; the public
   branch uses the .home-card-* / .home-tagline / .home-signin /
   .home-footer classes. Cookie-gated routes (Lj.razor) carry their
   own page-level [Authorize] and are unaffected.

   UoW-27 PR-4 -- the four card-shell rules (.home-page, .home-card,
   .home-card-logo, .home-card-heading) moved to wwwroot/css/site.css
   so they apply unscoped to non-Blazor surfaces that reuse the card
   shape: the inline 404 page in HostBasedTenantResolutionMiddleware
   (PR-3) and the Razor Page at /sign-in-rejected (PR-4). Blazor CSS
   isolation rewrites every selector in this file with a per-component
   [b-xxxxx] attribute scope, which only matches elements rendered by
   HomePage.razor -- shared shells need to live in site.css to apply
   to plain Razor / inline-HTML surfaces too. Form-specific rules
   (.home-card-input, .home-card-primary, .home-card-divider,
   .home-signin*, .home-footer, .home-tagline) stay scoped here --
   only HomePage uses them. */

/* Authenticated branch -- original UoW-M1 PR-3 layout, untouched
   except for being scoped inside a flex-column .home-page. */

.home-page h1[b-tcid2syosh] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.home-greeting[b-tcid2syosh],
.home-tenant[b-tcid2syosh] {
    margin: 0.25rem 0;
    font-size: 1rem;
    color: #111827;
}

.home-actions[b-tcid2syosh] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin-top: 1rem;
}

.home-link[b-tcid2syosh] {
    color: #1d4ed8;
    text-decoration: none;
    font-weight: 500;
}

.home-link:hover[b-tcid2syosh] {
    text-decoration: underline;
}

.home-signout[b-tcid2syosh] {
    margin-left: auto;
    background: #f3f4f6;
    border: 1px solid #d0d5dd;
    border-radius: 4px;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.875rem;
    color: #111827;
    text-decoration: none;
}

.home-signout:hover[b-tcid2syosh] {
    background: #e5e7eb;
}

/* Public branch -- centered card layout. The shell rules
   (.home-page, .home-card, .home-card-logo, .home-card-heading) live
   in wwwroot/css/site.css so they apply to the inline 404 page and
   the /sign-in-rejected Razor Page as well as to HomePage.razor.
   The form-specific rules below stay scoped because only HomePage
   uses them. */

.home-card-input[b-tcid2syosh] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 2px solid #dfe1e6;
    border-radius: 3px;
    background: #fafbfc;
    font-family: inherit;
    font-size: 0.9375rem;
    color: #172b4d;
    box-sizing: border-box;
}

.home-card-input:disabled[b-tcid2syosh] {
    cursor: not-allowed;
    opacity: 0.7;
    background: #f4f5f7;
}

.home-card-primary[b-tcid2syosh] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 3px;
    background: #0052cc;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
}

.home-card-primary:disabled[b-tcid2syosh] {
    background: #b3bac5;
    color: #ffffff;
    cursor: not-allowed;
}

/* "Or continue with:" divider. Horizontal line with the label
   inset on a white background so it appears to break the line. */
.home-card-divider[b-tcid2syosh] {
    position: relative;
    text-align: center;
    margin: 0.5rem 0 0.25rem 0;
    border-top: 1px solid #dfe1e6;
}

.home-card-divider span[b-tcid2syosh] {
    position: relative;
    top: -0.7em;
    background: #ffffff;
    padding: 0 0.75rem;
    font-size: 0.8125rem;
    color: #6b778c;
}

/* Microsoft sign-in row. Full-width white card with thin border to
   match the Atlassian SSO row style. Geometry / colors / element
   type of the inline 4-square logo are locked by UoW-25. */
.home-signin[b-tcid2syosh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px solid #dfe1e6;
    border-radius: 3px;
    background: #ffffff;
    color: #172b4d;
    font-family: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
}

.home-signin:hover[b-tcid2syosh] {
    background: #f4f5f7;
}

.home-signin:focus-visible[b-tcid2syosh] {
    outline: 2px solid #0052cc;
    outline-offset: 2px;
}

.home-signin-logo[b-tcid2syosh] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.home-footer[b-tcid2syosh] {
    margin-top: 1.5rem;
    font-size: 0.8125rem;
    color: #6b778c;
    text-align: center;
}
/* _content/CloudQC.Api/Pages/QcCharts/Lj.razor.rz.scp.css */
.lj-chart-page[b-9bk15gza1n] {
    max-width: 800px;
    margin: 1rem auto;
    padding: 0 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.lj-chart-page h1[b-9bk15gza1n] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.lj-chart-meta[b-9bk15gza1n] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    color: #555;
}

.lj-chart-meta .warning[b-9bk15gza1n] {
    color: #b54708;
    font-weight: 500;
}

.lj-chart-canvas-wrap[b-9bk15gza1n] {
    border: 1px solid #d0d5dd;
    border-radius: 4px;
    padding: 0.5rem;
    background: #fff;
}

.lj-chart-summary[b-9bk15gza1n] {
    display: flex;
    gap: 1.5rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #555;
}

.lj-chart-summary .png-download[b-9bk15gza1n] {
    margin-left: auto;
    color: #1d4ed8;
    text-decoration: none;
    font-weight: 500;
}

.lj-chart-summary .png-download:hover[b-9bk15gza1n] {
    text-decoration: underline;
}

.loading[b-9bk15gza1n] {
    padding: 2rem;
    text-align: center;
    color: #555;
}

.error[b-9bk15gza1n] {
    padding: 1rem;
    border: 1px solid #fda29b;
    background: #fef3f2;
    border-radius: 4px;
    color: #b42318;
}

.error strong[b-9bk15gza1n] {
    display: block;
    margin-bottom: 0.25rem;
}