.samai-alerts-page {
    background: #f6f7f8;
}

.samai-alerts {
    padding: 0 0 3rem;
}

.samai-alerts__workspace,
.samai-alerts__access-notice {
    display: block;
    width: min(1320px, calc(100% - 2rem)) !important;
    margin: 0 auto;
}

.samai-alerts__state > :not(.samai-alerts__access-notice),
.samai-alerts__state > br,
.samai-alerts__state > .samai-alerts__access-notice ~ * {
    display: none;
}

.samai-alerts__access-notice {
    margin-top: 1rem;
    padding: 2rem;
    border: 1px solid #d8e2ec;
    border-radius: 1rem;
    color: #23384b;
    background: #fff;
    box-shadow: 0 12px 30px rgba(19, 46, 73, .08);
}

.samai-alerts__access-notice table {
    width: 100%;
}

.samai-alerts__access-notice a {
    display: inline-flex;
    margin: .4rem 0;
    color: #1f5e8f !important;
    font-weight: 700;
}

.samai-alerts__shell {
    overflow: hidden;
    border: 1px solid #d8e2ec;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 14px 34px rgba(19, 46, 73, .08);
}

.samai-alerts__content {
    padding: 0 !important;
}

.samai-alerts__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.6rem 1.75rem;
    border-bottom: 1px solid #e2e9ef;
    background: linear-gradient(135deg, #fff 0%, #f7fafc 100%);
}

.samai-alerts__eyebrow {
    margin: 0 0 .35rem;
    color: #2d6c4c;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.samai-alerts__header h1 {
    margin: 0;
    color: #172b3d;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 800;
}

.samai-alerts__lead {
    max-width: 42rem;
    margin: .4rem 0 0;
    color: #61717f;
    line-height: 1.5;
}

.samai-alerts__actions {
    display: flex;
    justify-content: flex-end;
    max-width: 49rem;
}

.samai-alerts__actions .btn {
    min-height: 2.65rem;
    border-radius: .65rem;
    font-size: .84rem;
    font-weight: 700;
    box-shadow: none;
}

.samai-alerts__actions .btn-danger,
.samai-alerts__actions .btn-warning,
.samai-alerts__actions .btn-success,
.samai-alerts__actions .btn-primary {
    border-color: #d6e1e9;
    color: #243d52;
    background: #fff;
}

.samai-alerts__actions .btn.active,
.samai-alerts__actions .btn-danger.active {
    border-color: #2d6c4c;
    color: #fff;
    background: linear-gradient(135deg, #2d6c4c 0%, #1f4f38 100%);
}

.samai-alerts__actions .btn-dark {
    border-color: #31506b;
    color: #fff;
    background: #31506b;
}

.samai-alerts__summary {
    display: flex;
    align-items: center;
    gap: .7rem 1.1rem;
    min-height: 4.2rem;
    padding: .8rem 1.75rem;
    border-bottom: 1px solid #e2e9ef;
    color: #61717f;
    background: #fbfcfd;
    flex-wrap: wrap;
}

.samai-alerts__summary .samai-alerts__summary-title {
    margin: 0;
    color: #18324a;
    font-size: .98rem;
    font-weight: 800;
}

.samai-alerts__summary #MainContent_LblTituloRemisiones:not(:empty) {
    padding-left: 1.1rem;
    border-left: 1px solid #d8e2ec;
    color: #315f54;
}

.samai-alerts__search-panel {
    margin: 1.4rem 1.75rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid #dbe5ed;
    border-radius: .85rem;
    background: #f8fafb !important;
}

.samai-alerts__search-panel table {
    width: 100%;
    border-collapse: separate;
    border-spacing: .6rem;
}

.samai-alerts__search-panel td {
    vertical-align: middle;
}

.samai-alerts__search-panel .form-control {
    min-height: 2.65rem;
    border-color: #ccd9e4;
    border-radius: .55rem;
    box-shadow: none;
}

.samai-alerts__search-panel .form-control:focus {
    border-color: #2d6c4c;
    box-shadow: 0 0 0 .2rem rgba(45, 108, 76, .13);
}

