/* /Components/CardOrganizationGrowthMetric.razor.rz.scp.css */
/* ── Time-range segmented control ── */
.ogm-ranges[b-whvo7qqacn] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;
}

.ogm-range[b-whvo7qqacn] {
    border: none;
    background: none;
    font-family: inherit;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    padding: 3px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 150ms ease, color 150ms ease;
}

.ogm-range:hover[b-whvo7qqacn] {
    color: var(--mud-palette-text-primary);
}

.ogm-range:focus-visible[b-whvo7qqacn] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -1px;
}

.ogm-range-active[b-whvo7qqacn] {
    background: rgba(var(--mud-palette-primary-rgb), 0.15);
    color: var(--mud-palette-primary);
}

/* ── Value + trend ── */
.ogm-value-row[b-whvo7qqacn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.ogm-value[b-whvo7qqacn] {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--mud-palette-text-primary);
    font-variant-numeric: tabular-nums;
}

.ogm-trend[b-whvo7qqacn] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ogm-trend[b-whvo7qqacn]  .mud-icon-root {
    font-size: 0.9rem;
}

.ogm-trend-up[b-whvo7qqacn] {
    color: var(--mud-palette-success);
    background: rgba(var(--mud-palette-success-rgb), 0.12);
}

.ogm-trend-down[b-whvo7qqacn] {
    color: var(--mud-palette-error);
    background: rgba(var(--mud-palette-error-rgb), 0.12);
}

.ogm-trend-flat[b-whvo7qqacn] {
    color: var(--mud-palette-text-secondary);
    background: rgba(128, 128, 128, 0.12);
}

.ogm-trend-pct[b-whvo7qqacn] {
    font-weight: 500;
    opacity: 0.85;
}

.ogm-period[b-whvo7qqacn] {
    margin: 2px 0 12px;
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
}

/* ── Sparkline pinned to the card bottom ── */
.ogm-spark[b-whvo7qqacn] {
    width: 100%;
    /* hauteur pilotée par le paramètre ChartHeight (style inline) */
    margin-top: auto;
}

@media (prefers-reduced-motion: reduce) {
    .ogm-range[b-whvo7qqacn] {
        transition: none;
    }
}
/* /Components/CardPatchStatusGauge.razor.rz.scp.css */
/* ── Meters — remplacement des jauges radiales ── */
.patch-meters[b-9uaazqruwe] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 22px;
    min-width: 0;
    padding: 8px 4px;
}

.patch-meter-row[b-9uaazqruwe] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.patch-meter-head[b-9uaazqruwe] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.patch-meter-label[b-9uaazqruwe] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}

.patch-meter-label[b-9uaazqruwe]  .mud-icon-root {
    font-size: 1.05rem;
    color: var(--mud-palette-text-secondary);
    opacity: 0.8;
}

.patch-meter-value[b-9uaazqruwe] {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}

.patch-meter-track[b-9uaazqruwe] {
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
}

.patch-meter-fill[b-9uaazqruwe] {
    height: 100%;
    border-radius: 4px;
    transform-origin: left center;
    animation: patch-meter-in-b-9uaazqruwe 400ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes patch-meter-in-b-9uaazqruwe {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}

.patch-meter-caption[b-9uaazqruwe] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.patch-meter-pending[b-9uaazqruwe] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* ── État vide ── */
.patch-meters-empty[b-9uaazqruwe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 0;
}

@media (prefers-reduced-motion: reduce) {
    .patch-meter-fill[b-9uaazqruwe] {
        animation: none;
    }
}
/* /Components/DataGridChangelogs.razor.rz.scp.css */
/* Header brand lockup — big Mondria wordmark with the Atlas product name beneath it */
.cl-brand[b-b7nrgsoy8p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

/* !important: overrides the base 57x20 size of .atlas-mondria-logo in app.css */
.cl-brand-logo[b-b7nrgsoy8p] {
    width: 220px !important;
    height: 77px !important;
    flex-shrink: 0;
}

.cl-brand-product[b-b7nrgsoy8p] {
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.45em;
    margin-left: 0.45em; /* re-centre le texte : compense le letter-spacing du dernier caractère */
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    line-height: 1.2;
}

.cl-brand-divider[b-b7nrgsoy8p] {
    width: 1px;
    height: 72px;
    background: var(--mud-palette-divider);
    flex-shrink: 0;
}

.cl-version-tag[b-b7nrgsoy8p] {
    font-weight: 600;
    font-size: 0.78rem;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
    border: 1px solid rgba(var(--mud-palette-primary-rgb), 0.25);
    border-radius: 999px;
    padding: 4px 12px;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .cl-brand-divider[b-b7nrgsoy8p] {
        display: none;
    }
}

/* "Entries" toolbar — total count next to the title, not a repeated eyebrow pattern */
.cl-entry-count[b-b7nrgsoy8p] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
    border-radius: 999px;
    padding: 1px 8px;
    line-height: 1.6;
}

/* Marks the changelog row matching the assembly's running version */
.cl-current-badge[b-b7nrgsoy8p] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mud-palette-success-text, var(--mud-palette-success));
    background: rgba(var(--mud-palette-success-rgb), 0.14);
    border-radius: 999px;
    padding: 1px 8px;
    line-height: 1.6;
    white-space: nowrap;
}
/* /Components/DataGridScheduledJobs.razor.rz.scp.css */
/* Indicateur « live » d'un job en cours — remplace le spinner indéterminé */
.sj-live-dot[b-aqpxc823ez] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    flex-shrink: 0;
    animation: sj-pulse-b-aqpxc823ez 1.6s ease-in-out infinite;
}

