/* ── Tooltip enriquecido estilo Azure Portal ────────────────────────────────
   Panel flotante con título, descripción y acción "Ver más". CSS puro: aparece
   en :hover/:focus, no depende de JS ni del tema oscuro de MudTooltip.
   Se oculta siempre al imprimir. */

/* Trigger inline: subrayado punteado + cursor de ayuda */
.azt-trigger {
    border-bottom: 1px dotted var(--mud-palette-text-secondary, #888);
    text-underline-offset: 2px;
    cursor: help;
}

/* Iconito de info opcional al lado del trigger */
.azt-hint {
    font-size: 13px;
    line-height: 1;
    margin-left: 3px;
    color: var(--mud-palette-info, #2196f3);
    opacity: .7;
    cursor: help;
}

/* El popover de MudTooltip: le quitamos el fondo oscuro y padding propios para que
   se vea nuestra card Azure. .azt-pop es la Class que le pasamos al MudTooltip. */
.mud-tooltip.azt-pop {
    background-color: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
    font-size: inherit !important;
}

.azt-panel {
    min-width: 240px;
    max-width: 340px;
    background: var(--mud-palette-surface, #fff);
    color: var(--mud-palette-text-primary, #1a1a1a);
    border: 1px solid var(--mud-palette-lines-default, rgba(0,0,0,.12));
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(0,0,0,.28);
    padding: 12px 14px;
    text-align: left;
    font-size: 12.5px;
    line-height: 1.5;
    white-space: normal;
}

.azt-head {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.azt-icon { flex-shrink: 0; margin-top: 1px; }

.azt-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.3;
}

.azt-sub {
    font-size: 11px;
    color: var(--mud-palette-text-secondary, #777);
    font-family: ui-monospace, monospace;
    margin-top: 1px;
}

.azt-divider {
    height: 1px;
    background: var(--mud-palette-lines-default, rgba(0,0,0,.1));
    margin: 9px 0;
}

.azt-body { color: var(--mud-palette-text-primary, #333); }

.azt-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 1px 0;
}
.azt-row .azt-k { color: var(--mud-palette-text-secondary, #777); }
.azt-row .azt-v { font-weight: 600; font-family: ui-monospace, monospace; }

.azt-link {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-top: 9px;
    color: var(--mud-palette-primary, #1976d2);
    font-weight: 600;
    cursor: pointer;
}
.azt-link:hover { text-decoration: underline; }

/* Nunca imprimir el panel ni el subrayado de ayuda */
@media print {
    .azt-panel { display: none !important; }
    .azt-trigger { border-bottom: none !important; }
    .azt-hint { display: none !important; }
}