.samai-alerts__search-panel .btn-primary,
.samai-alerts__content > .filteraddView .btn-success,
.samai-alerts__content .FW_ASU_DTS2 .btn-success {
    border-color: #2d6c4c;
    color: #fff;
    background: linear-gradient(135deg, #2d6c4c 0%, #1f4f38 100%);
}

.samai-alerts__content > .trestituloprincipallbl,
.samai-alerts__content .MV_MENU > .trestituloprincipallbl {
    display: block;
    margin: 1.5rem 1.75rem .9rem;
    color: #243d52;
    font-size: 1.05rem;
    font-weight: 800;
}

.samai-alerts__content .filteraddView,
.samai-alerts__content .FW_ASU_DTS2 {
    margin: 1rem 1.75rem;
    padding: 1rem 1.15rem;
    border: 1px solid #dbe5ed;
    border-radius: .8rem;
    background: #fff;
}

.samai-alerts__content .filteraddView .form-control,
.samai-alerts__content .FW_ASU_DTS2 .form-control {
    min-height: 2.5rem;
    border-color: #ccd9e4;
    border-radius: .55rem;
}

.samai-alerts__content input[type="checkbox"],
.samai-alerts__content input[type="radio"] {
    margin-right: .35rem;
    accent-color: #2d6c4c;
}

.samai-alerts__content #imprimirtabla,
.samai-alerts__content .MV_MENU,
.samai-alerts__content .FW_ASU_DTS2 + .tituloprincipallbl {
    margin: 1.5rem 1.75rem;
}

.samai-alerts__content .table-responsive,
.samai-alerts__content .table {
    border: 1px solid #dbe5ed;
    border-radius: .8rem;
}

.samai-alerts__content .table-responsive {
    overflow-x: auto;
}

.samai-alerts__content .table {
    min-width: 980px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    color: #273a4a;
}

.samai-alerts__content .table thead th,
.samai-alerts__content .table .table-secondary th {
    padding: .8rem .75rem;
    border: 0;
    border-bottom: 1px solid #d8e2ec;
    color: #30465a;
    background: #f2f5f7;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
    vertical-align: middle;
}

.samai-alerts__content .table tbody td {
    padding: .75rem;
    border-color: #e6edf2;
    vertical-align: top;
}

.samai-alerts__content .table tbody tr:hover td {
    background: #f8fbfd;
}

.samai-alerts__content .table a {
    color: #1f5e8f;
    font-weight: 700;
}

.samai-alerts__content .DV_TR_confirma .modal-content {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 18px 42px rgba(19, 46, 73, .2);
}

.samai-alerts__content .DV_TR_confirma .modal-header,
.samai-alerts__content .DV_TR_confirma .modal-footer {
    border-color: #e1e8ee;
}

@media (max-width: 991.98px) {
    .samai-alerts__header {
        flex-direction: column;
    }

    .samai-alerts__actions {
        justify-content: flex-start;
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    .samai-alerts {
        padding: 0 0 2rem;
    }

    .samai-alerts__workspace,
    .samai-alerts__access-notice {
        width: min(100% - 1rem, 1320px) !important;
    }

    .samai-alerts__header,
    .samai-alerts__summary {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .samai-alerts__search-panel,
    .samai-alerts__content .filteraddView,
    .samai-alerts__content .FW_ASU_DTS2,
    .samai-alerts__content #imprimirtabla,
    .samai-alerts__content .MV_MENU {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .samai-alerts__search-panel {
        padding: .75rem;
    }

    .samai-alerts__search-panel table,
    .samai-alerts__search-panel tbody,
    .samai-alerts__search-panel tr,
    .samai-alerts__search-panel td {
        display: block;
        width: 100%;
    }

    .samai-alerts__search-panel td {
        padding: .3rem 0;
    }
}

/* Composición moderna de Walertas_new. */
.samai-alerts__shell {
    overflow: hidden;
    border: 1px solid #d8e2ec;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 14px 34px rgba(19, 46, 73, .08);
}

.samai-alerts__header {
    align-items: center;
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid #e2e9ef;
    background: #fff;
}

.samai-alerts__summary {
    padding: .9rem 1.75rem;
    background: #fbfcfd;
}

.samai-alerts__summary [id$="LblFecha"] {
    margin-left: auto;
    white-space: nowrap;
}

.samai-alerts__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.samai-alerts__type-entry {
    position: relative;
    display: inline-flex;
}

.samai-alerts__actions .btn,
.samai-alerts__actions .btn-danger,
.samai-alerts__actions .btn-warning,
.samai-alerts__actions .btn-success,
.samai-alerts__actions .btn-primary,
.samai-alerts__actions .btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.55rem;
    padding: .55rem .85rem;
    border: 1px solid #ced9e2;
    border-radius: .65rem;
    color: #284157;
    background: #fff;
    font-size: .82rem;
    font-weight: 750;
    line-height: 1.2;
}

.samai-alerts__actions .btn:hover,
.samai-alerts__actions .btn:focus-visible {
    border-color: #7f9a8c;
    color: #1f4f38;
    background: #f4f8f6;
}

.samai-alerts__actions .btn.active,
.samai-alerts__actions .btn-danger.active,
.samai-alerts__actions .btn-warning.active,
.samai-alerts__actions .btn-success.active,
.samai-alerts__actions .btn-primary.active,
.samai-alerts__actions .btn-secondary.active {
    border-color: #2d6c4c;
    color: #fff;
    background: #2d6c4c;
}

.samai-alerts__actions .samai-alerts__export {
    border-color: #31506b;
    color: #31506b;
    background: transparent;
}

.samai-alerts__type-count {
    position: absolute;
    top: -.38rem;
    right: -.38rem;
    z-index: 1;
    min-width: 1.6rem;
    padding: .12rem .38rem;
    border: 2px solid #fff;
    border-radius: 999px;
    color: #fff;
    background: #31506b;
    font-size: .72rem;
    line-height: 1.15;
    text-align: center;
}

.samai-alerts__type-count:empty {
    display: none;
}

.samai-alerts__type-button.active + .samai-alerts__type-count {
    background: #1f4f38;
}

.samai-alerts__filters {
    padding: 1.35rem 1.75rem;
    border-bottom: 1px solid #dfe7ed;
}

.samai-alerts__filter-section {
    margin-bottom: 1.15rem;
}

.samai-alerts__filter-label,
.samai-alerts__field label {
    display: block;
    margin-bottom: .42rem;
    color: #2f4659;
    font-size: .78rem;
    font-weight: 750;
}

.samai-alerts__choice-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1.25rem;
}

.samai-alerts__choice {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    color: #334b60;
    font-size: .86rem;
    font-weight: 650;
    white-space: nowrap;
}

.samai-alerts__choice:empty {
    display: none;
}

.samai-alerts__choice > span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.samai-alerts__choice label {
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
}

.samai-alerts__content input[type="checkbox"],
.samai-alerts__content input[type="radio"] {
    width: 1rem;
    height: 1rem;
    margin: 0;
}

.samai-alerts__filter-grid {
    display: grid;
    grid-template-columns: minmax(18rem, 1.4fr) minmax(19rem, 1fr);
    gap: 1rem 1.25rem;
    align-items: end;
}

.samai-alerts__date-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.samai-alerts__date-fields[hidden],
.samai-alerts__conditional-fields[hidden] {
    display: none !important;
}

.samai-alerts__field .form-control,
.samai-alerts__field .form-select {
    width: 100%;
    min-height: 2.6rem;
    border-color: #cbd7e1;
    border-radius: .55rem;
    box-shadow: none;
}

.samai-alerts__inline-option {
    margin-top: .85rem;
}

.samai-alerts__advanced {
    margin: .85rem 1.75rem 0;
    border-bottom: 1px solid #dfe7ed;
}

.samai-alerts__advanced-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .85rem 0;
    border: 0;
    color: #294257;
    background: transparent;
    font-size: .9rem;
    font-weight: 750;
    text-align: left;
}

.samai-alerts__advanced-toggle span {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

.samai-alerts__advanced-chevron {
    transition: transform .2s ease;
}

.samai-alerts__advanced-toggle[aria-expanded="true"] .samai-alerts__advanced-chevron {
    transform: rotate(180deg);
}

.samai-alerts__advanced-body {
    padding: .35rem 0 1.25rem;
}

.samai-alerts__scope-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e9ef;
}

.samai-alerts__scope-options .samai-alerts__choice {
    font-size: .84rem;
}

.samai-alerts__advanced-options {
    display: grid;
    gap: .85rem;
}

.samai-alerts__advanced-group {
    display: grid;
    gap: .7rem;
    padding-top: .85rem;
    border-top: 1px solid #edf1f4;
}

.samai-alerts__conditional-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    max-width: 58rem;
    padding: .9rem 1rem;
    border-left: 3px solid #9db6a9;
    background: #f6f9f7;
}

