/*
 * Autocash cabinet — Task-first theme
 * Standalone frontend layer. Legacy public-site styles are intentionally excluded.
 */

@font-face {
    font-family: "Cera Pro";
    src: url("/fonts/CeraPro-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Cera Pro";
    src: url("/fonts/CeraPro-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Cera Pro";
    src: url("/fonts/CeraPro-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --ac-navy-950: #002c4d;
    --ac-navy-900: #003964;
    --ac-navy-800: #064d79;
    --ac-navy-700: #315f80;
    --ac-navy-500: #68849a;
    --ac-navy-400: #8ba1b2;
    --ac-red-700: #cf171e;
    --ac-red-600: #ed1c24;
    --ac-red-100: #fff1f2;
    --ac-green-700: #177245;
    --ac-green-100: #eaf8f1;
    --ac-amber-700: #9a5b00;
    --ac-amber-100: #fff6e5;
    --ac-blue-100: #edf5fb;
    --ac-white: #ffffff;
    --ac-bg: #f3f7fa;
    --ac-bg-soft: #edf3f7;
    --ac-bg-cool: #f6f8fa;
    --ac-border: #ccd9e2;
    --ac-border-light: #dde7ed;
    --ac-text: #0b3552;
    --ac-muted: #70879a;
    --ac-radius: 7px;
    --ac-radius-lg: 11px;
    --ac-shadow-card: 0 8px 26px rgba(0, 57, 100, 0.055);
    --ac-shadow-menu: 0 14px 38px rgba(0, 45, 77, 0.16);
    --ac-focus: 0 0 0 3px rgba(49, 95, 128, 0.16);
    --ac-focus-error: 0 0 0 3px rgba(237, 28, 36, 0.13);
    --ac-header-height: 76px;
    --ac-shell-header-height: calc(var(--ac-header-height) + 1px);
    --ac-shell-footer-height: 40px;
    --ac-sidebar-width: 252px;
    --ac-topbar-inline-padding: 30px;
    --ac-brand-logo-width: 194px;
    --ac-content-max: none;
    --ac-transition: 140ms ease;
}

html {
    min-width: 0 !important;
    scroll-behavior: smooth;
}

body.ac-page {
    min-width: 0 !important;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    background: var(--ac-bg);
    color: var(--ac-text);
    font-family: "Cera Pro", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.ac-page *,
.ac-page *::before,
.ac-page *::after {
    box-sizing: border-box;
}

.ac-page :where(h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, figure, blockquote) {
    margin: 0;
    padding: 0;
}

.ac-page :where(ol, ul) {
    list-style: none;
}

.ac-page :where(button) {
    margin: 0;
}

.ac-page :where(table) {
    border-spacing: 0;
    border-collapse: collapse;
}

.ac-page img {
    display: block;
    max-width: 100%;
}

.ac-page a {
    color: inherit;
    text-decoration: none;
}

.ac-page button,
.ac-page input,
.ac-page textarea,
.ac-page select {
    font: inherit;
}

.ac-page button,
.ac-page a {
    -webkit-tap-highlight-color: transparent;
}

.ac-page :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--ac-navy-700) !important;
    outline-offset: 2px;
    box-shadow: var(--ac-focus);
}

.ac-page [hidden] {
    display: none !important;
}

.ac-skip-link {
    position: fixed;
    z-index: 10000;
    top: 12px;
    left: 12px;
    padding: 10px 14px;
    transform: translateY(-150%);
    border-radius: var(--ac-radius);
    background: var(--ac-navy-900);
    color: var(--ac-white) !important;
    font-weight: 700;
    transition: transform var(--ac-transition);
}

.ac-skip-link:focus {
    transform: translateY(0);
}

.ac-preloader {
    position: fixed;
    z-index: 9999;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(245, 249, 252, 0.96);
    opacity: 1;
    transition: opacity 220ms ease, visibility 220ms ease;
}

.ac-preloader.is-hidden {
    visibility: hidden;
    opacity: 0;
}

.ac-preloader__mark {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 34px;
}

.ac-preloader__mark span {
    display: block;
    width: 7px;
    height: 26px;
    border-radius: 2px;
    background: var(--ac-navy-900);
    animation: ac-loader 800ms ease-in-out infinite alternate;
}

.ac-preloader__mark span:nth-child(2) {
    height: 34px;
    background: var(--ac-red-600);
    animation-delay: 120ms;
}

.ac-preloader__mark span:nth-child(3) {
    animation-delay: 240ms;
}

@keyframes ac-loader {
    to {
        transform: scaleY(0.45);
        opacity: 0.45;
    }
}

.ac-app-shell {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

/* Header */

.ac-topbar {
    position: sticky;
    z-index: 100;
    top: 0;
    flex: 0 0 auto;
    min-height: var(--ac-header-height);
    border-bottom: 1px solid var(--ac-border-light);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: none;
    backdrop-filter: blur(12px);
}

.ac-topbar__inner {
    display: flex;
    width: 100%;
    max-width: none;
    min-height: var(--ac-header-height);
    align-items: center;
    gap: 16px;
    margin: 0 auto;
    padding: 10px 30px;
}

.ac-brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 20px;
}

.ac-brand img {
    display: block;
    width: var(--ac-brand-logo-width);
    height: auto;
}

.ac-brand__descriptor {
    display: inline-flex;
    height: 36px;
    align-items: center;
    padding-left: 20px;
    border-left: 1px solid var(--ac-border);
    color: var(--ac-navy-500);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ac-page--with-sidebar .ac-brand {
    gap: 0;
}

.ac-page--with-sidebar .ac-brand__descriptor {
    margin-left: calc(
        var(--ac-sidebar-width)
        - var(--ac-topbar-inline-padding)
        - var(--ac-brand-logo-width)
        - 1px
    );
}

.ac-topbar__spacer {
    flex: 1 1 auto;
}

.ac-icon-button {
    position: relative;
    display: inline-grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border: 1px solid var(--ac-border-light);
    border-radius: 6px;
    background: var(--ac-white);
    color: var(--ac-navy-900);
    cursor: pointer;
    transition: color var(--ac-transition), border-color var(--ac-transition), background var(--ac-transition);
}

.ac-icon-button:hover {
    border-color: var(--ac-border);
    background: var(--ac-bg-soft);
    color: var(--ac-red-600);
}

.ac-menu-toggle {
    display: none;
}

.ac-topbar__payment {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 9px;
    padding: 0 16px;
    border: 1px solid var(--ac-border);
    border-radius: 6px;
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 700;
    transition: color var(--ac-transition), border-color var(--ac-transition), background var(--ac-transition);
}

.ac-topbar__payment:hover {
    border-color: var(--ac-navy-900);
    background: var(--ac-bg-soft);
}

.ac-message-button__badge {
    position: absolute;
    top: -5px;
    right: -5px;
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 5px;
    border: 2px solid var(--ac-white);
    border-radius: 12px;
    background: var(--ac-red-600);
    color: var(--ac-white);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.ac-user-menu {
    position: relative;
}

.ac-user-menu__trigger {
    display: flex;
    min-width: 200px;
    min-height: 50px;
    align-items: center;
    gap: 11px;
    padding: 5px 10px 5px 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ac-navy-900);
    text-align: left;
    cursor: pointer;
    transition: background var(--ac-transition);
}

.ac-user-menu__trigger:hover,
.ac-user-menu__trigger[aria-expanded="true"] {
    background: var(--ac-bg-soft);
}

.ac-user-menu__avatar {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 50%;
    background: var(--ac-navy-900);
    color: var(--ac-white);
    font-size: 16px;
    font-weight: 700;
}

.ac-user-menu__identity {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.ac-user-menu__caption {
    color: var(--ac-muted);
    font-size: 11px;
    line-height: 1.2;
}

.ac-user-menu__name {
    overflow: hidden;
    max-width: 145px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-user-menu__chevron {
    flex: 0 0 auto;
    transition: transform var(--ac-transition);
}

.ac-user-menu__trigger[aria-expanded="true"] .ac-user-menu__chevron {
    transform: rotate(180deg);
}

.ac-user-menu__dropdown {
    position: absolute;
    z-index: 130;
    top: calc(100% + 10px);
    right: 0;
    display: none;
    width: 230px;
    overflow: hidden;
    padding: 7px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-menu);
}

.ac-user-menu__dropdown.is-open,
.ac-user-menu__dropdown.show {
    display: block;
}

.ac-user-menu__item {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    gap: 11px;
    padding: 10px 11px;
    border: 0;
    border-radius: var(--ac-radius);
    background: transparent;
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background var(--ac-transition), color var(--ac-transition);
}

.ac-user-menu__item:hover {
    background: var(--ac-bg-soft);
}

.ac-user-menu__item--danger {
    color: var(--ac-red-600);
}

.ac-user-menu__form {
    margin: 0;
}

.ac-flow-label {
    display: flex;
    height: 36px;
    justify-content: center;
    flex-direction: column;
    padding-left: 22px;
    border-left: 1px solid var(--ac-border);
}

.ac-flow-label__eyebrow {
    color: var(--ac-red-600);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.ac-flow-label__title {
    color: var(--ac-navy-900);
    font-size: 15px;
    font-weight: 700;
}

.ac-guest-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.ac-guest-contact__phone {
    color: var(--ac-navy-900);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.ac-guest-contact__schedule {
    color: var(--ac-muted);
    font-size: 12px;
}

.ac-topbar__site-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    color: var(--ac-navy-900);
    font-size: 13px;
    font-weight: 700;
    transition: background var(--ac-transition), border-color var(--ac-transition);
}

.ac-topbar__site-link-label {
    white-space: nowrap;
}

.ac-topbar__site-link:hover {
    border-color: var(--ac-navy-900);
    background: var(--ac-bg-soft);
}

/* Main application shell */

.ac-app-body {
    display: grid;
    min-height: calc(100vh - var(--ac-header-height));
    flex: 1 0 auto;
    grid-template-columns: var(--ac-sidebar-width) minmax(0, 1fr);
}

.ac-page.ac-shell-fits-viewport .ac-app-body {
    min-height: calc(100vh - var(--ac-shell-header-height) - var(--ac-shell-footer-height));
    min-height: calc(100dvh - var(--ac-shell-header-height) - var(--ac-shell-footer-height));
}

.ac-page--form-flow .ac-app-body {
    display: block;
}

.ac-sidebar {
    position: sticky;
    z-index: 40;
    top: var(--ac-header-height);
    height: calc(100vh - var(--ac-header-height));
    align-self: start;
    border-right: 1px solid var(--ac-border-light);
    background: var(--ac-white);
}

.ac-sidebar__inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow-y: auto;
    padding: 28px 16px 20px;
}

.ac-sidebar__section-label {
    margin: 0 12px 12px;
    color: var(--ac-navy-400);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ac-sidebar__nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ac-nav-item {
    position: relative;
    display: flex;
    min-height: 49px;
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    border-radius: 7px;
    color: var(--ac-navy-700);
    font-size: 15px;
    font-weight: 500;
    transition: background var(--ac-transition), color var(--ac-transition);
}

.ac-nav-item::before {
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 0;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: transparent;
    content: "";
}

.ac-nav-item svg {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
}

.ac-nav-item__label {
    min-width: 0;
    flex: 1 1 auto;
}

.ac-nav-item__badge {
    display: grid;
    min-width: 22px;
    height: 22px;
    flex: 0 0 auto;
    place-items: center;
    padding: 0 6px;
    border: 1px solid var(--ac-border-light);
    border-radius: 12px;
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 11px;
    font-weight: 700;
}

.ac-nav-item:hover {
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

.ac-nav-item.is-active {
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
    font-weight: 700;
}

.ac-nav-item.is-active::before {
    background: var(--ac-red-600);
}

.ac-sidebar__actions {
    margin-top: 26px;
}

.ac-sidebar__save-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 8px 0;
    color: var(--ac-muted);
    font-size: 11px;
    line-height: 1.35;
}

.ac-sidebar__save-note > span {
    display: grid;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    place-items: center;
    border-radius: 50%;
    background: var(--ac-green-100);
    color: var(--ac-green-700);
    font-size: 11px;
    font-weight: 700;
}

.ac-sidebar__trust {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: auto;
    padding: 18px 9px 0;
    border-top: 1px solid var(--ac-border-light);
    color: var(--ac-muted);
    font-size: 11px;
    line-height: 1.4;
}

.ac-sidebar__trust-mark {
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    border-radius: 50%;
    background: var(--ac-green-100);
    color: var(--ac-green-700);
    font-size: 12px;
    font-weight: 700;
}

.ac-sidebar__trust strong {
    display: block;
    margin-bottom: 3px;
    color: var(--ac-navy-900);
    font-size: 12px;
    font-weight: 700;
}

.ac-sidebar__trust p {
    margin: 0;
}

.ac-sidebar-overlay {
    display: none;
}

.ac-main {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 26px 40px 48px;
}

.ac-page--with-sidebar .ac-main {
    max-width: none;
}

.ac-page--form-flow .ac-main {
    display: block;
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 24px;
}

.ac-main--guest {
    display: grid;
    max-width: none;
    min-height: calc(100vh - var(--ac-header-height) - 72px);
    place-items: center;
    padding: 54px 24px;
}

.ac-page.ac-shell-fits-viewport .ac-main--guest {
    min-height: calc(100vh - var(--ac-shell-header-height) - var(--ac-shell-footer-height));
    min-height: calc(100dvh - var(--ac-shell-header-height) - var(--ac-shell-footer-height));
}

@media (min-width: 992px) {
    .ac-page--with-sidebar .ac-app-body {
        background:
            linear-gradient(
                90deg,
                var(--ac-white) 0,
                var(--ac-white) calc(var(--ac-sidebar-width) - 1px),
                var(--ac-border-light) calc(var(--ac-sidebar-width) - 1px),
                var(--ac-border-light) var(--ac-sidebar-width),
                transparent var(--ac-sidebar-width)
            );
    }

    .ac-page.ac-shell-fits-viewport .ac-sidebar {
        top: var(--ac-shell-header-height);
        height: calc(100vh - var(--ac-shell-header-height) - var(--ac-shell-footer-height));
        height: calc(100dvh - var(--ac-shell-header-height) - var(--ac-shell-footer-height));
    }
}

.ac-page .wrap,
.ac-page .wrap.big {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0;
    padding-left: 0;
}

.ac-flow-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.ac-flow-toolbar--step-only {
    justify-content: flex-end;
}

.ac-flow-toolbar__back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ac-navy-700);
    font-size: 14px;
    font-weight: 500;
    transition: color var(--ac-transition);
}

.ac-flow-toolbar__back:hover {
    color: var(--ac-red-600);
}

.ac-flow-toolbar__step {
    color: var(--ac-muted);
    font-size: 13px;
    font-weight: 500;
}

/* Shared buttons and controls */

.ac-button,
.ac-page .custom-button,
.ac-page .order__btn,
.ac-page .payments__btns-item,
.ac-page .comment-btn,
.ac-page .loans__item-btn,
.ac-page .popup_payment-make-payment,
.ac-page .popup__payment-btn,
.ac-page .status-application-btn,
.ac-page .application__btn,
.ac-page .support__btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 20px;
    border: 1px solid transparent;
    border-radius: var(--ac-radius);
    font-family: "Cera Pro", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: color var(--ac-transition), background var(--ac-transition), border-color var(--ac-transition);
}

.ac-button--primary,
.ac-page .custom-button,
.ac-page .order__btn-next,
.ac-page .payments__btns-make-payment,
.ac-page .comment-btn,
.ac-page .loans__item-btn,
.ac-page .status-application-btn-make-application {
    border-color: var(--ac-red-600);
    background: var(--ac-red-600);
    color: var(--ac-white) !important;
}

.ac-button--primary:hover,
.ac-page .custom-button:hover,
.ac-page .order__btn-next:hover,
.ac-page .payments__btns-make-payment:hover,
.ac-page .comment-btn:hover,
.ac-page .loans__item-btn:hover {
    border-color: var(--ac-red-700);
    background: var(--ac-red-700);
}

.ac-button--secondary,
.ac-page .order__btn-prev,
.ac-page .payments__btns-type-payments,
.ac-page .status-application-btn-add {
    border-color: var(--ac-border);
    background: var(--ac-white);
    color: var(--ac-navy-900) !important;
}

.ac-button--secondary:hover,
.ac-page .order__btn-prev:hover,
.ac-page .payments__btns-type-payments:hover,
.ac-page .status-application-btn-add:hover {
    border-color: var(--ac-navy-900);
    background: var(--ac-bg-soft);
}

.ac-button--wide {
    width: 100%;
}

.ac-button--compact {
    min-height: 38px;
    padding: 7px 12px;
    font-size: 12px;
}

.ac-page :where(button, .ac-button, .order__btn)[disabled],
.ac-page :where(button, .ac-button, .order__btn).is-disabled {
    border-color: var(--ac-border-light) !important;
    background: #e8eef2 !important;
    color: var(--ac-navy-400) !important;
    cursor: not-allowed;
    transform: none !important;
}

.ac-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), textarea, select, .order-input, .dropdown-input__value, .form-tel) {
    width: 100%;
    min-height: 52px;
    padding: 0 15px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    outline: 0;
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 15px;
    font-weight: 500;
    transition: border-color var(--ac-transition), box-shadow var(--ac-transition), background var(--ac-transition);
}

.ac-page textarea {
    min-height: 120px;
    padding-top: 13px;
    padding-bottom: 13px;
    resize: vertical;
}

.ac-page :where(input, textarea)::placeholder {
    color: rgba(98, 131, 156, 0.62);
    opacity: 1;
}

.ac-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), textarea, select):hover {
    border-color: var(--ac-navy-400);
}

.ac-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), textarea, select):focus {
    border-color: var(--ac-navy-900);
    box-shadow: 0 0 0 3px rgba(0, 57, 100, 0.1);
}

.ac-page :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
    textarea,
    select,
    .order-input,
    .dropdown-input__value,
    .form-tel
):focus-visible {
    outline: 0 !important;
}

.ac-page :where(input, textarea, select):disabled,
.ac-page :where(input, textarea, select)[readonly] {
    background: var(--ac-bg-cool);
    color: var(--ac-navy-700);
}

.ac-page label,
.ac-page .order_input-item__title {
    color: var(--ac-navy-700);
    font-size: 13px;
    font-weight: 500;
}

.ac-page .is-invalid,
.ac-page .input-error {
    border-color: var(--ac-red-600) !important;
    background: var(--ac-red-100) !important;
}

.ac-page :where(.is-invalid, .input-error, .order-input_error):focus,
.ac-page :where(.is-invalid, .input-error, .order-input_error):focus-visible,
.ac-page .dropdown-input.is-invalid .dropdown-input__value:focus,
.ac-page .dropdown-input.is-invalid .dropdown-input__value:focus-visible {
    box-shadow: var(--ac-focus-error) !important;
}

.ac-page .error-message,
.ac-page .text-danger,
.ac-page .inn-error {
    display: block;
    margin-top: 6px;
    color: var(--ac-red-600) !important;
    font-size: 12px !important;
    line-height: 1.35;
}

/* Page headings and cards */

.ac-page .page__head {
    min-height: 0;
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
}

.ac-page .page__head-breadcrumb,
.ac-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 0;
    color: var(--ac-muted);
    font-size: 12px;
    list-style: none;
}

.ac-page .breadcrumb__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ac-page .breadcrumb__item:not(:last-child)::after {
    color: var(--ac-navy-400);
    content: "/";
}

.ac-page .breadcrumb__item a:hover {
    color: var(--ac-red-600);
}

