/* /Pages/Accounting/Regulatory/Declaraciones/Declaracion.razor.rz.scp.css */
.dj-pagina[b-l05mgxofml]  .dj-marco {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.dj-numero[b-l05mgxofml] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 40px;
    padding: 0 10px;
    border-radius: 10px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-weight: 700;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

/* ── Avance ── */
.dj-avance[b-l05mgxofml] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
    align-items: center;
}

.dj-paso[b-l05mgxofml] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--mud-palette-text-disabled);
    font-size: 0.875rem;
}

.dj-paso-hecho[b-l05mgxofml] { color: var(--mud-palette-success); }
.dj-paso-actual[b-l05mgxofml] { color: var(--mud-palette-primary); font-weight: 600; }

/* ── Grilla ── */
.dj-grilla-marco[b-l05mgxofml] {
    overflow: auto;
    max-height: 62vh;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.dj-grilla[b-l05mgxofml] {
    border-collapse: separate;
    border-spacing: 0;
    width: max-content;
    min-width: 100%;
    font-size: 0.8125rem;
}

.dj-grilla th[b-l05mgxofml],
.dj-grilla td[b-l05mgxofml] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    vertical-align: middle;
    background: var(--mud-palette-surface);
}

.dj-grilla thead th[b-l05mgxofml] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
    text-align: left;
    white-space: normal;
    min-width: 84px;
    line-height: 1.25;
}

.dj-grilla thead tr:nth-child(2) th[b-l05mgxofml] { top: 31px; }

.dj-grilla th.dj-grupo[b-l05mgxofml] {
    text-align: center;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-primary);
}

.dj-grilla tfoot td[b-l05mgxofml] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: var(--mud-palette-background-gray);
    border-top: 2px solid var(--mud-palette-lines-default);
}

.dj-codigo[b-l05mgxofml] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 400;
    opacity: 0.7;
}

/* Las tres primeras columnas quedan fijas al hacer scroll hacia el lado; en pantallas angostas ocuparían todo el
   ancho, así que ahí se desplazan con el resto. */
.dj-fijo-1[b-l05mgxofml] { min-width: 44px !important; width: 44px; text-align: right; }
.dj-fijo-2[b-l05mgxofml] { min-width: 120px !important; }
.dj-fijo-3[b-l05mgxofml] { min-width: 220px !important; max-width: 260px; }

@media (min-width: 900px) {
    .dj-fijo[b-l05mgxofml] { position: sticky; z-index: 1; }
    .dj-grilla thead th.dj-fijo[b-l05mgxofml], .dj-grilla tfoot td.dj-fijo[b-l05mgxofml] { z-index: 3; }
    .dj-fijo-1[b-l05mgxofml] { left: 0; }
    .dj-fijo-2[b-l05mgxofml] { left: 44px; }
    .dj-fijo-3[b-l05mgxofml] { left: 164px; box-shadow: 1px 0 0 var(--mud-palette-lines-default); }
}

.dj-nombre[b-l05mgxofml] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.dj-num[b-l05mgxofml] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dj-mes[b-l05mgxofml] { text-align: center; min-width: 38px !important; width: 38px; }
.dj-grilla thead th.dj-num[b-l05mgxofml] { text-align: right; }
.dj-grilla thead th.dj-mes[b-l05mgxofml] { text-align: center; }

.dj-celda-editable[b-l05mgxofml] { cursor: pointer; }
.dj-celda-editable:hover[b-l05mgxofml] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }

.dj-celda-ajustada[b-l05mgxofml] {
    background: color-mix(in srgb, var(--mud-palette-warning) 18%, var(--mud-palette-surface)) !important;
    font-weight: 600;
}

.dj-celda-error[b-l05mgxofml] {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, var(--mud-palette-surface)) !important;
    color: var(--mud-palette-error);
}

.dj-excluida td:not(.dj-acciones)[b-l05mgxofml] { color: var(--mud-palette-text-disabled); text-decoration: line-through; }

