/* Адаптация оболочки регистрационного рабочего места */

@media (max-width: 1199px) {
    .registration-appbar {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .registration-appbar__actions {
        grid-column: auto;
        justify-content: flex-start;
    }

    .registration-filter-grid { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
    .registration-audit-filters { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
}

@media (max-width: 991px) {
    .registration-page .demo-header {
        position: static;
    }

    .registration-app {
        padding-top: 0;
    }

    .registration-appbar {
        top: 0;
        gap: 14px;
        padding-right: 18px;
        padding-left: 18px;
    }

    .registration-viewport {
        padding: 16px 18px 28px;
    }

    .registration-registry-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .registration-registry-shell__grid {
        grid-template-columns: 1fr;
    }

    .registration-scope-card {
        min-height: 0;
    }

    .registration-account-summary { grid-template-columns: 1fr; }
    .registration-account-layout { grid-template-columns: 1fr; }
    .registration-account-history { border-top: 1px solid #e6edf2; border-left: 0; }
    .registration-form-grid { grid-template-columns: 1fr; }
    .registration-form-field_wide { grid-column: auto; }
    .registration-form-nav { top: 76px; }
    .registration-period-grid { grid-template-columns: 1fr; }
    .registration-period-column { border-right: 0; border-bottom: 1px solid #e6edf2; }
    .registration-period-column:last-child { border-bottom: 0; }
    .registration-document-layout { grid-template-columns: 290px minmax(0, 1fr); }
}

@media (max-width: 767px) {
    .registration-page .demo-header-inner {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .registration-page .demo-header-logo {
        width: 100%;
    }

    .registration-page .demo-header-back {
        margin-left: 0;
    }

    .registration-app {
        padding-top: 0;
    }

    .registration-appbar {
        position: static;
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 16px;
    }

    .registration-appbar__session {
        width: 100%;
    }

    .registration-appbar__actions {
        grid-column: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .registration-viewport {
        padding: 12px;
    }

    .registration-registry-shell__header {
        gap: 13px;
        padding: 20px 18px;
    }

    .registration-registry-shell__icon {
        width: 42px;
        height: 42px;
    }

    .registration-registry-shell__header h3 {
        font-size: 19px;
    }

    .registration-registry-shell__grid {
        gap: 10px;
        padding: 16px 18px;
    }

    .registration-data-summary {
        flex-wrap: wrap;
        gap: 8px 16px;
        padding: 10px 18px;
    }

    .registration-boundary-note {
        margin: 0 18px 20px;
    }

    .registration-form-grid {
        grid-template-columns: 1fr;
    }

    .registration-person-form { grid-template-columns: 1fr; }
    .registration-form-nav { position: static; flex-direction: row; min-height: 0; padding: 10px 12px; overflow-x: auto; border-right: 0; border-bottom: 1px solid #dce5eb; }
    .registration-form-nav button { grid-template-columns: 18px auto 16px; min-width: max-content; width: auto; }
    .registration-form-content { min-height: 0; }

    .registration-panel__header,
    .registration-person-header { flex-direction: column; }
    .registration-header-actions { flex-wrap: wrap; width: 100%; }
    .registration-search__main { align-items: stretch; flex-wrap: wrap; }
    .registration-search__input { flex-basis: 100%; }
    .registration-filter-grid,
    .registration-audit-filters { grid-template-columns: 1fr; }
    .registration-person-grid { grid-template-columns: 1fr; }
    .registration-form-field_wide { grid-column: auto; }
    .registration-account-summary dl { grid-template-columns: 1fr; }
    .registration-counter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .registration-period-section__header { align-items: flex-start; flex-direction: column; }
    .registration-audit-event { grid-template-columns: 1fr; gap: 8px; }
    .registration-audit-diff { grid-template-columns: 1fr; }
    .registration-document-backdrop { padding: 0; }
    .registration-document-modal { max-height: 100vh; border-radius: 0; }
    .registration-document-layout { grid-template-columns: 1fr; }
    .registration-document-settings { border-right: 0; border-bottom: 1px solid #e3e9ee; }
    .registration-document-preview { padding: 24px 18px; }
    .registration-confirm-fields { grid-template-columns: 1fr; }
    .registration-table { min-width: 920px; }
    .registration-account-table { min-width: 840px; }
    .registration-table th:last-child,
    .registration-table td:last-child { position: sticky; right: 0; z-index: 2; background: #fff; box-shadow: -5px 0 8px rgba(37,49,60,.08); }
    .registration-table th:last-child { z-index: 3; background: #f5f8fa; }
}

@media (max-width: 479px) {
    .registration-appbar__actions {
        grid-template-columns: 1fr;
    }

    .registration-registry-metrics { grid-template-columns: 1fr; }

    .registration-appbar__session { align-items: flex-end; flex-direction: column; gap: 6px; }
    .registration-appbar__session small,
    .registration-appbar__session strong { text-align: right; }

    .registration-registry-shell__header {
        display: block;
    }

    .registration-registry-shell__icon {
        margin-bottom: 12px;
    }

    .registration-modal-backdrop {
        padding: 10px;
    }

    .registration-list-toolbar { align-items: flex-start; flex-direction: column; }
    .registration-segmented { width: 100%; }
    .registration-segmented button { flex: 1 1 50%; }
    .registration-person-view,
    .registration-form-section { padding-right: 16px; padding-left: 16px; }
    .registration-counter-grid { grid-template-columns: 1fr; }
    .registration-document-preview__requisites { grid-template-columns: 1fr; }
    .registration-modal > form > footer,
    .registration-modal > footer,
    .registration-form-actions { align-items: stretch; flex-direction: column-reverse; }
    .registration-modal > form > footer .registration-button,
    .registration-modal > footer .registration-button,
    .registration-form-actions .registration-button { width: 100%; }
}