.ac-page .page__head-title,
.ac-page-title {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: clamp(27px, 2.4vw, 32px);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.ac-section {
    margin-top: 28px;
}

.ac-section:first-child {
    margin-top: 0;
}

.ac-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.ac-section__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.ac-section__eyebrow {
    margin: 0 0 5px;
    color: var(--ac-red-600);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.ac-page-head__subtitle {
    max-width: 680px;
    margin: 9px 0 0;
    color: var(--ac-muted);
    font-size: 14px;
}

.ac-section__title,
.ac-page .active__loads-title,
.ac-page .section__news-title {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.ac-section__meta {
    color: var(--ac-muted);
    font-size: 13px;
}

.ac-card,
.ac-page .profile__card {
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-card {
    padding: 24px;
}

.ac-card--navy {
    border-color: var(--ac-navy-900);
    background: var(--ac-navy-900);
    color: var(--ac-white);
}

.ac-card__eyebrow {
    margin-bottom: 8px;
    color: var(--ac-navy-400);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.ac-card--navy .ac-card__eyebrow {
    color: #a9c1d3;
}

.ac-card__title {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: 20px;
    font-weight: 700;
}

.ac-card--navy .ac-card__title {
    color: var(--ac-white);
}

.ac-card__value {
    margin-top: 8px;
    font-size: clamp(26px, 4vw, 34px);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.025em;
    line-height: 1.1;
}

.ac-card__muted {
    color: var(--ac-muted);
    font-size: 13px;
}

.ac-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ac-field__hint {
    margin: 0;
    color: var(--ac-muted);
    font-size: 12px;
}

.ac-alert,
.ac-notice {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px 16px;
    border: 1px solid var(--ac-border);
    border-left: 3px solid var(--ac-navy-700);
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0;
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
    font-size: 13px;
}

.ac-alert--error {
    border-color: #f4c5c5;
    border-left-color: var(--ac-red-600);
    background: var(--ac-red-100);
    color: #982626;
}

.ac-notice--warning {
    border-color: #f0d39f;
    border-left-color: var(--ac-amber-700);
    background: var(--ac-amber-100);
    color: #714500;
}

.ac-alert__icon,
.ac-notice__icon {
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}

.ac-notice__content {
    min-width: 0;
}

.ac-notice__title {
    margin: 0 0 3px;
    color: currentColor;
    font-size: 14px;
    font-weight: 700;
}

.ac-notice p {
    margin: 0;
}

/* Dashboard */

.ac-dashboard {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.ac-dashboard__welcome {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.ac-dashboard__intro {
    max-width: 650px;
    margin: 8px 0 0;
    color: var(--ac-muted);
    font-size: 15px;
}

.ac-dashboard__summary {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(180px, 0.8fr));
    gap: 16px;
}

.ac-dashboard__summary .ac-card {
    min-height: 150px;
}

.ac-dashboard__summary .ac-card--navy {
    position: relative;
    overflow: hidden;
}

.ac-dashboard__summary .ac-card--navy::after {
    position: absolute;
    right: -54px;
    bottom: -72px;
    width: 190px;
    height: 190px;
    border: 30px solid rgba(255, 255, 255, 0.055);
    border-radius: 50%;
    content: "";
}

.ac-dashboard__quick-actions,
.ac-action-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ac-empty {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 28px;
    border: 1px dashed var(--ac-border);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
}

.ac-empty__icon {
    display: grid;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    place-items: center;
    border-radius: 50%;
    background: var(--ac-bg-soft);
    color: var(--ac-navy-700);
}

.ac-empty__content {
    flex: 1 1 auto;
}

.ac-empty__title {
    margin: 0 0 5px;
    color: var(--ac-navy-900);
    font-size: 18px;
    font-weight: 700;
}

.ac-empty__text {
    margin: 0;
    color: var(--ac-muted);
    font-size: 14px;
}

.ac-page .not__active-applications {
    margin-bottom: 28px !important;
}

.ac-page .applications-wrapper {
    display: flex;
    min-height: 160px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px;
    border: 1px dashed var(--ac-border);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
}

.ac-page .not__active-text {
    color: var(--ac-navy-900);
    font-size: 18px;
    font-weight: 700;
}

.ac-page .not__active-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: var(--ac-radius);
    background: var(--ac-red-600);
    color: var(--ac-white);
    font-weight: 700;
}

/* Dashboard — Task-first journey */

.ac-dashboard-page {
    width: 100%;
}

.ac-dashboard-heading {
    display: flex;
    min-height: 64px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 12px !important;
}

.ac-dashboard-heading__breadcrumb {
    display: none;
}

.ac-dashboard-heading__greeting {
    margin: 0 0 3px;
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 500;
}

.ac-dashboard-heading__title {
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em !important;
}

.ac-dashboard-heading__subtitle {
    display: none;
}

.ac-dashboard-heading__state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-top: 6px;
    color: var(--ac-navy-500);
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.ac-dashboard-heading__state-dot {
    width: 8px;
    height: 8px;
    border: 2px solid #dff2ea;
    border-radius: 50%;
    background: #42a17b;
    box-shadow: 0 0 0 2px #edf8f3;
}

.ac-dashboard-main {
    width: 100%;
}

.ac-dashboard-priority {
    display: grid;
    min-height: 218px;
    overflow: hidden;
    grid-template-columns: minmax(360px, 42%) minmax(0, 58%);
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-dashboard-priority__action {
    position: relative;
    overflow: hidden;
    padding: 23px 25px;
    background:
        radial-gradient(circle at 88% 20%, rgba(27, 112, 157, 0.42), transparent 35%),
        linear-gradient(135deg, var(--ac-navy-900), #075079);
    color: var(--ac-white);
}

.ac-dashboard-priority__action::after {
    position: absolute;
    right: -13px;
    bottom: -36px;
    color: rgba(255, 255, 255, 0.035);
    content: "АК";
    font-size: 92px;
    font-weight: 700;
    letter-spacing: -0.08em;
    line-height: 1;
    pointer-events: none;
}

.ac-dashboard-priority__eyebrow {
    position: relative;
    z-index: 1;
    color: #acd0e2;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.ac-dashboard-priority__title {
    position: relative;
    z-index: 1;
    max-width: 440px;
    margin: 8px 0 6px;
    color: var(--ac-white);
    font-size: clamp(21px, 2vw, 25px);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.ac-dashboard-priority__description {
    position: relative;
    z-index: 1;
    max-width: 520px;
    color: #c6dce8;
    font-size: 12px;
    line-height: 1.45;
}

.ac-dashboard-priority__meta {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 14px;
    color: var(--ac-white);
    font-size: 11px;
    font-weight: 700;
}

.ac-dashboard-priority__meta > span {
    display: inline-flex;
    align-items: center;
}

.ac-dashboard-priority__meta > span + span::before {
    width: 1px;
    height: 13px;
    margin: 0 12px;
    background: rgba(255, 255, 255, 0.28);
    content: "";
}

.ac-dashboard-priority__footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 16px;
}

.ac-dashboard-priority__button {
    min-width: 152px;
    min-height: 42px !important;
    padding: 8px 17px !important;
}

.ac-dashboard-priority__arrow {
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
}

.ac-dashboard-priority__autosave {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #b8d3e1;
    font-size: 10px;
}

.ac-dashboard-priority__autosave > span {
    display: grid;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    place-items: center;
    border: 1px solid rgba(191, 229, 214, 0.45);
    border-radius: 50%;
    color: #bfe5d6;
    font-size: 9px;
    font-weight: 700;
}

.ac-dashboard-journey {
    min-width: 0;
    padding: 20px 24px 18px;
    background: var(--ac-white);
}

.ac-dashboard-journey__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.ac-dashboard-journey__title {
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 700;
}

.ac-dashboard-journey__counter {
    display: inline-flex;
    min-height: 23px;
    align-items: center;
    padding: 4px 8px;
    border-radius: 12px;
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.ac-dashboard-journey__steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 13px;
}

.ac-dashboard-journey__step {
    position: relative;
    min-width: 0;
    text-align: center;
}

.ac-dashboard-journey__step::after {
    position: absolute;
    z-index: 0;
    top: 12px;
    left: calc(50% + 14px);
    width: calc(100% - 28px);
    height: 2px;
    background: var(--ac-border-light);
    content: "";
}

.ac-dashboard-journey__step:last-child::after {
    display: none;
}

.ac-dashboard-journey__step--done::after {
    background: #4a997c;
}

.ac-dashboard-journey__circle {
    position: relative;
    z-index: 1;
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    margin: 0 auto;
    border: 2px solid var(--ac-border);
    border-radius: 50%;
    background: var(--ac-white);
    color: var(--ac-navy-400);
    font-size: 9px;
    font-weight: 700;
}

.ac-dashboard-journey__step--done .ac-dashboard-journey__circle {
    border-color: #419274;
    background: #419274;
    color: var(--ac-white);
}

.ac-dashboard-journey__step--current .ac-dashboard-journey__circle {
    border-color: var(--ac-red-600);
    background: var(--ac-red-600);
    box-shadow: 0 0 0 4px rgba(237, 28, 36, 0.1);
    color: var(--ac-white);
}

.ac-dashboard-journey__label {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    color: var(--ac-navy-400);
    font-size: 10px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-dashboard-journey__step--done .ac-dashboard-journey__label,
.ac-dashboard-journey__step--current .ac-dashboard-journey__label {
    color: var(--ac-navy-900);
    font-weight: 700;
}

.ac-dashboard-journey__task {
    display: grid;
    align-items: center;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 11px;
    margin-top: 13px;
    padding: 10px 12px;
    border: 1px solid var(--ac-border-light);
    border-left: 3px solid var(--ac-red-600);
    border-radius: var(--ac-radius);
    background: #f5f8fa;
}

.ac-dashboard-journey__task-icon {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid var(--ac-border);
    border-radius: 6px;
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 12px;
    font-weight: 700;
}

.ac-dashboard-journey__task-copy {
    min-width: 0;
}

.ac-dashboard-journey__task-copy strong,
.ac-dashboard-journey__task-copy span {
    display: block;
}

.ac-dashboard-journey__task-copy strong {
    color: var(--ac-navy-900);
    font-size: 11px;
    line-height: 1.2;
}

.ac-dashboard-journey__task-copy span {
    margin-top: 3px;
    overflow: hidden;
    color: var(--ac-muted);
    font-size: 9px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-dashboard-journey__progress {
    min-width: 72px;
    text-align: right;
}

.ac-dashboard-journey__progress > strong {
    display: block;
    color: var(--ac-navy-900);
    font-size: 11px;
}

.ac-dashboard-journey__progress-track {
    display: block;
    width: 72px;
    height: 4px;
    overflow: hidden;
    margin-top: 5px;
    border-radius: 2px;
    background: var(--ac-border-light);
}

.ac-dashboard-journey__progress-value {
    display: block;
    height: 100%;
    background: var(--ac-red-600);
}

.ac-dashboard-journey__progress-value--stage-1 { width: 20%; }
.ac-dashboard-journey__progress-value--stage-2 { width: 40%; }
.ac-dashboard-journey__progress-value--stage-3 { width: 60%; }
.ac-dashboard-journey__progress-value--stage-4 { width: 80%; }
.ac-dashboard-journey__progress-value--stage-5 { width: 100%; }

.ac-dashboard-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    margin-top: 14px;
}

.ac-dashboard-stat {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 148px;
    grid-template-columns: minmax(0, 1fr) 42px;
    grid-template-rows: auto minmax(38px, 1fr) auto;
    gap: 9px 14px;
    overflow: hidden;
    padding: 17px 18px 14px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: 0 5px 18px rgba(0, 55, 94, 0.035);
}

.ac-dashboard-stat__title {
    min-width: 0;
    align-self: center;
    color: var(--ac-navy-900);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.ac-dashboard-stat__icon {
    display: grid;
    width: 42px;
    height: 42px;
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: start;
    place-items: center;
    border-radius: 10px;
    background: var(--ac-blue-100);
    color: var(--ac-navy-900);
}

.ac-dashboard-stat__icon svg {
    width: 21px;
    height: 21px;
}

.ac-dashboard-stat--applications .ac-dashboard-stat__icon {
    background: #fff0f1;
    color: var(--ac-red-600);
}

.ac-dashboard-stat--overdue .ac-dashboard-stat__icon {
    background: #fff0f1;
    color: var(--ac-red-600);
}

.ac-dashboard-stat__metric {
    min-width: 0;
    align-self: center;
}

.ac-dashboard-stat__value,
.ac-dashboard-stat__label,
.ac-dashboard-stat__meta {
    display: block;
}

.ac-dashboard-stat__value {
    overflow: hidden;
    color: var(--ac-navy-900);
    font-size: 27px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-dashboard-stat--payment .ac-dashboard-stat__value {
    font-size: clamp(20px, 1.55vw, 27px);
}

.ac-dashboard-stat__label {
    margin-top: 4px;
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 500;
}

.ac-dashboard-stat__meta {
    margin-top: 5px;
    color: var(--ac-muted);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.ac-dashboard-stat__footer {
    display: flex;
    min-width: 0;
    min-height: 27px;
    grid-column: 1 / -1;
    align-items: flex-end;
    padding-top: 9px;
    border-top: 1px solid var(--ac-border-light);
}

.ac-dashboard-stat__action {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 6px;
    color: var(--ac-navy-900);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.ac-dashboard-stat__action:hover,
.ac-dashboard-stat__action:focus-visible {
    color: var(--ac-red-600);
    text-decoration: none;
}

.ac-dashboard-stat__status {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 7px;
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
}

.ac-dashboard-stat__status::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #a9bbc7;
    content: "";
}

.ac-dashboard-stat__status--danger {
    color: #d91920;
}

.ac-dashboard-stat__status--danger::before {
    background: var(--ac-red-600);
}

.ac-dashboard-stat__status--success {
    color: #187d5c;
}

.ac-dashboard-stat__status--success::before {
    background: #2c9b75;
}

.ac-dashboard-stat__status--neutral::before {
    background: #a9bbc7;
}

.ac-dashboard-content-grid {
    display: grid;
    align-items: stretch;
    grid-template-columns: minmax(0, 1.9fr) minmax(330px, 0.95fr);
    gap: 0;
    margin-top: 14px;
}

.ac-dashboard-panel {
    min-width: 0;
    overflow: hidden;
    margin: 0 !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
}

.ac-dashboard-content-grid > .section__active-applications {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ac-dashboard-content-grid > .ac-dashboard-panel--loans {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ac-dashboard-panel__header {
    min-height: 54px;
    align-items: center !important;
    margin: 0 !important;
    padding: 10px 18px;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-dashboard-panel__header .ac-section__eyebrow {
    display: none;
}

.ac-dashboard-panel__title {
    font-size: 15px !important;
}

.ac-dashboard-panel__link {
    color: var(--ac-navy-700);
    font-size: 10px;
    font-weight: 700;
}

.ac-dashboard-panel__link:hover {
    color: var(--ac-red-600);
}

.ac-dashboard-applications {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ac-dashboard-applications__head,
.ac-dashboard-application-row {
    display: grid !important;
    grid-template-columns: minmax(250px, 35%) minmax(130px, 20%) minmax(160px, 27%) minmax(95px, 18%) !important;
}

.ac-dashboard-applications__head {
    min-height: 38px !important;
    padding: 0 17px !important;
}

.ac-dashboard-application-row {
    min-height: 86px !important;
    padding: 0 17px !important;
}

.ac-dashboard-application-row__identity {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 0;
}

.ac-dashboard-application-row__name {
    display: block !important;
    min-width: 0;
}

.ac-dashboard-application-row__name .contract-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-dashboard-application-row__name small,
.ac-dashboard-application-row__date small,
.ac-dashboard-application-row__date strong {
    display: block;
}

.ac-dashboard-application-row__name small {
    overflow: hidden;
    margin-top: 4px;
    color: var(--ac-muted);
    font-size: 10px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-dashboard-application-row__amount strong {
    white-space: nowrap;
}

.ac-dashboard-application-row__date time {
    color: var(--ac-muted);
    font-size: 11px;
    line-height: 1.35;
}

.ac-dashboard-application-row__date strong {
    color: var(--ac-navy-700);
    font-size: 11px;
}

.ac-dashboard-application-row__inline-action {
    width: auto !important;
    min-height: 32px;
    padding: 5px 10px;
    white-space: nowrap;
}

.ac-dashboard-status {
    justify-content: center;
    min-height: 25px;
    padding: 5px 9px;
    font-size: 9px;
    line-height: 1.15;
    text-align: center;
}

.ac-dashboard-status--info {
    background: var(--ac-blue-100) !important;
    color: var(--ac-navy-700) !important;
}

.ac-dashboard-status--success {
    background: var(--ac-green-100) !important;
    color: var(--ac-green-700) !important;
}

.ac-dashboard-status--danger {
    background: var(--ac-red-100) !important;
    color: var(--ac-red-700) !important;
}

.ac-dashboard-panel--loans {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.ac-dashboard-loans {
    display: flex;
    overflow: visible !important;
    flex: 1 1 auto;
    flex-direction: column;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ac-dashboard-loans .no-contracts {
    min-height: 100%;
    flex: 1 1 auto;
    margin: 0;
    padding: 16px 18px !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
}

.ac-dashboard-empty {
    min-height: 126px;
    margin: 0;
    padding: 20px !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.ac-dashboard-empty__icon {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: 50%;
    background: var(--ac-blue-100);
    color: var(--ac-navy-500);
    font-size: 15px;
    font-weight: 700;
}

.ac-dashboard-empty--loans {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 13px;
}

.ac-dashboard-empty--loans .loans__item-full-width {
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    text-align: left;
}

.ac-dashboard-empty--loans .ac-empty__title {
    font-size: 13px;
}

.ac-dashboard-empty--loans .ac-empty__text {
    max-width: 280px;
    font-size: 11px;
    line-height: 1.4;
}

.ac-dashboard-loan-card {
    display: grid !important;
    grid-template-columns: minmax(90px, 0.7fr) minmax(100px, 0.8fr) auto !important;
    gap: 9px;
    min-height: 92px !important;
    padding: 13px 17px !important;
}

.ac-dashboard-loan-card__identity,
.ac-dashboard-loan-card__amount,
.ac-dashboard-loan-card__status {
    align-items: flex-start !important;
    justify-content: flex-start;
    flex-direction: column;
    gap: 3px;
}

.ac-dashboard-loan-card__label,
.ac-dashboard-loan-card__amount > span {
    display: block;
    color: var(--ac-muted);
    font-size: 10px;
    font-weight: 500;
}

.ac-dashboard-loan-card__payment {
    grid-column: 1 / -1;
}

.ac-dashboard-news {
    margin-top: 18px !important;
    padding: 0 !important;
}

.ac-dashboard-news > .ac-dashboard-panel__header {
    padding-right: 0;
    padding-left: 0;
    border-bottom: 0;
}

.ac-dashboard-news .ac-news {
    gap: 18px;
    margin-top: 0;
}

.ac-dashboard-news .ac-news__item {
    position: relative;
    display: flex;
    min-height: 300px;
    flex-direction: column;
    box-shadow: none;
    transition: border-color var(--ac-transition), background var(--ac-transition);
}

.ac-dashboard-news .ac-news__item:hover {
    border-color: var(--ac-navy-400);
    background: var(--ac-white);
}

.ac-dashboard-news .ac-news__image {
    position: relative;
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    aspect-ratio: 16 / 9;
}

.ac-dashboard-news .ac-news__image img {
    object-position: center;
}

.ac-dashboard-news .ac-news__content {
    position: static;
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 16px 18px 17px;
    background: var(--ac-white);
}

.ac-dashboard-news .ac-news__title {
    display: -webkit-box;
    min-height: 42px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ac-dashboard-news .ac-news__footer {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 14px;
}

.ac-dashboard-news .ac-news__date {
    margin-top: 0;
}

.ac-dashboard-news .ac-news__arrow {
    flex: 0 0 auto;
    color: var(--ac-navy-500);
}

/* Responsive data tables */

.ac-page :where(
    .table__applications,
    .table__loans,
    .table__active-applications,
    .table__active-loans,
    .table__payments
) {
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-page :where(
    .table__applications-head,
    .table__loans-head,
    .table__active-applications-head,
    .table__active-loans-head,
    .table__payments-head
) {
    align-items: center;
    min-height: 48px;
    padding: 0 18px;
    border-bottom: 1px solid var(--ac-border);
    background: var(--ac-bg-soft);
}

.ac-page .table__applications-head,
.ac-page .table__applications-items {
    display: grid !important;
    grid-template-columns: 72px 112px minmax(130px, 0.9fr) 125px 82px minmax(150px, 1.2fr);
}

.ac-page .table__loans-head,
.ac-page .table__loans-items {
    display: grid !important;
    grid-template-columns:
        minmax(140px, 0.62fr)
        120px
        125px
        130px
        85px
        125px
        minmax(180px, 1fr)
        minmax(190px, 1.08fr);
}

.ac-page .table__active-applications-head,
.ac-page .table__active-applications-items {
    display: grid !important;
    grid-template-columns: minmax(100px, 0.8fr) 140px 145px minmax(180px, 1fr);
}

.ac-page .table__active-loans-head,
.ac-page .table__active-loans-items {
    display: grid !important;
    grid-template-columns: minmax(115px, 0.8fr) minmax(120px, 0.8fr) minmax(115px, 0.7fr) minmax(260px, 1.5fr);
}

.ac-page .table__payments-head,
.ac-page .table__payments-items {
    display: grid !important;
    grid-template-columns: 140px 160px minmax(150px, 0.8fr) minmax(180px, 1fr);
}

.ac-page :where(
    .table__applications-items,
    .table__loans-items,
    .table__active-applications-items,
    .table__active-loans-items,
    .table__payments-items
) {
    align-items: stretch;
    min-height: 68px;
    padding: 0 18px;
    border-bottom: 1px solid var(--ac-border-light);
    background: var(--ac-white);
    transition: background var(--ac-transition);
}

.ac-page :where(
    .table__applications-items,
    .table__loans-items,
    .table__active-applications-items,
    .table__active-loans-items,
    .table__payments-items
):last-child {
    border-bottom: 0;
}

.ac-page :where(
    .table__applications-items,
    .table__loans-items,
    .table__active-applications-items,
    .table__active-loans-items,
    .table__payments-items
):hover {
    background: #fbfdff;
}

.ac-page :where(
    .table__head-item,
    .application__item,
    .loans__item,
    .payments__item
) {
    display: flex;
    width: auto !important;
    min-width: 0;
    align-items: center;
    padding: 12px 9px !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 13px;
    line-height: 1.35;
}

.ac-page .table__head-item {
    color: var(--ac-navy-500) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .ac-page :where(.application__item, .loans__item, .payments__item) > span:not([class]) {
        display: none;
    }
}

.ac-page :where(.table__active-applications-items, .table__active-loans-items)
    :where(.application__item, .loans__item) > span:not([class]),
.ac-page .loans__date > span {
    color: var(--ac-muted);
    font-weight: 500;
}

.ac-page .table__active-applications-items .application__item-status {
    flex-wrap: wrap;
    gap: 8px;
}

.ac-page .table__active-loans-items >
:is(.ac-loan-payment--mobile, .ac-table__cell--payment) {
    display: none !important;
}

.ac-page .table__active-loans-items > .ac-loan-payment--desktop {
    gap: 12px;
}

.ac-page .table__active-loans-items > .ac-loan-payment--desktop .comment-text {
    min-width: 0;
    flex: 1 1 auto;
}

.ac-page .table__active-loans-items > .ac-loan-payment--desktop form {
    flex: 0 0 auto;
}

.ac-page .center {
    justify-content: flex-start;
    text-align: left;
}

.ac-page .right {
    justify-content: flex-start;
    text-align: left;
}

.ac-page .contract-link {
    color: var(--ac-navy-900);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(0, 57, 100, 0.28);
    text-underline-offset: 3px;
    cursor: pointer;
    transition: color var(--ac-transition), text-decoration-color var(--ac-transition);
}

.ac-page .contract-link:hover {
    color: var(--ac-red-600);
    text-decoration-color: currentColor;
}

.ac-page .table__active-loans-items-expired {
    border-left: 3px solid var(--ac-red-600);
    background: #fffafa;
}

.ac-page .no-contracts,
.ac-page .no-payments {
    display: flex !important;
    min-height: 110px;
    align-items: center;
    justify-content: center;
}

.ac-page .loans__item-full-width {
    width: 100% !important;
    justify-content: center;
    color: var(--ac-muted);
}

.ac-status,
.ac-page .status-application,
.ac-page .loans__item-status.good,
.ac-page .application__item-status.good {
    display: inline-flex;
    width: fit-content;
    min-height: 26px;
    align-items: center;
    padding: 4px 9px;
    border-radius: 16px;
    background: var(--ac-amber-100);
    color: var(--ac-amber-700);
    font-size: 12px;
    font-weight: 700;
}

.ac-status--success,
.ac-page .status-application-good,
.ac-page .loans__item-status.good,
.ac-page .application__item-status.good {
    background: var(--ac-green-100);
    color: var(--ac-green-700);
}

.ac-status--danger {
    background: var(--ac-red-100);
    color: var(--ac-red-600) !important;
}

.ac-page .red {
    color: var(--ac-red-600) !important;
}

.ac-page .status-green > .ac-status {
    background: var(--ac-green-100);
    color: var(--ac-green-700);
}

.ac-page .status-red > .ac-status {
    background: var(--ac-red-100);
    color: var(--ac-red-600);
}

.ac-page .status-gray > .ac-status {
    background: var(--ac-bg-soft);
    color: var(--ac-muted);
}

.ac-page .status-blue > .ac-status {
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
}

/* Keep the status badge visible despite the old desktop rule hiding table spans. */
.ac-page .section__active-applications .table__active-applications-items .application__item-status > .ac-status {
    display: inline-flex !important;
}

.ac-page .section__active-loans,
.ac-page .section__active-applications,
.ac-page .section-payments {
    margin-bottom: 28px !important;
    padding-bottom: 0 !important;
}

.ac-page .payments__btns {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

/* Support CTA and news */

.ac-support-cta,
.ac-page .section-call-back {
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
    margin-top: 28px;
    border-radius: var(--ac-radius-lg);
    background: var(--ac-navy-900);
    color: var(--ac-white);
}

.ac-support-cta__content {
    padding: 26px 28px;
}

.ac-support-cta__eyebrow {
    color: #a9c1d3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.ac-support-cta__title {
    max-width: 520px;
    margin: 7px 0 4px;
    color: var(--ac-white);
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.ac-support-cta__text {
    margin: 0;
    color: #bed0dc;
    font-size: 14px;
}

.ac-support-cta__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 22px 28px;
    background: rgba(255, 255, 255, 0.045);
}

.ac-support-cta .ac-button--secondary {
    border-color: rgba(255, 255, 255, 0.38);
    background: transparent;
    color: var(--ac-white) !important;
}

.ac-page .section__news.ac-dashboard-section--news {
    margin-top: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
}

.ac-page .news__list,
.ac-news {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 14px;
}

.ac-page .news__item,
.ac-news__item {
    overflow: hidden;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-page .news__item-image,
.ac-news__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 7.8;
    background: var(--ac-bg-soft);
}

.ac-page .news__item-image img,
.ac-news__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ac-page .news__item-content,
.ac-news__content {
    padding: 16px 17px 18px;
}

.ac-page .news__item-title,
.ac-news__title {
    display: block;
    color: var(--ac-navy-900);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.ac-page .news__item-date,
.ac-news__date {
    margin-top: 9px;
    color: var(--ac-muted);
    font-size: 12px;
}

/* Authentication */

.ac-page--guest {
    background:
        linear-gradient(90deg, rgba(245, 249, 252, 0.97), rgba(245, 249, 252, 0.9)),
        radial-gradient(circle at 80% 10%, rgba(0, 57, 100, 0.12), transparent 38%);
}

.ac-page--guest .ac-main--guest::before {
    position: fixed;
    z-index: -1;
    right: -160px;
    bottom: -260px;
    width: 620px;
    height: 620px;
    border: 80px solid rgba(0, 57, 100, 0.035);
    border-radius: 50%;
    content: "";
}

.ac-page .container-lk,
.ac-auth {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}

.ac-page .container-content,
.ac-auth__card {
    width: 100%;
    padding: 34px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: 0 18px 55px rgba(0, 57, 100, 0.11);
}

.ac-auth__header {
    margin-bottom: 26px;
}

.ac-auth__eyebrow {
    margin-bottom: 7px;
    color: var(--ac-red-600);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.ac-page .login-text,
.ac-auth__title {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.ac-auth__subtitle {
    margin: 9px 0 0;
    color: var(--ac-muted);
    font-size: 14px;
}

.ac-auth__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ac-auth__field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ac-page .form-tel {
    height: 54px;
}

.ac-page .custom-button {
    width: 100%;
    min-height: 54px;
    margin-top: 4px !important;
}

.ac-auth__notice,
.ac-page .alert-error {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #f4c5c5;
    border-radius: var(--ac-radius);
    background: var(--ac-red-100);
    color: #982626;
    font-size: 13px;
    font-weight: 500;
}

.ac-auth__footer,
.ac-page .login-info {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--ac-border-light);
    color: var(--ac-muted);
    font-size: 13px;
    text-align: center;
}

.ac-auth__footer a,
.ac-page .info-link {
    color: var(--ac-navy-900);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ac-page button.info-link {
    display: inline;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: inherit;
    cursor: pointer;
}

.ac-page button.info-link:hover {
    color: var(--ac-red-600);
}

.ac-page button.info-link:disabled {
    border: 0 !important;
    background: transparent !important;
    color: var(--ac-muted) !important;
    cursor: default;
}

.ac-auth__resend-status {
    min-height: 18px;
    margin: 8px 0 0;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.45;
}

.ac-auth__code {
    letter-spacing: 0.38em;
    text-align: center;
}

/* Profile */

.ac-profile {
    display: block;
    padding-bottom: 0 !important;
}

.ac-profile__content {
    width: 100%;
}

.ac-profile__stack,
.ac-page .profile__wrap {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 0 !important;
}

.ac-profile__card,
.ac-page .profile__card {
    padding: 24px 26px !important;
}

.ac-profile__card-title,
.ac-page .profile__card-title {
    margin: 0 0 19px !important;
    color: var(--ac-navy-900) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.ac-profile__grid,
.ac-page .profile__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 36px !important;
}

.ac-profile__field,
.ac-page .profile__field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-profile__field--wide {
    grid-column: 1 / -1;
}

.ac-profile__label,
.ac-page .profile__label {
    color: var(--ac-muted) !important;
    font-size: 12px !important;
}

.ac-profile__value,
.ac-page .profile__value {
    color: var(--ac-navy-900) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    overflow-wrap: anywhere;
}

.ac-profile__note,
.ac-page .profile__note {
    padding: 16px 18px;
    border-left: 3px solid var(--ac-navy-700);
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0;
    background: var(--ac-blue-100);
    color: var(--ac-navy-700) !important;
    font-size: 13px !important;
}

.ac-profile__note a,
.ac-page .profile__note a {
    color: var(--ac-navy-900) !important;
    font-weight: 700;
    text-decoration: underline;
}

/* Application and loan details */

.ac-page-head__heading {
    margin: 0;
    color: inherit;
    font: inherit;
}

.ac-page-head__lead {
    max-width: 440px;
    margin: 0;
    color: var(--ac-muted) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45;
}

.ac-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
}

.ac-detail-card {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ac-key-value__value--accent {
    color: var(--ac-red-600) !important;
    font-size: 16px !important;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.ac-documents > .ac-section__head:not(.ac-section__head--split),
.ac-contacts > .ac-section__head,
.ac-debt > .ac-section__head {
    display: block;
}

.ac-documents > .ac-section__head:not(.ac-section__head--split) .ac-section__eyebrow,
.ac-contacts > .ac-section__head .ac-section__eyebrow,
.ac-debt > .ac-section__head .ac-section__eyebrow {
    margin-bottom: 5px;
}

.ac-documents__filter {
    width: min(100%, 280px);
}

.ac-empty-state h1,
.ac-empty-state h2 {
    margin: 0 0 7px;
    color: var(--ac-navy-900);
    font-size: 20px;
    font-weight: 700;
}

.ac-empty-state p {
    margin: 0 0 12px;
    color: var(--ac-muted);
    font-size: 14px;
}

.ac-page .ac-empty-state > .table__applications-head {
    display: flex !important;
    min-height: 190px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    padding: 28px;
    border: 0;
    background: var(--ac-white);
}

.ac-page .page__head-details {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.ac-page .page__head-details > * {
    min-width: 0;
}

.ac-page .ac-page-head__details {
    width: 100%;
}

.ac-page .page__head-title:has(.page__head-status) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.ac-page .page__head-status {
    display: inline-flex;
    align-items: center;
}

.ac-page .status__item {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 4px 10px;
    border-radius: 16px;
    background: var(--ac-amber-100);
    color: var(--ac-amber-700);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
}

.ac-page .status__item.approved {
    background: var(--ac-green-100);
    color: var(--ac-green-700);
}

.ac-page .status__item.return {
    background: var(--ac-red-100);
    color: var(--ac-red-700);
}

.ac-page .page__head-title-2 {
    display: flex;
    align-items: baseline;
    gap: 9px;
    color: var(--ac-red-600);
    font-size: 20px;
    font-variant-numeric: tabular-nums;
}

.ac-page .application__info,
.ac-page .loan__info {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.34fr);
    gap: 20px;
    margin-bottom: 28px !important;
}

.ac-page .table__application,
.ac-page .table__loan {
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(145px, 0.38fr) minmax(0, 1fr);
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-page .table__application-item,
.ac-page .table__loan-item {
    min-width: 0;
    min-height: 54px;
    padding: 15px 18px;
    border-bottom: 1px solid var(--ac-border-light);
    color: var(--ac-navy-900);
    font-size: 14px;
    overflow-wrap: anywhere;
}

.ac-page .table__application-item.name,
.ac-page .table__loan-item.name {
    background: var(--ac-bg-soft);
    color: var(--ac-navy-500);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.ac-page .table__application-item:nth-last-child(-n + 2),
.ac-page .table__loan-item:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.ac-page .application__pdf,
.ac-page .loan__pdf {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-page .application__pdf-item,
.ac-page .loan__pdf-item {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    color: var(--ac-navy-700);
    font-size: 13px;
    font-weight: 700;
    transition: background var(--ac-transition), border-color var(--ac-transition), color var(--ac-transition);
}

.ac-page .application__pdf-item::after,
.ac-page .loan__pdf-item::after {
    color: var(--ac-navy-400);
    content: "→";
    font-size: 16px;
}

.ac-page .application__pdf-item:hover,
.ac-page .loan__pdf-item:hover {
    border-color: var(--ac-navy-400);
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

.ac-page .application__pdf-item.ac-button--primary:hover,
.ac-page .loan__pdf-item.ac-button--primary:hover {
    border-color: var(--ac-red-700);
    background: var(--ac-red-700);
    color: var(--ac-white) !important;
}

.ac-page .application__pdf-item.ac-button--primary:hover::after,
.ac-page .loan__pdf-item.ac-button--primary:hover::after {
    color: var(--ac-white);
}

.ac-page :where(
    .images__application,
    .contacts__application,
    .document__application
) {
    margin-top: 28px !important;
    padding: 24px !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-page :where(
    .images__application-title,
    .contacts__application-title,
    .document__application-title,
    .document__application-items-title
) {
    margin: 0 0 16px;
    color: var(--ac-navy-900);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.ac-page .ac-section__head :is(
    .images__application-title,
    .contacts__application-title,
    .document__application-title
) {
    margin-bottom: 0;
}

.ac-page .images__application-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ac-page .images__application-item,
.ac-page .images__application-add,
.ac-page .document__application-item,
.ac-page .document__application-add {
    position: relative;
    display: grid;
    min-height: 154px;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
}

.ac-page .images__application-item a,
.ac-page .images__application-item picture,
.ac-page .document__application-item a,
.ac-page .document__application-item picture {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
}

.ac-page .images__application-item picture,
.ac-page .document__application-item picture {
    display: block;
}

.ac-page .images__application-item img,
.ac-page .document__application-item img {
    width: 100%;
    height: 100%;
    max-height: 190px;
    object-fit: cover;
}

.ac-page .images__application-add,
.ac-page .document__application-add {
    min-height: 154px;
    border-style: dashed;
    border-color: var(--ac-navy-400);
    background: #fbfdff;
    color: var(--ac-navy-700);
    cursor: pointer;
    transition: border-color var(--ac-transition), background var(--ac-transition), color var(--ac-transition);
}

.ac-page .images__application-add:hover,
.ac-page .document__application-add:hover {
    border-color: var(--ac-navy-900);
    background: var(--ac-blue-100);
    color: var(--ac-navy-900);
}

.ac-page .images__application-add.highlight {
    border-color: #17a2b8;
    background: #dff4f7;
}

.ac-page .uploaded-file-item {
    background: var(--ac-white);
    transition: box-shadow var(--ac-transition);
}

.ac-page .uploaded-file-item:hover {
    box-shadow: 0 3px 12px rgba(0, 57, 100, 0.1);
}

.ac-page .uploaded-file-item .file-name {
    margin-bottom: 2px;
    font-weight: 500;
}

.ac-page .uploaded-file-item .progress {
    height: 6px;
    background: #e9ecef;
}

.ac-page .uploaded-file-item .progress-bar {
    background: var(--ac-green-700);
    transition: width 300ms ease;
}

.ac-page .images__application-add-icon,
.ac-page .document__application-add-icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    background: var(--ac-white);
    color: var(--ac-red-600);
    box-shadow: 0 4px 14px rgba(0, 57, 100, 0.1);
}

.ac-page .ac-contacts > .ac-section__head.ac-contacts__section-head {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.ac-page .ac-contacts__heading {
    min-width: 0;
}

.ac-page .ac-contacts__table {
    overflow: hidden;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
}

.ac-page .contacts__application-head,
.ac-page .contacts__application-items {
    display: grid;
    grid-template-columns: minmax(170px, 1.2fr) minmax(130px, 0.8fr) repeat(3, minmax(120px, 0.75fr));
    align-items: stretch;
}

.ac-page .contacts__application-head {
    border-bottom: 1px solid var(--ac-border);
    background: var(--ac-bg-soft);
}

.ac-page .contacts__application-items {
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-page .ac-contacts__table .contacts__application-items:last-child {
    border-bottom: 0;
}

.ac-page .ac-contacts__empty {
    display: grid;
    min-height: 98px;
    align-items: center;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: linear-gradient(90deg, var(--ac-bg-cool) 0%, #fbfdff 100%);
}

.ac-page .ac-contacts__empty-icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 12px;
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
}

.ac-page .ac-contacts__empty-copy {
    min-width: 0;
}

.ac-page .ac-contacts__empty-copy h3 {
    margin: 0 0 4px;
    color: var(--ac-navy-900);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

.ac-page .ac-contacts__empty-copy p {
    margin: 0;
    color: var(--ac-muted);
    font-size: 13px;
    line-height: 1.45;
}

.ac-page .application__head-item,
.ac-page .contacts__application-item {
    min-width: 0;
    display: flex;
    min-height: 48px;
    align-items: center;
    padding: 12px 14px;
    border-right: 1px solid var(--ac-border-light);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.ac-page .application__head-item {
    color: var(--ac-navy-500);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.ac-page .application__head-item:last-child,
.ac-page .contacts__application-item:last-child {
    border-right: 0;
}

.ac-page .contacts__application-item-head {
    display: none;
}

.ac-page .add-phone-link {
    color: var(--ac-navy-900);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: var(--ac-border);
    text-underline-offset: 3px;
    cursor: pointer;
}

.ac-page button.add-phone-link {
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
}

.ac-page .contacts__application-add {
    display: inline-flex;
    align-items: center;
    margin-top: 15px;
    font-weight: 700 !important;
    text-decoration: none;
    cursor: pointer;
}

.ac-page :is(
    .ac-contacts__section-head,
    .ac-contacts__empty
) .contacts__application-add {
    margin-top: 0;
}

.ac-page .ac-contacts__empty-action {
    min-width: 220px;
}

.ac-page .document__application-select {
    width: min(100%, 340px);
    margin-bottom: 18px;
}

.ac-page .document__application-items {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--ac-border-light);
}

.ac-page .document__application-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ac-page .document__application-items-title {
    grid-column: 1 / -1;
    margin-bottom: 2px;
    font-size: 16px;
}

.ac-page .document__application-remove,
.ac-page .images__application-remove {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 8px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: var(--ac-radius);
    background: rgba(255, 255, 255, 0.94);
    color: var(--ac-red-600);
    box-shadow: 0 3px 10px rgba(0, 57, 100, 0.14);
    cursor: pointer;
}

.ac-page .loan__info {
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
}

.ac-page .loan__debt {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ac-page .loan__debt-title {
    color: var(--ac-navy-900);
    font-size: 20px;
    font-weight: 700;
}

.ac-page .loan__debt-item {
    overflow: hidden;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
}

.ac-page .loan__debt-item.ac-debt__item:last-of-type {
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-page .debt__item-title {
    padding: 10px 15px 0;
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.ac-page .debt__item-head {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    min-height: 65px;
    padding: 10px 14px 14px;
}

.ac-page .debt__item-btn {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 40px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 34px 0 0;
    border: 0;
    background: transparent;
    color: var(--ac-navy-900);
    text-align: left;
    cursor: pointer;
}

.ac-page .debt__item-btn::after {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 9px;
    height: 9px;
    transform: translateY(-70%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    content: "";
}

.ac-page .debt__item-head._spoller-active .debt__item-btn::after {
    transform: translateY(-30%) rotate(225deg);
}

.ac-page .debt__item-total {
    color: var(--ac-navy-900);
    font-size: 19px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.ac-page .debt__item-detail {
    margin-top: 3px;
    color: var(--ac-muted);
    font-size: 12px;
}

.ac-page .debt__item-link {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    padding: 8px 12px;
    border-radius: var(--ac-radius);
    background: var(--ac-red-600);
    color: var(--ac-white);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.ac-page .debt__item__body {
    border-top: 1px solid var(--ac-border-light);
    background: var(--ac-bg-cool);
}

.ac-page .debt__item__content {
    padding: 15px 18px;
    color: var(--ac-navy-700);
    font-size: 13px;
}

.ac-page .ac-debt-breakdown {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 16px;
}

.ac-page .ac-debt-breakdown p:nth-child(even) {
    color: var(--ac-muted);
    text-align: right;
}

.ac-page .calculation-date {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
}

.ac-page .loan__buttons-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.ac-page .loan__buttons-row .loan__btn {
    width: 100%;
}

.ac-page .loan__btn,
.ac-page .btn-primary2 {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.ac-page .error-page__alert {
    display: block;
    padding: 18px;
    border: 1px solid #f4c5c5;
    border-left: 3px solid var(--ac-red-600);
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0;
    background: var(--ac-red-100);
    color: #982626;
}

.ac-page .error-page__alert h2 {
    margin-bottom: 8px;
}

.ac-page .error-page__alert p {
    margin-bottom: 10px;
    color: inherit;
}

.ac-page .error-page__alert ul {
    margin: 0;
    padding-left: 20px;
    list-style: disc;
}

.ac-page .error-page__alert li + li {
    margin-top: 5px;
}

.ac-page .error-page__actions {
    margin-top: 18px;
}

/* Payment methods */

.ac-page .container-horizontal {
    display: grid !important;
    align-items: start !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr) !important;
    gap: 20px !important;
    padding-top: 0 !important;
}

.ac-page .container-horizontal.is-single-column {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr) !important;
}

.ac-page .container-main,
.ac-page .container-sidebar {
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    padding: 24px !important;
    border: 1px solid var(--ac-border-light) !important;
    border-radius: var(--ac-radius-lg) !important;
    background: var(--ac-white) !important;
    box-shadow: var(--ac-shadow-card) !important;
}

.ac-page .container-sidebar {
    position: sticky;
    top: calc(var(--ac-header-height) + 20px);
}

.ac-page .page-header {
    margin: 0 0 18px !important;
}

.ac-page .page-header h2 {
    margin: 0 !important;
    color: var(--ac-navy-900) !important;
    font-size: 21px !important;
    font-weight: 700 !important;
}

.ac-page .payment-options {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 22px !important;
}

.ac-page .payment-option {
    display: flex;
    min-width: 0 !important;
    min-height: 128px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 9px;
    padding: 16px 10px !important;
    border: 1px solid var(--ac-border) !important;
    border-radius: var(--ac-radius) !important;
    background: var(--ac-bg-cool) !important;
    color: var(--ac-navy-700) !important;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: border-color var(--ac-transition), background var(--ac-transition), color var(--ac-transition) !important;
}

.ac-page .payment-option:hover {
    border-color: var(--ac-navy-400) !important;
    background: var(--ac-white) !important;
    box-shadow: none !important;
}

.ac-page .payment-option.selected {
    border-color: var(--ac-navy-900) !important;
    background: var(--ac-navy-900) !important;
    color: var(--ac-white) !important;
    box-shadow: none !important;
}

.ac-page .payment-option i {
    margin: 0 !important;
    color: inherit !important;
    font-size: 27px;
}

.ac-page .additional-info {
    margin-top: 18px !important;
    padding: 18px !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius) !important;
    background: var(--ac-bg-cool) !important;
    color: var(--ac-navy-700);
    font-size: 14px;
}

.ac-page .additional-info h5 {
    margin: 0 0 10px !important;
    color: var(--ac-navy-900) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

.ac-payment-form-title,
.ac-payment-help__title,
.ac-payment-info__title {
    margin: 0 0 14px;
    color: var(--ac-navy-900);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.015em;
}

.ac-payment-info__title {
    margin-bottom: 0;
}

.ac-payment-help p {
    margin: 0 0 9px;
}

.ac-payment-help__warning {
    margin-top: 15px !important;
    padding: 12px 13px;
    border-left: 3px solid var(--ac-red-600);
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0;
    background: var(--ac-red-100);
    color: var(--ac-red-700);
    font-weight: 700;
}

.ac-page .payment-form-container {
    margin-top: 14px !important;
}

.ac-page .form-group {
    margin-bottom: 17px;
}

.ac-page .form-group label {
    display: block;
    margin-bottom: 7px;
}

.ac-page .payment-button-container .btn,
.ac-page .btn-danger {
    display: inline-flex;
    width: 100%;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ac-red-600);
    border-radius: var(--ac-radius) !important;
    background: var(--ac-red-600) !important;
    color: var(--ac-white) !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.ac-page #payment-info {
    color: var(--ac-navy-700);
    font-size: 14px;
}

.ac-page #payment-info h3,
.ac-page #payment-info h4,
.ac-page #payment-info h5 {
    color: var(--ac-navy-900);
}

.ac-page .modal {
    z-index: 1000;
    background: rgba(0, 34, 59, 0.56);
}

.ac-page .modal-content,
.ac-page .qr-modal-content {
    width: min(100%, 520px);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg) !important;
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-menu);
}

.ac-page .modal-header,
.ac-page .qr-modal-header,
.ac-page .modal-footer,
.ac-page .qr-modal-footer {
    padding: 18px 22px;
    border-color: var(--ac-border-light);
}

.ac-page .qr-modal-header h5 {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: 20px;
    font-weight: 700;
}

.ac-page .qr-modal-footer {
    display: flex;
    justify-content: flex-end;
}

.ac-page .modal-body,
.ac-page .qr-modal-body {
    padding: 24px 22px;
}

.ac-qr-modal__image {
    display: block;
    width: min(100%, 360px);
    margin: 0 auto;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
}

.ac-qr-modal__amount,
.ac-qr-modal__contract {
    margin: 12px 0 0;
    color: var(--ac-muted);
    font-size: 13px;
    text-align: center;
}

.ac-qr-modal__contract {
    margin-top: 3px;
    padding-bottom: 12px;
}

/* Restricted application state */

.ac-unavailable {
    display: grid;
    width: 100%;
    min-height: min(620px, calc(100vh - var(--ac-header-height) - 150px));
    place-items: center;
    padding: 28px 0;
}

.ac-unavailable__card {
    width: min(100%, 680px);
    padding: 34px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-unavailable__mark {
    display: grid;
    width: 58px;
    height: 58px;
    margin-bottom: 22px;
    place-items: center;
    border-radius: var(--ac-radius);
    background: var(--ac-blue-100);
    color: var(--ac-navy-900);
}

.ac-unavailable__title {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: clamp(28px, 5vw, 38px);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.1;
}

.ac-unavailable__text {
    max-width: 590px;
    margin: 14px 0 0;
    color: var(--ac-muted);
    font-size: 15px;
    line-height: 1.6;
}

.ac-unavailable__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.ac-unavailable__logout {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--ac-border-light);
}

.ac-unavailable__logout button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ac-muted);
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

/* Lists, support and messaging */

.ac-list-page,
.ac-support,
.ac-message-hub,
.ac-placeholder-page,
.ac-chat {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ac-page-head__body--actions {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.ac-list-section,
.ac-support__contacts,
.ac-support-faq,
.ac-message-hub__section,
.ac-placeholder-page__content,
.ac-chat__section {
    width: 100%;
}

.ac-list-page__support {
    margin-top: 2px;
}

.ac-table__label {
    display: none;
}

.ac-table__muted {
    color: var(--ac-muted);
    font-weight: 500;
}

.ac-date__time {
    display: block;
    margin-top: 2px;
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 500;
}

.ac-table__row--danger {
    border-left: 3px solid var(--ac-red-600) !important;
    background: #fffafa !important;
}

.ac-empty--compact {
    min-width: 0 !important;
    min-height: 138px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ac-empty--compact .ac-empty__cell {
    display: flex !important;
    width: 100% !important;
    min-height: 138px !important;
    align-items: center !important;
    justify-content: space-between !important;
    grid-column: 1 / -1;
    gap: 24px;
    padding: 24px !important;
}

.ac-pagination {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.ac-pagination__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ac-pagination__item {
    display: block;
}

.ac-pagination__link {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px;
    place-items: center;
    padding: 0 !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-700);
    font-size: 13px;
    font-weight: 700;
    transition: border-color var(--ac-transition), background var(--ac-transition), color var(--ac-transition);
}

.ac-pagination__link:hover {
    border-color: var(--ac-navy-400);
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

.ac-pagination__item.is-active .ac-pagination__link,
.ac-pagination__item._active .ac-pagination__link {
    border-color: var(--ac-navy-900);
    background: var(--ac-navy-900);
    color: var(--ac-white);
}

.ac-pagination__item.is-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.ac-pagination__item--ellipsis .ac-pagination__link {
    border-color: transparent;
    background: transparent;
}

.ac-pagination__item-prev img {
    transform: rotate(180deg);
}

.ac-pagination__link img {
    width: 7px;
    height: 12px;
}

.ac-support__contacts {
    margin-bottom: 28px;
}

.ac-support-contacts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.ac-support-contact {
    display: grid !important;
    min-height: 92px;
    align-items: center;
    grid-template-columns: 50px minmax(0, 1fr) 24px;
    gap: 14px !important;
    padding: 18px !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: 0 5px 20px rgba(0, 57, 100, 0.055);
    transition: border-color var(--ac-transition), box-shadow var(--ac-transition);
}

.ac-support-contact:hover {
    border-color: var(--ac-navy-400);
    box-shadow: var(--ac-shadow-card);
}

.ac-support-contact__icon {
    display: grid !important;
    width: 50px !important;
    height: 50px !important;
    place-items: center;
    border-radius: var(--ac-radius);
    background: var(--ac-blue-100) !important;
    color: var(--ac-navy-900);
    font-size: 20px;
}

.ac-support-contact--whatsapp .ac-support-contact__icon {
    background: var(--ac-green-100) !important;
    color: var(--ac-green-700);
}

.ac-support-contact--telegram .ac-support-contact__icon {
    background: #eaf5fc !important;
    color: #1676a8;
}

.ac-support-contact__body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.ac-support-contact__title {
    color: var(--ac-navy-900) !important;
    font-size: 15px;
    font-weight: 700;
}

.ac-support-contact__meta {
    color: var(--ac-muted);
    font-size: 13px;
}

.ac-support-contact__arrow {
    color: var(--ac-navy-400);
    font-size: 18px;
    transition: color var(--ac-transition);
}

.ac-support-contact:hover .ac-support-contact__arrow {
    color: var(--ac-red-600);
}

.ac-support-faq {
    display: block !important;
    padding: 24px !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-support-faq__head {
    margin-bottom: 20px;
}

.ac-support-faq__select-label,
.ac-support-faq__select {
    display: none;
}

.ac-support-faq__layout {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(210px, 0.32fr) minmax(0, 1fr);
    gap: 22px;
}

.ac-support-faq__navigation {
    display: flex !important;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
}

.ac-support-faq__navigation .tab__navigation-item {
    position: relative;
    width: 100%;
    min-height: 48px;
    padding: 11px 36px 11px 14px;
    border: 0;
    border-bottom: 1px solid var(--ac-border-light);
    background: transparent;
    color: var(--ac-navy-700);
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background var(--ac-transition), color var(--ac-transition);
}

.ac-support-faq__navigation .tab__navigation-item:last-child {
    border-bottom: 0;
}

.ac-support-faq__navigation .tab__navigation-item::after {
    position: absolute;
    top: 50%;
    right: 15px;
    color: var(--ac-navy-400);
    content: "→";
    transform: translateY(-50%);
}

.ac-support-faq__navigation .tab__navigation-item:hover {
    background: var(--ac-white);
    color: var(--ac-navy-900);
}

.ac-support-faq__navigation .tab__navigation-item._tab-active {
    background: var(--ac-navy-900);
    color: var(--ac-white);
}

.ac-support-faq__navigation .tab__navigation-item._tab-active::after {
    color: #b8cedd;
}

.ac-support-faq__content {
    min-width: 0;
}

.ac-faq-item {
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-faq-item:first-child {
    border-top: 1px solid var(--ac-border-light);
}

.ac-faq-item__question {
    position: relative;
    display: block !important;
    width: 100%;
    min-height: 58px;
    padding: 16px 46px 16px 2px !important;
    border: 0;
    background: transparent;
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
}

.ac-faq-item__question::before,
.ac-faq-item__question::after {
    position: absolute;
    top: 27px;
    right: 10px;
    width: 13px;
    height: 1.5px;
    background: var(--ac-red-600);
    content: "";
    transition: transform var(--ac-transition);
}

.ac-faq-item__question::after {
    transform: rotate(90deg);
}

.ac-faq-item__question._spoller-active::after {
    transform: rotate(0);
}

.ac-faq-item__answer {
    padding: 0 46px 18px 2px;
    color: var(--ac-muted);
    font-size: 14px;
    line-height: 1.55;
}

.ac-faq-item__answer p {
    margin: 0;
}

.ac-message-hub__section {
    margin-bottom: 28px;
}

.ac-message-hub__list {
    display: grid;
    gap: 10px;
}

.ac-message-hub__item {
    display: grid !important;
    min-height: 92px;
    align-items: center;
    grid-template-columns: 50px minmax(0, 1fr) auto 22px;
    gap: 16px !important;
    padding: 18px 20px !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: 0 5px 20px rgba(0, 57, 100, 0.05);
    transition: border-color var(--ac-transition), box-shadow var(--ac-transition);
}

.ac-message-hub__item:hover {
    border-color: var(--ac-navy-400);
    box-shadow: var(--ac-shadow-card);
}

.ac-message-hub__icon {
    display: grid !important;
    width: 50px !important;
    height: 50px !important;
    place-items: center;
    border-radius: var(--ac-radius);
    background: var(--ac-blue-100);
    color: var(--ac-navy-900);
    font-size: 20px;
}

.ac-message-hub__content {
    position: relative;
    display: flex !important;
    min-width: 0;
    align-items: flex-start !important;
    flex-direction: column;
    gap: 4px;
}

.ac-message-hub__title {
    color: var(--ac-navy-900);
    font-size: 16px;
    font-weight: 700;
}

.ac-message-hub__description {
    max-width: 650px;
    color: var(--ac-muted);
    font-size: 13px;
}

.ac-message-hub__status {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 4px 9px;
    border-radius: 14px;
    background: var(--ac-bg-soft);
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.ac-message-hub__state {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.ac-message-hub__state .ac-message-hub__badge {
    margin-top: 0;
}

.ac-message-hub__arrow {
    display: grid;
    place-items: center;
    color: var(--ac-navy-400);
}

.ac-message-hub__arrow svg {
    width: 8px;
}

.ac-message-hub__badge {
    display: inline-flex;
    min-width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
    padding: 0 6px;
    border-radius: 11px;
    background: var(--ac-red-600);
    color: var(--ac-white);
    font-size: 11px;
    font-weight: 700;
}

.ac-message-hub__badge[hidden] {
    display: none !important;
}

.ac-page .ac-message-hub__item--primary {
    border-color: var(--ac-navy-900);
    background: var(--ac-navy-900);
}

.ac-message-hub__item--primary .ac-message-hub__icon {
    background: rgba(255, 255, 255, 0.09);
    color: var(--ac-white);
}

.ac-message-hub__item--primary .ac-message-hub__title {
    color: var(--ac-white);
}

.ac-message-hub__item--primary .ac-message-hub__description {
    color: #b8cedd;
}

.ac-message-hub__item--primary .ac-message-hub__status {
    background: rgba(255, 255, 255, 0.1);
    color: #dce9f2;
}

.ac-message-hub__item--primary .ac-message-hub__arrow {
    color: var(--ac-white);
}

.ac-placeholder-page__state {
    min-height: 220px;
}

.ac-placeholder-page__actions {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
}

.ac-chat__head-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.ac-chat__search {
    position: relative;
    display: grid;
    width: min(100%, 520px);
    margin-left: auto;
    grid-template-columns: minmax(180px, 1fr) 152px;
    gap: 7px;
}

.ac-chat__search.has-reset {
    grid-template-columns: minmax(180px, 1fr) 152px 42px;
}

.ac-chat__search-input,
.ac-chat__search-date {
    width: 100%;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 13px;
}

.ac-chat__search-reset {
    width: 42px;
    height: 44px;
    min-height: 44px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-red-600);
    font-weight: 700;
    cursor: pointer;
}

.chat__search-reset[hidden],
.chat__search-results:not([style]),
.chat__file-chosen:not([style]) {
    display: none;
}

.ac-chat__load-error {
    display: flex;
    max-width: 420px;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    margin: auto;
    text-align: center;
}

.ac-chat__load-error .ac-button {
    margin-top: 4px;
}

.ac-chat__search-results {
    position: absolute;
    z-index: 50;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    overflow-y: auto;
    max-height: 330px;
    padding: 6px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-menu);
}

.chat__search-result {
    padding: 10px 11px;
    border-radius: 3px;
    color: var(--ac-navy-700);
    font-size: 13px;
    cursor: pointer;
}

.chat__search-result:hover {
    background: var(--ac-bg-soft);
}

.chat__search-result .r-meta {
    margin-bottom: 3px;
    color: var(--ac-muted);
    font-size: 11px;
}

.chat__search-result mark {
    border-radius: 2px;
    background: #fff0a8;
    color: var(--ac-navy-950);
}

.ac-chat__panel {
    overflow: hidden;
    padding: 0 !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-chat__messages {
    display: flex;
    overflow-y: auto;
    height: clamp(360px, 62vh, 680px);
    height: clamp(360px, 62dvh, 680px);
    min-height: 0 !important;
    max-height: none !important;
    flex-direction: column;
    gap: 10px;
    padding: 22px;
    background:
        linear-gradient(rgba(245, 249, 252, 0.94), rgba(245, 249, 252, 0.94)),
        radial-gradient(circle at 18% 15%, rgba(0, 57, 100, 0.08), transparent 25%);
    scrollbar-color: var(--ac-navy-400) transparent;
    scrollbar-width: thin;
}

.ac-chat__loading {
    align-self: center;
    margin: auto;
    color: var(--ac-muted);
    font-size: 13px;
}

.ac-chat__messages > .alert {
    width: min(100%, 420px);
    align-self: center;
    margin: auto;
    padding: 16px 18px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: rgba(255, 255, 255, 0.88);
    color: var(--ac-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
}

.ac-chat__messages .chat__block-date {
    align-self: center;
    margin: 5px 0;
    padding: 5px 10px;
    border-radius: 12px;
    background: rgba(0, 57, 100, 0.08);
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 700;
}

.ac-chat__messages .chat__block-message {
    width: fit-content;
    min-width: 190px;
    max-width: min(76%, 660px);
    margin: 0 !important;
    padding: 12px 14px 9px !important;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: 0 3px 12px rgba(0, 57, 100, 0.045);
}

.ac-chat__messages .chat__block-message-customer {
    align-self: flex-start;
    border-bottom-left-radius: 2px;
}

.ac-chat__messages .chat__block-message-admin {
    align-self: flex-end;
    border-color: #c8ddec;
    border-bottom-right-radius: 2px;
    background: var(--ac-blue-100);
}

.ac-chat__messages .chat__block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 5px;
}

.ac-chat__messages .chat__block-user {
    color: var(--ac-navy-900);
    font-size: 12px;
    font-weight: 700;
}

.ac-chat__messages .chat__block-read {
    display: inline-flex;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    align-items: center;
    justify-content: center;
    opacity: 0.45;
}

.ac-chat__messages .chat__block-read img {
    display: block;
    width: 17px;
    height: auto;
}

.ac-chat__messages .chat__block-read.is-read {
    opacity: 1;
}

.ac-chat__messages .chat__block-text {
    padding: 0 !important;
    color: var(--ac-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.ac-chat__messages .chat__block-meta {
    display: flex;
    min-height: 17px;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 5px;
}

.ac-chat__messages .chat__block-time {
    color: var(--ac-muted);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.35;
    text-align: right;
}

.ac-chat__messages .image-preview img {
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius) !important;
}

.ac-chat__messages .mt-2 {
    margin-top: 8px !important;
}

.ac-chat__messages :where(.audio-player, .video-player, .image-preview, .file-link, .download-button) {
    max-width: 100%;
}

.ac-chat__messages :where(.audio-player audio, .video-player video) {
    display: block;
    width: min(100%, 360px);
    max-width: 100%;
}

.ac-chat-attachment__video {
    width: min(100%, 360px);
    max-width: 100%;
    border-radius: var(--ac-radius);
}

.ac-chat-attachment__image {
    width: auto;
    max-width: min(200px, 100%);
    max-height: 200px;
    cursor: zoom-in;
    object-fit: cover;
}

.ac-chat__messages .file-link a {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    color: var(--ac-navy-900);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.ac-chat__messages .download-button .btn {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    padding: 6px 10px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: color var(--ac-transition), background var(--ac-transition), border-color var(--ac-transition);
}

.ac-chat__messages .download-button .btn:hover {
    border-color: var(--ac-navy-900);
    background: var(--ac-bg-soft);
}

.ac-chat__messages .msg-highlight {
    animation: ac-message-highlight 1.8s ease;
}

@keyframes ac-message-highlight {
    0%,
    100% {
        box-shadow: 0 3px 12px rgba(0, 57, 100, 0.045);
    }

    35% {
        box-shadow: 0 0 0 4px rgba(223, 34, 34, 0.24);
    }
}

.ac-chat__composer {
    display: flex !important;
    align-items: flex-end;
    gap: 9px !important;
    padding: 16px 18px 10px;
    border-top: 1px solid var(--ac-border-light);
    background: var(--ac-white);
}

.ac-chat__composer-input {
    min-width: 0;
    flex: 1 1 auto;
}

.ac-chat__textarea {
    display: block;
    width: 100% !important;
    min-height: 52px !important;
    max-height: 170px;
    padding: 14px 15px !important;
    resize: none;
    border: 1px solid var(--ac-border) !important;
    border-radius: var(--ac-radius) !important;
    background: var(--ac-bg-cool) !important;
    color: var(--ac-navy-900);
    font-size: 14px;
    line-height: 1.5;
}

.ac-chat__file-button {
    position: relative;
    display: grid !important;
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white) !important;
    color: var(--ac-navy-700);
    cursor: pointer;
}

.ac-chat__file-button input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.ac-chat__send {
    position: relative;
    display: inline-flex !important;
    min-width: 126px;
    height: 52px !important;
    align-items: center;
    justify-content: center;
    padding: 0 18px !important;
    border: 1px solid var(--ac-red-600);
    border-radius: var(--ac-radius) !important;
    background: var(--ac-red-600) !important;
    color: var(--ac-white) !important;
    font-family: "Cera Pro", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    cursor: pointer;
}

.ac-chat__send:hover {
    border-color: var(--ac-red-700);
    background: var(--ac-red-700) !important;
}

.ac-chat__send.is-sending {
    padding-right: 40px !important;
    pointer-events: none;
    opacity: 0.82;
}

.ac-chat__send .btn-spinner {
    position: absolute;
    right: 13px;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-top-color: var(--ac-white);
    border-radius: 50%;
    animation: ac-spin 700ms linear infinite;
}

@keyframes ac-spin {
    to {
        transform: rotate(360deg);
    }
}

.ac-chat__file-chosen {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    margin: 0 18px 7px;
    padding: 8px 10px;
    border-radius: var(--ac-radius);
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
    font-size: 12px;
}

.ac-chat__file-chosen .file-name {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-chat__file-chosen .file-remove {
    flex: 0 0 auto;
    margin-left: 0;
    color: var(--ac-red-600);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.ac-chat__hint {
    margin: 0;
    padding: 0 18px 14px;
    color: var(--ac-muted);
    font-size: 11px;
}

.ac-chat__hint kbd {
    padding: 2px 5px;
    border: 1px solid var(--ac-border);
    border-radius: 3px;
    background: var(--ac-bg-soft);
    color: var(--ac-navy-700);
    font-family: inherit;
    font-size: 10px;
}

/* Multi-step application flow */

.ac-form-journey {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto 14px;
    padding: 18px 22px 16px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-form-journey__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.ac-form-journey__header strong {
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 700;
}

.ac-form-journey__heading {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.ac-form-journey__eyebrow {
    color: var(--ac-red-600);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.ac-form-journey__title {
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 700;
}

.ac-form-journey__counter {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 4px 9px;
    border-radius: 13px;
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ac-form-journey__steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ac-form-journey__step {
    position: relative;
    min-width: 0;
    text-align: center;
}

.ac-form-journey__step::after {
    position: absolute;
    z-index: 0;
    top: 13px;
    left: calc(50% + 15px);
    width: calc(100% - 30px);
    height: 2px;
    background: var(--ac-border-light);
    content: "";
}

.ac-form-journey__step:last-child::after {
    display: none;
}

.ac-form-journey__step.is-complete::after {
    background: #4b997c;
}

.ac-form-journey__marker {
    position: relative;
    z-index: 1;
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    margin: 0 auto;
    border: 2px solid var(--ac-border);
    border-radius: 50%;
    background: var(--ac-white);
    color: var(--ac-navy-400);
    font-size: 10px;
    font-weight: 700;
}

.ac-form-journey__step.is-complete .ac-form-journey__marker {
    border-color: #3f9273;
    background: #3f9273;
    color: var(--ac-white);
}

.ac-form-journey__step.is-current .ac-form-journey__marker {
    border-color: var(--ac-red-600);
    background: var(--ac-red-600);
    box-shadow: 0 0 0 4px rgba(237, 28, 36, 0.1);
    color: var(--ac-white);
}

.ac-form-journey__copy {
    display: block;
    min-width: 0;
    margin-top: 7px;
}

.ac-form-journey__label {
    display: block;
    overflow: hidden;
    color: var(--ac-navy-400);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-form-journey__hint {
    display: none;
    margin-top: 2px;
    color: var(--ac-muted);
    font-size: 10px;
    line-height: 1.25;
}

.ac-form-journey__step.is-complete .ac-form-journey__label,
.ac-form-journey__step.is-current .ac-form-journey__label {
    color: var(--ac-navy-900);
    font-weight: 700;
}

.ac-form-journey__meter {
    margin-top: 14px;
}

.ac-form-journey__meter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 6px;
    color: var(--ac-muted);
    font-size: 10px;
}

.ac-form-journey__meter-head strong {
    color: var(--ac-navy-900);
}

.ac-form-journey__meter-bar {
    display: block;
    width: 100%;
    height: 4px;
    overflow: hidden;
    border: 0;
    border-radius: 2px;
    appearance: none;
    background: var(--ac-bg-soft);
}

.ac-form-journey__meter-bar::-webkit-progress-bar {
    border-radius: inherit;
    background: var(--ac-bg-soft);
}

.ac-form-journey__meter-bar::-webkit-progress-value {
    border-radius: inherit;
    background: var(--ac-red-600);
}

.ac-form-journey__meter-bar::-moz-progress-bar {
    border-radius: inherit;
    background: var(--ac-red-600);
}

.ac-form-journey__meter-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--ac-red-600);
}

.ac-page--form-flow .page__head.order__bg {
    margin: 0 !important;
}

.ac-page--form-flow .order__bg {
    padding: 0 !important;
    background: transparent !important;
}

.ac-form-step__surface {
    width: 100%;
}

.ac-page--form-flow .order-form-wrapper {
    width: 100%;
    max-width: 1080px;
    min-height: 0;
    margin: 0 auto;
    padding: 32px 36px 34px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-form-step__card {
    position: relative;
}

.ac-form-step__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px;
}

.ac-form-step__body {
    min-width: 0;
}

.ac-form-step__title {
    color: var(--ac-navy-900);
}

.ac-form-step__actions {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    grid-column: 1 / -1;
}

.ac-form-step__actions--compact {
    width: auto;
    margin-top: 0 !important;
}

.ac-form-step__alert--compact {
    width: 100% !important;
    max-width: 640px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.ac-form-step__field-spacer {
    margin-top: 22px;
}

.ac-form-step__summary {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
}

.ac-form-step__data {
    min-width: 0;
    padding: 17px 19px;
    border-bottom: 1px solid var(--ac-border-light);
    overflow-wrap: anywhere;
}

.ac-form-step__data:nth-child(odd) {
    border-right: 1px solid var(--ac-border-light);
}

.ac-form-step__data:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.ac-page--form-flow .order-form-wrapper.order_center {
    text-align: center;
}

.ac-page--form-flow .order__title {
    max-width: 760px;
    margin: 0 0 24px;
    color: var(--ac-navy-900);
    font-size: clamp(26px, 3.2vw, 32px);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.1;
}

.ac-page--form-flow .order_center .order__title {
    margin-right: auto;
    margin-left: auto;
}

.ac-page--form-flow .order__title::after {
    display: block;
    width: 38px;
    height: 3px;
    margin-top: 15px;
    border-radius: 2px;
    background: var(--ac-red-600);
    content: "";
}

.ac-page--form-flow .order_center .order__title::after {
    margin-right: auto;
    margin-left: auto;
}

.ac-page--form-flow .order-progress-bar {
    width: 100%;
    height: 5px;
    overflow: hidden;
    margin: -10px 0 27px;
    border-radius: 3px;
    background: var(--ac-bg-soft);
}

.ac-page--form-flow .order-progress-bar__line {
    height: 100%;
    border-radius: inherit;
    background: var(--ac-red-600);
    transition: width 320ms ease;
}

.ac-page--form-flow .order_input-wrapper {
    width: 100%;
    max-width: none;
}

.ac-page--form-flow .order_input-items {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ac-page--form-flow .order_input-items__row {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
}

.ac-page--form-flow .order_input-items__row:has(> :only-child) {
    grid-template-columns: minmax(0, 1fr);
}

.ac-page--form-flow .order_input-item {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
    margin: 0;
}

.ac-page--form-flow .order-input,
.ac-page--form-flow .dropdown-input__value {
    min-height: 54px;
}

.ac-page--form-flow .dropdown-input {
    position: relative;
    width: 100%;
}

.ac-page--form-flow .dropdown-input__value {
    padding-right: 42px;
    cursor: pointer;
}

.ac-page--form-flow .dropdown-input::after {
    position: absolute;
    z-index: 2;
    top: 22px;
    right: 17px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-right: 1.5px solid var(--ac-navy-700);
    border-bottom: 1.5px solid var(--ac-navy-700);
    content: "";
    pointer-events: none;
}

.ac-page--form-flow .dropdown-input__option-wrapper {
    position: absolute;
    z-index: 20;
    top: calc(100% + 5px);
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    flex-direction: column;
    overflow-y: auto;
    max-height: 245px;
    padding: 6px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-menu);
}

.ac-page--form-flow .dropdown-input.--open .dropdown-input__option-wrapper {
    display: flex;
}

.ac-page--form-flow .dropdown-input.--open::after {
    top: 25px;
    transform: rotate(225deg);
}

.ac-page--form-flow .dropdown-input__option {
    display: block;
    padding: 10px 11px;
    border-radius: 3px;
    color: var(--ac-navy-700);
    font-size: 14px;
    cursor: pointer;
}

.ac-page--form-flow .dropdown-input__option:hover,
.ac-page--form-flow .dropdown-input__option.--active {
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

.ac-page--form-flow .order-radio-container {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
}

.ac-page--form-flow .order-radio__title {
    display: block;
    margin-bottom: 12px;
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 700;
}

.ac-page--form-flow .order-radio__label-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ac-page--form-flow .order-radio__label {
    position: relative;
    display: flex;
    min-height: 46px;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-700);
    cursor: pointer;
}

.ac-page--form-flow .order-radio__label:has(input:checked) {
    border-color: var(--ac-navy-900);
    background: var(--ac-blue-100);
    color: var(--ac-navy-900);
}

.ac-page--form-flow .order-radio__label input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.ac-page--form-flow .order-radio__marker {
    position: relative;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 1.5px solid var(--ac-navy-400);
    border-radius: 50%;
    background: var(--ac-white);
}

.ac-page--form-flow .order-radio__label input:checked + .order-radio__marker {
    border-color: var(--ac-red-600);
}

.ac-page--form-flow .order-radio__label input:checked + .order-radio__marker::after {
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: var(--ac-red-600);
    content: "";
}

.ac-page--form-flow .order_btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 28px;
}

.ac-page--form-flow .order__btn {
    min-width: 150px;
}

.ac-page--form-flow .order_input-items__row > .order__btn {
    justify-self: end;
    margin-top: 24px;
}

.ac-page--form-flow .order-text {
    margin: 0 0 20px;
    color: var(--ac-navy-700);
    font-size: 15px;
    line-height: 1.55;
}

.ac-page--form-flow .order-text_big {
    color: var(--ac-navy-900);
    font-size: 19px;
    font-weight: 700;
}

.ac-page--form-flow .order__alert-msg,
.ac-page--form-flow .block-alert-wrapper,
.ac-page--form-flow .order-pasport-recomendation {
    margin: 0 0 20px;
    padding: 15px 17px;
    border: 1px solid var(--ac-border);
    border-left: 3px solid var(--ac-navy-700);
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0;
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
    font-size: 14px;
}

.ac-page--form-flow .order__alert-msg_red {
    border-color: #f4c5c5;
    border-left-color: var(--ac-red-600);
    background: var(--ac-red-100);
    color: #982626;
}

.ac-page--form-flow .order__alert-msg-img {
    width: 24px;
    height: 24px;
}

.ac-page--form-flow .photo-upload-container {
    position: relative;
    display: grid;
    min-height: 270px;
    place-items: center;
    padding: 24px;
    border: 1px dashed var(--ac-navy-400);
    border-radius: var(--ac-radius-lg);
    background: #fbfdff;
    transition: border-color var(--ac-transition), background var(--ac-transition);
}

.ac-page--form-flow .photo-upload-container:hover,
.ac-page--form-flow .photo-upload-container.has-photo {
    border-color: var(--ac-navy-900);
    background: var(--ac-blue-100);
}

.ac-page--form-flow .photo-upload-container.is-uploading {
    border-color: var(--ac-navy-500);
    background: var(--ac-blue-100);
    pointer-events: none;
}

.ac-page--form-flow .photo-upload-container.is-uploading::after {
    position: absolute;
    z-index: 4;
    right: 16px;
    bottom: 16px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--ac-navy-900);
    color: var(--ac-white);
    content: "Загружаем…";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.ac-page .ac-upload.is-uploading {
    border-color: var(--ac-navy-500);
    background: var(--ac-blue-100);
    cursor: wait;
    pointer-events: none;
}

.ac-page .ac-upload.is-uploading::after {
    display: block;
    margin-top: 9px;
    color: var(--ac-navy-700);
    content: "Загрузка файла…";
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.ac-page--form-flow .photo-upload-img__wrapper {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 360px;
    align-items: stretch;
    flex-direction: column;
}

.ac-page--form-flow .photo-upload-preview {
    max-height: 210px;
    border-radius: var(--ac-radius);
    object-fit: contain;
}

.ac-page--form-flow .photo-upload-delete {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    box-shadow: 0 3px 14px rgba(0, 57, 100, 0.14);
    cursor: pointer;
}

.ac-page--form-flow .photo-upload-delete::before,
.ac-page--form-flow .photo-upload-delete::after {
    position: absolute;
    top: 18px;
    left: 11px;
    width: 16px;
    height: 1.5px;
    transform: rotate(45deg);
    background: var(--ac-red-600);
    content: "";
}

.ac-page--form-flow .photo-upload-delete::after {
    transform: rotate(-45deg);
}

.ac-page--form-flow .photo-upload-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 14px;
    gap: 8px;
}

.ac-page--form-flow .photo-upload-btn_shot,
.ac-page--form-flow .photo-upload-btn_media {
    min-height: 46px;
    border-radius: var(--ac-radius);
}

.ac-page--form-flow .photo-upload-text {
    margin: 13px 0 0;
    color: var(--ac-muted);
    font-size: 13px;
    text-align: center;
}

.ac-page--form-flow .order-slider-wrapper {
    padding: 18px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
}

.ac-page--form-flow input[type="range"] {
    width: 100%;
    accent-color: var(--ac-red-600);
}

.ac-page--form-flow .order-slider__value {
    color: var(--ac-navy-900);
    font-size: 26px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.ac-page--form-flow .map-wrapper {
    overflow: hidden;
    height: 360px;
    margin-top: 20px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
}

.ac-page--form-flow .meeting_content_container {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.65fr);
    gap: 28px;
}

.ac-page--form-flow .meeting-img {
    width: 100%;
    max-height: 340px;
    object-fit: contain;
}

.ac-page--form-flow .order-thanks-msg {
    margin: 20px 0 28px;
    color: var(--ac-navy-900);
}

.ac-page--form-flow .order-thanks-msg__img {
    width: 92px;
    height: 92px;
    margin: 20px auto;
}

/* Self-contained form-flow components */

.ac-page--form-flow .order_input-item__row {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ac-page--form-flow textarea.order-input {
    min-height: 90px;
    padding-top: 14px;
    padding-bottom: 14px;
    resize: vertical;
}

.ac-page--form-flow .order-input_error {
    border-color: var(--ac-red-600);
    background: var(--ac-red-100);
}

.ac-page--form-flow .order__alert-msg {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ac-page--form-flow .order__alert-msg-container,
.ac-page--form-flow .form-pasport-upload {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ac-page--form-flow .order__alert-msg_green {
    border-left-color: var(--ac-green-700);
    background: var(--ac-green-100);
    color: var(--ac-green-700);
}

.ac-page--form-flow .order__alert-msg_yellow {
    border-left-color: #d7b713;
    background: #fffbea;
    color: #856f00;
}

.ac-page--form-flow .block-alert-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.ac-page--form-flow .block-alert-wrapper::before {
    display: block;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    background: url("/form_step/img/alert-octagon_yel.svg") center / contain no-repeat;
    content: "";
}

.ac-page--form-flow .block-alert-text {
    display: flex;
    max-width: 620px;
    flex-direction: column;
    gap: 8px;
}

.ac-page--form-flow :where(.list-cirlce, .order-pasport-recomendation__list) {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 1.25rem;
}

.ac-page--form-flow .list-cirlce {
    list-style: disc;
}

.ac-page--form-flow .order-pasport-recomendation__list {
    list-style: decimal;
}

.ac-page--form-flow .order-pasport-recomendation__title {
    font-weight: 700;
}

.ac-page--form-flow .order__top_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ac-page--form-flow .order__top_text {
    color: var(--ac-navy-700);
    font-size: 20px;
    line-height: 1.35;
}

.ac-page--form-flow .order_input-item__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.ac-page--form-flow .order-slider {
    width: 100%;
    height: 3px;
    margin: 14px 0;
    border: 0;
    border-radius: 2px;
    outline: 0;
    appearance: none;
    background: var(--ac-navy-900);
    cursor: pointer;
}

.ac-page--form-flow .order-slider::-webkit-slider-thumb {
    width: 28px;
    height: 28px;
    appearance: none;
    border: 0;
    border-radius: 50%;
    background: var(--ac-red-600) url("/form_step/img/range.svg") center / cover no-repeat;
    cursor: grab;
}

.ac-page--form-flow .order-slider::-moz-range-thumb {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: var(--ac-red-600) url("/form_step/img/range.svg") center / cover no-repeat;
    cursor: grab;
}

.ac-page--form-flow .order-slider__labels {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 700;
}

.ac-page--form-flow .order-slide__calculation {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
}

.ac-page--form-flow .order-slide__calculation-item {
    padding: 20px;
    text-align: center;
}

.ac-page--form-flow .order-slide__calculation-item:first-child {
    border-right: 1px solid var(--ac-border);
}

.ac-page--form-flow .order-slide__calculation-item__title {
    color: var(--ac-navy-900);
    font-size: 13px;
    font-weight: 700;
}

.ac-page--form-flow .order-slide__calculation-item__value {
    color: var(--ac-navy-900);
    font-size: 24px;
    font-weight: 700;
}

.ac-page--form-flow .order-slide__calculation-item__desc {
    color: var(--ac-muted);
    font-size: 12px;
}

.ac-page--form-flow .min-pay {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ac-page--form-flow .min-pay__desc,
.ac-page--form-flow .min-pay__input {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ac-page--form-flow .min-pay__desc-title {
    color: var(--ac-navy-900);
    font-weight: 500;
}

.ac-page--form-flow .min-pay__checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.ac-page--form-flow .min-pay__marker {
    position: relative;
    width: 42px;
    height: 24px;
    flex: 0 0 42px;
    border: 1px solid var(--ac-border);
    border-radius: 14px;
    background: var(--ac-white);
    cursor: pointer;
}

.ac-page--form-flow .min-pay__marker::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--ac-border);
    content: "";
    transition: transform var(--ac-transition), background var(--ac-transition);
}

.ac-page--form-flow .min-pay__checkbox:checked + .min-pay__marker::after {
    transform: translateX(18px);
    background: var(--ac-navy-900);
}

.ac-page--form-flow .min-pay-text {
    max-width: 210px;
    color: var(--ac-navy-700);
    font-size: 12px;
    line-height: 1.3;
}

.ac-page--form-flow :where(.min-pay__link-plan-desktop, .min-pay__link-plan-mobile, .link) {
    width: fit-content;
    color: var(--ac-navy-900);
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.ac-page--form-flow button:is(.min-pay__link-plan-desktop, .min-pay__link-plan-mobile) {
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.ac-page--form-flow button.link {
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.ac-page--form-flow .min-pay__link-plan-desktop {
    margin-left: 30px;
}

.ac-page--form-flow .min-pay__link-plan-mobile {
    display: none;
}

.ac-page--form-flow .amount-sum-container {
    color: var(--ac-navy-900);
    font-size: 18px;
}

.ac-page--form-flow .order-input_wrapper {
    position: relative;
}

.ac-page--form-flow .order-input__symbol {
    position: absolute;
    top: 2px;
    right: 10px;
    bottom: 2px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    background: var(--ac-white);
    color: var(--ac-navy-700);
    font-weight: 500;
    pointer-events: none;
}

.ac-page--form-flow :where(.upload_photos-container, .upload_photos-items) {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ac-page--form-flow .upload_photos-item {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.ac-page--form-flow .upload_photos-item::before {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background: url("/form_step/img/check.svg") center / contain no-repeat;
    content: "";
}

.ac-page--form-flow .upload_photos-item__title {
    overflow: hidden;
    min-width: 0;
    color: var(--ac-navy-900);
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-page--form-flow .upload_photos-add-btn {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    color: var(--ac-navy-900);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.ac-page--form-flow .upload_photos-add-btn::before {
    width: 26px;
    height: 22px;
    flex: 0 0 26px;
    background: url("/form_step/img/paperclip.svg") center / contain no-repeat;
    content: "";
}

.ac-page--form-flow .photo-upload-img-container {
    position: relative;
    width: 100%;
    min-height: 0;
}

.ac-page--form-flow .photo-upload-img-container img {
    width: 100%;
    max-height: 180px;
    object-fit: contain;
}

.ac-page--form-flow .photo-upload__title {
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.ac-page--form-flow .photo-upload-btn {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-700);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--ac-transition), background var(--ac-transition), color var(--ac-transition);
}

.ac-page--form-flow .photo-upload-btn:hover {
    border-color: var(--ac-navy-400);
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

.ac-page--form-flow .photo-upload-btn::before {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}

.ac-page--form-flow .photo-upload-btn_shot::before {
    background-image: url("/form_step/img/photo_shot.svg");
}

.ac-page--form-flow .photo-upload-btn_media::before {
    background-image: url("/form_step/img/photo_media.svg");
}

@media (min-width: 769px) {
    .ac-page--form-flow .photo-upload-btn_shot {
        display: none;
    }
}

.ac-page--form-flow .order-form-wrapper_pasport-upload {
    max-width: 560px;
}

.ac-page--form-flow .order-form-wrapper_big {
    max-width: 1240px;
}

.ac-page--form-flow .transport-input-container {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.ac-page--form-flow .transport-input-item__label {
    position: relative;
    grid-column: span 2;
    cursor: pointer;
}

.ac-page--form-flow .transport-input-item__label:nth-child(n + 4) {
    grid-column: span 3;
}

.ac-page--form-flow .transport-input-item__label input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.ac-page--form-flow .transport-input-item {
    display: flex;
    min-height: 210px;
    flex-direction: column;
    gap: 10px;
    padding: 12px 0 18px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
    transition: border-color var(--ac-transition), box-shadow var(--ac-transition);
}

.ac-page--form-flow .transport-input-item__label input:checked + .transport-input-item {
    border-color: var(--ac-navy-900);
    box-shadow: 0 0 0 2px rgba(0, 57, 100, 0.14);
}

.ac-page--form-flow .transport__img {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    object-fit: contain;
}

.ac-page--form-flow .transport-input-item__title {
    padding: 0 18px;
    color: var(--ac-navy-900);
    font-size: 17px;
    font-weight: 700;
}

.ac-page--form-flow .agreement_list,
.ac-page--form-flow .card-checbox {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ac-page--form-flow .agreement_list {
    margin-bottom: 24px;
}

.ac-page--form-flow .agreement-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ac-page--form-flow .agreement-item__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.ac-page--form-flow .agreement-item__marker {
    position: relative;
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    cursor: pointer;
}

.ac-page--form-flow .agreement-item__marker::after {
    width: 15px;
    height: 10px;
    transform: scale(0.65);
    background: url("/form_step/img/checkbox.svg") center / contain no-repeat;
    content: "";
    opacity: 0;
    transition: opacity var(--ac-transition), transform var(--ac-transition);
}

.ac-page--form-flow .agreement-item__input:checked + .agreement-item__marker {
    border-color: var(--ac-red-600);
    background: var(--ac-white);
}

.ac-page--form-flow .agreement-item__input:checked + .agreement-item__marker::after {
    transform: scale(1);
    opacity: 1;
}

.ac-page--form-flow .agreement-item__text {
    color: var(--ac-navy-700);
    font-size: 15px;
    line-height: 1.45;
}

.ac-page--form-flow .agreement-item__text a {
    color: var(--ac-navy-900);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ac-page--form-flow .order-sms-text {
    max-width: 610px;
    margin: 0 auto;
    color: var(--ac-navy-700);
    line-height: 1.45;
}

.ac-page--form-flow .order-sms-phone {
    color: var(--ac-navy-900);
    font-weight: 700;
}

.ac-page--form-flow .sms-input-container {
    display: flex;
    width: 100%;
    max-width: 260px;
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
    margin: 10px auto 0;
}

.ac-page--form-flow .sms-input-title {
    color: var(--ac-navy-900);
    font-size: 22px;
    font-weight: 700;
}

.ac-page--form-flow .sms-time {
    width: max-content;
    max-width: none;
    margin: 0 auto;
    color: var(--ac-muted);
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
}

.ac-page--form-flow .sms-input-container + .order__btn {
    display: flex;
    margin: 22px auto 0;
}

.ac-page--form-flow .order-blue-wrapper {
    padding: 15px;
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
}

.ac-page--form-flow .label-row {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.ac-page--form-flow .photo-upload-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.ac-page--form-flow .photo-upload-grid_6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ac-page--form-flow .photo-upload-grid_7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.ac-page--form-flow .photo-upload-grid .photo-upload-img__wrapper {
    min-height: 200px;
    justify-content: space-between;
    padding: 15px 10px;
}

.ac-page--form-flow .order-thanks-msg_big {
    max-width: 600px;
}

.ac-page--form-flow .order-thanks-msg_middle {
    max-width: 480px;
}

.ac-page--form-flow .order-thanks-msg :where(h3) {
    margin-bottom: 12px;
    font-size: 22px;
}

.ac-page--form-flow .order-thanks__photo-msg {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 18px;
    padding: 30px 20px;
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
}

.ac-page--form-flow .order-thanks__photo-msg__top {
    display: flex;
    max-width: 500px;
    align-items: center;
    gap: 18px;
    font-size: 18px;
    text-align: left;
}

.ac-page--form-flow .order-thanks__photo-msg__top::before {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    background: url("/form_step/img/alert-octagon.svg") center / contain no-repeat;
    content: "";
}

.ac-page--form-flow .thanks-msg_middle-text {
    font-size: 18px;
}

.ac-page--form-flow .load-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 44px 0;
}

.ac-page--form-flow .load-animation_circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--ac-green-700);
    animation: ac-load-pulse 1.4s ease-in-out infinite;
}

.ac-page--form-flow .load-animation_circle:nth-child(2) {
    animation-delay: 150ms;
}

.ac-page--form-flow .load-animation_circle:nth-child(3) {
    animation-delay: 300ms;
}

.ac-page--form-flow .load-animation_circle:nth-child(4) {
    animation-delay: 450ms;
}

@keyframes ac-load-pulse {
    0%,
    100% {
        opacity: 0.35;
    }
    50% {
        opacity: 1;
    }
}

.ac-page--form-flow .modal-overlay {
    position: fixed;
    z-index: 300;
    inset: 0;
    display: none;
    overflow-y: auto;
    padding: 30px 20px;
    background: rgba(0, 34, 59, 0.52);
}

.ac-page--form-flow .modal-overlay.is-visible {
    display: flex;
}

.ac-page--form-flow .modal-overlay .modal-content {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 920px;
    align-items: center;
    flex-direction: column;
    gap: 28px;
    margin: auto;
    padding: 70px 32px 50px;
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-menu);
    text-align: center;
}

.ac-page--form-flow .modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: url("/form_step/img/close-icon.svg") center / contain no-repeat;
    cursor: pointer;
}

.ac-page--form-flow .meeting_content,
.ac-page--form-flow .dop-contact-container,
.ac-page--form-flow .dop-contact__input-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ac-page--form-flow .dop-contact__title {
    color: var(--ac-navy-900);
    font-size: 20px;
    font-weight: 700;
}

.ac-page--form-flow .photo-container_moddle {
    display: flex;
    width: 100%;
    max-width: 620px;
    flex-direction: column;
    gap: 24px;
}

.ac-page--form-flow .photo-upload-container_big {
    width: 100%;
    max-width: none;
}

.ac-page--form-flow .card-info_container {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 48px;
}

.ac-page--form-flow .card-info_content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ac-page--form-flow .card-info_img {
    width: 100%;
    max-width: 240px;
    aspect-ratio: 1;
    object-fit: contain;
}

.ac-page--form-flow .block_check-data {
    gap: 10px;
}

.ac-page--form-flow .zaim_content {
    display: flex;
    max-width: 700px;
    flex-direction: column;
    gap: 24px;
}

.ac-page--form-flow .zaim_content__info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--ac-navy-900);
    font-size: 19px;
}

.ac-page--form-flow .zaim_content_card {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 14px;
    padding: 32px 20px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
    text-align: center;
}

.ac-page--form-flow .zaim_content_card__title {
    color: var(--ac-navy-700);
    font-size: 18px;
}

.ac-page--form-flow .zaim_content_card__num {
    color: var(--ac-navy-900);
    font-size: 23px;
    font-weight: 700;
}

.ac-page--form-flow .zaim_content_card__other,
.ac-page--form-flow .card_pay_graf {
    color: var(--ac-navy-900);
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.ac-page--form-flow .total-row {
    font-weight: 700;
}

.ac-page--form-flow .dadata-suggestions {
    position: absolute;
    z-index: 100;
    top: calc(100% + 5px);
    right: 0;
    left: 0;
    overflow-y: auto;
    max-height: 280px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-menu);
}

.ac-page--form-flow .dadata-suggestions div {
    padding: 10px 12px;
    color: var(--ac-navy-700);
    cursor: pointer;
}

.ac-page--form-flow .dadata-suggestions div:hover {
    background: var(--ac-bg-soft);
}

/* Native select enhancement */

.ac-page .custom-select {
    position: relative;
    width: 100%;
}

.ac-page .custom-select > select {
    width: 100%;
}

.ac-page .custom-select.ac-native-select-enhanced > select {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.ac-page .select-selected {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    padding: 0 42px 0 15px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.ac-page .select-selected::after {
    position: absolute;
    top: 19px;
    right: 17px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-right: 1.5px solid var(--ac-navy-700);
    border-bottom: 1.5px solid var(--ac-navy-700);
    content: "";
}

.ac-page .select-arrow-active::after {
    top: 23px;
    transform: rotate(225deg);
}

.ac-page .select-items {
    position: absolute;
    z-index: 80;
    top: calc(100% + 5px);
    right: 0;
    left: 0;
    overflow-y: auto;
    max-height: 260px;
    padding: 6px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-menu);
}

.ac-page .select-hide {
    display: none;
}

.ac-page .select-item {
    display: block;
    width: 100%;
    padding: 10px 11px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: var(--ac-navy-700);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.ac-page .select-item:hover,
.ac-page .select-item.same-as-selected {
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

/* Modals and messages */

.ac-modal-source {
    display: none;
    width: 100%;
    max-width: 1180px;
}

.ac-modal--compact {
    max-width: 560px;
}

.ac-contact-modal {
    max-width: 760px;
}

.ac-page #popup-add-contact .ac-contact-modal__content {
    padding: 28px;
}

.ac-page #popup-add-contact .ac-contact-form__fields {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 0;
}

.ac-page #popup-add-contact .ac-contact-form__field {
    min-width: 0;
}

.ac-page #popup-add-contact .ac-contact-form__field:not(:last-child) {
    margin-bottom: 0;
}

.ac-page #popup-add-contact .ac-contact-form__field--half {
    grid-column: span 3;
}

.ac-page #popup-add-contact .ac-contact-form__field--third {
    grid-column: span 2;
}

.ac-pledge-modal {
    max-width: 660px;
}

.ac-pledge-modal .popup__applications-table {
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1fr);
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
}

.ac-pledge-modal .popup__applications-item {
    min-width: 0;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ac-border-light);
    color: var(--ac-navy-900);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.ac-pledge-modal .popup__applications-item:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.ac-pledge-modal .popup__applications-item-name {
    background: var(--ac-bg-soft);
    color: var(--ac-navy-500);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.ac-pledge-modal .popup__head span {
    color: var(--ac-muted);
    font-weight: 500;
}

.ac-pledge-modal__error {
    grid-column: 1 / -1;
    border-bottom: 0 !important;
    color: var(--ac-red-700) !important;
    text-align: center;
}

.ac-calculation-modal {
    max-width: 580px;
}

.ac-calculation-form {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.ac-calculation-form .form-control {
    min-width: 0;
    flex: 1 1 220px;
}

.ac-calculation-form .ac-button {
    flex: 0 0 auto;
}

.ac-calculation-result {
    overflow-x: auto;
    margin-top: 18px;
}

.ac-calculation-result:empty {
    margin-top: 0;
}

.ac-calculation-result table {
    width: 100%;
    border: 1px solid var(--ac-border-light);
    border-collapse: collapse;
}

.ac-calculation-result td {
    padding: 11px 12px;
    border-bottom: 1px solid var(--ac-border-light);
    color: var(--ac-navy-700);
    font-size: 13px;
    vertical-align: top;
}

.ac-calculation-result tr:last-child td {
    border-bottom: 0;
}

.ac-calculation-result td:first-child {
    width: 64%;
}

.ac-page .background-color-f8f9fa {
    background: var(--ac-bg-soft) !important;
}

.ac-page .text-right {
    text-align: right !important;
}

.ac-page .text-gray {
    color: var(--ac-muted) !important;
}

.ac-page .d-none {
    display: none !important;
}

.ac-page .custom-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: ac-spin 0.75s linear infinite;
}

.ac-payment-graph-modal {
    padding: 28px !important;
}

.ac-payment-graph__head {
    margin-bottom: 20px;
}

.ac-payment-graph__head h2 {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.ac-payment-graph__summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.ac-payment-graph__summary .line {
    display: none;
}

.ac-payment-graph__summary .item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    padding: 14px 15px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.ac-payment-graph__summary strong,
.ac-payment-graph__summary span {
    color: var(--ac-navy-900);
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    text-transform: none;
}

.ac-payment-graph__empty {
    padding: 24px;
    border: 1px dashed var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-bg-cool);
    color: var(--ac-muted);
    text-align: center;
}

.ac-payment-graph__table-wrap {
    overflow-x: auto;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius);
}

.ac-payment-graph table {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
}

.ac-payment-graph th,
.ac-payment-graph td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--ac-border-light);
    color: var(--ac-navy-700);
    font-size: 13px;
    text-align: right;
}

.ac-payment-graph th {
    background: var(--ac-bg-soft);
    color: var(--ac-navy-500);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.ac-payment-graph th:first-child,
.ac-payment-graph td:first-child,
.ac-payment-graph th:nth-child(2),
.ac-payment-graph td:nth-child(2) {
    text-align: left;
}

.ac-payment-graph tfoot td {
    border-bottom: 0;
    background: var(--ac-bg-cool);
    color: var(--ac-navy-900);
    font-weight: 700;
}

.ac-payment-graph tfoot td:nth-child(n + 2),
.modal-graph table tfoot td:nth-child(n + 2),
#graphResult table tfoot td:nth-child(n + 2) {
    text-align: right;
}

.ac-payment-graph tfoot td:first-child strong {
    margin-left: 16px;
}

.ac-payment-graph__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 18px !important;
}

.ac-payment-graph__footer p {
    max-width: 760px;
    margin: 0;
    color: var(--ac-muted);
    font-size: 13px;
    line-height: 1.55;
}

.ac-page .popup,
.ac-page .fancybox-content {
    border-radius: var(--ac-radius-lg);
}

.ac-page .account__popup,
.ac-page .popup__payment {
    padding: 28px;
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
}

.ac-page .popup__head,
.ac-page .popup__payment-title {
    margin-bottom: 22px;
    color: var(--ac-navy-900);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.ac-page .popup__body {
    min-width: 0;
}

.ac-page #toast-container > .toast-custom {
    border-radius: var(--ac-radius) !important;
    background-color: var(--ac-navy-900) !important;
    background-position: 16px center !important;
    background-repeat: no-repeat !important;
    box-shadow: var(--ac-shadow-menu) !important;
    color: var(--ac-white) !important;
    font-family: "Cera Pro", Arial, sans-serif !important;
    opacity: 1;
}

.ac-page #toast-container > .toast-error.toast-custom {
    background-color: var(--ac-red-700) !important;
}

.ac-page #toast-container > .toast-success.toast-custom {
    background-color: var(--ac-green-700) !important;
}

/*
 * Cabinet field styles must not leak into Flatpickr's internal month/year
 * controls. Those controls are inputs too, so the generic 52px field height
 * used to make the calendar header overlap the weekday row.
 */
.ac-page .flatpickr-calendar {
    font-family: "Cera Pro", Arial, sans-serif;
}

.ac-page .flatpickr-months,
.ac-page .flatpickr-months .flatpickr-month {
    height: 44px;
}

.ac-page .flatpickr-current-month {
    height: 44px;
    padding-top: 9px;
}

.ac-page .flatpickr-current-month .flatpickr-monthDropdown-months,
.ac-page .flatpickr-current-month input.cur-year {
    width: auto;
    min-height: 0;
    height: 28px;
    padding: 0 4px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    line-height: 28px;
}

.ac-page .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.ac-page .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.ac-page .flatpickr-current-month input.cur-year:hover,
.ac-page .flatpickr-current-month input.cur-year:focus {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.ac-page .flatpickr-current-month .numInputWrapper {
    height: 28px;
}

.ac-page .flatpickr-weekdays {
    height: 32px;
}

/* Footer */

.ac-footer {
    flex: 0 0 auto;
    border-top: 1px solid var(--ac-border-light);
    background: var(--ac-white);
}

.ac-page--with-sidebar .ac-footer {
    margin-left: 0;
}

.ac-footer__inner {
    display: flex;
    width: 100%;
    max-width: none;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 auto;
    padding: 10px 40px 10px 0;
    color: var(--ac-muted);
    font-size: 12px;
}

.ac-page:not(.ac-page--with-sidebar) .ac-footer__inner {
    padding-left: 40px;
}

.ac-page--with-sidebar .ac-footer__copyright {
    flex: 0 0 var(--ac-sidebar-width);
    padding: 0 10px;
    text-align: center;
}

.ac-footer__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

.ac-footer__links a {
    transition: color var(--ac-transition);
}

.ac-footer__links a:hover {
    color: var(--ac-navy-900);
}

/* Breakpoints */

@media (min-width: 1200px) and (max-width: 1499px) {
    .ac-page .table__loans-head,
    .ac-page .table__loans-items {
        grid-template-columns:
            minmax(115px, 0.65fr)
            90px
            95px
            102px
            60px
            95px
            minmax(130px, 0.95fr)
            minmax(140px, 1fr);
    }
}

@media (max-width: 1199px) {
    :root {
        --ac-sidebar-width: 246px;
        --ac-topbar-inline-padding: 22px;
        --ac-brand-logo-width: 165px;
    }

    .ac-topbar__inner {
        padding-right: 22px;
        padding-left: 22px;
    }

    .ac-brand img {
        width: 165px;
    }

    .ac-user-menu__trigger {
        min-width: 185px;
    }

    .ac-main {
        padding-right: 26px;
        padding-left: 26px;
    }

    .ac-footer__inner {
        padding-right: 26px;
    }

    .ac-page:not(.ac-page--with-sidebar) .ac-footer__inner {
        padding-left: 26px;
    }

    .ac-page .table__loans-head,
    .ac-page .table__loans-items {
        grid-template-columns: minmax(100px, 1fr) 90px 95px 105px 60px 95px minmax(125px, 1fr) minmax(130px, 1fr);
    }

    .ac-page :where(.table__head-item, .application__item, .loans__item, .payments__item) {
        padding-right: 6px !important;
        padding-left: 6px !important;
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    :root {
        --ac-header-height: 72px;
        --ac-topbar-inline-padding: 18px;
        --ac-brand-logo-width: 145px;
    }

    body.ac-drawer-open {
        overflow: hidden;
    }

    .ac-page--with-sidebar .ac-footer__copyright {
        flex: 0 1 auto;
        padding: 0;
        text-align: left;
    }

    .ac-topbar__inner {
        min-height: var(--ac-header-height);
        gap: 12px;
        padding: 10px 18px;
    }

    .ac-menu-toggle {
        display: inline-grid;
    }

    .ac-brand img {
        width: 145px;
    }

    .ac-brand__descriptor,
    .ac-topbar__payment,
    .ac-flow-label,
    .ac-guest-contact__schedule {
        display: none;
    }

    .ac-user-menu__trigger {
        min-width: 0;
        width: 52px;
        padding: 6px;
    }

    .ac-user-menu__identity,
    .ac-user-menu__chevron {
        display: none;
    }

    .ac-user-menu__dropdown {
        position: fixed;
        top: calc(var(--ac-header-height) - 5px);
        right: 14px;
    }

    .ac-page--with-sidebar .ac-user-menu__dropdown {
        right: 74px;
    }

    .ac-app-body {
        display: block;
    }

    .ac-footer__inner {
        padding-right: 22px;
    }

    .ac-page:not(.ac-page--with-sidebar) .ac-footer__inner {
        padding-left: 22px;
    }

    .ac-sidebar {
        position: fixed;
        z-index: 120;
        top: var(--ac-header-height);
        bottom: 0;
        left: 0;
        width: min(320px, calc(100vw - 44px));
        height: calc(100vh - var(--ac-header-height));
        transform: translateX(-105%);
        box-shadow: var(--ac-shadow-menu);
        transition: transform 220ms ease;
    }

    .ac-sidebar.is-open {
        transform: translateX(0);
    }

    .ac-sidebar[aria-hidden="false"] {
        visibility: visible;
    }

    .ac-sidebar-overlay {
        position: fixed;
        z-index: 110;
        inset: var(--ac-header-height) 0 0;
        display: block;
        width: 100%;
        height: auto;
        border: 0;
        background: rgba(0, 34, 59, 0.46);
        cursor: pointer;
    }

    .ac-main,
    .ac-page--with-sidebar .ac-main {
        max-width: none;
        padding: 26px 22px 44px;
    }

    .ac-page--form-flow .ac-main {
        padding-top: 20px;
    }

    .ac-page :is(.application__info, .loan__info, .container-horizontal) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .ac-page .container-sidebar {
        position: static;
        top: auto;
    }

    .ac-page .page__head-details {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .ac-dashboard__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-dashboard__summary .ac-card--navy {
        grid-column: 1 / -1;
    }

    .ac-support-cta {
        grid-template-columns: 1fr;
    }

    .ac-support-cta__actions {
        justify-content: flex-start;
    }

    .ac-page .news__list,
    .ac-news {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-page :where(.table__applications, .table__loans, .table__active-applications, .table__active-loans, .table__payments) {
        overflow-x: auto;
    }

    .ac-page .table__applications-head,
    .ac-page .table__applications-items {
        min-width: 760px;
    }

    .ac-page .table__loans-head,
    .ac-page .table__loans-items {
        min-width: 930px;
    }

    .ac-page .table__active-applications-head,
    .ac-page .table__active-applications-items {
        min-width: 650px;
    }

    .ac-page .table__active-loans-head,
    .ac-page .table__active-loans-items {
        min-width: 730px;
    }

    .ac-page .table__payments-head,
    .ac-page .table__payments-items {
        min-width: 660px;
    }
}

@media (max-width: 767px) {
    :root {
        --ac-topbar-inline-padding: 14px;
        --ac-brand-logo-width: 128px;
    }

    .ac-topbar__inner {
        padding-right: 14px;
        padding-left: 14px;
    }

    .ac-brand img {
        width: 128px;
    }

    .ac-guest-contact {
        display: none;
    }

    .ac-topbar__site-link {
        width: auto;
        min-width: 94px;
        justify-content: center;
        gap: 7px;
        padding: 0 12px;
        font-size: 12px;
    }

    .ac-main,
    .ac-page--with-sidebar .ac-main {
        padding: 22px 16px 38px;
    }

    .ac-page:not(.ac-page--with-sidebar) .ac-footer__inner {
        padding-right: 16px;
        padding-left: 16px;
    }

    .ac-main--guest {
        min-height: calc(100vh - var(--ac-header-height));
        padding: 28px 16px;
    }

    .ac-page .page__head {
        margin-bottom: 20px !important;
    }

    .ac-page .page__head-title,
    .ac-page-title {
        font-size: 28px;
    }

    .ac-page :where(
        .images__application,
        .contacts__application,
        .document__application
    ),
    .ac-profile__card,
    .ac-page .profile__card,
    .ac-page .container-main,
    .ac-page .container-sidebar {
        padding: 20px !important;
    }

    .ac-page .images__application-list,
    .ac-page .document__application-items,
    .ac-page .payment-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-page .contacts__application-head {
        display: none;
    }

    .ac-page .ac-contacts > .ac-section__head.ac-contacts__section-head {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .ac-page .ac-contacts__section-head .contacts__application-add {
        width: 100%;
    }

    .ac-page .ac-contacts__table {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .ac-page .contacts__application-items {
        grid-template-columns: minmax(105px, 0.7fr) minmax(0, 1fr);
        margin-bottom: 12px;
        border: 1px solid var(--ac-border-light);
        border-radius: var(--ac-radius);
        background: var(--ac-white);
    }

    .ac-page .ac-contacts__table .contacts__application-items:last-child {
        margin-bottom: 0;
        border-bottom: 1px solid var(--ac-border-light);
    }

    .ac-page .contacts__application-item {
        border-right: 0;
        border-bottom: 1px solid var(--ac-border-light);
    }

    .ac-page .contacts__application-item:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .ac-page .contacts__application-item-head {
        display: block;
        background: var(--ac-bg-soft);
        color: var(--ac-navy-500);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.025em;
        text-transform: uppercase;
    }

    .ac-page .ac-contacts__empty {
        min-height: 0;
        align-items: start;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
        padding: 16px;
    }

    .ac-page .ac-contacts__empty-icon {
        width: 46px;
        height: 46px;
        border-radius: 10px;
    }

    .ac-page .ac-contacts__empty-action {
        width: 100%;
        min-width: 0;
        grid-column: 1 / -1;
    }

    .ac-calculation-form {
        align-items: stretch;
        flex-direction: column;
    }

    .ac-calculation-form .form-control,
    .ac-calculation-form .ac-button {
        width: 100%;
        flex-basis: auto;
    }

    .ac-payment-graph__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .ac-payment-graph__footer .ac-button {
        width: 100%;
    }

    .ac-dashboard__welcome,
    .ac-section__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .ac-dashboard__summary {
        grid-template-columns: 1fr;
    }

    .ac-dashboard__summary .ac-card--navy {
        grid-column: auto;
    }

    .ac-empty,
    .ac-page .applications-wrapper {
        min-height: 0;
        align-items: flex-start;
        flex-direction: column;
        padding: 22px;
    }

    .ac-support-cta__content,
    .ac-support-cta__actions {
        padding: 22px;
    }

    .ac-support-cta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ac-page .news__list,
    .ac-news {
        grid-template-columns: 1fr;
    }

    .ac-page :where(.table__applications, .table__loans, .table__active-applications, .table__active-loans, .table__payments) {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .ac-page :is(
        .table__applications-head,
        .table__loans-head,
        .table__active-applications-head,
        .table__active-loans-head,
        .table__payments-head
    ) {
        display: none !important;
    }

    .ac-page :where(
        .table__applications-items,
        .table__loans-items,
        .table__active-applications-items,
        .table__active-loans-items,
        .table__payments-items
    ) {
        display: grid !important;
        min-width: 0 !important;
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px 18px;
        margin-bottom: 12px;
        padding: 18px !important;
        border: 1px solid var(--ac-border-light) !important;
        border-radius: var(--ac-radius-lg);
        box-shadow: 0 4px 16px rgba(0, 57, 100, 0.05);
    }

    .ac-page :where(.table__head-item, .application__item, .loans__item, .payments__item) {
        display: flex;
        min-height: 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
        padding: 0 !important;
        font-size: 14px;
    }

    .ac-page .table__active-applications-items .application__item-total,
    .ac-page .table__active-loans-items .loans__item-status,
    .ac-page .table__active-loans-items >
    :is(.ac-loan-payment--mobile, .ac-table__cell--payment) {
        grid-column: 1 / -1;
    }

    .ac-page .table__active-loans-items >
    :is(.ac-loan-payment--mobile, .ac-table__cell--payment) {
        display: flex !important;
        gap: 10px;
    }

    .ac-page .table__active-loans-items > .ac-loan-payment--desktop {
        display: none !important;
    }

    .ac-page :where(.application__item, .loans__item, .payments__item)[data-label]::before {
        color: var(--ac-muted);
        content: attr(data-label);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.035em;
        text-transform: uppercase;
    }

    .ac-page :where(.application__item, .loans__item, .payments__item)[data-label] > span:first-child {
        display: none;
    }

    .ac-page .loans__item-comment,
    .ac-page .application__item-status {
        grid-column: 1 / -1;
    }

    .ac-page .comment-text {
        margin-bottom: 10px;
    }

    .ac-page .no-contracts,
    .ac-page .no-payments {
        display: flex !important;
    }

    .ac-page .payments__btns {
        align-items: stretch;
        flex-direction: column;
    }

    .ac-page .container-content,
    .ac-auth__card {
        padding: 26px 22px;
    }

    .ac-page .login-text,
    .ac-auth__title {
        font-size: 27px;
    }

    .ac-profile__grid,
    .ac-page .profile__grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .ac-page--form-flow .order-form-wrapper {
        padding: 25px 20px;
    }

    .ac-form-journey {
        padding: 16px 14px 14px;
    }

    .ac-form-journey__header {
        margin-bottom: 12px;
    }

    .ac-form-journey__step::after {
        top: 12px;
        left: calc(50% + 13px);
        width: calc(100% - 26px);
    }

    .ac-form-journey__marker {
        width: 26px;
        height: 26px;
    }

    .ac-form-journey__label {
        font-size: 9px;
    }

    .ac-page--form-flow .order_input-items__row {
        grid-template-columns: 1fr;
    }

    .ac-page--form-flow .order-radio__label-container {
        flex-direction: column;
    }

    .ac-page--form-flow .order-radio__label {
        width: 100%;
    }

    .ac-page--form-flow .order_btn-container {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .ac-page--form-flow .order__btn {
        width: 100%;
    }

    .ac-page--form-flow .order_input-items__row > .order__btn {
        width: 100%;
        justify-self: stretch;
    }

    .ac-page--form-flow .photo-upload-container {
        min-height: 230px;
        min-width: 0;
        padding: 12px 10px;
    }

    .ac-page--form-flow :is(.photo-upload-grid, .photo-upload-grid_6, .photo-upload-grid_7) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .ac-page--form-flow .photo-upload-grid .photo-upload-img__wrapper {
        display: flex;
        width: 100%;
        min-width: 0;
        min-height: 210px;
        align-items: stretch;
        flex-direction: column;
        padding: 10px 8px;
    }

    .ac-page--form-flow .photo-upload-grid .photo-upload__title {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .ac-page--form-flow .photo-upload-grid .photo-upload-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
        gap: 4px;
        padding: 5px 6px;
    }

    .ac-page--form-flow .photo-upload-grid .photo-upload-btn::before {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
    }

    .ac-page--form-flow .photo-upload-grid .photo-upload-btn span {
        min-width: 0;
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .ac-page--form-flow .meeting_content_container {
        grid-template-columns: 1fr;
    }

    .ac-page--form-flow .meeting-img {
        max-height: 240px;
        grid-row: 1;
    }

    .ac-page--form-flow .transport-input-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .ac-page--form-flow .transport-input-item__label,
    .ac-page--form-flow .transport-input-item__label:nth-child(n + 4) {
        min-width: 0;
        grid-column: auto;
    }

    .ac-page--form-flow .transport-input-item {
        min-height: 170px;
    }

    .ac-page--form-flow .transport-input-item__title {
        padding: 0 10px;
        font-size: 15px;
        overflow-wrap: anywhere;
    }

    .ac-page--form-flow .card-info_container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ac-page--form-flow .card-info_img {
        width: min(100%, 200px);
        justify-self: center;
    }

    .ac-flow-toolbar {
        margin-bottom: 14px;
    }

    .ac-flow-toolbar__step {
        display: none;
    }

    .ac-flow-toolbar--step-only {
        display: none;
    }

    .ac-footer__inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 10px;
    }

    .ac-footer__links {
        gap: 12px 16px;
    }
}

@media (max-width: 479px) {
    .ac-icon-button {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .ac-form-journey__label {
        display: none;
    }

    .ac-form-journey__step.is-current .ac-form-journey__label {
        position: absolute;
        top: 31px;
        left: 50%;
        display: block;
        width: 90px;
        transform: translateX(-50%);
        white-space: normal;
    }

    .ac-form-journey__meter {
        margin-top: 22px;
    }

    .ac-page .payment-options,
    .ac-page .table__application,
    .ac-page .table__loan {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .ac-page .table__application-item,
    .ac-page .table__loan-item {
        border-bottom: 1px solid var(--ac-border-light);
    }

    .ac-page .table__application-item:last-child,
    .ac-page .table__loan-item:last-child {
        border-bottom: 0;
    }

    .ac-page .debt__item-head {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page .debt__item-link {
        width: 100%;
        justify-content: center;
    }

    .ac-pledge-modal .popup__applications-table {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-pledge-modal .popup__applications-item {
        border-bottom: 1px solid var(--ac-border-light);
    }

    .ac-pledge-modal .popup__applications-item:last-child {
        border-bottom: 0;
    }

    .ac-page :where(
        .images__application,
        .contacts__application,
        .document__application
    ) {
        padding: 16px !important;
    }

    .ac-user-menu__trigger {
        width: 44px;
        min-height: 44px;
    }

    .ac-user-menu__avatar {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .ac-message-button {
        display: inline-grid;
    }

    .ac-card {
        padding: 20px;
    }

    .ac-page :where(
        .table__applications-items,
        .table__loans-items,
        .table__active-applications-items,
        .table__active-loans-items,
        .table__payments-items
    ) {
        grid-template-columns: 1fr !important;
    }

    .ac-page .loans__item-comment,
    .ac-page .application__item-status {
        grid-column: auto;
    }
}

@media (max-width: 359px) {
    .ac-page--form-flow :is(.photo-upload-grid, .photo-upload-grid_6, .photo-upload-grid_7) {
        grid-template-columns: 1fr;
    }

    .ac-page--form-flow .transport-input-container {
        grid-template-columns: 1fr;
    }
}

/* Desktop application registry: keep one record on one visual line. */
@media (min-width: 768px) {
    .ac-page .ac-list-page--applications .table__applications {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }

    .ac-page .ac-list-page--applications :is(
        .table__applications-head,
        .table__applications-items
    ) {
        min-width: 1010px;
        grid-template-columns:
            120px
            180px
            210px
            175px
            90px
            minmax(235px, 1fr) !important;
    }

    .ac-page .ac-list-page--applications .table__applications-items {
        min-height: 64px;
    }

    .ac-page .ac-list-page--applications :where(
        .table__head-item,
        .application__item
    ) {
        white-space: nowrap;
    }

    .ac-page .ac-list-page--applications .application__item-number .ac-link {
        white-space: nowrap;
    }

    .ac-page .ac-list-page--applications .application__item-date time {
        display: inline-flex;
        align-items: baseline;
        gap: 8px;
        white-space: nowrap;
    }

    .ac-page .ac-list-page--applications .application__item-date .ac-date__time {
        display: inline;
        margin: 0;
        font-size: 11px;
    }

    .ac-page .ac-list-page--applications .application__item-status .ac-status {
        white-space: nowrap;
    }

    .ac-page .ac-list-page--applications .application__item-model {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 991px) {
    .ac-support-faq__select-label {
        display: block;
        margin-bottom: 7px;
        color: var(--ac-navy-700);
        font-size: 12px;
        font-weight: 700;
    }

    .ac-support-faq__select {
        display: block;
        width: 100%;
        min-height: 50px;
        margin-bottom: 18px;
        padding: 0 40px 0 14px;
        border: 1px solid var(--ac-border);
        border-radius: var(--ac-radius);
        background: var(--ac-white);
        color: var(--ac-navy-900);
        font-size: 14px;
    }

    .ac-support-faq__layout {
        display: block;
    }

    .ac-support-faq__navigation {
        display: none !important;
    }

    .ac-chat__head-row {
        align-items: stretch;
        flex-direction: column;
    }

    .ac-chat__search {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .ac-payment-graph-modal {
        padding: 22px 16px !important;
    }

    .ac-payment-graph__summary {
        grid-template-columns: 1fr;
    }

    .ac-payment-graph__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .ac-unavailable {
        min-height: 0;
        padding: 8px 0;
    }

    .ac-unavailable__card {
        padding: 26px 22px;
    }

    .ac-unavailable__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ac-page-head__body--actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ac-page-head__body--actions .ac-button {
        width: 100%;
    }

    .ac-empty--compact .ac-empty__cell {
        min-height: 0 !important;
        align-items: flex-start !important;
        flex-direction: column;
        grid-column: auto;
        padding: 22px !important;
    }

    .ac-support-contacts {
        grid-template-columns: 1fr !important;
    }

    .ac-support-faq {
        padding: 20px !important;
    }

    .ac-support-faq__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .ac-message-hub__item {
        grid-template-columns: 46px minmax(0, 1fr) 18px;
        gap: 12px !important;
        padding: 16px !important;
    }

    .ac-message-hub__icon {
        width: 46px !important;
        height: 46px !important;
    }

    .ac-message-hub__state {
        width: fit-content;
        justify-content: flex-start;
        grid-column: 2;
        grid-row: 2;
    }

    .ac-message-hub__item > .ac-message-hub__status {
        width: max-content;
        max-width: 100%;
        justify-self: start;
        grid-column: 2;
        grid-row: 2;
        box-sizing: border-box;
        line-height: 1.25;
    }

    .ac-message-hub__arrow {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .ac-placeholder-page__state {
        align-items: flex-start;
    }

    .ac-placeholder-page__actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .ac-chat__search {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-chat__search.has-reset {
        grid-template-columns: minmax(0, 1fr) 42px;
    }

    .ac-chat__search-date {
        grid-column: 1;
        grid-row: 2;
    }

    .ac-chat__search-reset {
        grid-column: 2;
        grid-row: 1 / span 2;
        height: 100%;
        min-height: 44px;
    }

    .ac-chat__messages {
        height: clamp(300px, 52vh, 500px);
        height: clamp(300px, 52dvh, 500px);
        min-height: 0 !important;
        max-height: none !important;
        padding: 14px;
    }

    .ac-chat__messages .chat__block-message {
        min-width: min(180px, calc(100vw - 88px));
        max-width: 88%;
    }

    .ac-chat__composer {
        flex-wrap: wrap;
        padding: 13px 14px 9px;
    }

    .ac-chat__composer-input {
        flex: 0 0 100%;
    }

    .ac-chat__file-button {
        width: 48px !important;
        height: 48px !important;
        flex-basis: 48px !important;
    }

    .ac-chat__send {
        height: 48px !important;
        flex: 1 1 auto;
    }

    .ac-chat__file-chosen {
        margin-right: 14px;
        margin-left: 14px;
    }

    .ac-chat__hint {
        display: none;
    }
}

@media (max-width: 479px) {
    .ac-support-contact {
        grid-template-columns: 44px minmax(0, 1fr) 20px;
        min-height: 82px;
        padding: 14px !important;
    }

    .ac-support-contact__icon {
        width: 44px !important;
        height: 44px !important;
    }

    .ac-message-hub__description {
        display: none;
    }

    .ac-chat__messages .chat__block-message {
        min-width: min(160px, calc(100vw - 64px));
        max-width: 94%;
    }

    .ac-pagination__link {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px;
    }
}

/* Task-first responsive composition */

@media (max-width: 1199px) {
    .ac-dashboard-priority {
        grid-template-columns: minmax(330px, 44%) minmax(0, 56%);
    }

    .ac-dashboard-priority__autosave {
        display: none;
    }

    .ac-dashboard-applications__head,
    .ac-dashboard-application-row {
        grid-template-columns: minmax(230px, 35%) minmax(115px, 20%) minmax(150px, 27%) minmax(90px, 18%) !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ac-dashboard-content-grid {
        grid-template-columns: minmax(0, 1.65fr) minmax(300px, 0.9fr);
    }
}

@media (max-width: 991px) {
    .ac-dashboard-priority {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-dashboard-priority__action {
        min-height: 218px;
    }

    .ac-dashboard-content-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-dashboard-applications__head,
    .ac-dashboard-application-row {
        grid-template-columns: minmax(220px, 35%) minmax(110px, 20%) minmax(145px, 27%) minmax(88px, 18%) !important;
    }
}

@media (max-width: 767px) {
    .ac-dashboard-heading {
        min-height: 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .ac-dashboard-heading__state {
        padding-top: 0;
    }

    .ac-dashboard-priority__action,
    .ac-dashboard-journey {
        padding: 21px 19px;
    }

    .ac-dashboard-priority__action {
        min-height: 0;
    }

    .ac-dashboard-priority__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .ac-dashboard-priority__autosave {
        display: inline-flex;
    }

    .ac-dashboard-stats {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-dashboard-stat {
        min-height: 128px;
        grid-template-columns: minmax(0, 1fr) 40px;
        grid-template-rows: auto minmax(34px, 1fr) auto;
        gap: 9px;
        padding: 15px 16px 13px;
    }

    .ac-dashboard-stat__icon {
        width: 40px;
        height: 40px;
    }

    .ac-dashboard-applications {
        background: transparent !important;
    }

    .ac-dashboard-application-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 15px !important;
        margin: 12px !important;
        padding: 17px !important;
        border: 1px solid var(--ac-border-light) !important;
        border-radius: var(--ac-radius-lg) !important;
        background: var(--ac-white) !important;
    }

    .ac-dashboard-application-row__identity {
        grid-column: 1 / -1;
    }

    .ac-dashboard-application-row__status {
        grid-column: 1 / -1 !important;
    }

    .ac-form-step__head {
        flex-direction: column;
    }

    .ac-form-step__actions,
    .ac-form-step__actions--compact {
        width: 100%;
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .ac-form-step__summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-form-step__data,
    .ac-form-step__data:nth-child(odd),
    .ac-form-step__data:nth-last-child(-n + 2) {
        border-right: 0;
        border-bottom: 1px solid var(--ac-border-light);
    }

    .ac-form-step__data:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 599px) {
    .ac-dashboard-stat__value {
        font-size: 25px;
    }
}

@media (max-width: 479px) {
    .ac-dashboard-priority__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .ac-dashboard-priority__meta > span + span::before {
        display: none;
    }

    .ac-dashboard-journey__label {
        font-size: 8px;
    }

    .ac-dashboard-journey__task {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .ac-dashboard-journey__progress {
        display: none;
    }

    .ac-dashboard-application-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .ac-dashboard-application-row__identity {
        grid-column: auto;
    }

    .ac-dashboard-news .ac-news__item {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ac-page *,
    .ac-page *::before,
    .ac-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================================================
   Option B — secondary task-first workspaces
   ========================================================================== */

/* Task page shell and page heading */

.ac-task-page {
    width: 100%;
    min-width: 0;
}

.ac-task-page .ac-page-head--task {
    margin-bottom: 22px !important;
    padding-bottom: 22px !important;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-task-page .ac-page-head__body {
    min-width: 0;
}

.ac-task-page .ac-page-head__body--actions {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.ac-task-page .ac-page-head__main {
    min-width: 0;
    flex: 1 1 auto;
}

.ac-task-page .ac-page-head__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.ac-task-page .ac-page-head__actions .ac-button {
    min-width: 164px;
}

.ac-task-page .ac-page-head__title,
.ac-task-page .ac-page-head__heading {
    max-width: 760px;
}

.ac-task-page .ac-page-head__subtitle,
.ac-task-page .ac-page-head__lead {
    max-width: 720px;
}

/* Shared panels */

.ac-task-page .ac-panel {
    min-width: 0;
    border: 1px solid var(--ac-border-light) !important;
    border-radius: var(--ac-radius-lg) !important;
    background: var(--ac-white) !important;
    box-shadow: 0 7px 24px rgba(0, 57, 100, 0.065) !important;
}

.ac-task-page .ac-panel__head {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.ac-task-page .ac-panel__meta {
    max-width: 420px;
    margin: 0;
    text-align: right;
}

.ac-task-page .ac-panel--list {
    overflow: hidden;
    margin-bottom: 26px !important;
    padding: 0 !important;
}

.ac-task-page .ac-panel--list > .ac-panel__head {
    margin: 0 !important;
    padding: 21px 24px 19px;
    border-bottom: 1px solid var(--ac-border-light);
    background: var(--ac-white);
}

.ac-task-page .ac-panel--list > .ac-table {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ac-task-page .ac-panel--list .ac-table__head {
    border-top: 0;
}

.ac-task-page .ac-panel--list .ac-empty--compact {
    background: var(--ac-white) !important;
}

.ac-task-page .ac-panel--support,
.ac-task-page .ac-panel--messages {
    padding: 24px !important;
}

.ac-task-page .ac-panel--support > .ac-panel__head,
.ac-task-page .ac-panel--messages > .ac-panel__head {
    margin-bottom: 18px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-task-page .ac-panel--faq {
    margin-bottom: 28px;
}

.ac-task-page .ac-panel--quick-actions {
    border-color: var(--ac-navy-900) !important;
    background: var(--ac-navy-900) !important;
    box-shadow: 0 10px 28px rgba(0, 43, 77, 0.14) !important;
}

.ac-task-page .ac-panel--quick-actions .ac-support-cta__actions {
    border-left: 1px solid rgba(255, 255, 255, 0.09);
}

.ac-task-page .ac-empty-state--action,
.ac-task-page .ac-placeholder-page__state {
    border-color: var(--ac-border-light);
    border-style: solid;
    background: linear-gradient(90deg, var(--ac-white), #fbfdff);
}

.ac-task-page .ac-empty-state--action .ac-placeholder-page__actions,
.ac-task-page .ac-empty-state--action .ac-actions {
    margin-left: auto;
}

/* Explicit component contracts used by the secondary templates */

.ac-page .ac-field__label {
    display: block;
    margin: 0;
    color: var(--ac-navy-700);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.ac-page .ac-field__control {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 14px;
    line-height: 1.35;
}

.ac-page textarea.ac-field__control {
    min-height: 108px;
    resize: vertical;
}

.ac-page .ac-field__control:focus {
    border-color: var(--ac-navy-700);
    outline: 0;
    box-shadow: var(--ac-focus);
}

.ac-page .ac-field__control:disabled,
.ac-page .ac-field__control[readonly] {
    background: var(--ac-bg-cool);
    color: var(--ac-navy-500);
    cursor: default;
}

.ac-page .ac-field__control--code {
    font-variant-numeric: tabular-nums;
}

.ac-page .ac-form__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ac-page .ac-link {
    color: var(--ac-navy-900);
    text-decoration: underline;
    text-decoration-color: rgba(0, 57, 100, 0.28);
    text-underline-offset: 3px;
}

.ac-page .ac-link:hover {
    color: var(--ac-red-600);
    text-decoration-color: currentColor;
}

.ac-page .ac-link--strong {
    font-weight: 700;
}

.ac-status--neutral {
    background: var(--ac-bg-soft);
    color: var(--ac-navy-700);
}

.ac-notice--info {
    border-color: #c6dce9;
    border-left-color: var(--ac-navy-700);
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
}

.ac-page .ac-modal__content {
    padding: 24px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-menu);
}

.ac-page .ac-modal {
    min-width: 0;
}

.ac-page .ac-modal__title {
    margin: 0 0 18px;
    color: var(--ac-navy-900);
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.ac-page .ac-modal__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 20px;
}

.ac-page .ac-documents__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ac-page .ac-documents__group {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.ac-page .ac-documents__group > .document__application-items-title {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

.ac-page .ac-documents__item {
    min-width: 0;
}

.ac-page .ac-upload {
    position: relative;
    cursor: pointer;
}

.ac-page .ac-upload__icon {
    display: grid;
    place-items: center;
}

.ac-page .ac-contacts__head,
.ac-page .ac-contacts__row {
    min-width: 0;
}

.ac-page .ac-key-value__value {
    color: var(--ac-navy-900);
    font-weight: 500;
}

.ac-page .ac-placeholder-page__icon {
    background: var(--ac-blue-100);
    color: var(--ac-navy-900);
}

.ac-task-page .ac-panel--auth {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ac-application-detail,
.ac-chat__head,
.ac-page-head,
.ac-payment-page,
.ac-payment-info,
.ac-payment-layout,
.ac-payment-methods,
.ac-payment-options,
.ac-payment-sidebar,
.ac-placeholder-page--applications,
.ac-placeholder-page--loans,
.ac-unavailable__content {
    min-width: 0;
}

.ac-auth--login,
.ac-auth--verify {
    min-width: 0;
}

.ac-auth__submit {
    width: 100%;
}

.ac-breadcrumb {
    min-width: 0;
}

.ac-debt__item {
    min-width: 0;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-debt__item:last-of-type {
    border-bottom: 0;
}

.ac-payment-option {
    min-width: 0;
}

.ac-support-contact--messages,
.ac-support-contact--phone {
    min-width: 0;
}

.ac-table--applications,
.ac-table--contracts,
.ac-table--payments {
    width: 100%;
    min-width: 0;
}

.ac-table__row,
.ac-table__cell {
    min-width: 0;
}

.ac-table__cell--primary {
    color: var(--ac-navy-900);
    font-weight: 700;
}

.ac-table__cell--amount {
    font-variant-numeric: tabular-nums;
}

.ac-table__cell--status {
    align-items: center;
}

:is(
    .ac-task-page--application-detail,
    .ac-task-page--applications,
    .ac-task-page--chat,
    .ac-task-page--contract-detail,
    .ac-task-page--contracts,
    .ac-task-page--messages,
    .ac-task-page--message-state,
    .ac-task-page--payment,
    .ac-task-page--payments,
    .ac-task-page--profile,
    .ac-task-page--support,
    .ac-task-page--unavailable,
    .ac-list-page--applications,
    .ac-list-page--contracts,
    .ac-list-page--payments
) {
    min-width: 0;
}

/* Detail hero and detail cards */

.ac-detail-hero .ac-detail-hero__heading {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 124px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 24px 27px;
    border: 1px solid var(--ac-navy-900);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-navy-900);
    color: var(--ac-white);
    box-shadow: 0 10px 28px rgba(0, 43, 77, 0.13);
}

.ac-detail-hero .ac-detail-hero__heading .ac-page-head__title,
.ac-detail-hero .ac-detail-hero__heading .ac-page-head__heading {
    color: var(--ac-white) !important;
}

.ac-detail-hero .ac-detail-hero__heading .ac-page-head__lead {
    margin-top: 8px;
    color: #bed0dc !important;
}

.ac-detail-hero__status {
    flex: 0 0 auto;
}

.ac-detail-hero__status .ac-status {
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.ac-page :is(.ac-detail-summary, .ac-panel--detail) {
    display: grid !important;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) minmax(245px, 0.36fr) !important;
    gap: 0 !important;
    padding: 0 !important;
}

.ac-page .ac-detail-card__header {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    grid-column: 1 / -1;
    gap: 20px;
    padding: 20px 23px 18px;
    border-bottom: 1px solid var(--ac-border-light);
    background: var(--ac-white);
}

.ac-detail-card__header .ac-card__eyebrow {
    margin-bottom: 4px;
}

.ac-detail-card__reference {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid var(--ac-border);
    border-radius: 16px;
    background: var(--ac-bg-cool);
    color: var(--ac-navy-700);
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ac-page :is(.ac-detail-summary, .ac-panel--detail) > .ac-key-value {
    align-self: stretch;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ac-page :is(.ac-detail-summary, .ac-panel--detail) > .ac-detail-actions {
    align-self: stretch;
    justify-content: flex-start;
    padding: 20px !important;
    border: 0 !important;
    border-left: 1px solid var(--ac-border-light) !important;
    border-radius: 0 !important;
    background: var(--ac-bg-cool) !important;
    box-shadow: none !important;
}

.ac-page .ac-detail-actions .ac-button {
    width: 100%;
    justify-content: space-between;
}

.ac-page .ac-contract-layout {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.4fr) !important;
}

.ac-contract-detail :is(.ac-detail-summary, .ac-panel--detail) {
    grid-template-columns: minmax(0, 1fr) !important;
}

.ac-contract-detail :is(.ac-detail-summary, .ac-panel--detail) > .ac-detail-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--ac-border-light) !important;
    border-left: 0 !important;
}

.ac-task-page .ac-panel--finance {
    padding: 22px !important;
}

.ac-task-page .ac-panel--finance > .ac-section__head {
    margin-bottom: 17px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-task-page :is(.ac-detail-summary, .ac-panel--detail) .ac-key-value__label,
.ac-task-page :is(.ac-detail-summary, .ac-panel--detail) .name {
    background: var(--ac-bg-cool);
}

.ac-task-page .ac-empty-state--action {
    padding: 28px;
}

/* Payment path and method selection */

.ac-process {
    width: 100%;
    margin-bottom: 20px;
}

.ac-process__list {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: 0 5px 18px rgba(0, 57, 100, 0.045);
    list-style: none;
}

.ac-process__item {
    display: grid;
    min-width: 0;
    min-height: 62px;
    align-items: center;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    padding: 13px 17px;
    color: var(--ac-muted);
}

.ac-process__item + .ac-process__item {
    border-left: 1px solid var(--ac-border-light);
}

.ac-process__number {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid var(--ac-border);
    border-radius: 50%;
    background: var(--ac-bg-cool);
    color: var(--ac-navy-500);
    font-size: 12px;
    font-weight: 700;
}

.ac-process__label {
    min-width: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.ac-process__item--current {
    background: #fffafa;
    color: var(--ac-navy-900);
}

.ac-process__item--current .ac-process__number {
    border-color: var(--ac-red-600);
    background: var(--ac-red-600);
    color: var(--ac-white);
}

.ac-task-page .ac-panel--payment-methods,
.ac-task-page .ac-panel--payment-form {
    align-self: start;
}

.ac-payment-option__content {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-direction: column;
    gap: 3px;
}

.ac-payment-option__content strong {
    color: inherit;
    font-size: 13px;
    line-height: 1.25;
}

.ac-payment-option__content small {
    color: var(--ac-muted);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25;
}

.ac-page .payment-option.selected .ac-payment-option__content small {
    color: #bed0dc;
}

.ac-page .ac-panel--payment-form #payment-info {
    min-height: 90px;
}

/* Two-column authentication */

.ac-page .ac-auth.ac-task-page--auth {
    width: min(100%, 960px);
    max-width: 960px;
}

.ac-auth__layout {
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(360px, 0.9fr) minmax(380px, 1.1fr);
    border: 1px solid var(--ac-border-light);
    border-radius: 12px;
    background: var(--ac-white);
    box-shadow: 0 22px 62px rgba(0, 43, 77, 0.14);
}

.ac-page .ac-auth__layout .ac-auth__card {
    min-height: 100%;
    padding: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ac-auth__aside {
    display: flex;
    min-width: 0;
    min-height: 460px;
    justify-content: center;
    flex-direction: column;
    padding: 42px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.055), transparent 54%),
        var(--ac-navy-900);
    color: var(--ac-white);
}

.ac-auth__aside-eyebrow {
    margin: 0 0 9px;
    color: #a9c1d3;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ac-auth__aside-title {
    max-width: 430px;
    margin: 0;
    color: var(--ac-white);
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.ac-auth__aside-text {
    max-width: 430px;
    margin: 16px 0 0;
    color: #bed0dc;
    font-size: 14px;
    line-height: 1.55;
}

.ac-auth__benefits {
    display: grid;
    gap: 13px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.ac-auth__benefits li {
    display: grid;
    align-items: center;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 11px;
    color: #e6f0f6;
    font-size: 13px;
    line-height: 1.4;
}

.ac-auth__benefits li > span {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    color: var(--ac-white);
    font-size: 11px;
    font-weight: 700;
}

.ac-auth__security {
    margin: 28px 0 0;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: #9fb8ca;
    font-size: 11px;
    line-height: 1.45;
}

.ac-auth__aside--verify {
    min-height: 410px;
}

/* Profile workspace */

.ac-page .ac-profile__workspace {
    display: grid !important;
    align-items: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px !important;
}

.ac-task-page .ac-panel--profile {
    height: 100%;
    padding: 24px 25px !important;
    box-shadow: 0 6px 20px rgba(0, 57, 100, 0.055) !important;
}

.ac-task-page .ac-panel--profile .ac-card__header {
    margin-bottom: 19px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-page .ac-profile__workspace > .ac-profile__note {
    grid-column: 1 / -1;
    margin: 0;
}

/* Support, chat and state indicators */

.ac-task-page .ac-panel--chat {
    border: 0 !important;
    border-radius: var(--ac-radius-lg) !important;
    box-shadow: none !important;
}

.ac-task-page .ac-panel--messages .ac-message-hub__list {
    gap: 12px;
}

.ac-task-page .ac-panel--messages .ac-message-hub__item {
    box-shadow: none;
}

.ac-task-page .ac-panel--messages .ac-message-hub__item--primary:hover,
.ac-task-page .ac-panel--messages .ac-message-hub__item--primary:focus-visible {
    box-shadow: 0 12px 30px rgba(0, 57, 100, 0.24);
}

/* Bootstrap-compatible payment modal */

.ac-page .ac-bootstrap-modal {
    position: fixed;
    z-index: 1055;
    inset: 0;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    outline: 0;
    background: transparent;
}

.ac-page .ac-bootstrap-modal.show {
    display: block;
}

.modal-backdrop {
    position: fixed;
    z-index: 1050;
    inset: 0;
    background: var(--ac-navy-950);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.55;
}

body.modal-open {
    overflow: hidden;
}

.ac-bootstrap-modal .ac-bootstrap-modal__dialog {
    position: relative;
    pointer-events: none;
    width: min(calc(100% - 32px), 620px);
    max-width: 620px;
    margin: 32px auto;
}

.ac-bootstrap-modal .ac-bootstrap-modal__content {
    overflow: hidden;
    border: 1px solid var(--ac-border-light);
    border-radius: 10px !important;
    background: var(--ac-white);
    box-shadow: 0 22px 62px rgba(0, 43, 77, 0.2);
    pointer-events: auto;
}

.ac-bootstrap-modal .ac-bootstrap-modal__header,
.ac-bootstrap-modal .ac-bootstrap-modal__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 19px 22px;
    border-color: var(--ac-border-light);
}

.ac-bootstrap-modal .ac-bootstrap-modal__header {
    background: var(--ac-bg-cool);
}

.ac-bootstrap-modal .ac-bootstrap-modal__title {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.ac-bootstrap-modal .ac-bootstrap-modal__close {
    position: relative;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background-color: var(--ac-white);
    cursor: pointer;
}

.ac-bootstrap-modal .ac-bootstrap-modal__close::before,
.ac-bootstrap-modal .ac-bootstrap-modal__close::after {
    position: absolute;
    top: 18px;
    left: 10px;
    width: 16px;
    height: 1.5px;
    background: currentColor;
    content: "";
}

.ac-bootstrap-modal .ac-bootstrap-modal__close::before {
    transform: rotate(45deg);
}

.ac-bootstrap-modal .ac-bootstrap-modal__close::after {
    transform: rotate(-45deg);
}

.ac-bootstrap-modal .ac-bootstrap-modal__close:hover {
    border-color: var(--ac-navy-400);
    background-color: var(--ac-bg-soft);
}

.ac-bootstrap-modal .ac-bootstrap-modal__body {
    padding: 24px 22px;
}

.ac-bootstrap-modal .ac-bootstrap-modal__body .ac-form {
    display: grid;
    gap: 16px;
}

.ac-bootstrap-modal .ac-bootstrap-modal__body .mb-3 {
    margin: 0 !important;
}

.ac-bootstrap-modal .ac-bootstrap-modal__footer {
    justify-content: flex-end;
    background: var(--ac-white);
}

/* Upload actions and form errors */

.ac-page--form-flow .ac-upload-action {
    display: inline-flex !important;
    width: min(100%, 230px);
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 4px;
    padding: 10px 16px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-900);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
}

.ac-page--form-flow .ac-upload-action:hover {
    border-color: var(--ac-navy-400);
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

.ac-page--form-flow .ac-upload-action--camera {
    border-color: var(--ac-navy-700);
    background: var(--ac-navy-900);
    color: var(--ac-white);
}

.ac-page--form-flow .ac-upload-action.ac-upload-action--camera:hover {
    border-color: var(--ac-navy-800);
    background: var(--ac-navy-800);
    color: var(--ac-white);
}

.ac-page--form-flow .ac-upload-action--gallery {
    border-color: #b8cedd;
    background: var(--ac-blue-100);
    color: var(--ac-navy-900);
}

.ac-page--form-flow .ac-upload-action.ac-upload-action--gallery:hover {
    border-color: var(--ac-navy-700);
    background: #e2eff7;
    color: var(--ac-navy-900);
}

.ac-page--form-flow .ac-upload-action__label {
    display: block;
}

@media (min-width: 769px) {
    .ac-page--form-flow .ac-upload-action--camera {
        display: none !important;
    }
}

.ac-form-errors {
    display: grid;
    gap: 8px;
    margin: 0 0 18px;
}

.ac-form-errors .ac-alert {
    min-height: 48px;
    align-items: center;
    margin: 0;
}

.ac-form-errors .ac-alert__icon {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    object-fit: contain;
}

/* Dynamic application upload preview (Bootstrap-independent) */

.ac-page #uploadedFilesPreview {
    display: grid;
    gap: 8px;
    margin-top: 14px !important;
}

.ac-page #uploadedFilesPreview:empty {
    display: none;
    margin-top: 0 !important;
}

.ac-page .uploaded-file-item {
    display: flex !important;
    min-width: 0;
    min-height: 58px;
    align-items: center !important;
    gap: 14px;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid var(--ac-border-light) !important;
    border-radius: var(--ac-radius) !important;
    background: var(--ac-white);
    box-shadow: none;
}

.ac-page .uploaded-file-item:hover {
    border-color: var(--ac-navy-400) !important;
    background: #fbfdff;
    box-shadow: none;
}

.ac-page .uploaded-file-item .flex-grow-1 {
    min-width: 0;
    flex: 1 1 auto;
}

.ac-page .uploaded-file-item .file-name {
    margin: 0 0 3px;
    color: var(--ac-navy-900);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.ac-page .uploaded-file-item .file-size {
    display: block;
    margin: 0;
    color: var(--ac-muted) !important;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 1.3;
}

.ac-page .uploaded-file-item .file-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
}

.ac-page .uploaded-file-item .file-actions .btn {
    display: inline-grid;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-700);
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.ac-page .uploaded-file-item .file-actions .btn-outline-primary {
    border-color: #a9c7dd;
    background: #f2f8fc;
    color: var(--ac-navy-900);
}

.ac-page .uploaded-file-item .file-actions .btn-outline-secondary {
    border-color: var(--ac-border);
    background: var(--ac-bg-cool);
    color: var(--ac-navy-700);
}

.ac-page .uploaded-file-item .file-actions .btn-outline-danger {
    border-color: #efb7b7;
    background: var(--ac-red-100);
    color: var(--ac-red-700);
}

.ac-page .uploaded-file-item .file-actions .btn-outline-primary:hover {
    border-color: var(--ac-navy-700);
    background: var(--ac-blue-100);
    color: var(--ac-navy-900);
}

.ac-page .uploaded-file-item .file-actions .btn-outline-secondary:hover {
    border-color: var(--ac-navy-400);
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

.ac-page .uploaded-file-item .file-actions .btn-outline-danger:hover {
    border-color: var(--ac-red-600);
    background: #ffe7e7;
    color: var(--ac-red-700);
}

.ac-page .uploaded-file-item .file-actions .btn-outline-primary .bi::before {
    content: "↗";
}

.ac-page .uploaded-file-item .file-actions .btn-outline-secondary .bi::before {
    content: "↓";
}

.ac-page .uploaded-file-item .file-actions .btn-outline-danger .bi::before {
    content: "×";
    font-size: 18px;
}

.ac-page #uploadProgress.progress {
    display: block;
    width: 100%;
    height: 8px;
    overflow: hidden;
    margin-top: 10px !important;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: var(--ac-bg-soft);
    box-shadow: inset 0 0 0 1px var(--ac-border-light);
}

.ac-page #uploadProgress .progress-bar {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--ac-red-600);
    transition: width 180ms linear;
}

/* Restricted application state */

.ac-task-page .ac-panel--unavailable {
    position: relative;
    overflow: hidden;
    padding: 38px !important;
}

.ac-task-page .ac-panel--unavailable::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: var(--ac-red-600);
    content: "";
}

/* Responsive secondary workspaces */

@media (max-width: 1100px) {
    .ac-page .ac-contract-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .ac-contract-detail :is(.ac-detail-summary, .ac-panel--detail) {
        grid-template-columns: minmax(0, 1fr) minmax(235px, 0.38fr) !important;
    }

    .ac-contract-detail :is(.ac-detail-summary, .ac-panel--detail) > .ac-detail-actions {
        display: flex;
        grid-template-columns: none;
        border-top: 0 !important;
        border-left: 1px solid var(--ac-border-light) !important;
    }
}

@media (max-width: 900px) {
    .ac-auth__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-auth__aside {
        min-height: 0;
        padding: 32px 40px;
    }

    .ac-auth__aside-title {
        max-width: 620px;
        font-size: 27px;
    }

    .ac-auth__benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ac-auth__benefits li {
        align-items: flex-start;
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .ac-auth__security {
        margin-top: 22px;
    }
}

@media (max-width: 767px) {
    .ac-task-page .ac-page-head--task {
        margin-bottom: 18px !important;
        padding-bottom: 18px !important;
    }

    .ac-task-page .ac-page-head__body,
    .ac-detail-hero .ac-detail-hero__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .ac-task-page .ac-page-head__actions {
        width: 100%;
        justify-content: flex-start;
    }

    .ac-task-page .ac-page-head__actions .ac-button {
        width: 100%;
    }

    .ac-task-page .ac-panel__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .ac-task-page .ac-panel__meta {
        max-width: none;
        text-align: left;
    }

    .ac-task-page .ac-panel--list > .ac-panel__head,
    .ac-task-page .ac-panel--support,
    .ac-task-page .ac-panel--messages {
        padding: 18px !important;
    }

    .ac-task-page .ac-panel--list > .ac-panel__head {
        margin: 0 !important;
    }

    .ac-detail-hero .ac-detail-hero__heading {
        min-height: 0;
        padding: 21px;
    }

    .ac-detail-hero__status {
        width: 100%;
    }

    .ac-page :is(.ac-detail-summary, .ac-panel--detail),
    .ac-contract-detail :is(.ac-detail-summary, .ac-panel--detail) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .ac-page :is(.ac-detail-summary, .ac-panel--detail) > .ac-detail-actions,
    .ac-contract-detail :is(.ac-detail-summary, .ac-panel--detail) > .ac-detail-actions {
        display: flex;
        border-top: 1px solid var(--ac-border-light) !important;
        border-left: 0 !important;
    }

    .ac-page .ac-detail-card__header {
        padding: 18px;
    }

    .ac-task-page .ac-panel--finance {
        padding: 18px !important;
    }

    .ac-process__item {
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 7px;
        padding: 11px 10px;
    }

    .ac-process__number {
        width: 26px;
        height: 26px;
    }

    .ac-process__label {
        font-size: 11px;
    }

    .ac-page .ac-profile__workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page .ac-profile__workspace > .ac-profile__note {
        grid-column: auto;
    }

    .ac-task-page .ac-panel--profile {
        padding: 20px !important;
    }

    .ac-page .ac-documents__grid,
    .ac-page .ac-documents__group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-task-page .ac-panel--quick-actions .ac-support-cta__actions {
        border-top: 1px solid rgba(255, 255, 255, 0.09);
        border-left: 0;
    }

    .ac-bootstrap-modal .ac-bootstrap-modal__dialog {
        margin: 18px auto;
    }

    .ac-bootstrap-modal .ac-bootstrap-modal__body {
        padding: 20px 18px;
    }

    .ac-task-page .ac-panel--unavailable {
        padding: 28px !important;
    }
}

@media (max-width: 560px) {
    .ac-auth__layout {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .ac-page .ac-auth__layout .ac-auth__card {
        padding: 26px 22px !important;
        border: 1px solid var(--ac-border-light) !important;
        border-radius: var(--ac-radius-lg) !important;
        box-shadow: 0 12px 34px rgba(0, 43, 77, 0.1) !important;
    }

    .ac-auth__aside {
        margin-top: 14px;
        padding: 25px 22px;
        border-radius: var(--ac-radius-lg);
    }

    .ac-auth__aside-title {
        font-size: 24px;
    }

    .ac-auth__benefits {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 22px;
    }

    .ac-process__item {
        min-height: 54px;
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: 5px;
        padding: 9px 6px;
        text-align: center;
    }

    .ac-process__label {
        font-size: 9px;
    }

    .ac-page .ac-detail-card__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .ac-page :is(.ac-detail-summary, .ac-panel--detail) > .ac-detail-actions {
        padding: 16px !important;
    }

    .ac-page .ac-form__fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page #popup-add-contact .ac-contact-modal__content {
        padding: 20px 18px;
    }

    .ac-page #popup-add-contact .ac-contact-form__fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page #popup-add-contact :is(
        .ac-contact-form__field--half,
        .ac-contact-form__field--third
    ) {
        grid-column: auto;
    }

    .ac-page .ac-documents__grid,
    .ac-page .ac-documents__group {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page .ac-modal__content {
        padding: 20px 18px;
    }

    .ac-page .ac-modal__actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .ac-page .ac-modal__actions .ac-button {
        width: 100%;
    }

    .ac-task-page .ac-empty-state--action,
    .ac-task-page .ac-placeholder-page__state {
        align-items: flex-start;
        flex-direction: column;
    }

    .ac-task-page .ac-empty-state--action .ac-placeholder-page__actions,
    .ac-task-page .ac-empty-state--action .ac-actions {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
    }

    .ac-task-page .ac-empty-state--action .ac-button {
        width: 100%;
    }

    .ac-page--form-flow .ac-upload-action {
        width: 100%;
        margin: 4px 0;
    }

    .ac-page .uploaded-file-item {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .ac-page .uploaded-file-item .file-actions {
        width: 100%;
    }

    .ac-page .uploaded-file-item .file-actions .btn {
        width: auto;
        flex: 1 1 0;
    }

    .ac-bootstrap-modal .ac-bootstrap-modal__header,
    .ac-bootstrap-modal .ac-bootstrap-modal__footer {
        padding: 16px 18px;
    }

    .ac-task-page .ac-panel--unavailable {
        padding: 24px 21px !important;
    }
}

/* Form-flow responsive hardening */
.ac-page--form-flow .order_input-item {
    position: relative;
}

.ac-page--form-flow .form-pasport-upload {
    gap: 18px;
}

.ac-page--form-flow .hide-cont > .order_input-items__row + .order_input-items__row {
    margin-top: 18px;
}

.ac-page--form-flow .order_input-item__row > :only-child {
    grid-column: 1 / -1;
}

.ac-page--form-flow .recognition-spinner {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border: 3px solid var(--ac-border-light);
    border-top-color: var(--ac-red-600);
    border-radius: 50%;
    animation: ac-spin 0.8s linear infinite;
}

.ac-page--form-flow .send-time {
    width: 100%;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-white);
    color: var(--ac-navy-700);
    font: inherit;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: border-color var(--ac-transition), background var(--ac-transition), color var(--ac-transition);
}

.ac-page--form-flow .send-time:hover {
    border-color: var(--ac-navy-500);
    background: var(--ac-bg-soft);
    color: var(--ac-navy-900);
}

.ac-page--form-flow .dropdown-input.is-invalid .dropdown-input__value {
    border-color: var(--ac-red-600) !important;
    background: var(--ac-red-100) !important;
}

.ac-page--form-flow .agreement-item__input.is-invalid + .agreement-item__marker {
    border-color: var(--ac-red-600);
    background: var(--ac-red-100);
}

.ac-form-step__head > .order__title,
.ac-form-step__head .order__title {
    margin-bottom: 0;
}

@media (min-width: 1025px) {
    .ac-page--form-flow :is(.photo-upload-grid_6, .photo-upload-grid_7) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .ac-page--form-flow :is(.photo-upload-grid, .photo-upload-grid_6, .photo-upload-grid_7) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .ac-page--form-flow :is(.photo-upload-grid, .photo-upload-grid_6, .photo-upload-grid_7) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-page--form-flow .min-pay {
        flex-wrap: wrap;
    }

    .ac-page--form-flow .min-pay__link-plan-desktop {
        display: none;
    }

    .ac-page--form-flow .min-pay__link-plan-mobile {
        display: inline-flex;
        margin-top: 12px;
    }

    .ac-page--form-flow .order-slider {
        height: 44px;
        margin: 0;
        background: linear-gradient(var(--ac-navy-900), var(--ac-navy-900)) center / 100% 3px no-repeat;
    }
}

@media (max-width: 560px) {
    .ac-page--form-flow .order_input-item__row {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 479px) {
    .ac-page--form-flow .order-slide__calculation {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page--form-flow .order-slide__calculation-item:first-child {
        border-right: 0;
        border-bottom: 1px solid var(--ac-border);
    }
}

/* Dashboard cascade hardening: keep task-first layouts isolated from shared tables. */
.ac-page .ac-dashboard-applications__head,
.ac-page .ac-dashboard-application-row {
    min-width: 0 !important;
    grid-template-columns: minmax(250px, 35%) minmax(130px, 20%) minmax(160px, 27%) minmax(95px, 18%) !important;
}

.ac-page .ac-dashboard-applications__head {
    min-height: 38px !important;
    padding: 0 17px !important;
}

.ac-page .ac-dashboard-application-row {
    min-height: 86px !important;
    padding: 0 17px !important;
}

.ac-page .ac-dashboard-loan-card {
    min-width: 0 !important;
    min-height: 92px !important;
    grid-template-columns: minmax(90px, 0.7fr) minmax(100px, 0.8fr) auto !important;
    gap: 9px !important;
    padding: 13px 17px !important;
}

.ac-page .ac-dashboard-panel.section__active-applications,
.ac-page .ac-dashboard-panel.section__active-loans {
    margin-bottom: 0 !important;
}

@media (max-width: 1399px) {
    .ac-page .ac-dashboard-content-grid {
        gap: 14px;
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page .ac-dashboard-content-grid > .section__active-applications,
    .ac-page .ac-dashboard-content-grid > .ac-dashboard-panel--loans {
        border: 1px solid var(--ac-border-light);
        border-radius: var(--ac-radius-lg);
    }
}

@media (max-width: 1199px) {
    .ac-page .ac-dashboard-applications__head,
    .ac-page .ac-dashboard-application-row {
        grid-template-columns: minmax(230px, 35%) minmax(115px, 20%) minmax(150px, 27%) minmax(90px, 18%) !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
}

@media (max-width: 767px) {
    .ac-page .ac-dashboard-application-row,
    .ac-page .ac-dashboard-loan-card {
        min-height: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ac-page .ac-dashboard-application-row {
        gap: 15px !important;
        margin: 12px !important;
        padding: 17px !important;
    }

    .ac-page .ac-dashboard-application-row__identity,
    .ac-page .ac-dashboard-application-row__status {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 479px) {
    .ac-page .ac-dashboard-application-row,
    .ac-page .ac-dashboard-loan-card {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* ==========================================================================
   Mobile workspace v2
   One authoritative composition for dashboard cards, list tables and details.
   ========================================================================== */

@media (max-width: 767px) {
    .ac-page .ac-main,
    .ac-page.ac-page--with-sidebar .ac-main {
        padding-right: 14px;
        padding-left: 14px;
    }

    .ac-page .ac-breadcrumb,
    .ac-page .ac-breadcrumbs,
    .ac-page .page__head-breadcrumb {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 3px;
        scrollbar-width: none;
        white-space: nowrap;
    }

    .ac-page .ac-breadcrumb::-webkit-scrollbar,
    .ac-page .ac-breadcrumbs::-webkit-scrollbar,
    .ac-page .page__head-breadcrumb::-webkit-scrollbar {
        display: none;
    }

    .ac-page .ac-dashboard-panel,
    .ac-page .ac-task-page .ac-panel--list {
        overflow: hidden !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    .ac-page .ac-dashboard-panel__header {
        min-height: 52px;
        align-items: center !important;
        justify-content: space-between;
        flex-direction: row !important;
        gap: 12px;
        padding: 13px 16px;
    }

    .ac-page .ac-dashboard-panel__header > div {
        min-width: 0;
    }

    .ac-page .ac-dashboard-panel__title {
        font-size: 16px !important;
        line-height: 1.25;
        text-align: left;
    }

    .ac-page .ac-dashboard-panel__link {
        flex: 0 0 auto;
        font-size: 11px;
        white-space: nowrap;
    }

    .ac-page .ac-task-page .ac-panel--list > .ac-panel__head {
        gap: 9px;
        padding: 17px 16px 16px !important;
    }

    .ac-page .ac-task-page .ac-panel--list > .ac-panel__head .ac-section__title {
        font-size: 21px;
        line-height: 1.2;
    }

    .ac-page .ac-task-page .ac-panel--list > .ac-panel__head .ac-panel__meta {
        font-size: 13px;
        line-height: 1.45;
    }

    .ac-page :where(
        .ac-task-page .ac-panel--list > .ac-table,
        .ac-dashboard-applications,
        .ac-dashboard-loans
    ) {
        display: grid !important;
        overflow: visible !important;
        gap: 10px;
        padding: 12px !important;
        border: 0 !important;
        border-top: 1px solid var(--ac-border-light) !important;
        border-radius: 0 !important;
        background: var(--ac-bg-cool) !important;
        box-shadow: none !important;
    }

    .ac-page :where(
        .table__applications-head,
        .table__loans-head,
        .table__active-applications-head,
        .table__active-loans-head,
        .table__payments-head
    ) {
        display: none !important;
    }

    .ac-page :where(
        .table__applications-items,
        .table__loans-items,
        .table__active-applications-items,
        .table__active-loans-items,
        .table__payments-items
    ):not(.no-contracts):not(.no-payments) {
        display: grid !important;
        width: 100%;
        min-width: 0 !important;
        min-height: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 15px 16px !important;
        margin: 0 !important;
        padding: 16px !important;
        border: 1px solid var(--ac-border-light) !important;
        border-radius: 10px !important;
        background: var(--ac-white) !important;
        box-shadow: none !important;
    }

    .ac-page :where(
        .table__applications-items,
        .table__loans-items,
        .table__active-applications-items,
        .table__active-loans-items,
        .table__payments-items
    ):not(.no-contracts):not(.no-payments):hover {
        background: var(--ac-white) !important;
    }

    .ac-page :where(
        .application__item,
        .loans__item,
        .payments__item
    ) {
        display: flex !important;
        width: 100% !important;
        min-width: 0;
        min-height: 0 !important;
        align-items: flex-start !important;
        justify-content: flex-start;
        flex-direction: column;
        gap: 4px;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--ac-navy-900);
        font-size: 13px;
        line-height: 1.35;
        text-align: left !important;
        overflow-wrap: anywhere;
    }

    .ac-page :where(
        .application__item,
        .loans__item,
        .payments__item
    )[data-label]::before {
        display: block;
        margin: 0;
        color: var(--ac-muted);
        content: attr(data-label);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.07em;
        line-height: 1.25;
        text-transform: uppercase;
    }

    .ac-page :where(
        .application__item,
        .loans__item,
        .payments__item
    ):not(.ac-table__cell--primary)[data-label] > span:first-child:not(.ac-status) {
        display: none !important;
    }

    .ac-page .ac-table__cell--primary {
        font-size: 14px;
    }

    .ac-page .ac-table__cell--primary .ac-link,
    .ac-page .ac-dashboard-application-row__name .contract-link {
        overflow: visible;
        line-height: 1.35;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .ac-page .ac-table__cell--amount strong {
        color: var(--ac-navy-900);
        font-size: 14px;
        font-weight: 700;
        white-space: normal;
    }

    .ac-page .ac-table__cell--status {
        align-items: flex-start !important;
    }

    .ac-page .ac-status {
        width: fit-content;
        max-width: 100%;
        justify-content: flex-start;
        white-space: normal;
    }

    /* Dashboard: title, amount/date pair, then one compact status line. */
    .ac-page .ac-dashboard-application-row {
        position: relative;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 13px 14px !important;
        padding: 15px !important;
        cursor: pointer;
    }

    .ac-page .ac-dashboard-application-row__identity {
        align-items: flex-start !important;
        flex-direction: column !important;
        order: 1;
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }

    .ac-page .ac-dashboard-application-row__identity[data-label]::before {
        display: none !important;
    }

    .ac-page .ac-dashboard-application-row__identity > .ac-dashboard-application-row__name {
        display: block !important;
        width: 100%;
    }

    .ac-page .ac-dashboard-application-row__identity .contract-link::after {
        position: absolute;
        z-index: 1;
        inset: 0;
        border-radius: inherit;
        content: "";
    }

    .ac-page .ac-dashboard-application-row__identity .contract-link:focus-visible::after {
        outline: 3px solid rgba(49, 95, 128, 0.22);
        outline-offset: -3px;
    }

    .ac-page .ac-dashboard-application-row__amount {
        order: 2;
        grid-column: 1;
        grid-row: 2 !important;
    }

    .ac-page .ac-dashboard-application-row__date {
        order: 3;
        grid-column: 2;
        grid-row: 2 !important;
    }

    .ac-page .ac-dashboard-application-row__status {
        display: grid !important;
        align-items: center !important;
        order: 4;
        grid-template-columns: max-content minmax(0, 1fr);
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        gap: 8px 10px;
        padding-top: 11px !important;
        border-top: 1px solid var(--ac-border-light) !important;
    }

    .ac-page .ac-dashboard-application-row__status::before {
        align-self: center;
    }

    .ac-page .ac-dashboard-application-row__status .ac-dashboard-status {
        justify-self: start;
    }

    .ac-page .ac-dashboard-application-row__inline-action {
        position: relative;
        z-index: 2;
        width: 100% !important;
        grid-column: 1 / -1;
        justify-self: stretch;
    }

    .ac-page .ac-dashboard-application-row__name small {
        margin-top: 3px;
        font-size: 11px;
        line-height: 1.35;
        white-space: normal;
    }

    .ac-page .ac-dashboard-application-row__date time,
    .ac-page .ac-dashboard-application-row__date-empty {
        display: block;
    }

    .ac-page .ac-dashboard-application-row__date strong {
        font-size: 13px;
    }

    .ac-page .ac-dashboard-application-row__date small {
        margin-top: 2px;
    }

    /* Applications: reference on top, then predictable two-column facts. */
    .ac-page .ac-table--applications .table__applications-items > .application__item-number {
        order: 1;
        grid-column: 1 / -1;
    }

    .ac-page .table__applications-items .application__item-date time {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .ac-page .table__applications-items .application__item-date .ac-date__time {
        display: block;
        margin: 0;
        font-size: 10px;
    }

    .ac-page .ac-table--applications .table__applications-items > .application__item-date {
        order: 2;
        grid-column: 1;
    }

    .ac-page .ac-table--applications .table__applications-items > .application__item-status {
        order: 3;
        grid-column: 2;
    }

    .ac-page .ac-table--applications .table__applications-items > .application__item-total {
        order: 4;
        grid-column: 1;
    }

    .ac-page .ac-table--applications .table__applications-items > .application__item-time {
        order: 5;
        grid-column: 2;
    }

    .ac-page .ac-table--applications .table__applications-items > .application__item-model {
        order: 6;
        grid-column: 1 / -1;
        padding-top: 13px !important;
        border-top: 1px solid var(--ac-border-light) !important;
    }

    /* Contracts: three paired rows, then long pledge and borrower values. */
    .ac-page .ac-table--contracts .table__loans-items > .loans__item-number {
        order: 1;
        grid-column: 1;
    }

    .ac-page .ac-table--contracts .table__loans-items > .loans__item-status {
        order: 2;
        grid-column: 2;
    }

    .ac-page .ac-table--contracts .table__loans-items > .loans__item-date {
        order: 3;
        grid-column: 1;
    }

    .ac-page .ac-table--contracts .table__loans-items > .loans__item-total {
        order: 4;
        grid-column: 2;
    }

    .ac-page .ac-table--contracts .table__loans-items > .loans__item-time {
        order: 5;
        grid-column: 1;
    }

    .ac-page .ac-table--contracts .table__loans-items > .loans__item-payment {
        order: 6;
        grid-column: 2;
    }

    .ac-page .ac-table--contracts .table__loans-items > .loans__item-pledge {
        order: 7;
        grid-column: 1 / -1;
        padding-top: 13px !important;
        border-top: 1px solid var(--ac-border-light) !important;
    }

    .ac-page .ac-table--contracts .table__loans-items > .loans__item-borrower {
        order: 8;
        grid-column: 1 / -1;
    }

    /* Payments: contract first, then date and amount, method last. */
    .ac-page .ac-table--payments .table__payments-items > .payments__item-number {
        order: 1;
        grid-column: 1 / -1;
    }

    .ac-page .ac-table--payments .table__payments-items > .payments__item-date {
        order: 2;
        grid-column: 1;
    }

    .ac-page .ac-table--payments .table__payments-items > .payments__item-total {
        order: 3;
        grid-column: 2;
    }

    .ac-page .ac-table--payments .table__payments-items > .payments__item-payment {
        display: flex !important;
        order: 4;
        grid-column: 1 / -1;
        padding-top: 13px !important;
        border-top: 1px solid var(--ac-border-light) !important;
    }

    /* Dashboard loans use the same dense card rhythm. */
    .ac-page .ac-dashboard-loan-card {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 13px 14px !important;
        padding: 15px !important;
    }

    .ac-page .ac-dashboard-loan-card__identity {
        order: 1;
        grid-column: 1;
        grid-row: 1;
    }

    .ac-page .ac-dashboard-loan-card__debt {
        order: 2;
        grid-column: 2;
        grid-row: 1;
    }

    .ac-page .ac-dashboard-loan-card__amount {
        order: 3;
        grid-column: 1;
        grid-row: 2;
    }

    .ac-page .ac-dashboard-loan-card__date {
        order: 4;
        grid-column: 2;
        grid-row: 2;
    }

    .ac-page .ac-dashboard-loan-card__label {
        display: block;
        margin: 0;
        color: var(--ac-muted);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.07em;
        line-height: 1.25;
        text-transform: uppercase;
    }

    .ac-page .ac-dashboard-loan-card__mobile-metric > strong,
    .ac-page .ac-dashboard-loan-card__date > strong {
        color: var(--ac-navy-900);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.35;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }

    .ac-page .ac-dashboard-loan-card__mobile-metric > strong.red {
        color: var(--ac-red-600);
    }

    .ac-page .ac-dashboard-loan-card > .loans__item-status {
        display: grid !important;
        align-items: center !important;
        order: 6;
        grid-template-columns: max-content minmax(0, 1fr);
        grid-column: 1 / -1;
        grid-row: 4;
        gap: 8px 10px;
        padding-top: 13px !important;
        border-top: 1px solid var(--ac-border-light) !important;
    }

    .ac-page .ac-dashboard-loan-card__status .ac-dashboard-status {
        justify-self: start;
    }

    .ac-page .ac-dashboard-loan-card >
    :is(.ac-dashboard-loan-card__payment, .ac-table__cell--payment) {
        display: flex !important;
        width: 100%;
        align-items: stretch !important;
        order: 5;
        flex-direction: column;
        grid-column: 1 / -1;
        grid-row: 3;
        gap: 10px;
        padding-top: 13px !important;
        border-top: 1px solid var(--ac-border-light) !important;
    }

    .ac-page .ac-dashboard-loan-card__payment .loans__date {
        display: flex;
        width: 100%;
        align-items: baseline;
        flex-direction: row;
        gap: 4px;
    }

    .ac-page .ac-dashboard-loan-card > .ac-loan-payment--desktop {
        display: none !important;
    }

    .ac-page .ac-dashboard-loan-card form,
    .ac-page .ac-dashboard-loan-card .ac-button {
        width: 100%;
    }

    .ac-page :where(.no-contracts, .no-payments) {
        width: 100%;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: var(--ac-white) !important;
        box-shadow: none !important;
    }

    /* Detail pages keep labels and values paired instead of doubling height. */
    .ac-page :where(
        .table__application,
        .table__loan,
        .ac-pledge-modal .popup__applications-table
    ) {
        grid-template-columns: minmax(102px, 0.4fr) minmax(0, 0.6fr) !important;
    }

    .ac-page :where(
        .table__application-item,
        .table__loan-item,
        .ac-pledge-modal .popup__applications-item
    ) {
        min-height: 48px;
        padding: 12px 13px;
        font-size: 13px;
    }

    .ac-page :where(
        .table__application-item.name,
        .table__loan-item.name,
        .ac-pledge-modal .popup__applications-item-name
    ) {
        font-size: 9px;
        letter-spacing: 0.055em;
    }

    .ac-page .contacts__application-items {
        overflow: hidden;
        gap: 0;
        border-radius: 9px;
    }

    .ac-page .contacts__application-item {
        min-width: 0;
        min-height: 46px;
        padding: 11px 12px;
        overflow-wrap: anywhere;
    }

    /* Wide financial schedules remain readable via one explicit scroll area. */
    .ac-page :where(
        .ac-payment-graph__table-wrap,
        .ac-calculation-result
    ) {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-gutter: stable;
        -webkit-overflow-scrolling: touch;
    }

    .ac-page .ac-payment-graph table {
        min-width: 680px;
    }
}

@media (max-width: 359px) {
    .ac-page .ac-main,
    .ac-page.ac-page--with-sidebar .ac-main {
        padding-right: 10px;
        padding-left: 10px;
    }

    .ac-page :where(
        .table__applications-items,
        .table__loans-items,
        .table__active-applications-items,
        .table__active-loans-items,
        .table__payments-items
    ):not(.no-contracts):not(.no-payments) {
        gap: 13px 12px !important;
        padding: 14px !important;
    }

    .ac-page :where(
        .table__application,
        .table__loan,
        .ac-pledge-modal .popup__applications-table
    ) {
        grid-template-columns: minmax(92px, 0.38fr) minmax(0, 0.62fr) !important;
    }
}

/* Contract detail: keep every label and value in one compact row on phones. */
@media (max-width: 479px) {
    .ac-page.ac-contract-detail .ac-detail-summary > .table__loan.ac-key-value {
        grid-template-columns: minmax(104px, 0.36fr) minmax(0, 0.64fr) !important;
    }

    .ac-page.ac-contract-detail .table__loan > .table__loan-item {
        display: flex;
        min-height: 54px;
        align-items: center;
        margin: 0;
        padding: 12px 14px;
    }

    .ac-page.ac-contract-detail .table__loan > .ac-key-value__value {
        min-width: 0;
        flex-wrap: wrap;
        gap: 3px 5px;
    }
}

/* Dashboard: two independent panels without equal-height stretching. */
.ac-page .ac-dashboard-content-grid {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.ac-page .ac-dashboard-content-grid > .ac-dashboard-panel--applications {
    order: 1;
}

.ac-page .ac-dashboard-content-grid > .ac-dashboard-panel--loans {
    order: 2;
}

.ac-page .ac-dashboard-content-grid > .ac-dashboard-panel {
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
}

.ac-page .ac-dashboard-panel--loans {
    min-height: 0;
}

.ac-page .ac-dashboard-loans,
.ac-page .ac-dashboard-loans .no-contracts {
    min-height: 0;
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    .ac-page .ac-dashboard-loan-card > .ac-loan-payment--mobile,
    .ac-page .ac-dashboard-loan-card > .ac-table__cell--payment,
    .ac-page .ac-dashboard-loan-card > .ac-dashboard-loan-card__mobile-metric {
        display: none !important;
    }

    .ac-page .ac-dashboard-loan-card > .ac-loan-payment--desktop {
        display: flex !important;
    }

    .ac-page .ac-dashboard-loan-card__payment-summary {
        display: grid;
        min-width: 0;
        flex: 1 1 auto;
        align-items: baseline;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 3px 12px;
        margin: 0 !important;
    }

    .ac-page .ac-dashboard-loan-card__metric-label {
        grid-column: 1 / -1;
        color: var(--ac-muted);
        font-size: 10px;
        font-weight: 500;
    }

    .ac-page .ac-dashboard-loan-card__metric-value {
        color: var(--ac-navy-900);
        font-size: 15px;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }

    .ac-page .ac-dashboard-loan-card__metric-value.red {
        color: var(--ac-red-600);
    }

    .ac-page .ac-dashboard-loan-card__metric-note {
        min-width: 0;
        color: var(--ac-muted);
        font-size: 11px;
        line-height: 1.3;
    }

    .ac-page .ac-dashboard-loan-card__payment form {
        flex: 0 0 auto;
    }
}

@media (min-width: 1320px) {
    .ac-page .ac-dashboard-content-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 13px;
    }

    .ac-page .ac-dashboard-content-grid > .ac-dashboard-panel--applications {
        grid-column: 1 / span 2;
    }

    .ac-page .ac-dashboard-content-grid > .ac-dashboard-panel--loans {
        grid-column: 3;
    }

    .ac-page .ac-dashboard-loan-card {
        min-height: 0 !important;
        align-items: center;
        grid-template-columns:
            minmax(120px, 1fr)
            minmax(100px, 0.78fr)
            auto !important;
        gap: 10px !important;
        padding: 14px 16px !important;
    }

    .ac-page .ac-dashboard-loan-card > :is(
        .ac-dashboard-loan-card__identity,
        .ac-dashboard-loan-card__amount,
        .loans__item-status
    ) {
        min-height: 48px;
        justify-content: flex-start;
        padding: 0 !important;
    }

    .ac-page .ac-dashboard-loan-card > .loans__item-status {
        align-items: flex-start;
    }

    .ac-page .ac-dashboard-loan-card > .ac-loan-payment--desktop {
        min-width: 0;
        min-height: 62px;
        align-items: center !important;
        justify-content: space-between;
        flex-direction: row !important;
        grid-column: 1 / -1 !important;
        gap: 14px;
        padding: 13px 0 0 !important;
        border-top: 1px solid var(--ac-border-light) !important;
    }
}

/* Application calculators: restore the original form-step presentation. */
.ac-page--form-flow .ac-form-step__card--calculator {
    display: flex;
    width: 100%;
    max-width: 1050px;
    min-height: 0;
    flex-direction: column;
    gap: 30px;
    margin: 0 auto;
    padding: 32px 36px 34px;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-card);
}

.ac-page--form-flow .ac-form-step__card--calculator .order_input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slider-wrapper {
    display: flex;
    max-width: 560px;
    flex-direction: column;
    gap: 5px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slider-wrapper .order_input-item__title {
    color: #346184;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

.ac-page--form-flow .ac-form-step__card--calculator .order_input-item__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slider {
    position: relative;
    width: 100%;
    height: 2px;
    margin: 13px 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    background: #003964;
    cursor: pointer;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slider::-webkit-slider-thumb {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none;
    background: #df2222 url("/form_step/img/range.svg") 50% / cover no-repeat;
    cursor: pointer;
    transition: background 0.2s;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slider::-moz-range-thumb {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: #df2222 url("/form_step/img/range.svg") 50% / cover no-repeat;
    cursor: pointer;
    transition: background 0.2s;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slider__value {
    color: #003964;
    font-size: 24px;
    font-weight: 700;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slider__labels {
    display: flex;
    justify-content: space-between;
    color: #819db2;
    font-size: 12px;
    font-weight: 700;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slide__calculation {
    display: grid;
    overflow: visible;
    grid-template-columns: 1fr 1fr;
    padding: 25px 0;
    border: 0;
    border-radius: 0;
    background: #f5f9fc;
    text-align: center;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slide__calculation-item {
    padding: 0;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slide__calculation-item:first-child {
    border-right: 1px solid #cbd8e0;
    border-bottom: 0;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slide__calculation-item__title {
    color: #003964;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slide__calculation-item__value {
    color: #003964;
    font-size: 24px;
}

.ac-page--form-flow .ac-form-step__card--calculator .order-slide__calculation-item__desc {
    color: #003964;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    opacity: 0.7;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay__desc,
.ac-page--form-flow .ac-form-step__card--calculator .min-pay__input {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay__desc-title {
    color: #003964;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay-text {
    max-width: 180px;
    color: #346184;
    font-size: 12px;
    line-height: 14px;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay__checkbox {
    position: absolute;
    z-index: -100;
    width: 1px;
    height: 1px;
    opacity: 1;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay__marker {
    position: relative;
    width: 40px;
    height: 24px;
    flex-shrink: 0;
    border: 1px solid #cbd8e0;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay__marker::after {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: #cbd8e0;
    content: "";
    transform: none;
    transition: var(--transition);
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay__checkbox:checked + .min-pay__marker::after {
    left: calc(100% - 21px);
    background: #003964;
    transform: none;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay__link-plan-desktop {
    display: inline-block;
    width: fit-content;
    height: fit-content;
    margin-left: 40px;
    color: #003964;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-decoration: underline !important;
}

.ac-page--form-flow .ac-form-step__card--calculator .min-pay__link-plan-mobile {
    display: none;
    width: fit-content;
    margin: 0 auto;
    color: #003964;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    text-decoration: underline !important;
}

.ac-page--form-flow .ac-form-step__card--calculator .order_input-items__row {
    display: grid;
    width: 100%;
    max-width: 560px;
    grid-template-columns: 1fr !important;
    gap: 18px;
    margin: 0;
}

.ac-page--form-flow .ac-form-step__card--calculator .order_btn-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    grid-column: 1 / -1;
    gap: 10px;
    margin-top: 28px;
}

.ac-page--form-flow .ac-form-step__card--calculator .order__btn {
    width: auto;
    min-width: 150px;
    min-height: 50px;
    height: auto;
    flex-grow: 0;
    padding: 11px 20px;
    border-radius: var(--ac-radius);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.ac-page--form-flow .ac-form-step__card--calculator .order__btn-prev {
    max-width: none;
    border: 1px solid var(--ac-border);
    background: var(--ac-white);
    color: var(--ac-navy-900);
}

.ac-page--form-flow .ac-form-step__card--calculator .order__btn-prev:hover {
    border-color: var(--ac-navy-900);
    background: var(--ac-bg-soft);
}

.ac-page--form-flow .ac-form-step__card--calculator .order__btn-next {
    border: 1px solid var(--ac-red-600);
    background: var(--ac-red-600);
    color: var(--ac-white);
}

.ac-page--form-flow .ac-form-step__card--calculator .order__btn-next:hover {
    border-color: var(--ac-red-700);
    background: var(--ac-red-700);
}

.ac-page--form-flow .ac-form-step__card--calculator .order__btn:disabled {
    border-color: var(--ac-border-light) !important;
    background: #e8eef2 !important;
    color: var(--ac-navy-400) !important;
    cursor: not-allowed;
    pointer-events: none;
}

.ac-page--form-flow .ac-form-step__card--calculator .amount-sum-container {
    font-size: 18px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .ac-page--form-flow .ac-form-step__card--calculator {
        gap: 20px;
        padding: 25px 20px;
    }
}

@media (max-width: 780px) {
    .ac-page--form-flow .ac-form-step__card--calculator .order_input-items__row {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .order-slider-wrapper {
        max-width: none;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .order-slider {
        height: 2px;
        margin: 13px 0;
        background: #003964;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .order-slider__value {
        font-size: 20px;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .min-pay__link-plan-desktop {
        display: none;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .min-pay__link-plan-mobile {
        display: block;
        margin-top: 0;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .min-pay-text {
        max-width: none;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .order-slide__calculation {
        grid-template-columns: 1fr 1fr;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .order-slide__calculation-item:first-child {
        border-right: 1px solid #cbd8e0;
        border-bottom: 0;
    }
}

@media (max-width: 768px) {
    .ac-page--form-flow .ac-form-step__card--calculator .order_btn-container {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .ac-page--form-flow .ac-form-step__card--calculator .order__btn {
        width: 100%;
    }
}
/* Configurable dashboard components (config/dashboard.php) */

.ac-page .ac-dashboard-region {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(var(--ac-dashboard-columns, 1), minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
    margin-top: 14px;
}

.ac-page .ac-dashboard-region:first-child {
    margin-top: 0;
}

.ac-page .ac-dashboard-block {
    min-width: 0;
    grid-column: span var(--ac-dashboard-span, 1);
}

.ac-page .ac-dashboard-block > :first-child {
    height: 100%;
}

.ac-page .ac-dashboard-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--ac-border-light);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    box-shadow: 0 5px 18px rgba(0, 55, 94, 0.035);
}

.ac-page .ac-dashboard-card__header {
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-page .ac-dashboard-card__eyebrow {
    margin: 0 0 4px;
    color: var(--ac-navy-400);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.ac-page .ac-dashboard-card__title {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.ac-page .ac-dashboard-card__header-link {
    color: var(--ac-navy-700);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.ac-page .ac-dashboard-card__header-link:hover,
.ac-page .ac-dashboard-card__header-link:focus-visible {
    color: var(--ac-red-600);
    text-decoration: none;
}

/* Attention */

.ac-page .ac-dashboard-attention {
    position: relative;
    border-left: 3px solid var(--ac-red-600);
}

.ac-page .ac-dashboard-attention--info {
    border-left-color: #2c79a6;
}

.ac-page .ac-dashboard-attention--success,
.ac-page .ac-dashboard-attention--neutral {
    border-left-color: #3b9676;
}

.ac-page .ac-dashboard-attention__state {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 10px;
    background: #fff0f1;
    color: var(--ac-red-600);
    font-size: 17px;
    font-weight: 700;
}

.ac-page .ac-dashboard-attention--info .ac-dashboard-attention__state {
    background: var(--ac-blue-100);
    color: #1f6d98;
}

.ac-page .ac-dashboard-attention--success .ac-dashboard-attention__state,
.ac-page .ac-dashboard-attention--neutral .ac-dashboard-attention__state {
    background: var(--ac-green-100);
    color: var(--ac-green-700);
}

.ac-page .ac-dashboard-attention__body {
    display: flex;
    min-height: 148px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 22px;
}

.ac-page .ac-dashboard-attention__copy {
    min-width: 0;
}

.ac-page .ac-dashboard-attention__eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--ac-red-600);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ac-page .ac-dashboard-attention--info .ac-dashboard-attention__eyebrow {
    color: #1f6d98;
}

.ac-page .ac-dashboard-attention--success .ac-dashboard-attention__eyebrow,
.ac-page .ac-dashboard-attention--neutral .ac-dashboard-attention__eyebrow {
    color: var(--ac-green-700);
}

.ac-page .ac-dashboard-attention__title {
    margin: 0;
    color: var(--ac-navy-900);
    font-size: clamp(20px, 1.7vw, 26px);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.18;
}

.ac-page .ac-dashboard-attention__description {
    max-width: 680px;
    margin: 6px 0 0;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.5;
}

.ac-page .ac-dashboard-attention__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin-top: 13px;
    color: var(--ac-navy-700);
    font-size: 10px;
    font-weight: 600;
}

.ac-page .ac-dashboard-attention__meta span {
    display: inline-flex;
    align-items: center;
}

.ac-page .ac-dashboard-attention__meta span + span::before {
    width: 1px;
    height: 12px;
    margin: 0 10px;
    background: var(--ac-border);
    content: "";
}

.ac-page .ac-dashboard-attention__action {
    min-width: 150px;
    flex: 0 0 auto;
}

/* Payment snapshot */

.ac-page .ac-dashboard-payment-card {
    position: relative;
}

.ac-page .ac-dashboard-payment-card--danger {
    border-left: 3px solid var(--ac-red-600);
    background: linear-gradient(135deg, #fff 0%, #fff 64%, #fff7f7 100%);
}

.ac-page .ac-dashboard-payment-card--warning {
    border-left: 3px solid #e8a22c;
}

.ac-page .ac-dashboard-payment-card__icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 10px;
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
}

.ac-page .ac-dashboard-payment-card--danger .ac-dashboard-payment-card__icon {
    background: #fff0f1;
    color: var(--ac-red-600);
}

.ac-page .ac-dashboard-payment-card--warning .ac-dashboard-payment-card__icon {
    background: #fff5df;
    color: #a96400;
}

.ac-page .ac-dashboard-payment-card__icon svg {
    width: 20px;
    height: 20px;
}

.ac-page .ac-dashboard-payment-card__body {
    display: flex;
    min-height: 148px;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
}

.ac-page .ac-dashboard-payment-card__amount {
    color: var(--ac-navy-900);
    font-size: clamp(22px, 1.9vw, 29px);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.035em;
    line-height: 1.05;
}

.ac-page .ac-dashboard-payment-card--danger .ac-dashboard-payment-card__amount {
    color: var(--ac-red-600);
}

.ac-page .ac-dashboard-payment-card__date {
    margin-top: 5px;
    color: var(--ac-muted);
    font-size: 11px;
}

.ac-page .ac-dashboard-payment-card__contract {
    margin-top: 10px;
    color: var(--ac-navy-700);
    font-size: 10px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ac-page .ac-dashboard-payment-card__form {
    width: 100%;
    margin-top: auto;
    padding-top: 13px;
}

.ac-page .ac-dashboard-payment-card__form .ac-button {
    width: 100%;
}

.ac-page .ac-dashboard-payment-card__secondary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 13px;
    color: var(--ac-navy-700);
    font-size: 11px;
    font-weight: 700;
}

/* Product rows */

.ac-page .ac-dashboard-region--products .ac-dashboard-panel {
    height: 100%;
}

.ac-page .ac-dashboard-region--products .ac-dashboard-panel--loans {
    display: flex;
    flex-direction: column;
}

.ac-page .ac-dashboard-region--products .ac-dashboard-loans {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.ac-page .ac-dashboard-region--products .ac-dashboard-empty--loans {
    min-height: 150px !important;
    flex: 1 1 auto;
    padding: 24px !important;
}

.ac-page .ac-dashboard-region--products .ac-dashboard-empty--loans .loans__item-full-width {
    display: flex !important;
    width: auto !important;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center !important;
    justify-content: flex-start !important;
}

.ac-page .ac-dashboard-region--products .ac-dashboard-empty--loans .ac-empty__content {
    min-width: 0;
}

.ac-page .ac-dashboard-region--products .ac-dashboard-empty--loans .ac-empty__title,
.ac-page .ac-dashboard-region--products .ac-dashboard-empty--loans .ac-empty__text {
    display: block;
}

.ac-page .ac-dashboard-region--products .ac-dashboard-empty--loans .ac-empty__title {
    margin: 0 0 5px;
    line-height: 1.35;
}

.ac-page .ac-dashboard-application-row {
    position: relative;
    color: inherit;
    text-decoration: none;
    transition: background-color var(--ac-transition), border-color var(--ac-transition);
}

.ac-page .ac-dashboard-application-row:hover,
.ac-page .ac-dashboard-application-row:focus-visible {
    background: #f8fbfd;
    color: inherit;
    text-decoration: none;
}

.ac-page .ac-dashboard-application-row:focus-visible {
    outline: 2px solid var(--ac-navy-500);
    outline-offset: -2px;
}

.ac-page .ac-dashboard-application-row__name > .contract-link {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ac-page .ac-dashboard-status--warning {
    background: #fff4df !important;
    color: #a45e00 !important;
}

.ac-page .ac-dashboard-row-chevron {
    display: none;
}

/* Recent activity */

.ac-page .ac-dashboard-activity__list {
    margin: 0;
    padding: 2px 18px 5px;
    list-style: none;
}

.ac-page .ac-dashboard-activity__item {
    display: grid;
    min-height: 60px;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--ac-border-light);
}

.ac-page .ac-dashboard-activity__item:last-child {
    border-bottom: 0;
}

.ac-page .ac-dashboard-activity__marker {
    width: 9px;
    height: 9px;
    border: 2px solid #c2d2dc;
    border-radius: 50%;
    background: var(--ac-white);
}

.ac-page .ac-dashboard-activity__item--payment .ac-dashboard-activity__marker {
    border-color: #4a997c;
}

.ac-page .ac-dashboard-activity__copy {
    min-width: 0;
}

.ac-page .ac-dashboard-activity__copy a,
.ac-page .ac-dashboard-activity__copy strong,
.ac-page .ac-dashboard-activity__copy span {
    display: block;
}

.ac-page .ac-dashboard-activity__copy a,
.ac-page .ac-dashboard-activity__copy strong {
    overflow: hidden;
    color: var(--ac-navy-900);
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-page .ac-dashboard-activity__copy a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ac-page .ac-dashboard-activity__copy span {
    overflow: hidden;
    margin-top: 3px;
    color: var(--ac-muted);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-page .ac-dashboard-activity__item time {
    color: var(--ac-navy-400);
    font-size: 9px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ac-page .ac-dashboard-activity__empty {
    display: flex;
    min-height: 178px;
    align-items: center;
    gap: 14px;
    padding: 22px;
}

.ac-page .ac-dashboard-activity__empty > span {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 50%;
    background: var(--ac-green-100);
    color: var(--ac-green-700);
    font-weight: 700;
}

.ac-page .ac-dashboard-activity__empty strong {
    color: var(--ac-navy-900);
    font-size: 13px;
}

.ac-page .ac-dashboard-activity__empty p {
    margin: 4px 0 0;
    color: var(--ac-muted);
    font-size: 11px;
}

/* Services */

.ac-page .ac-dashboard-services {
    display: flex;
    flex-direction: column;
}

.ac-page .ac-dashboard-services__list {
    display: flex;
    flex: 1 1 auto;
    padding: 5px 14px 8px;
    flex-direction: column;
}

.ac-page .ac-dashboard-services__item {
    display: grid;
    min-height: 62px;
    grid-template-columns: 36px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 11px;
    flex: 1 1 62px;
    padding: 9px 4px;
    border-bottom: 1px solid var(--ac-border-light);
    color: inherit;
    text-decoration: none;
}

.ac-page .ac-dashboard-services__item:last-child {
    border-bottom: 0;
}

.ac-page .ac-dashboard-services__item:hover,
.ac-page .ac-dashboard-services__item:focus-visible {
    color: inherit;
    text-decoration: none;
}

.ac-page .ac-dashboard-services__item:hover strong,
.ac-page .ac-dashboard-services__item:focus-visible strong {
    color: var(--ac-red-600);
}

.ac-page .ac-dashboard-services__icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 9px;
    background: var(--ac-blue-100);
    color: var(--ac-navy-700);
}

.ac-page .ac-dashboard-services__icon svg {
    width: 19px;
    height: 19px;
}

.ac-page .ac-dashboard-services__item strong,
.ac-page .ac-dashboard-services__item small {
    display: block;
}

.ac-page .ac-dashboard-services__item strong {
    color: var(--ac-navy-900);
    font-size: 11px;
    font-weight: 700;
}

.ac-page .ac-dashboard-services__item small {
    margin-top: 3px;
    color: var(--ac-muted);
    font-size: 9px;
}

.ac-page .ac-dashboard-services__badge {
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 6px;
    border-radius: 10px;
    background: var(--ac-red-600);
    color: var(--ac-white);
    font-size: 9px;
}

.ac-page .ac-dashboard-services__arrow {
    color: var(--ac-navy-400);
    font-size: 22px;
    font-weight: 300;
}

/* Useful materials */

.ac-page .ac-dashboard-materials__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.ac-page .ac-dashboard-materials__item {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 174px;
    grid-template-columns: clamp(180px, 14vw, 216px) minmax(0, 1fr) 20px;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    border-right: 1px solid var(--ac-border-light);
    color: inherit;
    text-decoration: none;
    transition: background-color var(--ac-transition);
}

.ac-page .ac-dashboard-materials__item:last-child {
    border-right: 0;
}

.ac-page .ac-dashboard-materials__item:hover,
.ac-page .ac-dashboard-materials__item:focus-visible {
    background: #f8fbfd;
    color: inherit;
    text-decoration: none;
}

.ac-page .ac-dashboard-materials__media {
    display: block;
    width: clamp(180px, 14vw, 216px);
    height: clamp(112px, 8.7vw, 134px);
    overflow: hidden;
    border-radius: 10px;
    background: var(--ac-blue-100);
}

.ac-page .ac-dashboard-materials__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ac-page .ac-dashboard-materials__copy {
    min-width: 0;
}

.ac-page .ac-dashboard-materials__copy strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ac-navy-900);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ac-page .ac-dashboard-materials__copy time {
    display: block;
    margin-top: 10px;
    color: var(--ac-muted);
    font-size: 11px;
}

.ac-page .ac-dashboard-materials__arrow {
    color: var(--ac-navy-400);
    font-size: 18px;
}

.ac-page .ac-dashboard-config-empty {
    padding: 24px;
    border: 1px dashed var(--ac-border);
    border-radius: var(--ac-radius-lg);
    background: var(--ac-white);
    color: var(--ac-muted);
    font-size: 12px;
    text-align: center;
}

@media (max-width: 1100px) {
    .ac-page .ac-dashboard-region {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page .ac-dashboard-block {
        grid-column: 1 / -1;
    }

    .ac-page .ac-dashboard-materials__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-page .ac-dashboard-materials__item {
        border-right: 0;
        border-bottom: 1px solid var(--ac-border-light);
    }

    .ac-page .ac-dashboard-materials__item:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 700px) {
    .ac-page .ac-dashboard-heading__state {
        display: none;
    }

    .ac-page .ac-dashboard-region {
        gap: 12px;
        margin-top: 12px;
    }

    .ac-page .ac-dashboard-card__header {
        min-height: 58px;
        padding: 12px 14px;
    }

    .ac-page .ac-dashboard-attention__body {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
        padding: 17px 16px;
    }

    .ac-page .ac-dashboard-attention__title {
        font-size: 20px;
    }

    .ac-page .ac-dashboard-attention__action {
        width: 100%;
    }

    .ac-page .ac-dashboard-payment-card__body {
        min-height: 0;
        padding: 16px;
    }

    .ac-page .ac-dashboard-applications__head {
        display: none !important;
    }

    .ac-page .ac-dashboard-applications {
        display: grid;
        gap: 10px;
        padding: 11px !important;
        background: #f7fafc;
    }

    .ac-page .ac-dashboard-application-row {
        display: grid !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) minmax(105px, 0.8fr) !important;
        gap: 15px 18px !important;
        margin: 0 !important;
        padding: 15px 16px !important;
        border: 1px solid var(--ac-border-light) !important;
        border-radius: var(--ac-radius) !important;
        background: var(--ac-white);
    }

    .ac-page .ac-dashboard-application-row__identity {
        grid-column: 1 / -1 !important;
        padding-right: 24px !important;
    }

    .ac-page .ac-dashboard-application-row__amount,
    .ac-page .ac-dashboard-application-row__date {
        display: flex !important;
        min-width: 0;
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 5px !important;
        padding: 0 !important;
    }

    .ac-page .ac-dashboard-application-row__amount {
        grid-column: 1 !important;
    }

    .ac-page .ac-dashboard-application-row__date {
        grid-column: 2 !important;
    }

    .ac-page .ac-dashboard-application-row__status {
        display: flex !important;
        min-width: 0;
        grid-column: 1 / -1 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
        gap: 9px !important;
        padding: 12px 0 0 !important;
        border-top: 1px solid var(--ac-border-light);
    }

    .ac-page .ac-dashboard-application-row__amount > span,
    .ac-page .ac-dashboard-application-row__date > span,
    .ac-page .ac-dashboard-application-row__status > span:first-child {
        display: block !important;
        margin: 0 !important;
        color: var(--ac-navy-400) !important;
        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .ac-page .ac-dashboard-application-row__amount strong,
    .ac-page .ac-dashboard-application-row__date strong {
        font-size: 12px !important;
    }

    .ac-page .ac-dashboard-row-chevron {
        position: absolute;
        top: 15px;
        right: 16px;
        display: block;
        color: var(--ac-navy-400);
        font-size: 22px;
        line-height: 1;
    }

    .ac-page .ac-dashboard-activity__item {
        grid-template-columns: 10px minmax(0, 1fr);
    }

    .ac-page .ac-dashboard-activity__item time {
        grid-column: 2;
        margin-top: -6px;
    }

    .ac-page .ac-dashboard-materials__item {
        min-height: 124px;
        grid-template-columns: 132px minmax(0, 1fr) 16px;
        gap: 13px;
        padding: 14px;
    }

    .ac-page .ac-dashboard-materials__media {
        width: 132px;
        height: 84px;
        border-radius: 8px;
    }

    .ac-page .ac-dashboard-materials__copy strong {
        font-size: 13px;
        -webkit-line-clamp: 3;
    }

    .ac-page .ac-dashboard-materials__copy time {
        margin-top: 7px;
        font-size: 10px;
    }
}