.samai-alerts__internal-number {
    display: block;
    margin-top: .2rem;
    color: #6b7d8d;
    font-size: .69rem;
    font-weight: 650;
    line-height: 1.25;
}

.samai-alerts__search-actions {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.75rem 1.35rem;
}

.samai-alerts__search-actions .btn {
    min-width: 10.5rem;
}

.samai-alerts__content #imprimirtabla,
.samai-alerts__content .MV_MENU {
    margin: 1.25rem 1.75rem;
}

.samai-alerts__remission-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 2rem;
    margin: 1.25rem 1.75rem 0;
    padding: 1rem 0 1.2rem;
    border-bottom: 1px solid #dfe7ed;
}

.samai-alerts__remission-filter-group {
    min-width: 0;
}

.samai-alerts__section-title {
    display: block;
    margin: .35rem 1.75rem .75rem;
    color: #243d52;
    font-size: 1.05rem;
    font-weight: 800;
}

.samai-alerts__results {
    width: auto;
    margin: 0 1.75rem 1.5rem;
}

.samai-alerts__content .table-responsive {
    overflow-x: auto;
    border: 1px solid #d9e3ea;
    border-radius: .75rem;
    background: #fff;
}

.samai-alerts__content .samai-alerts__table {
    min-width: 1050px;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.samai-alerts__content .samai-alerts__table thead th {
    padding: .75rem .7rem;
    border-bottom: 1px solid #cfdae3;
    color: #32495d;
    background: #eef2f5;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
    white-space: nowrap;
}

.samai-alerts__content .samai-alerts__table tbody td {
    padding: .72rem .7rem;
    border-bottom: 1px solid #e6edf2;
    color: #2d4152;
    background: #fff;
    font-size: .78rem;
    line-height: 1.4;
    vertical-align: top;
}

.samai-alerts__content .samai-alerts__table tbody tr:last-child td {
    border-bottom: 0;
}

.samai-alerts__content .samai-alerts__table tbody tr:hover td {
    background: #f7faf8;
}

.samai-alerts__status {
    display: inline-flex;
    align-items: center;
    margin-top: .35rem;
    padding: .2rem .5rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.2;
}

.samai-alerts__status--pending {
    color: #8a4d12;
    background: #fff3d7;
}

.samai-alerts__status--done {
    color: #286044;
    background: #e3f2e9;
}

.samai-alerts__bulk-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 1.75rem 0;
    padding: .9rem 0;
    border-top: 1px solid #dfe7ed;
}

