/* LeadBanque branded shell — the redesign's colored zones only.
   Colors come from MudBlazor's OWN theme variables, which MudThemeProvider
   emits from your TenantBranding.Theme. So the shell follows your existing
   per-tenant theming with zero extra plumbing — no custom brand object.

   Load AFTER MudBlazor's stylesheet in App.razor:
     <link href="css/leadbanque-brand.css" rel="stylesheet" />  */

/* White top bar — the redesign moves brand color off the bar.
   color flows to nav buttons via Color.Inherit. */
.lb-appbar {
    background: #ffffff !important;
    color: #2D2D2D !important;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

/* Colored page-title band — content area, uses your theme primary.
   Hidden until a page sets its title (best-effort). */
.lb-title-band {
    background: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
    padding: 16px 28px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.lb-title-band:empty { display: none; }

/* Light canvas holding white cards */
.lb-canvas {
    background: var(--mud-palette-background);
    min-height: calc(100vh - 72px);
    padding: 24px 28px;
}

/* Accented card-header utility — the "ACCOUNT INFORMATION" treatment.
   Usage:
     <MudCard Elevation="1">
       <div class="lb-card-header">
         <MudIcon Icon="@Icons.Material.Filled.Badge" Size="Size.Small" />
         <span>Section title</span>
       </div>
       <MudCardContent> ... </MudCardContent>
     </MudCard>  */
.lb-card-header {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text, #fff);
    padding: 12px 18px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px 4px 0 0;
}

/* Leads table — denser, bordered, pinned action column */
.lb-leads-table td, .lb-leads-table th {
    font-size: 0.68rem;
    line-height: 1.25;
    padding: 3px 8px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(0,0,0,.08);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lb-leads-table th { font-weight: 600; border-bottom: 2px solid rgba(0,0,0,.12); }
.lb-leads-table td:nth-child(1) {  /* Company Name — 2-line clamp */
    max-width: 150px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lb-leads-table td:nth-child(3) { max-width: 130px; }  /* Assigned To */
.lb-leads-table td:nth-child(5) { max-width: 110px; }  /* Contact */
.lb-leads-table td:nth-child(6) { max-width: 150px; }  /* Location */
.lb-leads-table td:nth-child(4), .lb-leads-table td:nth-child(7), .lb-leads-table td:nth-child(8) { white-space: nowrap; }  /* Date, Phone, Source */
.lb-leads-table th:last-child, .lb-leads-table td:last-child {
    position: sticky; right: 0; width: 1%; white-space: nowrap;
    background: var(--mud-palette-surface);
    box-shadow: -4px 0 6px -4px rgba(0,0,0,.12);
}