/*
 * Nummernstempelarchiv theme layer
 * Gemeinsame Optik fuer oeffentliche Archivseiten.
 */

html,
body {
    background: var(--nsa-bg, #f3eee5) !important;
    color: var(--nsa-text, #241f1f);
}

body {
    letter-spacing: 0;
}

*,
*::before,
*::after {
    border-radius: 0 !important;
}

a {
    color: var(--nsa-wine, #5b1625);
}

a:hover {
    color: var(--nsa-wine-strong, #3f0e19);
}

button,
input,
select,
textarea,
.button,
.btn,
.info-btn,
.action-btn,
.btn-primary,
.btn-secondary {
    border-radius: 0 !important;
    font: inherit;
}

button,
.button,
.btn,
.info-btn,
.action-btn,
.btn-primary {
    background: var(--nsa-wine, #5b1625);
    border: 1px solid var(--nsa-wine, #5b1625);
    color: #fffdf8;
}

button:hover,
.button:hover,
.btn:hover,
.info-btn:hover,
.action-btn:hover,
.btn-primary:hover {
    background: var(--nsa-wine-strong, #3f0e19);
    border-color: var(--nsa-wine-strong, #3f0e19);
}

input,
select,
textarea {
    background: var(--nsa-surface, #fffdf8);
    border: 1px solid var(--nsa-border, #d9d1c6);
    color: var(--nsa-text, #241f1f);
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--nsa-wine, #5b1625);
    outline: 2px solid rgba(91, 22, 37, 0.18);
    outline-offset: 0;
}

table {
    background: var(--nsa-surface, #fffdf8);
    border: 1px solid var(--nsa-border, #d9d1c6);
    border-collapse: collapse;
    color: var(--nsa-text, #241f1f);
}

th {
    background: var(--nsa-wine, #5b1625);
    color: #fffdf8;
}

td,
th {
    border-color: var(--nsa-border, #d9d1c6) !important;
}

tr:nth-child(even) {
    background-color: var(--nsa-bg-soft, #faf7f0);
}

tr:hover {
    background-color: var(--nsa-surface-muted, #f7f2e9);
}

.galerie-grid {
    gap: 14px !important;
}

.kachel,
.gallery-card,
.stamp-card,
.message-card,
.newsletter-card,
.status-card,
.base-tile,
.info-tile,
.firma-tile,
.michel-tile {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    box-shadow: 0 6px 16px rgba(36, 31, 31, 0.06) !important;
    color: var(--nsa-text, #241f1f) !important;
    overflow: hidden;
}

.kachel:hover,
.gallery-card:hover,
.stamp-card:hover,
.message-card:hover,
.newsletter-card:hover,
.status-card:hover,
.base-tile:hover,
.info-tile:hover,
.firma-tile:hover,
.michel-tile:hover {
    border-color: var(--nsa-wine, #5b1625) !important;
    box-shadow: 0 10px 24px rgba(36, 31, 31, 0.1) !important;
}

.img-frame,
.image-frame,
.thumb-frame,
.thumbnail-frame {
    background: linear-gradient(180deg, var(--nsa-bg-soft, #faf7f0), var(--nsa-surface-muted, #f7f2e9)) !important;
    border-bottom: 1px solid var(--nsa-border, #d9d1c6);
}

.img-frame img,
.image-frame img,
.thumb-frame img,
.thumbnail-frame img,
.thumbnail,
.thumb,
.thumbnail-img {
    border-radius: 0 !important;
}

.kachel p,
.gallery-card p,
.stamp-card p,
.tile-text-area,
.tile-text-area *,
.tile-icon-area,
.tile-icon-area *,
.haus-name,
.haus-ort,
.michel-nr-main,
.michel-nr-farbe,
.card-farbname,
.card-wertstufe,
.firma-name-main,
.hp-number-line,
.hp-number-line .hp-zusatz-text,
.hp-ort-line,
.hp-price-line,
.sub-label,
.sub-label-add,
.main-data {
    color: var(--nsa-wine, #5b1625) !important;
}

.kachel span,
.img-frame span,
.haus-ort,
.card-wertstufe,
.message-time {
    color: var(--nsa-text-muted, #6f6760) !important;
}

.tile-row {
    gap: 16px !important;
}

.colored-border-tile,
.tile-glow,
.delete-glow,
.firma-tile.active-link,
.firma-tile.disabled,
.michel-tile,
.filter-status-tile,
.search-tile,
.range-tile,
.no-results-tile,
.hp-tile {
    border-color: var(--nsa-silver, #b9bdc2) !important;
    box-shadow: 0 6px 16px rgba(36, 31, 31, 0.06) !important;
    transform: none !important;
}

.hp-separator {
    background: var(--nsa-border, #d9d1c6) !important;
}

.add-tile {
    background: var(--nsa-wine, #5b1625) !important;
    border-color: var(--nsa-wine, #5b1625) !important;
}

.add-tile,
.add-tile * {
    color: #fffdf8 !important;
}

.mobile-dashboard-note {
    border-color: var(--nsa-silver, #b9bdc2) !important;
    grid-column: 1 / -1;
    height: auto !important;
    min-height: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 4px;
    overflow: visible !important;
}

.mobile-dashboard-note .main-data {
    font-size: 1rem !important;
    line-height: 1.25;
}

#main-scroll-content,
main {
    background: var(--nsa-bg, #f3eee5) !important;
}

#main-content-chat {
    background: var(--nsa-bg, #f3eee5);
}

#chat-window,
#message-form,
.custom-dropdown-display,
.custom-dropdown-list,
.dropdown-list,
.form-group input,
.form-group select,
.form-group textarea {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-text, #241f1f) !important;
}

.message {
    background: var(--nsa-surface-muted, #f7f2e9) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-text, #241f1f) !important;
    box-shadow: none !important;
}

.message-sender {
    color: var(--nsa-wine, #5b1625) !important;
}

.custom-dropdown-list-item:hover,
.dropdown-list div:hover,
.dropdown-item:hover {
    background: var(--nsa-surface-muted, #f7f2e9) !important;
}

.sortierung-container,
.sortierung,
.pagination {
    color: var(--nsa-text-muted, #6f6760) !important;
}

.sortierung-container a,
.sortierung a,
.pagination a {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-wine, #5b1625) !important;
    text-decoration: none !important;
}

.sortierung-container span.active,
.sortierung span.active,
.pagination a.current-page {
    background: var(--nsa-wine, #5b1625) !important;
    border-color: var(--nsa-wine, #5b1625) !important;
    color: #fffdf8 !important;
}

.table-header,
.history-table-header {
    background: var(--nsa-wine, #5b1625) !important;
    border: 1px solid var(--nsa-wine, #5b1625) !important;
    color: #fffdf8 !important;
}

.table-row,
.history-row {
    background: var(--nsa-surface, #fffdf8) !important;
    border-bottom: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-text, #241f1f) !important;
}

.table-row:hover,
.history-row:hover {
    background: var(--nsa-bg-soft, #faf7f0) !important;
}

.history-container {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
}

.cell-img img,
#modal-img {
    background: var(--nsa-bg-soft, #faf7f0) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
}

.btn-details {
    background: var(--nsa-wine, #5b1625) !important;
    border: 1px solid var(--nsa-wine, #5b1625) !important;
    color: #fffdf8 !important;
}

.btn-preview,
.btn-edit,
.btn-send,
.btn-test,
.btn-send-modal,
.btn-primary,
.newsletter-box .btn-primary {
    background: var(--nsa-wine, #5b1625) !important;
    border: 1px solid var(--nsa-wine, #5b1625) !important;
    color: #fffdf8 !important;
    box-shadow: none !important;
}

.btn-preview:hover,
.btn-edit:hover,
.btn-send:hover,
.btn-test:hover,
.btn-send-modal:hover,
.btn-primary:hover,
.newsletter-box .btn-primary:hover {
    background: var(--nsa-wine-strong, #3f0e19) !important;
    border-color: var(--nsa-wine-strong, #3f0e19) !important;
}

.newsletter-container,
.newsletter-list,
.newsletter-wrapper,
.email-container,
.email-header {
    color: var(--nsa-text, #241f1f) !important;
}

.newsletter-item,
.newsletter-box,
.newsletter-wrapper,
.newsletter-list .list-item,
.list-item,
.email-container {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    box-shadow: none !important;
}

.newsletter-item h2,
.newsletter-item h3,
.newsletter-box h1,
.newsletter-box h2,
.newsletter-wrapper h1,
.email-header h1 {
    color: var(--nsa-wine, #5b1625) !important;
}

.status-Entwurf,
.status-Versendet,
.status-Fehler,
.status-chip,
.modal-status,
.modal-status.loading,
.modal-status.error {
    background: var(--nsa-surface-muted, #f7f2e9) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-wine, #5b1625) !important;
}

.newsletter-list .title,
.newsletter-list .details-area,
.newsletter-list .meta-info,
.newsletter-list .meta-info span {
    color: var(--nsa-text, #241f1f) !important;
}

.newsletter-list .meta-info,
.email-content,
.email-content p,
.email-content li,
.preview-footer-button {
    color: var(--nsa-text-muted, #6f6760) !important;
}

.newsletter-box.success-flash {
    background: var(--nsa-surface, #fffdf8) !important;
    border-color: var(--nsa-wine, #5b1625) !important;
    box-shadow: 0 0 0 3px rgba(91, 22, 37, 0.12) !important;
}

.button-group-container {
    border-top-color: var(--nsa-border, #d9d1c6) !important;
}

.ck.ck-editor,
.ck.ck-editor__main,
.ck.ck-toolbar,
.ck.ck-editor__editable,
.ck.ck-dropdown__panel,
.ck.ck-list {
    border-radius: 0 !important;
}

.ck.ck-toolbar,
.ck.ck-editor__editable,
.ck.ck-dropdown__panel,
.ck.ck-list,
.ck.ck-button,
.ck.ck-button.ck-on {
    background: var(--nsa-surface, #fffdf8) !important;
    border-color: var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-text, #241f1f) !important;
}

.ck.ck-button.ck-on,
.ck.ck-button:hover,
.ck.ck-list__item .ck-button:hover {
    background: var(--nsa-surface-muted, #f7f2e9) !important;
    color: var(--nsa-wine, #5b1625) !important;
}

.email-header {
    background: var(--nsa-wine, #5b1625) !important;
    border-bottom: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: #fffdf8 !important;
}

.email-content {
    background: var(--nsa-surface, #fffdf8) !important;
}

.edit-blue,
.edit-green,
.edit-gray,
.save-btn-edit,
.submit-button,
.modal-submit-btn {
    background: var(--nsa-wine, #5b1625) !important;
    border: 1px solid var(--nsa-wine, #5b1625) !important;
    color: #fffdf8 !important;
}

.delete-btn-edit,
.delete-button {
    background: var(--nsa-wine-strong, #3f0e19) !important;
    border: 1px solid var(--nsa-wine-strong, #3f0e19) !important;
    color: #fffdf8 !important;
}

.cancel-btn-edit,
.cancel-button {
    background: var(--nsa-silver-soft, #eceef0) !important;
    border: 1px solid var(--nsa-silver, #b9bdc2) !important;
    color: var(--nsa-text, #241f1f) !important;
}

#toast-container,
.message.warning,
.message.error,
.message.success,
#modal-feedback,
.status-card,
.log-card,
.result-card,
.summary-card {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    border-left-color: var(--nsa-wine, #5b1625) !important;
    color: var(--nsa-text, #241f1f) !important;
}

#toast-container .toast-icon,
.status-success,
.status-error,
.status-warning,
.word-counter.limit-reached {
    color: var(--nsa-wine, #5b1625) !important;
    border-color: var(--nsa-silver, #b9bdc2) !important;
}

.modal-form label,
.form-group label,
label {
    color: var(--nsa-text-muted, #6f6760) !important;
}

.modal-form input,
.modal-form select,
.modal-form textarea,
.trade-row input,
input:not([type="checkbox"]),
textarea,
select {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-text, #241f1f) !important;
}

input[readonly],
.readonly,
.disabled,
button:disabled {
    background: var(--nsa-silver-soft, #eceef0) !important;
    border-color: var(--nsa-silver, #b9bdc2) !important;
    color: var(--nsa-text-muted, #6f6760) !important;
}

.trade-row,
.modal-preview,
.image-preview,
.preview-box,
.dropdown-item,
.custom-dropdown-list-item {
    background: var(--nsa-surface, #fffdf8) !important;
    border-color: var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-text, #241f1f) !important;
}

.modal-title,
.modal-header h2,
.modal-header h3,
.modal-form h3 {
    color: var(--nsa-wine, #5b1625) !important;
    border-color: var(--nsa-silver, #b9bdc2) !important;
}

.dropdown-dot {
    border-radius: 0 !important;
    border: 1px solid var(--nsa-silver, #b9bdc2) !important;
}

.level-item-dot {
    border-radius: 0 !important;
    border-color: var(--nsa-silver, #b9bdc2) !important;
}

.toast-notification,
.toast {
    background: var(--nsa-wine, #5b1625) !important;
    border: 1px solid var(--nsa-wine, #5b1625) !important;
    color: #fffdf8 !important;
}

.toast-notification.error,
.toast.msg-error {
    background: var(--nsa-wine-strong, #3f0e19) !important;
    border-color: var(--nsa-wine-strong, #3f0e19) !important;
}

.save-btn,
.delete-btn,
.cancel-btn,
.close-btn {
    border-radius: 0 !important;
}

.save-btn {
    background: var(--nsa-wine, #5b1625) !important;
    color: #fffdf8 !important;
}

.delete-btn {
    background: var(--nsa-wine-strong, #3f0e19) !important;
    color: #fffdf8 !important;
}

.cancel-btn,
.close-btn,
.btn-secondary {
    background: var(--nsa-silver-soft, #eceef0) !important;
    border-color: var(--nsa-silver, #b9bdc2) !important;
    color: var(--nsa-text, #241f1f) !important;
}

#overlay,
.modal,
.modal-overlay,
.overlay {
    background: rgba(36, 31, 31, 0.86) !important;
    z-index: 5000 !important;
}

.modal-content,
.modal-box,
.modal-dialog,
.dialog,
.lightbox-content,
.sucheinfo-box {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    box-shadow: 0 18px 42px rgba(36, 31, 31, 0.22) !important;
    color: var(--nsa-text, #241f1f) !important;
}

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-box h1,
.modal-box h2,
.modal-box h3 {
    color: var(--nsa-wine, #5b1625) !important;
}

.card,
.panel,
.page-card,
.content-card,
.content-box,
.admin-card,
.editor-card,
.editor-box,
.tool-card,
.form-card,
.form-container,
.form-wrapper,
.search-card,
.search-panel,
.filter-card,
.filter-panel,
.stat-card,
.stat-box,
.summary-box,
.table-card,
.table-box,
.preview-card,
.preview-panel,
.image-card,
.image-panel,
.settings-card,
.settings-panel {
    background: var(--nsa-surface, #fffdf8) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    box-shadow: 0 6px 16px rgba(36, 31, 31, 0.06) !important;
    color: var(--nsa-text, #241f1f) !important;
}

.card h1,
.card h2,
.card h3,
.panel h1,
.panel h2,
.panel h3,
.page-card h1,
.page-card h2,
.page-card h3,
.content-card h1,
.content-card h2,
.content-card h3,
.admin-card h1,
.admin-card h2,
.admin-card h3,
.editor-card h1,
.editor-card h2,
.editor-card h3,
.tool-card h1,
.tool-card h2,
.tool-card h3 {
    color: var(--nsa-wine, #5b1625) !important;
    border-color: var(--nsa-silver, #b9bdc2) !important;
}

.button-link,
.arch-btn,
.confirm-btn,
.submit-button,
.modal-submit-btn,
.primary-button,
.primary-btn {
    background: var(--nsa-wine, #5b1625) !important;
    border: 1px solid var(--nsa-wine, #5b1625) !important;
    color: #fffdf8 !important;
    text-decoration: none !important;
}

.button-link:hover,
.arch-btn:hover,
.confirm-btn:hover,
.submit-button:hover,
.modal-submit-btn:hover,
.primary-button:hover,
.primary-btn:hover {
    background: var(--nsa-wine-strong, #3f0e19) !important;
    border-color: var(--nsa-wine-strong, #3f0e19) !important;
}

.secondary-button,
.secondary-btn,
.modal-close-btn-secondary {
    background: var(--nsa-silver-soft, #eceef0) !important;
    border: 1px solid var(--nsa-silver, #b9bdc2) !important;
    color: var(--nsa-text, #241f1f) !important;
}

.badge,
.chip,
.tag,
.pill,
.status,
.label,
#reset_status_container,
#codeDisplayVisual {
    background: var(--nsa-surface-muted, #f7f2e9) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-wine, #5b1625) !important;
}

.success,
.error,
.warning,
.info {
    color: var(--nsa-wine, #5b1625) !important;
}

.close,
.close-button,
.modal-close,
#closeOverlayBtn {
    color: var(--nsa-wine, #5b1625) !important;
}

.notice,
.alert,
.warning,
.empty-state,
.status-box,
.content-wrapper-legal,
.success-message,
.form-box,
.newsletter-box,
.reset-box,
.container {
    background: var(--nsa-surface-muted, #f7f2e9) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-wine, #5b1625) !important;
}

.content-wrapper-legal {
    background: transparent !important;
    color: var(--nsa-text, #241f1f) !important;
}

.content-wrapper-legal h1,
.content-wrapper-legal h2,
.success-message h2,
.newsletter-box h1,
.newsletter-box h2,
.reset-box h1,
.reset-box h2 {
    color: var(--nsa-wine, #5b1625) !important;
    border-color: var(--nsa-silver, #b9bdc2) !important;
}

.status-box.success,
.status-box.error,
.status-box.info {
    background: var(--nsa-surface-muted, #f7f2e9) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-text, #241f1f) !important;
}

.switch .slider,
.dropdown-dot,
.level-item-dot {
    border-radius: 0 !important;
}

.switch input:checked + .slider {
    background: var(--nsa-wine, #5b1625) !important;
}

.rbac-tile-bar,
.tile-bar,
.card-bar {
    background: var(--nsa-wine, #5b1625) !important;
}

.rbac-role {
    background: var(--nsa-surface-muted, #f7f2e9) !important;
    border: 1px solid var(--nsa-border, #d9d1c6) !important;
    color: var(--nsa-wine, #5b1625) !important;
}

#galerie-scroll-content,
#rotblau-scroll-content,
#vergleich-scroll-content {
    background: var(--nsa-bg, #f3eee5) !important;
}

body.duplikat main,
body.briefcheck main {
    background: var(--nsa-bg, #f3eee5);
}

@media (max-width: 760px) {
    #galerie-scroll-content,
    #rotblau-scroll-content,
    #vergleich-scroll-content {
        height: calc(100dvh - 100px) !important;
        min-height: 0 !important;
        margin-top: 58px !important;
        padding: 12px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .galerie-grid {
        grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)) !important;
        grid-auto-rows: 184px !important;
        gap: 10px !important;
    }

    .img-frame {
        height: 132px !important;
    }

    .kachel p {
        margin: 9px 6px 0 !important;
        font-size: 0.84rem !important;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .modal,
    #overlay,
    .modal-overlay,
    .overlay {
        align-items: flex-start !important;
        box-sizing: border-box !important;
        padding: max(14px, env(safe-area-inset-top)) 10px max(14px, env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
        z-index: 5000 !important;
        overscroll-behavior: contain;
        width: 100vw !important;
        max-width: 100vw !important;
    }

    .modal-content,
    .modal-box,
    .modal-dialog,
    .dialog,
    .lightbox-content,
    .sucheinfo-box {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
        margin: 0 auto !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        position: relative;
    }

    table {
        min-width: 720px;
    }

    .table-wrap,
    .table-responsive {
        overflow-x: auto;
    }

    #main-scroll-content {
        top: 56px !important;
        height: calc(100dvh - 96px) !important;
        padding: 12px !important;
    }

    .tile-row {
        grid-template-columns: repeat(auto-fill, minmax(142px, 1fr)) !important;
        gap: 10px !important;
    }

    .base-tile,
    .info-tile {
        min-height: 128px;
        padding: 12px !important;
    }

    .mobile-dashboard-note {
        min-height: 0 !important;
        padding: 14px 16px !important;
    }

    .mobile-dashboard-note .sub-label {
        margin: 0 !important;
        font-size: 0.88rem !important;
        line-height: 1.25 !important;
    }

    .mobile-dashboard-note .main-data {
        margin: 0 !important;
        font-size: 1.08rem !important;
        line-height: 1.22 !important;
    }

    #main-content-chat {
        top: 64px !important;
        bottom: 42px !important;
        padding: 0 10px !important;
        gap: 10px !important;
    }

    #chat-window {
        padding: 10px !important;
    }

    #message-form {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 8px !important;
        padding: 8px !important;
    }

    #message-input {
        width: 100% !important;
        min-height: 72px;
    }

    #send-button {
        width: 100%;
        min-height: 42px;
    }

    .message-wrapper {
        max-width: 96% !important;
    }

    .modal-actions {
        flex-direction: column-reverse;
        gap: 8px;
    }

    .modal-actions button {
        width: 100%;
        min-height: 42px;
    }

    .newsletter-list .list-item {
        align-items: stretch !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
    }

    .archive-mobile-table {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .archive-mobile-table .archive-table-head {
        display: none !important;
    }

    .archive-mobile-table .archive-row {
        display: grid !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 0 12px !important;
        margin-bottom: 12px !important;
        padding: 12px !important;
        background: var(--nsa-surface, #fffdf8) !important;
        border: 1px solid var(--nsa-border, #d9d1c6) !important;
        box-shadow: 0 6px 16px rgba(36, 31, 31, 0.06) !important;
    }

    .archive-mobile-table .archive-row td {
        display: flex !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 7px 0 !important;
        border-bottom: 1px solid var(--nsa-border, #d9d1c6) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .archive-mobile-table .archive-row td::before {
        content: attr(data-label);
        color: var(--nsa-text-muted, #6f6760);
        font-size: 0.78rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .archive-mobile-table .archive-row td:first-child {
        grid-row: span 6;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 0 !important;
        border-bottom: 0 !important;
    }

    .archive-mobile-table .archive-row td:first-child::before,
    .archive-mobile-table .archive-row td:last-child::before {
        content: none;
    }

    .archive-mobile-table .archive-row td:last-child {
        justify-content: flex-start !important;
        border-bottom: 0 !important;
        padding-top: 10px !important;
    }

    .archive-mobile-table .archive-row .info-btn {
        width: 100%;
        justify-content: center;
    }

    .archive-mobile-table img.thumb {
        width: 72px !important;
    }

    .newsletter-list .title {
        white-space: normal !important;
        line-height: 1.25 !important;
    }

    .action-buttons,
    .modal-footer,
    .button-group {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .action-buttons a,
    .action-buttons button,
    .button-group a,
    .button-group button,
    .modal-footer button {
        justify-content: center !important;
        margin-left: 0 !important;
        min-height: 42px !important;
        width: 100% !important;
    }

    .newsletter-box,
    .newsletter-wrapper,
    .email-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px !important;
    }

    main {
        width: auto !important;
        max-width: none !important;
        margin: 68px 10px 52px !important;
        padding: 14px !important;
        overflow-x: auto;
    }

    .top-line,
    .form-grid,
    .modal-top {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .verlauf-grid {
        grid-template-columns: 64px 72px 160px 90px 160px 110px 72px 112px !important;
        gap: 8px !important;
    }

    .sortierung-container,
    .sortierung,
    .pagination {
        justify-content: flex-start !important;
        overflow-x: auto;
        padding-bottom: 4px;
        text-align: left !important;
    }

    .sortierung-container a,
    .sortierung a,
    .pagination a {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        margin: 0 4px 6px 0 !important;
        white-space: nowrap;
    }
}