.dj-acciones[b-l05mgxofml] { width: 40px; text-align: center; }

.dj-leyenda[b-l05mgxofml] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    vertical-align: -1px;
    margin-left: 6px;
}

.dj-leyenda-ajuste[b-l05mgxofml] { background: color-mix(in srgb, var(--mud-palette-warning) 40%, transparent); }
.dj-leyenda-error[b-l05mgxofml] { background: color-mix(in srgb, var(--mud-palette-error) 35%, transparent); }

.dj-evento[b-l05mgxofml] { border-bottom: 1px solid var(--mud-palette-lines-default); }

/* ── Formularios de códigos (F29, F22) ── */
.dj-codigos[b-l05mgxofml] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    margin-top: 6px;
}

.dj-codigos td[b-l05mgxofml] {
    padding: 7px 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
    vertical-align: middle;
}

.dj-codigo-num[b-l05mgxofml] {
    width: 64px;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.dj-codigo-valor[b-l05mgxofml] {
    width: 180px;
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.dj-codigo-total td[b-l05mgxofml] {
    font-weight: 700;
    background: var(--mud-palette-background-gray);
}

/* ERA contra el SII, código por código. */
.dj-codigo-sii[b-l05mgxofml] {
    width: 150px;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.dj-sii-distinto[b-l05mgxofml] {
    color: var(--mud-palette-warning-darken);
    font-weight: 600;
    font-size: 0.8125rem;
}
/* /Pages/Accounting/Regulatory/TaxDeclarations.razor.rz.scp.css */
.dj-pagina[b-06f1mgfvyi]  .dj-kpi,
.dj-pagina[b-06f1mgfvyi]  .dj-marco {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.dj-pagina[b-06f1mgfvyi]  .dj-kpi { height: 100%; }

.dj-numero[b-06f1mgfvyi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 32px;
    padding: 0 8px;
    border-radius: 8px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.dj-numero-apagado[b-06f1mgfvyi] {
    background: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-secondary);
}
/* /Pages/Billing/Emision/EnviarPorCorreoDialog.razor.rz.scp.css */
/* La ventana de envío por correo: a la izquierda a quién y qué va, a la derecha el correo tal como sale.
   Los colores son los del sistema de diálogo (.dlg y .fac); la vista previa va SIEMPRE en blanco, como en el correo. */

.columnas[b-o61v2dj0tk] {
    display: grid;
    grid-template-columns: minmax(320px, 5fr) minmax(0, 7fr);
    gap: 18px;
    min-width: 0;
}

.izq[b-o61v2dj0tk],
.der[b-o61v2dj0tk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.der[b-o61v2dj0tk] { gap: 8px; }

.redondo[b-o61v2dj0tk] {
    border: 1px solid;
    border-radius: 8px;
}

/* ── Para y CC: chips y lo que se está escribiendo ── */

.destinatarios[b-o61v2dj0tk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 4px 6px;
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
    background: var(--dlg-surf);
}

.destinatarios:focus-within[b-o61v2dj0tk] { border-color: var(--dlg-primary); }

.destinatarios input[b-o61v2dj0tk] {
    flex: 1;
    min-width: 160px;
    padding: 3px 2px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--dlg-txt);
    font: inherit;
}

.chip[b-o61v2dj0tk] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 3px 2px 9px;
    border: 1px solid color-mix(in srgb, var(--dlg-primary) 30%, transparent);
    border-radius: 999px;
    background: var(--fac-sel);
    font-size: 12.5px;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.chip.malo[b-o61v2dj0tk] {
    border-color: var(--dlg-rojo);
    background: var(--dlg-rojo-bg);
    color: var(--dlg-rojo);
}

.chip button[b-o61v2dj0tk] {
    padding: 0 5px;
    border: 0;
    border-radius: 50%;
    background: none;
    color: inherit;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.chip button:hover[b-o61v2dj0tk] { background: color-mix(in srgb, currentColor 14%, transparent); }

/* ── Los correos que el sistema ya conoce del cliente ── */

.conocidos[b-o61v2dj0tk] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
    max-height: 220px;
    overflow: auto;
}

.conocido[b-o61v2dj0tk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
}

.conocido + .conocido[b-o61v2dj0tk] { border-top: 1px solid var(--dlg-lines2); }

.conocido .txt[b-o61v2dj0tk] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.conocido .mono[b-o61v2dj0tk] {
    font-size: 12.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conocido .de[b-o61v2dj0tk] {
    font-size: 11.5px;
    color: var(--dlg-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conocido .btn-sm.on[b-o61v2dj0tk] {
    border-color: var(--dlg-primary);
    color: var(--dlg-primary);
    opacity: 1;
}

/* ── Adjuntos ── */

.adjuntos[b-o61v2dj0tk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.adjunto[b-o61v2dj0tk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 6px 9px;
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
}

.adjunto .ico[b-o61v2dj0tk] {
    padding: 3px 6px;
    border-radius: 4px;
    background: var(--fac-azul-bg);
    color: var(--fac-azul);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
}

.adjunto .nom[b-o61v2dj0tk] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adjunto .tam[b-o61v2dj0tk] { color: var(--dlg-dim); font-size: 12px; }

/* ── El correo como sale ── */

.cabecera-correo[b-o61v2dj0tk] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
    background: var(--dlg-surf2);
    font-size: 12.5px;
}

.cabecera-correo > div[b-o61v2dj0tk] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 8px;
}

.cabecera-correo span[b-o61v2dj0tk] { color: var(--dlg-dim); }

.cabecera-correo b[b-o61v2dj0tk] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.vista[b-o61v2dj0tk] {
    width: 100%;
    height: min(56vh, 600px);
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
    background: #ffffff;
}

.der .ayuda[b-o61v2dj0tk] {
    font-size: 11.5px;
    color: var(--dlg-dim);
}

/* ── El pie: por qué no se puede, o qué pasó al mandar ── */

.envio-pie[b-o61v2dj0tk] { align-items: center; }

.aviso-pie[b-o61v2dj0tk] {
    margin-right: auto;
    font-size: 12px;
    color: var(--dlg-dim);
}

.aviso-pie.malo[b-o61v2dj0tk] {
    color: var(--dlg-rojo);
    font-weight: 600;
}

@media (max-width: 900px) {
    .columnas[b-o61v2dj0tk] { grid-template-columns: minmax(0, 1fr); }
}
/* /Pages/Billing/Emision/EnviarPorWhatsAppDialog.razor.rz.scp.css */
/* La ventana de envío por WhatsApp, con la forma de la del correo (EnviarPorCorreoDialog.razor.css): a la izquierda a
   quién y qué va, a la derecha cómo le llega. Los colores son los del sistema de diálogo (.dlg y .fac); la burbuja va
   SIEMPRE con los colores de WhatsApp, como la vista del correo va siempre en blanco: es lo que ve el cliente. */

.columnas[b-v3gtivbg2v] {
    display: grid;
    grid-template-columns: minmax(320px, 5fr) minmax(0, 7fr);
    gap: 18px;
    min-width: 0;
}

.izq[b-v3gtivbg2v],
.der[b-v3gtivbg2v] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.der[b-v3gtivbg2v] { gap: 8px; }

.redondo[b-v3gtivbg2v] {
    border: 1px solid;
    border-radius: 8px;
}

.campo > input.malo[b-v3gtivbg2v] { border-color: var(--dlg-rojo); }

/* ── Los celulares que el sistema ya conoce del cliente ── */

.conocidos[b-v3gtivbg2v] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
    max-height: 200px;
    overflow: auto;
}

.conocido[b-v3gtivbg2v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
}

.conocido + .conocido[b-v3gtivbg2v] { border-top: 1px solid var(--dlg-lines2); }

.conocido .txt[b-v3gtivbg2v] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.conocido .mono[b-v3gtivbg2v] {
    font-size: 12.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conocido .de[b-v3gtivbg2v] {
    font-size: 11.5px;
    color: var(--dlg-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conocido .btn-sm.on[b-v3gtivbg2v] {
    border-color: var(--dlg-primary);
    color: var(--dlg-primary);
    opacity: 1;
}

/* ── El adjunto ── */

.adjuntos[b-v3gtivbg2v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.adjunto[b-v3gtivbg2v] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 6px 9px;
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
}

.adjunto .ico[b-v3gtivbg2v] {
    padding: 3px 6px;
    border-radius: 4px;
    background: var(--fac-azul-bg);
    color: var(--fac-azul);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
}

.adjunto .nom[b-v3gtivbg2v] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adjunto .tam[b-v3gtivbg2v] { color: var(--dlg-dim); font-size: 12px; }

/* ── Cómo le llega: la burbuja de WhatsApp y el PDF ── */

.der .titulo[b-v3gtivbg2v] {
    font-size: 10.5px;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--dlg-dim);
}

.chat[b-v3gtivbg2v] {
    display: flex;
    justify-content: flex-end;
    padding: 14px 16px;
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
    background: #efeae2;
}

.burbuja[b-v3gtivbg2v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: min(100%, 360px);
    padding: 5px 5px 8px;
    border-radius: 8px 0 8px 8px;
    background: #d9fdd3;
    color: #111b21;
    box-shadow: 0 1px .5px rgba(11, 20, 26, .13);
}

.burbuja .archivo[b-v3gtivbg2v] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 6px;
    background: rgba(11, 20, 26, .05);
}

.burbuja .archivo .ico[b-v3gtivbg2v] {
    padding: 6px 5px;
    border-radius: 3px;
    background: #e5252a;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
}

.burbuja .archivo .txt[b-v3gtivbg2v] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.burbuja .archivo b[b-v3gtivbg2v] {
    font-size: 13.5px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.burbuja .archivo span[b-v3gtivbg2v] {
    font-size: 11.5px;
    color: #667781;
}

.burbuja .texto[b-v3gtivbg2v] {
    padding: 0 5px;
    font-size: 13.5px;
    line-height: 1.4;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.vista[b-v3gtivbg2v] {
    width: 100%;
    height: min(46vh, 520px);
    border: 1px solid var(--dlg-lines);
    border-radius: 6px;
    background: #ffffff;
}

.der .ayuda[b-v3gtivbg2v] {
    font-size: 11.5px;
    color: var(--dlg-dim);
}

/* ── El pie: por qué no se puede, o qué pasó al mandar ── */

.envio-pie[b-v3gtivbg2v] { align-items: center; }

.aviso-pie[b-v3gtivbg2v] {
    margin-right: auto;
    font-size: 12px;
    color: var(--dlg-dim);
}

.aviso-pie.malo[b-v3gtivbg2v] {
    color: var(--dlg-rojo);
    font-weight: 600;
}

@media (max-width: 900px) {
    .columnas[b-v3gtivbg2v] { grid-template-columns: minmax(0, 1fr); }
}
/* /Shared/FranjaDeCertificacion.razor.rz.scp.css */
/* La tira del modo certificación, como la de GNL Facturación: rojo suave, letra chica, centrada, de lado a lado. Rojo
   porque lo de prueba es lo que tiene que llamar la atención; producción, que es lo normal, va en verde (Arturo,
   30-10-2026). Los tonos salen de mezclar el rojo del tema con su fondo y su texto, así el tema claro y el oscuro
   funcionan solos. */
.franja-modo[b-d6ol3oos32] {
    background: color-mix(in srgb, var(--mud-palette-error) 16%, var(--mud-palette-background));
    color: color-mix(in srgb, var(--mud-palette-error) 28%, var(--mud-palette-text-primary));
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-error) 38%, var(--mud-palette-background));
    padding: 6px 16px;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}