/* =================================================================================================
   Ajustes sueltos que no son del tema: piezas de widgets y de complementos que necesitan un retoque.

   Con la etapa 3 este archivo dejó de tener colores propios —ahora salen de los tokens, para que el
   modo oscuro los siga— y soltó lo que ya vive en el tema: la barra de suplantación, `full-width`,
   la densidad de la rejilla y la celda de acciones, que están en `tema/armazon.css`,
   `tema/componentes.css` y `tema/kendo.css`.
   ================================================================================================= */

/* El aviso emergente: icono a la izquierda, título y mensaje a la derecha. */
.notification-panel {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 14px;
    align-items: start;
    width: 400px;
    padding: 14px 16px;
    margin-right: 15px;
    margin-bottom: 15px;
}

    .notification-panel .notification-title {
        font-size: 1em;
    }

    .notification-panel .notification-message {
        grid-column: 2;
    }

    .notification-panel .ico {
        grid-row: span 2;
        width: 22px;
        height: 22px;
        margin-top: 2px;
    }

.k-notification-error.k-group {
    background: var(--tema-peligro);
    color: #ffffff;
}

.intl-tel-input {
    width: 100%;
}

.catalog-phone {
    padding-top: 0 !important;
}

.k-grid .k-grouping-header, .k-grid .k-grid-toolbar {
    padding: 5px 10px;
    background-color: var(--tema-superficie-alt);
    color: var(--tema-texto-tenue) !important;
}

.k-grid .k-pager-sizes .k-dropdown {
    min-width: 6em;
}

.k-filter-row th {
    padding: 0;
}

    .k-filter-row th .k-dropdown-operator {
        right: 0;
    }

    .k-filter-row th .k-filtercell > span {
        padding-right: 35px;
        padding-left: 5px;
    }

    .k-filter-row th .k-filtercell .k-operator-hidden > label {
        margin-top: 5px;
        margin-bottom: 1px;
    }

    .k-filter-row th .k-filtercell input[type=radio] {
        margin-left: 2px;
    }

/* The control is still technically empty at this point, so we need to hide non-floating placeholders to prevent overlapping with the autofilled value. */
.mat-input-element:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-placeholder {
    display: none;
}

.mat-input-element:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
    display: block;
    transition: none;
}

/* Barra de desplazamiento: también sigue al tema, que si no queda una franja clara en modo oscuro. */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--tema-hundido);
}

::-webkit-scrollbar-thumb {
    background: var(--tema-borde-fuerte);
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--tema-texto-tenue);
    }

/* Etiqueta de bolsa de timbres (servicios con etiquetas) */
.badge-etiqueta {
    background: var(--tema-info-suave);
    color: var(--tema-info);
    border-radius: var(--tema-radio-sm);
    padding: 1px 6px;
    font-size: var(--tema-texto-xs);
    white-space: nowrap;
}