@keyframes sj-pulse-b-aqpxc823ez {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(var(--mud-palette-primary-rgb), 0.45); }
    50%      { opacity: 0.6; box-shadow: 0 0 0 6px rgba(var(--mud-palette-primary-rgb), 0); }
}

/* Mini-flux animé — schéma source → API/OpenAI → destination dans les cartes running.
   Bande pleine largeur : les liens s'étirent (flex) pour occuper l'espace disponible,
   l'accent visuel est porté par le point-comète qui parcourt le pipeline. */
.sj-flow[b-aqpxc823ez] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    cursor: default;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(var(--mud-palette-primary-rgb), 0.14);
    background: rgba(var(--mud-palette-primary-rgb), 0.05);
}

.sj-flow-node[b-aqpxc823ez] {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1.8;
    padding: 1px 10px;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
}

.sj-flow-node-dest[b-aqpxc823ez] {
    border-color: rgba(var(--mud-palette-primary-rgb), 0.5);
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
    color: var(--mud-palette-primary);
}

.sj-flow-link[b-aqpxc823ez] {
    position: relative;
    flex: 1 1 40px;
    min-width: 24px;
    height: 2px;
    border-radius: 1px;
    background: var(--mud-palette-divider);
}

.sj-flow-dot[b-aqpxc823ez] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    margin: -3.5px 0 0 -3.5px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    /* halo + traîne de comète derrière le point (il voyage de gauche à droite) */
    box-shadow: 0 0 8px 1px rgba(var(--mud-palette-primary-rgb), 0.9),
                -9px 0 7px -2px rgba(var(--mud-palette-primary-rgb), 0.45);
    opacity: 0;
    animation: sj-flow-travel-b-aqpxc823ez 2.4s linear infinite;
}

/* Le point parcourt le lien pendant la moitié du cycle ; le 2e lien démarre
   avec 1.2s de délai pour donner l'impression d'un flux continu bout en bout */
@keyframes sj-flow-travel-b-aqpxc823ez {
    0%   { left: 0;    opacity: 0; }
    6%   { opacity: 1; }
    44%  { opacity: 1; }
    50%  { left: 100%; opacity: 0; }
    100% { left: 100%; opacity: 0; }
}

/* Variante proxy Autotask — ambre pointillé, comme la stripe ⚡ Proxy de l'Integration Map */
.sj-flow-proxy[b-aqpxc823ez] {
    border-color: rgba(var(--mud-palette-warning-rgb), 0.18);
    background: rgba(var(--mud-palette-warning-rgb), 0.05);
}

.sj-flow-proxy .sj-flow-link[b-aqpxc823ez] {
    background: repeating-linear-gradient(
        to right,
        rgba(var(--mud-palette-warning-rgb), 0.55) 0px,
        rgba(var(--mud-palette-warning-rgb), 0.55) 3px,
        transparent 3px,
        transparent 6px
    );
}

.sj-flow-proxy .sj-flow-dot[b-aqpxc823ez] {
    background: var(--mud-palette-warning);
    box-shadow: 0 0 8px 1px rgba(var(--mud-palette-warning-rgb), 0.9),
                -9px 0 7px -2px rgba(var(--mud-palette-warning-rgb), 0.45);
}

.sj-flow-proxy .sj-flow-node-dest[b-aqpxc823ez] {
    border-color: rgba(var(--mud-palette-warning-rgb), 0.5);
    background: rgba(var(--mud-palette-warning-rgb), 0.12);
    color: var(--mud-palette-warning);
}

@media (prefers-reduced-motion: reduce) {
    .sj-live-dot[b-aqpxc823ez],
    .sj-flow-dot[b-aqpxc823ez] {
        animation: none;
    }

    /* Sans animation, rendre le point visible en position fixe au milieu du lien */
    .sj-flow-dot[b-aqpxc823ez] {
        opacity: 1;
        left: 50%;
    }
}
/* /Components/OrganizationInfoCard.razor.rz.scp.css */
/* ── Markdown container ── */
[b-7njh4fgbd7] .oic-md {
    font-size: 0.92rem;
    line-height: 1.75;
    color: var(--mud-palette-text-primary);
}

