/* Paneles, estados y diálogo nativo, basados en Popup y ConfirmationModal de Licencias. */
[hidden] { display: none !important; }
.neron-panel { border-radius: var(--ui-panel-radius); border: var(--ui-panel-border); background: var(--ui-panel-background); box-shadow: var(--ui-panel-shadow); }
.neron-badge { display: inline-flex; align-items: center; gap: 6px; border-radius: var(--ui-badge-radius); padding: 5px 9px; background: var(--ui-badge-neutral-soft); color: var(--ui-badge-neutral); font-size: 12px; font-weight: 750; white-space: nowrap; }
.neron-badge.online { background: var(--ui-badge-success-soft); color: var(--ui-badge-success); }
.neron-badge.offline { background: var(--ui-badge-danger-soft); color: var(--ui-badge-danger); }
.neron-feedback { display: block; margin-block: 12px; border: 1px solid var(--ui-info-border); border-radius: var(--ui-control-radius); padding: 12px; background: var(--ui-info-soft); color: var(--ui-info); font-size: 13px; overflow-wrap: anywhere; }
.neron-feedback:empty { display: none; }
.neron-empty { padding: 20px 12px; border: 1px dashed var(--ui-border-strong); border-radius: var(--ui-control-radius); color: var(--ui-text-muted); background: var(--ui-surface-subtle); font-size: 13px; line-height: 1.5; }
.neron-dialog {
    width: min(30rem, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0;
    overflow: auto; overscroll-behavior: contain; border: 1px solid var(--ui-floating-border);
    border-radius: calc(var(--ui-control-radius) + 4px); color: var(--ui-text);
    background: var(--ui-surface); box-shadow: var(--ui-shadow-lg);
}
.neron-dialog::backdrop { background: var(--ui-overlay); backdrop-filter: blur(5px); }
.neron-dialog-header { padding: 20px 22px 16px; border-bottom: 1px solid var(--ui-border); }
.neron-dialog-kicker { color: var(--ui-accent); font-size: 11px; font-weight: 850; letter-spacing: 0.07em; text-transform: uppercase; }
.neron-dialog-title { margin-top: 6px; font-size: 20px; font-weight: 800; line-height: 1.25; }
.neron-dialog-content { display: grid; gap: 18px; padding: 20px 22px; }
.neron-dialog-message { margin: 0; color: var(--ui-text-secondary); font-size: 14px; line-height: 1.6; white-space: pre-line; overflow-wrap: anywhere; }
.neron-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 9px; padding: 0 22px 20px; }
@media (max-width: 520px) { .neron-dialog-actions { display: grid; grid-template-columns: 1fr; } }