/* Minimal CloudQC site stylesheet. Per-component CSS lives next to
   the .razor file via Blazor CSS isolation (e.g.
   Pages/QcCharts/Lj.razor.css). */

body {
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, sans-serif;
    background: #f9fafb;
    color: #111827;
}

a { color: #1d4ed8; }

code, pre {
    font-family: ui-monospace, "SF Mono", Consolas, monospace;
    font-size: 0.875em;
}

/* UoW-27 PR-4 -- shared card-shell rules for every public landing
   surface. Originally lived scoped to Pages/Home/HomePage.razor.css
   under Blazor CSS isolation, but the same shell shape is reused by:
     - HomePage.razor                                            (UoW-26)
     - HostBasedTenantResolutionMiddleware.RenderTenantNotFoundHtml()
                                                                 (UoW-27 PR-3 inline 404)
     - Pages/Errors/SignInRejected.cshtml                         (UoW-27 PR-4)
   Blazor CSS isolation rewrites the scoped rules with a
   per-component [b-xxxxx] attribute selector that only matches
   elements rendered by HomePage.razor -- the inline 404 page and the
   /sign-in-rejected Razor Page do not carry that attribute, so the
   scoped rules never apply. Moving the shell rules here keeps every
   public landing surface visually consistent. Form-specific rules
   (.home-card-input, .home-card-primary, .home-card-divider,
   .home-signin*, .home-footer, .home-tagline) stay scoped to
   HomePage.razor.css -- only HomePage uses them. */

.home-page {
    min-height: 100vh;
    margin: 0;
    padding: 2rem 1rem;
    background: #f4f5f7;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-card {
    width: 100%;
    max-width: 400px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    margin-top: 2rem;
}

/* CloudQC brand asset (cloud icon + wordmark + tagline as a single
   composed PNG). Width cap keeps the logo proportional on tenant
   subdomains where the per-tenant logo asset may have different
   intrinsic dimensions than the default cloudqc-logo.png. */
.home-card-logo {
    width: 240px;
    height: auto;
    max-width: 100%;
    align-self: center;
    display: block;
    margin-bottom: 0.5rem;
}

.home-card-heading {
    font-size: 1rem;
    font-weight: 600;
    color: #172b4d;
    text-align: center;
    margin: 0 0 0.5rem 0;
}