/* Headings: ## and ### */
[b-7njh4fgbd7] .oic-md h2,
[b-7njh4fgbd7] .oic-md h3 {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
    opacity: 0.90;
    margin: 20px 0 6px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(var(--mud-palette-primary-rgb), 0.20);
}

[b-7njh4fgbd7] .oic-md h2:first-child,
[b-7njh4fgbd7] .oic-md h3:first-child {
    margin-top: 0;
}

/* Paragraphs */
[b-7njh4fgbd7] .oic-md p {
    margin: 0 0 4px 0;
    opacity: 0.88;
}

/* Bold */
[b-7njh4fgbd7] .oic-md strong {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

/* Links */
[b-7njh4fgbd7] .oic-md a {
    color: var(--mud-palette-primary);
    text-decoration: none;
    font-weight: 500;
}

[b-7njh4fgbd7] .oic-md a:hover {
    text-decoration: underline;
}

/* Lists (if AI uses them) */
[b-7njh4fgbd7] .oic-md ul,
[b-7njh4fgbd7] .oic-md ol {
    margin: 4px 0 8px 20px;
    padding: 0;
}

[b-7njh4fgbd7] .oic-md li {
    margin-bottom: 2px;
    opacity: 0.88;
}
/* /Components/OrganizationsPatchStatusTable.razor.rz.scp.css */
/* ── Liste : une ligne par organisation, deux jauges ── */
.pc-grid-header[b-82ktxair6v], .pc-row[b-82ktxair6v] {
    display: grid;
    grid-template-columns: 40px minmax(160px, 1.2fr) 2fr 2fr 40px;
    gap: 10px;
    align-items: center;
}

.pc-grid-header[b-82ktxair6v] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.pc-row[b-82ktxair6v] {
    padding: 6px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 55%, transparent);
    transition: background-color .15s ease;
}
.pc-row:last-child[b-82ktxair6v] { border-bottom: none; }
.pc-row:hover[b-82ktxair6v] { background-color: var(--mud-palette-action-default-hover); }

.pc-row-name[b-82ktxair6v]       { min-width: 0; }
.pc-row-name .name[b-82ktxair6v] { font-size: 0.85rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pc-meters[b-82ktxair6v] { display: contents; }

/* ── Jauge compacte : barre fine + % + compte ─────── */
.pc-meter[b-82ktxair6v] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 5px 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    font-family: inherit;
    color: inherit;
    cursor: pointer;
    text-align: left;
    transition: background-color .15s ease;
}
.pc-meter:hover[b-82ktxair6v]         { background: var(--mud-palette-action-default-hover); }
.pc-meter:focus-visible[b-82ktxair6v] { outline: 2px solid var(--mud-palette-primary); outline-offset: 1px; }

.pc-meter-type[b-82ktxair6v]  { display: none; }
.pc-meter-track[b-82ktxair6v] {
    flex: 1;
    min-width: 60px;
    height: 8px;
    border-radius: 4px;
    background: var(--mud-palette-background-grey);
    overflow: hidden;
}
.pc-meter-fill[b-82ktxair6v]  { display: block; height: 100%; border-radius: 4px; }
.pc-meter-pct[b-82ktxair6v]   {
    width: 44px;
    text-align: right;
    font-size: 0.8rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}
.pc-meter-count[b-82ktxair6v] {
    width: 58px;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex-shrink: 0;
}
.pc-meter-empty[b-82ktxair6v] {
    padding: 5px 8px;
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    opacity: .5;
}

/* Sévérité — la couleur encode l'état (≥90 ok, 80-90 warn, <80 risk) */
.pc-sev-ok   .pc-meter-fill[b-82ktxair6v] { background: var(--mud-palette-success); }
.pc-sev-warn .pc-meter-fill[b-82ktxair6v] { background: var(--mud-palette-warning); }
.pc-sev-risk .pc-meter-fill[b-82ktxair6v] { background: var(--mud-palette-error); }
.pc-sev-ok   .pc-meter-pct[b-82ktxair6v]  { color: var(--mud-palette-success); }
.pc-sev-warn .pc-meter-pct[b-82ktxair6v]  { color: var(--mud-palette-warning); }
.pc-sev-risk .pc-meter-pct[b-82ktxair6v]  { color: var(--mud-palette-error); }

