/* _content/Ayva.Integrations.PanOS/Components/PanOSPanel.razor.rz.scp.css */
/*
 * PanOSPanel CSS isolation. All values come from theme tokens in
 * wwwroot/assets/css/ayva-theme.css — no hardcoded font/size literals
 * (CLAUDE.md UI standards). ::deep is used where the class is applied to
 * MudBlazor-rendered markup (MudText, table cells) so the scoped attribute
 * still matches the inner element.
 */

/* Monospace cells/values: serials, IPs, MACs, route destinations/next-hops,
   managed-device hosts. */
.panos-mono[b-26gc98g93s],
[b-26gc98g93s] .panos-mono {
    font-family: var(--font-mono);
}

/* Small status text (was 0.9rem) — nearest theme step is --text-sm. */
[b-26gc98g93s] .panos-status {
    font-size: var(--text-sm);
}

/* Tiny inline release-date captions (was 0.75rem / 0.65rem) — collapsed to
   the smallest theme step, --text-xs (0.75rem). */
[b-26gc98g93s] .panos-caption,
.panos-caption[b-26gc98g93s] {
    font-size: var(--text-xs);
}

/* Fixed-width table label/value columns for the system-info tables. */
.panos-col-label[b-26gc98g93s] {
    width: 40%;
}

.panos-col-value[b-26gc98g93s] {
    width: 60%;
}

.panos-col-half[b-26gc98g93s] {
    width: 50%;
}