.samai-alerts__bulk-buttons {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    flex-wrap: wrap;
}

.samai-alerts__secondary-form {
    margin: 1.25rem 1.75rem 0;
    padding: 1.1rem 0;
    border-top: 1px solid #dfe7ed;
}

.samai-alerts__secondary-header,
.samai-alerts__secondary-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.samai-alerts__secondary-header h2,
.samai-alerts__secondary-header > span {
    margin: 0;
    color: #243d52;
    font-size: 1rem;
    font-weight: 800;
}

.samai-alerts__back {
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    border-radius: .5rem;
    object-fit: cover;
}

.samai-alerts__secondary-body,
.samai-alerts__secondary-fields {
    margin-top: .9rem;
}

.samai-alerts__secondary-copy {
    display: grid;
    gap: .25rem;
    color: #3b5265;
}

.samai-alerts__secondary-fields {
    display: grid;
    grid-template-columns: minmax(15rem, .8fr) minmax(18rem, 1.2fr);
    gap: 1rem;
}

.samai-alerts__secondary-actions {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .samai-alerts__filter-grid {
        grid-template-columns: 1fr;
    }

    .samai-alerts__scope-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .samai-alerts__remission-filters {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .samai-alerts__header {
        padding-right: 0;
        padding-left: 0;
    }

    .samai-alerts__summary {
        padding-right: 0;
        padding-left: 0;
    }

    .samai-alerts__header,
    .samai-alerts__summary,
    .samai-alerts__filters {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .samai-alerts__actions {
        width: 100%;
    }

    .samai-alerts__actions .btn {
        flex: 1 1 calc(50% - .5rem);
    }

    .samai-alerts__date-fields,
    .samai-alerts__conditional-fields {
        grid-template-columns: 1fr;
    }

    .samai-alerts__advanced,
    .samai-alerts__content #imprimirtabla,
    .samai-alerts__content .MV_MENU,
    .samai-alerts__remission-filters,
    .samai-alerts__section-title,
    .samai-alerts__results,
    .samai-alerts__bulk-actions,
    .samai-alerts__secondary-form {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .samai-alerts__search-actions {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .samai-alerts__scope-options {
        grid-template-columns: 1fr;
    }

    .samai-alerts__summary [id$="LblFecha"] {
        width: 100%;
        margin-left: 0;
    }

    .samai-alerts__choice,
    .samai-alerts__choice label {
        white-space: normal;
    }

    .samai-alerts__bulk-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .samai-alerts__bulk-buttons,
    .samai-alerts__bulk-buttons .btn {
        width: 100%;
    }

    .samai-alerts__secondary-body {
        align-items: stretch;
        flex-direction: column;
    }

    .samai-alerts__secondary-fields {
        grid-template-columns: 1fr;
    }

    .samai-alerts__secondary-actions,
    .samai-alerts__secondary-actions .btn {
        width: 100%;
    }
}