/* Mode clair : encrer les % vers le sombre pour garder ≥ 4.5:1 */
html:not(.mud-theme-dark) .pc-sev-ok   .pc-meter-pct[b-82ktxair6v] { color: color-mix(in srgb, var(--mud-palette-success) 55%, #111827); }
html:not(.mud-theme-dark) .pc-sev-warn .pc-meter-pct[b-82ktxair6v] { color: color-mix(in srgb, var(--mud-palette-warning) 55%, #111827); }
html:not(.mud-theme-dark) .pc-sev-risk .pc-meter-pct[b-82ktxair6v] { color: color-mix(in srgb, var(--mud-palette-error) 65%, #111827); }

/* ── Mobile : jauges empilées sous le nom, avec libellé ── */
@media (max-width: 780px) {
    .pc-grid-header[b-82ktxair6v] { display: none; }
    .pc-row[b-82ktxair6v] {
        grid-template-columns: 40px 1fr 40px;
        grid-template-areas:
            "menu name info"
            ".    meters meters";
        row-gap: 4px;
    }
    .pc-row-menu[b-82ktxair6v] { grid-area: menu; }
    .pc-row-name[b-82ktxair6v] { grid-area: name; }
    .pc-row-info[b-82ktxair6v] { grid-area: info; }
    .pc-meters[b-82ktxair6v] {
        grid-area: meters;
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .pc-meter-type[b-82ktxair6v] {
        display: inline-block;
        width: 74px;
        font-size: 0.68rem;
        font-weight: 600;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: var(--mud-palette-text-secondary);
        flex-shrink: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pc-row[b-82ktxair6v], .pc-meter[b-82ktxair6v] { transition: none; }
}
/* /Components/SharePointReportOrganizations.razor.rz.scp.css */
/* Mobile: hide org logos to save horizontal space */
@media (max-width: 600px) {
    [b-mosrrlgq6t] .org-logo {
        display: none !important;
    }
}
/* /Components/SharePointReportStatusCell.razor.rz.scp.css */
/* Status cell responsive */
@media (max-width: 960px) {
    [b-kdplw3xlrz] .status-details {
        display: none !important;
    }

    [b-kdplw3xlrz] .status-progress {
        min-width: 100px !important;
    }
}

@media (max-width: 600px) {
    [b-kdplw3xlrz] .status-progress {
        min-width: 80px !important;
    }
}
/* /Pages/HomeInternal.razor.rz.scp.css */
/* ── Container ── */
.hi-container[b-cct2ye3eqd] {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

/* ── Page header ── */
.hi-header[b-cct2ye3eqd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px 24px;
}

.hi-title[b-cct2ye3eqd] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.25;
    color: var(--mud-palette-text-primary);
}

.hi-date[b-cct2ye3eqd] {
    margin: 2px 0 0;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}

/* ── Status strip ── */
.hi-status-strip[b-cct2ye3eqd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.hi-kpi-chip[b-cct2ye3eqd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    border-radius: 15px;
    border: 1px solid var(--mud-palette-lines-default);
    background: transparent;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.hi-kpi-chip[b-cct2ye3eqd]  .mud-icon-root {
    font-size: 0.95rem;
    opacity: 0.8;
}

.hi-kpi-count[b-cct2ye3eqd] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    font-variant-numeric: tabular-nums;
}

.hi-kpi-success[b-cct2ye3eqd] {
    border-color: rgba(var(--mud-palette-success-rgb), 0.35);
    color: var(--mud-palette-success);
}

.hi-kpi-danger[b-cct2ye3eqd] {
    border-color: rgba(var(--mud-palette-error-rgb), 0.35);
    background: rgba(var(--mud-palette-error-rgb), 0.10);
    color: var(--mud-palette-error);
}

.hi-kpi-danger .hi-kpi-count[b-cct2ye3eqd] {
    color: var(--mud-palette-error);
}

.hi-kpi-action[b-cct2ye3eqd] {
    cursor: pointer;
    font-family: inherit;
    transition: background 150ms ease, border-color 150ms ease;
}

.hi-kpi-action:hover[b-cct2ye3eqd] {
    background: rgba(var(--mud-palette-error-rgb), 0.18);
    border-color: rgba(var(--mud-palette-error-rgb), 0.55);
}

.hi-kpi-action:focus-visible[b-cct2ye3eqd] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

/* ── Card chrome (shared by gauges + security sections) ── */
.hi-card[b-cct2ye3eqd] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: transparent;
    min-width: 0;
}

.hi-card-host[b-cct2ye3eqd] {
    display: flex;
    width: 100%;
}

/* Hosted components draw their own paper — strip it so the wrapper owns the chrome */
.hi-card-host[b-cct2ye3eqd]  > .mud-paper {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Equal-height host: stretches the hosted card to the row height (bordures alignées) */
.hi-eq[b-cct2ye3eqd] {
    display: flex;
    width: 100%;
}

.hi-eq[b-cct2ye3eqd]  > * {
    width: 100%;
}

/* ── Section tabs (GitHub-style underline) ── */
.hi-tabs[b-cct2ye3eqd] {
    display: flex;
    align-items: center;
    gap: 2px;
    border-bottom: 1px solid var(--mud-palette-divider);
    overflow-x: auto;
    scrollbar-width: none;
}

.hi-tabs[b-cct2ye3eqd]::-webkit-scrollbar {
    display: none;
}

.hi-tab[b-cct2ye3eqd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px 12px;
    border: none;
    background: none;
    border-radius: 8px 8px 0 0;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    white-space: nowrap;
    transition: color 150ms ease, background 150ms ease;
}

.hi-tab[b-cct2ye3eqd]  .mud-icon-root {
    font-size: 1.05rem;
    opacity: 0.8;
}

.hi-tab:hover[b-cct2ye3eqd] {
    color: var(--mud-palette-text-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.hi-tab:focus-visible[b-cct2ye3eqd] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}

.hi-tab[b-cct2ye3eqd]::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: transparent;
    transition: background 150ms ease;
}

.hi-tab-active[b-cct2ye3eqd] {
    color: var(--mud-palette-text-primary);
}

.hi-tab-active[b-cct2ye3eqd]  .mud-icon-root {
    opacity: 1;
    color: var(--mud-palette-primary);
}

.hi-tab-active[b-cct2ye3eqd]::after {
    background: var(--mud-palette-primary);
}

.hi-tab-counter[b-cct2ye3eqd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 0.6875rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    background: rgba(var(--mud-palette-error-rgb), 0.15);
    color: var(--mud-palette-error);
}

/* ── Tab panel entrance ── */
.hi-tabpanel[b-cct2ye3eqd] {
    animation: hi-panel-in-b-cct2ye3eqd 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes hi-panel-in-b-cct2ye3eqd {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* ── Security section cards ── */
.hi-section-card[b-cct2ye3eqd] {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.hi-section-header[b-cct2ye3eqd] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.hi-section-header[b-cct2ye3eqd]  .mud-icon-root {
    font-size: 1.15rem;
}

.hi-section-heading[b-cct2ye3eqd] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.hi-section-body[b-cct2ye3eqd] {
    padding: 16px 20px;
    flex: 1;
    min-height: 0;
}

/* ── Motion & responsive ── */
@media (prefers-reduced-motion: reduce) {
    .hi-tabpanel[b-cct2ye3eqd] {
        animation: none;
    }

    .hi-tab[b-cct2ye3eqd],
    .hi-tab[b-cct2ye3eqd]::after,
    .hi-kpi-action[b-cct2ye3eqd] {
        transition: none;
    }
}

@media (max-width: 599px) {
    .hi-container[b-cct2ye3eqd] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .hi-tab[b-cct2ye3eqd] {
        padding: 10px 10px 12px;
    }
}
/* /Pages/PageIntegrationMap.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PageIntegrationMap — Scoped CSS
   Visual integration map for GCB platform connections
   ═══════════════════════════════════════════════════════════════ */

/* ── Layout ──────────────────────────────────────────────────── */
.im-layout[b-kyhmztj8vf] {
    display: grid;
    grid-template-columns: 1fr 280px 1fr;
    gap: 32px;
    align-items: start;
}

.im-panel[b-kyhmztj8vf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.im-panel-center[b-kyhmztj8vf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
}

/* ── Section Label ───────────────────────────────────────────── */
.im-section-label[b-kyhmztj8vf] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0.55;
    text-align: center;
}

/* ── Service Group ───────────────────────────────────────────── */
.im-group[b-kyhmztj8vf] {
    background: rgba(var(--mud-palette-surface-rgb, 255, 255, 255), 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 16px;
    backdrop-filter: blur(12px);
}

.im-group-title[b-kyhmztj8vf] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    opacity: 0.65;
    margin-bottom: 12px;
}

/* Group accent borders */
.im-group-psa[b-kyhmztj8vf]     { border-left: 3px solid #60a5fa; }
.im-group-crm[b-kyhmztj8vf]     { border-left: 3px solid #ff7a59; }
.im-group-security[b-kyhmztj8vf] { border-left: 3px solid #fb7185; }
.im-group-rmm[b-kyhmztj8vf]     { border-left: 3px solid #fb923c; }
.im-group-cloud[b-kyhmztj8vf]   { border-left: 3px solid #22d3ee; }
.im-group-backup[b-kyhmztj8vf]  { border-left: 3px solid #34d399; }
.im-group-billing[b-kyhmztj8vf] { border-left: 3px solid #fbbf24; }
.im-group-ai[b-kyhmztj8vf]      { border-left: 3px solid #a78bfa; }

/* ── Service Card ────────────────────────────────────────────── */
.im-card[b-kyhmztj8vf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(var(--mud-palette-surface-rgb, 30, 30, 30), 0.5);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
}

.im-card:last-child[b-kyhmztj8vf] {
    margin-bottom: 0;
}

.im-card:hover[b-kyhmztj8vf] {
    border-color: rgba(var(--mud-palette-primary-rgb), 0.3);
    transform: translateY(-1px);
    box-shadow: 0 4px 24px rgba(var(--mud-palette-primary-rgb), 0.08);
}

/* Proxy card */
.im-card-proxy[b-kyhmztj8vf] {
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.06);
}

.im-card-proxy:hover[b-kyhmztj8vf] {
    border-color: rgba(245, 158, 11, 0.5);
    box-shadow: 0 4px 24px rgba(245, 158, 11, 0.12);
}

.im-card-proxy-stripe[b-kyhmztj8vf] {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: repeating-linear-gradient(
        to bottom,
        #f59e0b 0px,
        #f59e0b 4px,
        transparent 4px,
        transparent 8px
    );
    border-radius: 3px 0 0 3px;
    animation: im-dash-flow-b-kyhmztj8vf 1s linear infinite;
}

@keyframes im-dash-flow-b-kyhmztj8vf {
    0%   { background-position: 0 0; }
    100% { background-position: 0 8px; }
}

/* Card icon */
.im-card-icon[b-kyhmztj8vf] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.im-icon-psa[b-kyhmztj8vf]      { background: rgba(96, 165, 250, 0.15); }
.im-icon-crm[b-kyhmztj8vf]      { background: rgba(255, 122, 89, 0.15); }
.im-icon-security[b-kyhmztj8vf]  { background: rgba(251, 113, 133, 0.15); }
.im-icon-rmm[b-kyhmztj8vf]      { background: rgba(96, 165, 250, 0.15); }
.im-icon-network[b-kyhmztj8vf]   { background: rgba(251, 146, 60, 0.15); }
.im-icon-cloud[b-kyhmztj8vf]    { background: rgba(34, 211, 238, 0.15); }
.im-icon-backup[b-kyhmztj8vf]   { background: rgba(52, 211, 153, 0.15); }
.im-icon-billing[b-kyhmztj8vf]  { background: rgba(251, 191, 36, 0.15); }
.im-icon-doc[b-kyhmztj8vf]      { background: rgba(167, 139, 250, 0.15); }
.im-icon-ai[b-kyhmztj8vf]       { background: linear-gradient(135deg, rgba(167, 139, 250, 0.2), rgba(251, 113, 133, 0.2)); }

/* Card body */
.im-card-body[b-kyhmztj8vf] {
    flex: 1;
    min-width: 0;
}

.im-card-name[b-kyhmztj8vf] {
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.im-card-desc[b-kyhmztj8vf] {
    font-size: 0.65rem;
    opacity: 0.65;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Card badges */
.im-card-badges[b-kyhmztj8vf] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

.im-badge[b-kyhmztj8vf] {
    font-size: 0.6rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
    white-space: nowrap;
}

.im-badge-api[b-kyhmztj8vf] {
    background: rgba(34, 211, 238, 0.1);
    color: #22d3ee;
    border: 1px solid rgba(34, 211, 238, 0.15);
}

.im-badge-schedule[b-kyhmztj8vf] {
    background: rgba(var(--mud-palette-primary-rgb), 0.1);
    color: var(--mud-palette-primary);
    border: 1px solid rgba(var(--mud-palette-primary-rgb), 0.15);
    font-family: 'Cascadia Code', 'JetBrains Mono', monospace;
    font-weight: 500;
}

.im-badge-proxy[b-kyhmztj8vf] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.3);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 700;
}

.im-badge-ai[b-kyhmztj8vf] {
    background: linear-gradient(135deg, rgba(167, 139, 250, 0.15), rgba(251, 113, 133, 0.15));
    color: #a78bfa;
    border: 1px solid rgba(167, 139, 250, 0.2);
}

.im-badge-sync[b-kyhmztj8vf] {
    background: rgba(255, 122, 89, 0.12);
    color: #ff7a59;
    border: 1px solid rgba(255, 122, 89, 0.25);
    font-weight: 700;
}

/* ── HubSpot sync flow strip ─────────────────────────────────── */
.im-flow-strip[b-kyhmztj8vf] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.im-flow-step[b-kyhmztj8vf] {
    flex: 1;
    min-width: 190px;
    padding: 12px 14px;
    background: rgba(var(--mud-palette-surface-rgb, 30, 30, 30), 0.5);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: all 0.25s ease;
    position: relative;
}

.im-flow-step:hover[b-kyhmztj8vf] {
    border-color: rgba(255, 122, 89, 0.4);
    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(255, 122, 89, 0.1);
}

.im-flow-step-num[b-kyhmztj8vf] {
    font-size: 0.6rem;
    font-weight: 800;
    color: #ff7a59;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.im-flow-step-title[b-kyhmztj8vf] {
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 2px;
}

.im-flow-step-desc[b-kyhmztj8vf] {
    font-size: 0.65rem;
    opacity: 0.65;
    margin-top: 3px;
    line-height: 1.4;
}

.im-flow-arrow[b-kyhmztj8vf] {
    align-self: center;
    font-size: 14px;
    opacity: 0.3;
    flex-shrink: 0;
}

/* ── Core Nodes ──────────────────────────────────────────────── */
.im-core-node[b-kyhmztj8vf] {
    width: 240px;
    padding: 20px;
    background: linear-gradient(135deg, rgba(var(--mud-palette-primary-rgb), 0.12), rgba(var(--mud-palette-secondary-rgb, 168, 85, 247), 0.08));
    border: 1px solid rgba(var(--mud-palette-primary-rgb), 0.25);
    border-radius: 16px;
    text-align: center;
    position: relative;
    transition: all 0.3s;
}

.im-core-node:hover[b-kyhmztj8vf] {
    border-color: rgba(var(--mud-palette-primary-rgb), 0.45);
    box-shadow: 0 0 40px rgba(var(--mud-palette-primary-rgb), 0.1);
}

.im-core-node-green[b-kyhmztj8vf] {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.1), rgba(34, 211, 238, 0.06));
    border-color: rgba(52, 211, 153, 0.25);
}

.im-core-node-green:hover[b-kyhmztj8vf] {
    border-color: rgba(52, 211, 153, 0.45);
    box-shadow: 0 0 30px rgba(52, 211, 153, 0.1);
}

.im-core-glow[b-kyhmztj8vf] {
    position: absolute;
    inset: -1px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--mud-palette-primary-rgb), 0.15), rgba(var(--mud-palette-secondary-rgb, 168, 85, 247), 0.08));
    filter: blur(20px);
    z-index: -1;
    transition: filter 0.3s;
}

.im-core-glow-green[b-kyhmztj8vf] {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.15), rgba(34, 211, 238, 0.08));
}

.im-core-node:hover .im-core-glow[b-kyhmztj8vf] {
    filter: blur(30px);
}

.im-core-icon[b-kyhmztj8vf] {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
}

.im-core-node-green .im-core-icon[b-kyhmztj8vf] {
    background: rgba(52, 211, 153, 0.12);
}

.im-core-title[b-kyhmztj8vf] {
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.im-core-subtitle[b-kyhmztj8vf] {
    font-size: 0.7rem;
    opacity: 0.5;
}

.im-core-tech[b-kyhmztj8vf] {
    font-size: 0.6rem;
    font-family: 'Cascadia Code', 'JetBrains Mono', monospace;
    opacity: 0.55;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* ── DB Node ─────────────────────────────────────────────────── */
.im-db-node[b-kyhmztj8vf] {
    width: 240px;
    padding: 16px;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.08), rgba(34, 211, 238, 0.04));
    border: 1px solid rgba(52, 211, 153, 0.2);
    border-radius: 16px;
    text-align: center;
    transition: all 0.3s;
}

.im-db-node:hover[b-kyhmztj8vf] {
    border-color: rgba(52, 211, 153, 0.4);
    box-shadow: 0 0 30px rgba(52, 211, 153, 0.08);
}

.im-db-node .im-core-icon[b-kyhmztj8vf] {
    background: rgba(52, 211, 153, 0.12);
}

/* ── Lib Node ────────────────────────────────────────────────── */
.im-lib-node[b-kyhmztj8vf] {
    width: 240px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ── Connector ───────────────────────────────────────────────── */
.im-connector[b-kyhmztj8vf] {
    width: 2px;
    height: 20px;
    background: linear-gradient(to bottom, rgba(var(--mud-palette-primary-rgb), 0.3), rgba(var(--mud-palette-primary-rgb), 0.08));
}

/* ── Flow Label ──────────────────────────────────────────────── */
.im-flow-label[b-kyhmztj8vf] {
    font-size: 0.6rem;
    font-family: 'Cascadia Code', 'JetBrains Mono', monospace;
    opacity: 0.55;
    padding: 3px 12px;
    background: rgba(var(--mud-palette-primary-rgb), 0.04);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 20px;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 1200px) {
    .im-layout[b-kyhmztj8vf] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .im-panel-center[b-kyhmztj8vf] {
        order: -1;
    }

    .im-core-node[b-kyhmztj8vf],
    .im-db-node[b-kyhmztj8vf],
    .im-lib-node[b-kyhmztj8vf] {
        width: 100%;
        max-width: 400px;
    }
}

/* ── Animations ──────────────────────────────────────────────── */
.im-card[b-kyhmztj8vf] {
    animation: im-fadeIn-b-kyhmztj8vf 0.5s ease-out both;
}

.im-card:nth-child(2)[b-kyhmztj8vf] { animation-delay: 0.05s; }
.im-card:nth-child(3)[b-kyhmztj8vf] { animation-delay: 0.10s; }
.im-card:nth-child(4)[b-kyhmztj8vf] { animation-delay: 0.15s; }
.im-card:nth-child(5)[b-kyhmztj8vf] { animation-delay: 0.20s; }
.im-card:nth-child(6)[b-kyhmztj8vf] { animation-delay: 0.25s; }

.im-core-node[b-kyhmztj8vf],
.im-db-node[b-kyhmztj8vf] {
    animation: im-scaleIn-b-kyhmztj8vf 0.6s ease-out both;
}

@keyframes im-fadeIn-b-kyhmztj8vf {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes im-scaleIn-b-kyhmztj8vf {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* /Pages/PageSharePointReport.razor.rz.scp.css */
/* Modern SharePoint Report Styles */

/* Stat cards hover effect */
.stat-card[b-55e3q1gztc] {
    cursor: pointer;
}

.stat-card:hover[b-55e3q1gztc] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* Smooth transitions */
[b-55e3q1gztc] .mud-chip {
    transition: all 0.2s ease;
}

[b-55e3q1gztc] .mud-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* DataGrid row hover effect */
[b-55e3q1gztc] .mud-table-row:hover {
    background-color: rgba(33, 150, 243, 0.04) !important;
    transition: background-color 0.2s ease;
}

/* Filter toolbar improvements */
.filter-toolbar[b-55e3q1gztc] {
    background: var(--mud-palette-background-grey);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 0;
    border: 1px solid var(--mud-palette-divider);
}

/* Responsive stat cards */
@media (max-width: 960px) {
    .stat-card[b-55e3q1gztc] {
        margin-bottom: 12px;
    }
}

/* Tablet: hide less important columns (Created Date, File Statistics, Sharing Status) */
@media (max-width: 960px) {
    [b-55e3q1gztc] .col-hide-md {
        display: none !important;
    }

    /* Hide site type filter chips on tablet */
    .site-type-filters[b-55e3q1gztc] {
        display: none !important;
    }
}

/* Mobile: hide additional columns (Last Activity, Storage, Security) + reduce Site column */
@media (max-width: 600px) {
    [b-55e3q1gztc] .mud-expansion-panel-content {
        padding: 4px !important;
    }

    [b-55e3q1gztc] .mud-table-container {
        font-size: 0.8rem;
    }

    [b-55e3q1gztc] .col-hide-sm {
        display: none !important;
    }

    /* Reduce Site name column min-width on mobile */
    .site-name-cell[b-55e3q1gztc] {
        min-width: 160px !important;
    }

    /* Hide site icon container on mobile for more space */
    .site-icon-container[b-55e3q1gztc] {
        display: none !important;
    }

    /* Reduce site description max-width on mobile */
    [b-55e3q1gztc] .site-type-badge {
        font-size: 0.6rem;
        padding: 0 4px;
    }
}

/* Loading skeleton animation */
@keyframes shimmer-b-55e3q1gztc {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.skeleton[b-55e3q1gztc] {
    animation: shimmer-b-55e3q1gztc 1.2s ease-in-out infinite;
    background: linear-gradient(to right, #f0f0f0 8%, #f8f8f8 18%, #f0f0f0 33%);
    background-size: 800px 104px;
}

/* Badge animations */
[b-55e3q1gztc] .mud-badge {
    animation: fadeIn-b-55e3q1gztc 0.3s ease-in;
}

@keyframes fadeIn-b-55e3q1gztc {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Icon subtle pulse on hover */
[b-55e3q1gztc] .stat-card .mud-icon-root:hover {
    animation: pulse-b-55e3q1gztc 0.6s ease-in-out;
}

@keyframes pulse-b-55e3q1gztc {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
/* /Pages/Tenant/PageWin11Compatibility.razor.rz.scp.css */
/* ── Container ── */
.w11-container[b-zpn1hetu5r] {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

/* ── Hero ── */
.w11-hero[b-zpn1hetu5r] {
    background: linear-gradient(135deg, rgba(14,165,233,0.10) 0%, var(--mud-palette-surface) 65%);
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    padding: 28px 48px;
}

.w11-hero-icon[b-zpn1hetu5r] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(14, 165, 233, 0.12);
    border: 1px solid rgba(14, 165, 233, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.w11-hero-title[b-zpn1hetu5r] {
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

/* ── Surface cards ── */
.w11-surface[b-zpn1hetu5r] {
    background: var(--mud-palette-surface);
    border-radius: 14px;
    border: 1px solid var(--mud-palette-divider);
    padding: 24px;
}

/* ── Tab pill tray ── */
.w11-tab-tray[b-zpn1hetu5r] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    margin-bottom: 12px;
}

[b-zpn1hetu5r] .w11-tab-pill,
[b-zpn1hetu5r] .w11-tab-pill > button {
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    padding: 6px 16px !important;
    min-width: 0 !important;
    height: 36px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    letter-spacing: 0 !important;
}

[b-zpn1hetu5r] .w11-tab-pill.mud-button-filled-primary {
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.25) !important;
}

[b-zpn1hetu5r] .w11-tab-pill.mud-button-text-default {
    color: var(--mud-palette-text-secondary) !important;
}

[b-zpn1hetu5r] .w11-tab-pill.mud-button-text-default:hover {
    background: rgba(128, 128, 128, 0.10) !important;
    color: var(--mud-palette-text-primary) !important;
}

/* ── Responsive ── */
@media (max-width: 599px) {
    .w11-container[b-zpn1hetu5r] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .w11-hero[b-zpn1hetu5r] {
        padding: 20px;
    }
}