/* Portal redesign – shared design tokens and component styles */

:root {
    --redesign-navy: #253965;
    --redesign-blue: #5890dc;
    --redesign-light-bg: #f3f7fc;
    --redesign-border: #DADDE3;
    --redesign-nav-color: #253965;
    --redesign-nav-muted: rgba(37, 57, 101, 0.85);
    --redesign-subtitle: rgba(37, 57, 133, 0.5);
    --redesign-max-width: 1440px;
    --redesign-font: "Orto RNIDS", Montserrat, sans-serif;
}

html {
    scrollbar-gutter: stable;
}

body.modal-open {
    padding-right: 0 !important;
    overflow: hidden !important;
}

/* ==========================================================================
   Header
   ========================================================================== */

/* ── Reset legacy header layout ── */

body > header.redesign-header {
    position: sticky;
    top: 0;
    z-index: 10;
    height: auto;
    background: #fff;
    color: var(--redesign-navy);
    transition: none;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

body > header.redesign-header .container {
    height: auto;
    max-width: var(--redesign-max-width);
    width: 100%;
    position: static;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

body > header.redesign-header h1,
body > header.redesign-header nav,
body > header.redesign-header .lang,
body > header.redesign-header .my-egov,
body > header.redesign-header .nav-right {
    position: static;
}

body > header.redesign-header h1 {
    line-height: normal;
    font-size: inherit;
    font-weight: inherit;
    height: auto;
    margin: 0;
}

body > header.redesign-header nav > ul > li {
    background: none;
}

body > header.redesign-header nav > ul > li > a {
    padding: 0;
    font-size: inherit;
    color: inherit;
}

body > header.redesign-header .lang .ll-active a::after {
    display: none;
}

body > header.redesign-header .my-egov > a::after,
body > header.redesign-header .my-egov > a::before {
    display: none !important;
    content: none !important;
}

body > header.redesign-header.scrolled h1,
body > header.redesign-header.scrolled h1 a,
body > header.redesign-header.scrolled nav {
    position: static;
    bottom: auto;
    left: auto;
    height: auto;
    line-height: normal;
    text-indent: 0;
    width: auto;
    z-index: auto;
}

body > header.redesign-header .redesign-header__inner {
    width: 100%;
    max-width: var(--redesign-max-width);
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* ── TopBar ── */

.redesign-header__topbar {
    width: 100%;
    background: var(--redesign-navy);
    height: 35px;
}

.redesign-header__topbar .redesign-header__inner {
    height: 35px;
    justify-content: space-between;
}

.redesign-header__topbar-left {
    flex: 1 1 auto;
    min-width: 0;
}

.redesign-header__topbar-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1px;
    height: 35px;
    flex-shrink: 0;
}

.redesign-header__topbar-item,
.redesign-header__language-trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 35px;
    padding: 0 15px;
    background: var(--redesign-navy);
    border: none;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
}

.redesign-header__accessibility-link {
    min-width: 113px;
}

.redesign-header__topbar-text {
    font-family: var(--redesign-font);
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #fff;
    white-space: nowrap;
}

.redesign-header__topbar-divider {
    display: block;
    height: 35px;
    width: auto;
    flex-shrink: 0;
    object-fit: contain;
}

.redesign-header__language-arrow {
    display: block;
    width: 10px;
    height: 6px;
    min-width: 10px;
    flex-shrink: 0;
    object-fit: contain;
}

.redesign-header__chevron {
    width: 4.44px;
    height: 8px;
    flex-shrink: 0;
    object-fit: contain;
    transform: rotate(90deg);
    display: block;
}

.redesign-header__flag {
    width: 16px;
    height: 12px;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
}

/* Language selector in TopBar */

body > header.redesign-header .lang.redesign-header__language {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    height: 35px;
    color: #fff;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-direction: row;
    z-index: 20;
    padding: 0;
    background: var(--redesign-navy);
}

.redesign-header__language .ll-cont {
    position: relative;
    height: 35px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.redesign-header__language .ll-active {
    margin: 0;
    padding: 0;
    background: none;
    height: 35px;
    display: flex;
    align-items: center;
}

.redesign-header__language-trigger {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    height: 35px;
    padding: 0 15px;
    background: var(--redesign-navy);
    border: none;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: normal;
    text-align: left;
    width: auto;
}

.redesign-header__language-text {
    font-family: var(--redesign-font);
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

body > header.redesign-header .lang ul {
    position: absolute;
    top: 35px;
    right: 0;
    visibility: hidden;
    background: var(--redesign-light-bg);
    color: var(--redesign-navy);
    padding: 8px 0;
    text-align: left;
    min-width: 100%;
    list-style: none;
    margin: 0;
    box-shadow: 0 4px 12px rgba(37, 57, 101, 0.12);
    border-radius: 0 0 4px 4px;
}

body > header.redesign-header .lang ul li {
    list-style: none;
    margin: 0;
}

body > header.redesign-header .lang ul li a {
    display: block;
    padding: 8px 16px;
    font-family: var(--redesign-font);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: var(--redesign-navy);
    text-decoration: none;
}

body > header.redesign-header .lang ul li a:hover {
    background: #dce8f5;
}

body > header.redesign-header .lang.open .ll-active {
    background: none;
    color: #fff;
}

body > header.redesign-header .lang.open ul {
    visibility: visible;
}

body > header.redesign-header .lang li:hover {
    background: transparent;
    color: inherit;
}

.redesign-header__accessibility-trigger {
    font: inherit;
    color: inherit;
}

.redesign-header__accessibility-trigger[aria-expanded="true"] {
    background: #1e2f52;
}

/* ── Accessibility panel (accordion below TopBar) ── */

.redesign-accessibility-panel {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background: transparent;
    border-bottom: none;
    transition: max-height 0.35s ease, background-color 0.35s ease, border-color 0.35s ease;
}

.redesign-accessibility-panel.is-open {
    max-height: 420px;
    background: #ffffff;
    border-bottom: 1px solid #daddde;
}

.redesign-accessibility-panel__inner {
    width: 100%;
    max-width: var(--redesign-max-width);
    margin: 0 auto;
    padding: 24px 80px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.redesign-accessibility-panel__title {
    margin: 0 0 0;
    font-family: Roboto, Montserrat, var(--redesign-font) !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 20px !important;
    letter-spacing: 0.15px !important;
    color: #253965 !important;
}

.redesign-accessibility-panel__section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.redesign-accessibility-panel__label {
    margin: 0;
    font-family: Roboto, var(--redesign-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: rgba(37, 57, 101, 0.6);
}

.redesign-accessibility-panel__options {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.redesign-accessibility-panel__option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    min-width: 0;
    height: 56px;
    padding: 0 24px;
    border: 1px solid #253965;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    font: inherit;
    color: #163771;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.redesign-accessibility-panel__option-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
}

.redesign-accessibility-panel__option--font-large,
.redesign-accessibility-panel__option--font-standard,
.redesign-accessibility-panel__option--font-small {
    background: rgba(0, 57, 100, 0.05);
    border-color: #253965;
}

.redesign-accessibility-panel__option--font-large.redesign-accessibility-panel__option--selected,
.redesign-accessibility-panel__option--font-standard.redesign-accessibility-panel__option--selected,
.redesign-accessibility-panel__option--font-small.redesign-accessibility-panel__option--selected {
    border-width: 2px;
    box-shadow: none;
}

.redesign-accessibility-panel__option-text {
    font-family: Roboto, var(--redesign-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: inherit;
}

.redesign-accessibility-panel__option--font-large .redesign-accessibility-panel__option-text {
    font-family: Montserrat, var(--redesign-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #253965;
}

.redesign-accessibility-panel__option--font-standard .redesign-accessibility-panel__option-text {
    font-family: Roboto, var(--redesign-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #163771;
}

.redesign-accessibility-panel__option--font-small .redesign-accessibility-panel__option-text {
    font-family: Roboto, var(--redesign-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #253965;
}

.redesign-accessibility-panel__option-icon {
    display: block;
    flex-shrink: 0;
    object-fit: contain;
}

.redesign-accessibility-panel__option--font-large .redesign-accessibility-panel__option-content,
.redesign-accessibility-panel__option--font-standard .redesign-accessibility-panel__option-content,
.redesign-accessibility-panel__option--font-small .redesign-accessibility-panel__option-content {
    gap: 12px;
}

.redesign-accessibility-panel__option--font-large .redesign-accessibility-panel__option-icon,
.redesign-accessibility-panel__option--font-standard .redesign-accessibility-panel__option-icon,
.redesign-accessibility-panel__option--font-small .redesign-accessibility-panel__option-icon,
.redesign-accessibility-panel__option--theme-primary .redesign-accessibility-panel__option-icon,
.redesign-accessibility-panel__option--theme-bw .redesign-accessibility-panel__option-icon,
.redesign-accessibility-panel__option--theme-inverse .redesign-accessibility-panel__option-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    min-width: 30px;
    object-fit: contain;
}

.redesign-accessibility-panel__option--theme-primary .redesign-accessibility-panel__option-content,
.redesign-accessibility-panel__option--theme-bw .redesign-accessibility-panel__option-content,
.redesign-accessibility-panel__option--theme-inverse .redesign-accessibility-panel__option-content {
    gap: 12px;
}

.redesign-accessibility-panel__option--selected:not([class*="theme"]) {
    box-shadow: none;
}

.redesign-accessibility-panel__option--theme-primary {
    background: #253965;
    border-color: #253965;
    color: #ffffff;
}

.redesign-accessibility-panel__option--theme-primary .redesign-accessibility-panel__option-text {
    color: #ffffff;
}

.redesign-accessibility-panel__option--theme-bw {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.redesign-accessibility-panel__option--theme-bw .redesign-accessibility-panel__option-text {
    color: #ffffff;
}

.redesign-accessibility-panel__option--theme-inverse {
    background: #ffffff;
    border-color: #253965;
    color: #163771;
}

.redesign-accessibility-panel__option--theme-inverse .redesign-accessibility-panel__option-text {
    color: #163771;
}

.redesign-accessibility-panel__footer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.redesign-accessibility-panel__footer-aside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.redesign-accessibility-panel__shortcuts {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 132px;
    max-width: 100%;
    min-width: 0;
}

.redesign-accessibility-panel__shortcuts-title {
    font-family: Roboto, var(--redesign-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #253965;
}

.redesign-accessibility-panel__shortcuts-line {
    font-family: Roboto, var(--redesign-font);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.15px;
    color: rgba(37, 57, 101, 0.7);
}

.redesign-accessibility-panel__close {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 3px;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    opacity: 0.7;
}

.redesign-accessibility-panel__close-icon {
    display: block;
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.redesign-accessibility-panel__close:hover,
.redesign-accessibility-panel__close:focus {
    opacity: 0.55;
    outline: none;
}

@media screen and (max-width: 1279px) {
    .redesign-accessibility-panel.is-open {
        max-height: 560px;
    }

    .redesign-accessibility-panel__inner {
        padding: 20px 40px 16px;
        gap: 12px;
    }

    .redesign-accessibility-panel__section {
        gap: 8px;
    }

    .redesign-accessibility-panel__option {
        height: 48px;
        padding: 0 16px;
    }

    .redesign-accessibility-panel__option--font-large .redesign-accessibility-panel__option-text {
        font-size: 18px;
    }

    .redesign-accessibility-panel__option--font-standard .redesign-accessibility-panel__option-text {
        font-size: 15px;
    }

    .redesign-accessibility-panel__option--font-small .redesign-accessibility-panel__option-text {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .redesign-accessibility-panel.is-open {
        max-height: 720px;
    }

    .redesign-accessibility-panel__inner {
        padding: 16px 24px 12px;
        gap: 12px;
    }

    .redesign-accessibility-panel__section {
        gap: 8px;
    }

    .redesign-accessibility-panel__title {
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .redesign-accessibility-panel__label {
        font-size: 14px;
    }

    .redesign-accessibility-panel__options {
        flex-direction: column;
    }

    .redesign-accessibility-panel__option {
        width: 100%;
        height: 44px;
    }

    .redesign-accessibility-panel__option--font-large .redesign-accessibility-panel__option-text {
        font-size: 16px;
        line-height: 20px;
    }

    .redesign-accessibility-panel__option--font-standard .redesign-accessibility-panel__option-text {
        font-size: 14px;
        line-height: 20px;
    }

    .redesign-accessibility-panel__option--font-small .redesign-accessibility-panel__option-text {
        font-size: 12px;
        line-height: 20px;
    }
}

/* ── Top gradient line (below TopBar) ── */

.redesign-header__top-line {
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #c00020 0%, #37818e 50%, #ffffff 100%);
}

/* ── Main header ── */

.redesign-header__main {
    background: #fff;
}

.redesign-header__main .redesign-header__inner {
    min-height: 79px;
    height: 79px;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 16px;
}

/* Rectangle 4 – bottom border */

.redesign-header__bottom-line {
    width: 100%;
    height: 2px;
    background: #d3d8dc;
}

/* Brand */

.redesign-header__brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-width: 0;
}

.redesign-header__brand-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    min-height: 52px;
    background: none;
    padding-left: 0;
}

body > header.redesign-header h1 a.registrationPortalHome {
    background: none;
    padding-left: 0;
}

.redesign-header__logo {
    width: 50px;
    height: 46px;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
}

.redesign-header__logo--mobile {
    display: none;
    width: 63px;
    height: 32px;
}

.redesign-header__brand-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-width: 0;
}

.redesign-header__brand-text--mobile {
    display: none;
}

.redesign-header__brand-title {
    display: block;
    font-family: var(--redesign-font);
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    color: var(--redesign-blue);
    margin: 0;
}

.redesign-header__brand-subtitle {
    display: block;
    padding-right: 0;
    margin: 0;
    font-family: var(--redesign-font);
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--redesign-subtitle);
}

/* Navigation */

@media screen and (min-width: 992px) and (max-width: 1250px) {
    .redesign-header__main .redesign-header__inner {
        gap: 8px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .redesign-header__brand-subtitle {
        display: none;
    }

    .redesign-header__brand-title {
        font-size: 18px;
    }

    .redesign-header__logo {
        width: 38px;
        height: 36px;
    }

    .redesign-header__nav-panel {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        max-width: none;
        z-index: 1;
        pointer-events: auto;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .redesign-header__nav-divider {
        padding: 0 2px;
    }

    body > header.redesign-header .redesign-header__nav > ul {
        min-width: 0;
        max-width: 100%;
    }

    body > header.redesign-header .redesign-header__nav > ul > li > a {
        padding: 12px 6px !important;
        height: 48px !important;
        min-height: 48px !important;
    }

    body > header.redesign-header .redesign-header__nav-link--doc,
    body > header.redesign-header .redesign-header__nav-link--doc:hover,
    body > header.redesign-header .caIndex.menu-active > a.redesign-header__nav-link--doc {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    body > header.redesign-header .redesign-header__nav-link--signing,
    body > header.redesign-header .redesign-header__nav-link--signing:hover,
    body > header.redesign-header .homeIndex.menu-active > a.redesign-header__nav-link--signing,
    body > header.redesign-header .redesign-header__nav-link--portal,
    body > header.redesign-header .redesign-header__nav-link--portal:hover {
        font-size: 13px !important;
        line-height: 15px !important;
    }

    body > header.redesign-header .redesign-header__actions .redesign-header__btn--login,
    body > header.redesign-header .redesign-header__actions .redesign-header__btn--register {
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    body > header.redesign-header .redesign-header__nav-list--web > li > a.redesign-header__nav-link--web {
        padding: 12px 8px !important;
        height: 48px !important;
        min-height: 48px !important;
        font-size: 13px !important;
    }

    body > header.redesign-header .redesign-header__actions:has(> .redesign-header__btn--login) {
        gap: 10px;
    }
}

.redesign-header__nav-panel {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    min-width: 0;
}

body > header.redesign-header .redesign-header__nav {
    position: static;
    width: auto;
}

body > header.redesign-header .redesign-header__nav > ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

.redesign-header__nav-list--web {
    display: none !important;
}

@media screen and (min-width: 1251px) {
    .redesign-header__main .redesign-header__inner {
        justify-content: flex-start;
    }

    body > header.redesign-header .redesign-header__nav-panel {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        flex: 0 1 auto;
        width: auto;
        min-width: 0;
        z-index: 1;
        pointer-events: auto;
        justify-content: flex-start;
    }

    body > header.redesign-header .redesign-header__nav > ul {
        justify-content: flex-start;
    }

    .redesign-header__actions {
        margin-left: auto;
    }
}

body > header.redesign-header .redesign-header__nav > ul > li {
    position: relative;
    display: flex;
    align-items: center;
}

body > header.redesign-header .redesign-header__nav > ul > li + li:not(.redesign-header__nav-divider)::before {
    content: none;
}

.redesign-header__nav-divider {
    list-style: none;
    padding: 0 4px;
    flex-shrink: 0;
}

.redesign-header__nav-divider-img {
    display: block;
    height: 15px;
    width: auto;
    object-fit: contain;
}

body > header.redesign-header .redesign-header__nav > ul > li > a {
    display: flex;
    align-items: center;
    padding: 16px 14px;
    height: 52px;
    min-height: 52px;
    box-sizing: border-box;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    text-decoration: none;
    background: transparent;
    border: none;
    border-bottom: none;
    outline: none;
    box-shadow: none;
    white-space: nowrap;
    transition: color 0.2s;
}

body > header.redesign-header .redesign-header__nav > ul > li > a:focus,
body > header.redesign-header .redesign-header__nav > ul > li > a:focus-visible {
    outline: none;
    box-shadow: none;
    border: none;
}

body > header.redesign-header .redesign-header__nav-link--doc {
    font-family: Roboto, Montserrat, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #003259;
}

body > header.redesign-header .redesign-header__nav-link--signing {
    font-family: Roboto, Montserrat, sans-serif;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0;
    color: #5890dc;
}

body > header.redesign-header .redesign-header__nav-link--portal {
    font-family: Roboto, Montserrat, sans-serif;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0;
    color: #71787e;
}

body > header.redesign-header .redesign-header__nav-link--doc:hover,
body > header.redesign-header .caIndex.menu-active > a.redesign-header__nav-link--doc {
    color: #003259;
}

body > header.redesign-header .redesign-header__nav-link--signing:hover,
body > header.redesign-header .homeIndex.menu-active > a.redesign-header__nav-link--signing {
    color: #5890dc;
}

body > header.redesign-header .redesign-header__nav-link--portal:hover {
    color: #5a6168;
}

body > header.redesign-header .redesign-header__nav > ul > li.nav-right-min {
    display: none;
}

/* Action buttons */

.redesign-header__actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin-right: 0;
    padding-right: 0;
}

.redesign-header__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 15px;
    border-radius: 4px;
    font-family: var(--redesign-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

.redesign-header__btn--login,
.redesign-header__btn--register {
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #253965;
}

.redesign-header__btn--login {
    background: #d8e5f1;
}

.redesign-header__btn--login:hover {
    background: #c9d9e8;
    color: #253965;
}

.redesign-header__btn--register {
    background: #ebf2f8;
}

.redesign-header__btn--register:hover {
    background: #dde8f2;
    color: #253965;
}

.redesign-header__btn-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
}

.redesign-header__btn-icon--mobile {
    display: none;
}

.redesign-header__btn-icon--fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    flex-shrink: 0;
}

.redesign-header__btn > span {
    display: inline-block;
    line-height: 20px;
    font-weight: 500;
}

.redesign-header__btn--account > .redesign-header__account-name {
    line-height: 1;
}

.redesign-header__btn--account {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: #eff7ff;
    color: #253965;
    border: none;
    border-radius: 3px;
    height: 46px;
    padding: 0 18px 0 9px;
    gap: 10px;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0;
    position: relative;
    filter: none;
    -webkit-filter: none;
}

.redesign-header__btn--account:hover {
    background: #e0efff;
    color: #253965;
    filter: none;
    -webkit-filter: none;
}

.redesign-header__account-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
}

.redesign-header__account-icon--mobile,
.redesign-header__account-mail {
    display: none;
}

.redesign-header__ca-accordion-toggle {
    display: none;
}

.redesign-header__mobile-ca-menu {
    display: none;
}

.redesign-header__account-name {
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    color: #253965;
    letter-spacing: 0;
}

.redesign-header__account-arrow {
    display: inline-block;
    width: 6.19px;
    height: 6.19px;
    border-right: 2px solid #a43943;
    border-bottom: 2px solid #a43943;
    transform: rotate(45deg);
    flex-shrink: 0;
    box-sizing: border-box;
}

/* My account dropdown */

body > header.redesign-header .my-egov.redesign-header__account {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    height: auto;
    line-height: normal;
    padding: 0;
    min-width: 0;
    flex-shrink: 0;
}

body > header.redesign-header .my-egov.redesign-header__account > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    padding: 0 18px 0 9px;
    max-width: none;
    width: auto;
    height: 46px;
    gap: 10px;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
    filter: none;
    -webkit-filter: none;
    background: #eff7ff;
    border-radius: 3px;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    color: #253965;
}

body > header.redesign-header .my-egov.redesign-header__account > a:hover {
    filter: none;
    -webkit-filter: none;
    background: #e0efff;
    color: #253965;
}

body > header.redesign-header .my-egov.redesign-header__account ul {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    visibility: hidden;
    background: #fff;
    border: 1px solid #DADDE3;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(37, 57, 101, 0.12);
    min-width: 100%;
    width: max-content;
    z-index: 30;
    list-style: none;
    margin: 0;
    padding: 4px 0;
    line-height: normal;
    color: #253965;
}

body > header.redesign-header .my-egov.redesign-header__account ul li {
    position: static;
    margin: 0;
    list-style: none;
    background: transparent;
    color: inherit;
}

body > header.redesign-header .my-egov.redesign-header__account ul li:hover {
    background: transparent;
    color: inherit;
}

body > header.redesign-header .my-egov.redesign-header__account ul li a {
    display: block;
    padding: 10px 16px;
    font-family: Roboto, Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #253965;
    text-decoration: none;
    text-align: left;
    filter: none;
    -webkit-filter: none;
}

body > header.redesign-header .my-egov.redesign-header__account ul li a:hover {
    background: #eff7ff;
    color: #253965;
    filter: none;
    -webkit-filter: none;
}

body > header.redesign-header .my-egov.redesign-header__account ul:has(.redesign-header__logout) {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    min-width: 188px;
}

body > header.redesign-header .my-egov.redesign-header__account ul li a.redesign-header__logout {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    min-width: 188px;
    width: 100%;
    height: 46px;
    padding: 14px 18px 14px 9px;
    background: #eff7ff;
    border-radius: 3px;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0;
    color: #a43943;
    text-align: right;
    text-decoration: none;
    filter: none;
    -webkit-filter: none;
}

body > header.redesign-header .my-egov.redesign-header__account ul li a.redesign-header__logout:hover {
    background: #e0efff;
    color: #a43943;
    filter: none;
    -webkit-filter: none;
}

body > header.redesign-header .my-egov.redesign-header__account.open ul {
    visibility: visible;
}

.redesign-header__login-desktop {
    display: none;
    position: static;
}

body > header.redesign-header .mobile-handle.redesign-header__mobile-handle {
    display: none;
}

/* Mobile-only: logout row + home indicator in burger menu */
.redesign-header__nav-item--logout,
.redesign-header__home-indicator {
    display: none;
}

body > header.redesign-header .nav-right.redesign-header__login-desktop {
    bottom: auto;
    right: auto;
    font-size: inherit;
}

/* ── Header: tablet ── */

@media screen and (max-width: 1199px) {
    body > header.redesign-header .redesign-header__nav > ul > li > a {
        padding: 12px 10px;
        min-height: 48px;
        font-size: 13px;
    }

    .redesign-header__brand-title {
        font-size: 20px;
    }

    .redesign-header__logo--desktop {
        width: 42px;
        height: 40px;
    }
}

/* ── Header: mobile ── */

@media screen and (max-width: 991px) {
    body > header.redesign-header .redesign-header__inner {
        padding-left: 8px;
        padding-right: 8px;
    }

    body > header.redesign-header:not(.open) .redesign-header__main {
        background: #fcfcfe;
        /* Figma: #9AB0C1 @ 40% */
        border-bottom: 1px solid rgba(154, 176, 193, 0.4);
        box-shadow: none;
    }

    .redesign-header__bottom-line {
        display: none;
    }

    /* Topbar hidden on mobile (closed and open menu) until burger-menu design is ready */
    body > header.redesign-header .redesign-header__topbar,
    body > header.redesign-header .redesign-header__top-line {
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__topbar {
        display: none !important;
    }

    body > header.redesign-header.open .lang.redesign-header__language,
    body > header.redesign-header.open .lang ul {
        z-index: 51;
    }

    body > header.redesign-header.open .redesign-header__main {
        order: 1;
    }

    body > header.redesign-header h1 {
        border-bottom: none !important;
    }

    .redesign-header__topbar-right {
        flex-wrap: nowrap;
        justify-content: flex-end;
        max-width: 100%;
        overflow: visible;
    }

    .redesign-header__accessibility-link,
    .redesign-header__language-trigger {
        min-width: 0;
        padding: 0 8px;
    }

    .redesign-header__language-trigger {
        min-width: max-content;
        overflow: visible;
    }

    .redesign-header__language-arrow {
        display: block !important;
        width: 10px !important;
        height: 6px !important;
        min-width: 10px !important;
        flex-shrink: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .redesign-header__main .redesign-header__inner {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        height: auto;
        min-height: 86px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 24px;
        padding-right: 4px;
        position: relative;
        box-sizing: border-box;
    }

    .redesign-header__brand {
        flex: 0 0 auto;
        min-width: auto;
        max-width: none;
        order: 1;
        overflow: visible;
    }

    /* Override legacy app.min.css: header h1 a { overflow:hidden; width:190px } */
    body > header.redesign-header h1,
    body > header.redesign-header .redesign-header__brand h1 {
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body > header.redesign-header h1 a.registrationPortalHome,
    body > header.redesign-header .redesign-header__brand-link {
        display: flex !important;
        gap: 8px !important;
        min-height: 52px !important;
        align-items: center !important;
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
    }

    .redesign-header__logo--desktop {
        display: none;
    }

    .redesign-header__logo--mobile {
        display: block;
        width: 30px;
        height: 40px;
    }

    .redesign-header__brand-text--desktop {
        display: none !important;
    }

    .redesign-header__brand-text--mobile {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        gap: 0;
        min-width: max-content;
        max-width: none;
        overflow: visible;
    }

    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-title {
        font-family: var(--redesign-font) !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        letter-spacing: 0.15px !important;
        color: #003964 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        padding-right: 1px !important;
    }

    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-subtitle,
    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-subtitle.naslov {
        display: block !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        padding-right: 2px !important;
        white-space: normal !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-subtitle > span,
    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-subtitle-line {
        display: block !important;
        white-space: nowrap !important;
        width: max-content !important;
        max-width: none !important;
        overflow: visible !important;
        padding-right: 2px !important;
        box-sizing: content-box !important;
    }

    /* Account lives inside the open burger menu on mobile */
    body > header.redesign-header:not(.open) .redesign-header__actions {
        display: none !important;
    }

    .redesign-header__actions > .redesign-header__btn--login,
    .redesign-header__actions > .redesign-header__btn--register {
        display: none;
    }

    body > header.redesign-header .mobile-handle.redesign-header__mobile-handle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: static;
        top: auto;
        right: auto;
        transform: none;
        flex-shrink: 0;
        align-self: center;
        order: 3;
        width: 56px;
        height: 56px;
        margin: 0;
        padding: 16px;
        line-height: 0;
        box-sizing: border-box;
        border: none;
        border-radius: 0;
        background: transparent url("../img_redesign/menu-line-mobile.svg") no-repeat 50% 50%;
        background-size: 24px 24px;
        z-index: 10;
    }

    body > header.redesign-header.open .mobile-handle.redesign-header__mobile-handle {
        position: relative !important;
        grid-column: 2;
        grid-row: 1;
        top: auto !important;
        right: auto;
        left: auto;
        align-self: center;
        justify-self: end;
        width: 56px;
        height: 56px;
        margin: 0 4px 0 0;
        padding: 16px;
        border: none;
        border-radius: 0;
        background-color: transparent !important;
        background-image: none !important;
        transform: none;
        z-index: 3;
        order: unset;
    }

    body > header.redesign-header.open .mobile-handle.redesign-header__mobile-handle::before,
    body > header.redesign-header.open .mobile-handle.redesign-header__mobile-handle::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 2px;
        background: #191c20;
        border-radius: 1px;
    }

    body > header.redesign-header.open .mobile-handle.redesign-header__mobile-handle::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    body > header.redesign-header.open .mobile-handle.redesign-header__mobile-handle::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    body > header.redesign-header .redesign-header__nav-panel {
        display: none;
        flex: 1 1 100%;
        order: 10;
        width: 100%;
    }

    body > header.redesign-header.open {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100vh !important;
        max-height: 100svh !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff;
    }

    body > header.redesign-header.open .redesign-header__bottom-line {
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__main {
        position: relative;
        flex: 1 1 auto;
        min-height: 0;
        height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: #f8f9ff;
        border-bottom: none;
    }

    body > header.redesign-header.open .redesign-header__main .redesign-header__inner {
        flex: 1 1 auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 56px;
        grid-template-rows: 86px minmax(0, 1fr) auto;
        align-items: stretch;
        gap: 0 !important;
        row-gap: 0 !important;
        column-gap: 0 !important;
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 0;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        background: #f8f9ff;
    }

    body > header.redesign-header.open .redesign-header__main .redesign-header__inner::before {
        content: "";
        grid-column: 1 / -1;
        grid-row: 1;
        background: #fcfcfe;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
        pointer-events: none;
        z-index: 1;
    }

    body > header.redesign-header.open .redesign-header__nav-panel {
        display: block;
        position: relative;
        grid-column: 1 / -1;
        grid-row: 2;
        background: #f8f9ff;
        overflow-x: hidden;
        overflow-y: auto;
        min-height: 0;
        order: unset;
        padding: 0;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        z-index: 0;
    }

    body > header.redesign-header .redesign-header__nav-list--app {
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__nav-list--web {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        gap: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body > header.redesign-header.open .redesign-header__nav-list--web > li.redesign-header__nav-divider--web {
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__main-inner {
        flex-wrap: nowrap;
        height: auto;
        min-height: 0;
    }

    body > header.redesign-header.open .redesign-header__brand {
        display: flex !important;
        grid-column: 1;
        grid-row: 1;
        align-items: center;
        justify-content: flex-start;
        align-self: stretch;
        order: unset;
        width: auto;
        max-width: 280px;
        height: 86px;
        min-height: 86px;
        max-height: 86px;
        margin: 0;
        padding: 15px 0 15px 24px;
        box-sizing: border-box;
        background: transparent;
        z-index: 2;
        overflow: visible;
        visibility: visible;
        opacity: 1;
    }

    /* Legacy app.min.css hides `header.open h1` — keep logo visible with the X */
    body > header.redesign-header.open h1,
    body > header.redesign-header.open .redesign-header__brand h1 {
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        height: auto !important;
        max-height: none !important;
        width: auto !important;
        max-width: 280px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        line-height: normal !important;
        font-size: inherit !important;
    }

    body > header.redesign-header.open h1 a.registrationPortalHome,
    body > header.redesign-header.open .redesign-header__brand-link {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        min-height: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-left: 0 !important;
        visibility: visible !important;
        overflow: visible !important;
        text-indent: 0 !important;
        background: none !important;
        background-image: none !important;
        width: 100% !important;
        max-width: 280px !important;
    }

    body > header.redesign-header.open .redesign-header__logo--mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body > header.redesign-header.open .redesign-header__brand-text--mobile {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body > header.redesign-header.open .nav.redesign-header__nav-panel nav {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0;
        height: auto;
        width: 100%;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li,
    body > header.redesign-header.open .redesign-header__nav > ul > li:hover,
    body > header.redesign-header.open .redesign-header__nav > ul > li.menu-active,
    body > header.redesign-header.open .redesign-header__nav > ul > li.active {
        padding: 0 !important;
        margin: 0 !important;
        width: 100%;
        background: #f8f9ff !important;
        border: none !important;
        border-bottom: 1px solid rgba(154, 176, 193, 0.35) !important;
        box-shadow: none !important;
        outline: none !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li:last-child:not(.redesign-header__nav-item--logout),
    body > header.redesign-header.open .redesign-header__nav > ul > li:last-child:not(.redesign-header__nav-item--logout):hover,
    body > header.redesign-header.open .redesign-header__nav > ul > li:last-child:not(.redesign-header__nav-item--logout).menu-active,
    body > header.redesign-header.open .redesign-header__nav > ul > li:last-child:not(.redesign-header__nav-item--logout).active {
        border-bottom: none !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__nav-item--logout:last-child,
    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__nav-item--logout:last-child:hover {
        border-top: 1px solid rgba(154, 176, 193, 0.35) !important;
        border-bottom: 1px solid rgba(154, 176, 193, 0.35) !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__nav-divider {
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        width: 100% !important;
        min-height: 56px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 16px 16px 16px 24px !important;
        box-sizing: border-box !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        text-align: left !important;
        text-decoration: none !important;
        border-bottom: none !important;
        background: #f8f9ff !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li > a.redesign-header__nav-link--signing,
    body > header.redesign-header.open .redesign-header__nav > ul > li > a.redesign-header__nav-link--portal {
        color: #003964 !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li:not(.redesign-header__services):not(.redesign-header__nav-item--ca):not(.redesign-header__nav-item--logout):not(.redesign-header__nav-divider):not(.egovIndex) > a:not([key="nav-web-euprava"]):not(.redesign-header__nav-link--portal)::after {
        content: "" !important;
        display: block !important;
        flex: 0 0 18px !important;
        width: 18px !important;
        height: 18px !important;
        margin-left: auto !important;
        background: url("../img_redesign/arrow-mobile-go.svg") center / 18px 18px no-repeat !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li.egovIndex > a::after,
    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__nav-item--logout > a::after {
        content: none !important;
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__nav-item--logout {
        display: block !important;
        border-top: 1px solid rgba(154, 176, 193, 0.35) !important;
        border-bottom: 1px solid rgba(154, 176, 193, 0.35) !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li > a.redesign-header__nav-link--logout,
    body > header.redesign-header.open .redesign-header__nav-list--web > li > a.redesign-header__nav-link--logout {
        color: #ba1a1a !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.5px !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li.nav-right-min > a {
        margin-top: 0 !important;
        padding: 16px 16px 16px 24px !important;
        border-bottom: none !important;
    }

    body > header.redesign-header.open .redesign-header__actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: stretch !important;
        position: relative;
        flex-shrink: 0;
        grid-column: 1 / -1;
        grid-row: 3;
        order: unset;
        gap: 12px;
        width: 100%;
        margin: 0;
        padding: 0 16px;
        box-sizing: border-box;
        height: auto;
        background: #f8f9ff !important;
        border-top: none !important;
    }

    /* Full-bleed top divider above guest auth buttons only */
    body > header.redesign-header.open .redesign-header__actions::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background: rgba(154, 176, 193, 0.35);
        pointer-events: none;
    }

    body > header.redesign-header.open .redesign-header__actions:has(> .redesign-header__account)::before {
        display: none;
    }

    body > header.redesign-header.open .redesign-header__main .redesign-header__inner:has(.redesign-header__account) {
        grid-template-rows: 86px auto minmax(0, 1fr);
    }

    body > header.redesign-header.open .redesign-header__main .redesign-header__inner:has(.redesign-header__account) .redesign-header__nav-panel {
        grid-row: 3;
    }

    body > header.redesign-header.open .redesign-header__actions:has(> .redesign-header__account) {
        grid-row: 2;
        align-items: center !important;
        height: 78px;
        min-height: 78px;
        max-height: 78px;
        padding: 16px !important;
        background: #ffffff !important;
        column-gap: 0;
        row-gap: 0;
    }

    body > header.redesign-header.open .redesign-header__actions:has(> .redesign-header__account) > .redesign-header__home-indicator {
        display: none !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > ul {
        display: none !important;
    }

    /* Home indicator inside white actions footer — no gray gap above */
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__home-indicator {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 1 0 100% !important;
        order: 20;
        width: 100% !important;
        min-height: 21px !important;
        height: 21px !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
        box-sizing: content-box !important;
        background: #f8f9ff !important;
        border: none !important;
    }

    body > header.redesign-header.open .redesign-header__actions > .redesign-header__home-indicator > .redesign-header__home-indicator-bar {
        display: block !important;
        flex: 0 0 134px !important;
        width: 134px !important;
        max-width: 134px !important;
        min-width: 134px !important;
        height: 4px !important;
        margin: 0 auto !important;
        border-radius: 100px !important;
        background: #000000 !important;
        opacity: 1 !important;
    }

    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--login,
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--register {
        display: inline-flex !important;
        flex: 1 1 calc(50% - 6px);
        align-items: center;
        justify-content: center;
        min-height: 48px;
        margin: 0;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        border-radius: 0;
        overflow: visible;
        z-index: 1;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a,
    body > header.redesign-header.open .my-egov.redesign-header__account > a.redesign-header__btn--account {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 !important;
        gap: 0 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        justify-content: space-between !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
        text-indent: 0 !important;
        overflow: visible !important;
        float: none !important;
        position: relative !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-icon--desktop {
        display: none !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-icon--mobile {
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        flex-shrink: 0;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-name {
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        flex: none !important;
        width: auto !important;
        max-width: calc(100% - 80px);
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 22px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: center !important;
        pointer-events: none;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-arrow {
        display: none !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-mail {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 32px !important;
        height: 32px !important;
        margin: 0;
        border-radius: 4px;
        background: #d1e4ff !important;
        box-sizing: border-box;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-mail img,
    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-mail-icon {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        object-fit: contain;
        flex-shrink: 0;
    }

    body > header.redesign-header.open .redesign-header__nav-item--ca,
    body > header.redesign-header.open .redesign-header__nav-item--ca:hover,
    body > header.redesign-header.open .redesign-header__nav-item--ca.menu-active,
    body > header.redesign-header.open .redesign-header__nav-item--ca.active {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        width: 100%;
        min-height: 56px;
        padding: 0 !important;
        box-sizing: border-box;
        border: none !important;
        border-bottom: 1px solid rgba(154, 176, 193, 0.35) !important;
        background: #f8f9ff !important;
    }

    body > header.redesign-header.open .redesign-header__nav-item--ca > a.redesign-header__nav-link--doc {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-height: 56px !important;
        padding: 16px 0 16px 24px !important;
        border-bottom: none !important;
        background: transparent !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
    }

    body > header.redesign-header.open .redesign-header__ca-accordion-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 18px !important;
        width: 18px !important;
        height: 18px !important;
        margin: 0 16px 0 16px !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 2;
    }

    body > header.redesign-header.open .redesign-header__ca-accordion-icon {
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        box-sizing: border-box;
        border: none !important;
        background: url("../img_redesign/arrow-right-s-line.svg") no-repeat center / contain !important;
        opacity: 0.5;
        transform: rotate(0deg);
        transition: transform 0.2s ease;
    }

    body > header.redesign-header.open .redesign-header__nav-item--ca.is-open .redesign-header__ca-accordion-icon {
        transform: rotate(90deg);
    }

    body > header.redesign-header .redesign-header__nav-item--ca > .redesign-header__mobile-ca-menu,
    body > header.redesign-header .redesign-header__nav-item--ca:hover > .redesign-header__mobile-ca-menu,
    body > header.redesign-header.open .redesign-header__nav-item--ca > .redesign-header__mobile-ca-menu,
    body > header.redesign-header.open .redesign-header__nav-item--ca:hover > .redesign-header__mobile-ca-menu {
        display: none !important;
        visibility: hidden !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        box-shadow: none !important;
        background: #ffffff !important;
        line-height: normal !important;
        z-index: auto !important;
    }

    /* Figma Sub-level Wrapper: pad xs/sm/sm/sm, surface #F8F9FF */
    body > header.redesign-header.open .redesign-header__nav-item--ca.is-open > .redesign-header__mobile-ca-menu {
        display: flex !important;
        visibility: visible !important;
        flex-direction: column !important;
        flex: 1 1 100% !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 4px 8px 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: #f8f9ff !important;
        border-radius: 0;
        border-bottom-right-radius: 8px;
        overflow: hidden;
        position: static !important;
        top: auto !important;
        left: auto !important;
        box-shadow: none !important;
    }

    body > header.redesign-header.open .redesign-header__mobile-ca-menu > li {
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        width: 100% !important;
        min-height: 56px !important;
        position: relative !important;
        background: #ffffff !important;
        border-bottom: 1px dashed rgba(154, 176, 193, 0.35);
    }

    body > header.redesign-header.open .redesign-header__mobile-ca-menu > li:last-child {
        border-bottom: 1px dashed rgba(154, 176, 193, 0.35);
    }

    body > header.redesign-header.open .redesign-header__mobile-ca-menu > li:hover {
        background: #ffffff !important;
    }

    /* Figma second-level item: 56px, pad sm/md/sm/lg, no trailing chevron */
    body > header.redesign-header.open .redesign-header__mobile-ca-link {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 56px !important;
        height: auto !important;
        padding: 8px 16px 8px 24px !important;
        box-sizing: border-box !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #003964 !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: normal !important;
        background: #ffffff !important;
        border-bottom: none !important;
        position: relative !important;
    }

    body > header.redesign-header.open .redesign-header__mobile-ca-link::after {
        content: none !important;
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__mobile-ca-link > span {
        display: block !important;
        min-height: 20px;
        line-height: 20px !important;
    }

    body > header.redesign-header.open .redesign-header__mobile-ca-menu > li.active > .redesign-header__mobile-ca-link,
    body > header.redesign-header.open .redesign-header__mobile-ca-link:hover {
        background: #ffffff !important;
        color: #003964 !important;
        text-decoration: none !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account ul,
    body > header.redesign-header.open .my-egov.redesign-header__account ul:has(.redesign-header__logout) {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 4px 0 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        line-height: normal !important;
        visibility: hidden !important;
        transform: none !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account.open ul,
    body > header.redesign-header.open .my-egov.redesign-header__account.open ul:has(.redesign-header__logout) {
        visibility: visible !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account ul li a.redesign-header__logout,
    body > header.redesign-header.open .my-egov.redesign-header__account ul li a.redesign-header__logout:hover {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 44px !important;
        padding: 0 16px !important;
        background: #e3effb !important;
        border-radius: 1px !important;
        font-family: Roboto, Montserrat, sans-serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #a43943 !important;
        text-align: right !important;
    }

    body > header.redesign-header .redesign-header__nav > ul {
        flex-direction: column;
        align-items: stretch;
        padding: 12px 0;
    }

    body > header.redesign-header.open .redesign-header__nav > ul {
        padding: 0 !important;
        margin: 0 !important;
    }

    .redesign-header__nav-divider {
        display: none;
    }

    body > header.redesign-header .redesign-header__nav > ul > li > a {
        padding: 14px 0;
        min-height: 0;
        font-size: 16px;
        border-bottom: 1px solid #eee;
    }

    body > header.redesign-header .redesign-header__nav > ul > li.nav-right-min {
        display: block;
    }

    body > header.redesign-header .redesign-header__nav > ul > li.nav-right-min > a {
        background: var(--redesign-light-bg);
        color: var(--redesign-navy);
        border-radius: 5px;
        padding: 14px 16px;
        margin-top: 8px;
        text-align: center;
        border-bottom: none;
        justify-content: center;
    }
}

@media screen and (max-width: 991px) {
    body > header.redesign-header .redesign-header__topbar {
        position: relative;
        z-index: 32;
        overflow: visible;
    }

    body > header.redesign-header .lang.redesign-header__language {
        z-index: 40;
        overflow: visible;
        flex-shrink: 0;
    }

    body > header.redesign-header .lang ul {
        right: 0;
        left: auto;
        z-index: 40;
    }

    body > header.redesign-header .redesign-header__language .ll-active,
    body > header.redesign-header .redesign-header__language-trigger,
    body > header.redesign-header .redesign-header__language .ll-active a {
        text-decoration: none !important;
    }
}

@media screen and (max-width: 370px) {
    body > header.redesign-header .redesign-header__language-trigger,
    body > header.redesign-header .redesign-header__language .ll-active a {
        padding: 0 8px !important;
        gap: 6px !important;
    }

    .redesign-header__accessibility-link.redesign-header__topbar-item {
        padding: 0 6px !important;
    }

    body > header.redesign-header .redesign-header__language-arrow {
        display: block !important;
        width: 10px !important;
        height: 6px !important;
        min-width: 10px !important;
        flex-shrink: 0 !important;
    }
}

/* ── Header: desktop ── */

@media screen and (min-width: 992px) {
    .redesign-header__login-desktop {
        display: none;
    }

    .redesign-header__account-icon--mobile,
    .redesign-header__account-mail,
    .redesign-header__ca-accordion-toggle,
    .redesign-header__mobile-ca-menu {
        display: none !important;
    }

    .redesign-header__account-icon--desktop {
        display: block !important;
    }

    body > header.redesign-header .redesign-header__nav > ul > li:hover {
        border-bottom: none !important;
        background: none !important;
        margin-bottom: 0 !important;
    }

    body > header.redesign-header .nav-right.redesign-header__login-desktop:hover {
        border-bottom: none !important;
        background: transparent !important;
        margin-bottom: 0 !important;
    }
}

/* Action buttons – desktop FINAL (Figma). Mobile burger keeps its own rules. */

@media screen and (min-width: 992px) {
    body > header.redesign-header .redesign-header__actions .redesign-header__btn--login,
    body > header.redesign-header .redesign-header__actions .redesign-header__btn--login:hover {
        color: #003964 !important;
        background: #d1e4ff !important;
        font-family: Roboto, Montserrat, sans-serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        text-decoration: none !important;
        border: none !important;
        border-bottom: none !important;
        padding: 0 15px !important;
        height: 44px !important;
    }

    body > header.redesign-header .redesign-header__actions .redesign-header__btn--login:hover {
        background: #b8d4f5 !important;
        color: #003964 !important;
    }

    body > header.redesign-header .redesign-header__actions .redesign-header__btn--register,
    body > header.redesign-header .redesign-header__actions .redesign-header__btn--register:hover {
        color: #ffffff !important;
        background: #003964 !important;
        font-family: Roboto, Montserrat, sans-serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        text-decoration: none !important;
        border: none !important;
        border-bottom: none !important;
        padding: 0 15px !important;
        height: 44px !important;
    }

    body > header.redesign-header .redesign-header__actions .redesign-header__btn--register:hover {
        background: #002d4f !important;
        color: #ffffff !important;
    }

    body > header.redesign-header .redesign-header__actions .redesign-header__btn--register .redesign-header__btn-icon--desktop {
        width: 20px !important;
        height: 20px !important;
        filter: brightness(0) invert(1);
        opacity: 0.4;
    }

    body > header.redesign-header .redesign-header__actions:has(> .redesign-header__btn--login) {
        gap: 18px;
        height: 44px;
    }
}

@media screen and (max-width: 991px) {
    /* Figma guest burger footer: 390 Fill × 88 Hug, spacing/md */
    body > header.redesign-header.open .redesign-header__actions:has(> .redesign-header__btn--login) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: stretch !important;
        column-gap: 16px;
        row-gap: 0;
        width: 100%;
        margin: 0;
        padding: 16px 16px 0 !important;
        box-sizing: border-box;
        min-height: 88px;
        height: auto;
        background: #ffffff !important;
        border-top: none !important;
    }

    body > header.redesign-header.open .redesign-header__actions:has(> .redesign-header__btn--login)::before {
        display: none;
    }

    body > header.redesign-header.open .redesign-header__actions:has(> .redesign-header__btn--login) > .redesign-header__home-indicator {
        margin: 16px -16px 0 !important;
        background: #ffffff !important;
    }

    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--login,
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--login:hover,
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--register,
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--register:hover {
        display: inline-flex !important;
        flex: 1 1 0 !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 16px 24px !important;
        box-sizing: border-box !important;
        border: none !important;
        border-radius: 4px !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--login,
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--login:hover {
        background: #d1e4ff !important;
        color: #003964 !important;
    }

    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--register,
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--register:hover {
        background: #003964 !important;
        color: #ffffff !important;
    }

    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--login .redesign-header__btn-icon--desktop,
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--register .redesign-header__btn-icon--desktop {
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--login .redesign-header__btn-icon--mobile,
    body > header.redesign-header.open .redesign-header__actions > .redesign-header__btn--register .redesign-header__btn-icon--mobile {
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        flex-shrink: 0 !important;
        object-fit: contain !important;
    }
}

body > header.redesign-header .redesign-header__actions .redesign-header__btn--account,
body > header.redesign-header .redesign-header__actions .redesign-header__btn--account:hover,
body > header.redesign-header .my-egov.redesign-header__account > a.redesign-header__btn--account,
body > header.redesign-header .my-egov.redesign-header__account > a.redesign-header__btn--account:hover {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    color: #253965 !important;
    background: #eff7ff !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0 18px 0 9px !important;
    height: 46px !important;
    gap: 10px !important;
    border-radius: 3px !important;
    position: relative !important;
    filter: none !important;
    -webkit-filter: none !important;
    max-width: none !important;
    width: auto !important;
}

body > header.redesign-header .redesign-header__actions .redesign-header__btn--account:hover,
body > header.redesign-header .my-egov.redesign-header__account > a.redesign-header__btn--account:hover {
    background: #e0efff !important;
    color: #253965 !important;
}

@media screen and (max-width: 991px) {
    body > header.redesign-header.open .my-egov.redesign-header__account > a,
    body > header.redesign-header.open .my-egov.redesign-header__account > a:hover,
    body > header.redesign-header.open .my-egov.redesign-header__account > a.redesign-header__btn--account,
    body > header.redesign-header.open .my-egov.redesign-header__account > a.redesign-header__btn--account:hover {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 !important;
        gap: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        outline: none !important;
        border-radius: 0 !important;
        justify-content: space-between !important;
        align-items: center !important;
        display: flex !important;
        box-sizing: border-box !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        position: relative !important;
        float: none !important;
        text-indent: 0 !important;
        overflow: visible !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-name {
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 22px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: center !important;
    }

    body > header.redesign-header.open .my-egov.redesign-header__account > a .redesign-header__account-mail {
        width: 32px !important;
        height: 32px !important;
        border-radius: 4px !important;
        background: #d1e4ff !important;
    }
}

body > header.redesign-header .redesign-header__actions .redesign-header__account-icon {
    width: 22px !important;
    height: 22px !important;
}

body > header.redesign-header .redesign-header__actions .redesign-header__account-name {
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    color: #253965 !important;
}

body > header.redesign-header .redesign-header__actions .redesign-header__account-arrow {
    width: 6.19px !important;
    height: 6.19px !important;
    border-right: 2px solid #a43943 !important;
    border-bottom: 2px solid #a43943 !important;
    transform: rotate(45deg) !important;
    box-sizing: border-box !important;
}

/* Account dropdown – override legacy my-egov menu */

body > header.redesign-header .my-egov.redesign-header__account ul {
    top: calc(100% + 4px) !important;
    right: 0 !important;
    min-width: 100% !important;
    width: max-content !important;
    padding: 4px 0 !important;
    line-height: normal !important;
    color: #253965 !important;
    background: #fff !important;
    border: 1px solid #DADDE3 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(37, 57, 101, 0.12) !important;
}

body > header.redesign-header .my-egov.redesign-header__account ul li,
body > header.redesign-header .my-egov.redesign-header__account ul li:hover {
    background: transparent !important;
    color: inherit !important;
}

body > header.redesign-header .my-egov.redesign-header__account ul li a,
body > header.redesign-header .my-egov.redesign-header__account ul li a:hover {
    display: block !important;
    padding: 10px 16px !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #253965 !important;
    text-decoration: none !important;
    text-align: left !important;
    filter: none !important;
    -webkit-filter: none !important;
}

body > header.redesign-header .my-egov.redesign-header__account ul li a:hover {
    background: #eff7ff !important;
    color: #253965 !important;
}

body > header.redesign-header .my-egov.redesign-header__account ul:has(.redesign-header__logout) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 188px !important;
}

body > header.redesign-header .my-egov.redesign-header__account ul li a.redesign-header__logout,
body > header.redesign-header .my-egov.redesign-header__account ul li a.redesign-header__logout:hover {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    box-sizing: border-box !important;
    min-width: 188px !important;
    width: 100% !important;
    height: 46px !important;
    padding: 14px 18px 14px 9px !important;
    background: #eff7ff !important;
    border-radius: 3px !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    color: #a43943 !important;
    text-align: right !important;
    text-decoration: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

body > header.redesign-header .my-egov.redesign-header__account ul li a.redesign-header__logout:hover {
    background: #e0efff !important;
    color: #a43943 !important;
}

body > header.redesign-header .my-egov.redesign-header__account.open > a.redesign-header__btn--account {
    background: #e0efff !important;
    color: #253965 !important;
}

@media screen and (min-width: 992px) {
    body > header.redesign-header .my-egov.redesign-header__account::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 8px;
    }

    body > header.redesign-header .my-egov.redesign-header__account:hover > ul,
    body > header.redesign-header .my-egov.redesign-header__account:focus-within > ul {
        visibility: visible !important;
    }
}

@media screen and (max-width: 991px) {
    /* Keep account off the closed mobile header; it only shows in the open burger menu */
    body > header.redesign-header:not(.open) .redesign-header__actions,
    body > header.redesign-header:not(.open) .my-egov.redesign-header__account {
        display: none !important;
    }

    body > header.redesign-header:not(.open) .mobile-handle.redesign-header__mobile-handle {
        align-self: center !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* TopBar language – override legacy flex/width that stacks Cyrillic */

body > header.redesign-header .redesign-header__language .ll-active {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: none !important;
}

body > header.redesign-header .redesign-header__language-trigger,
body > header.redesign-header .redesign-header__language .ll-active a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    text-align: left !important;
    padding: 0 15px !important;
    width: auto !important;
    min-width: max-content !important;
    line-height: normal !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    font-family: var(--redesign-font) !important;
    letter-spacing: 0.5px !important;
    overflow: visible !important;
}

body > header.redesign-header .redesign-header__topbar-text,
body > header.redesign-header .redesign-header__language-text {
    display: inline !important;
    font-family: var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    line-height: 16px !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
}

body > header.redesign-header .redesign-header__language-arrow {
    display: block !important;
    width: 10px !important;
    height: 6px !important;
    min-width: 10px !important;
    flex-shrink: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body > header.redesign-header .redesign-header__topbar-text--desktop {
    display: none !important;
}

/* ── Header + TopBar: desktop FINAL (Figma, min-width 992px) ── */

@media screen and (min-width: 992px) {
    .redesign-header__topbar,
    .redesign-header__topbar-item,
    .redesign-header__language-trigger,
    body > header.redesign-header .lang.redesign-header__language,
    body > header.redesign-header .redesign-header__language .ll-active a {
        background: #003964 !important;
    }

    .redesign-header__accessibility-trigger[aria-expanded="true"] {
        background: #002845 !important;
    }

    .redesign-header__accessibility-link {
        min-width: 0;
    }

    body > header.redesign-header .redesign-header__topbar-text--mobile {
        display: none !important;
    }

    body > header.redesign-header .redesign-header__topbar-text--desktop {
        display: inline !important;
    }

    body > header.redesign-header .redesign-header__topbar-text,
    body > header.redesign-header .redesign-header__language-text {
        letter-spacing: 0.3px !important;
    }

    body > header.redesign-header .redesign-header__language-trigger,
    body > header.redesign-header .redesign-header__language .ll-active a {
        letter-spacing: 0.3px !important;
        gap: 10px !important;
    }

    .redesign-header__flag {
        display: none !important;
    }

    body > header.redesign-header .redesign-header__language-arrow {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        object-fit: contain !important;
    }

    .redesign-header__topbar-divider {
        width: 2px !important;
        min-width: 2px;
        height: 35px !important;
        padding: 0;
        background: rgba(250, 250, 251, 0.5);
        object-fit: none;
        object-position: -999px -999px;
        border: none;
        flex-shrink: 0;
    }

    body > header.redesign-header .redesign-header__top-line {
        display: none !important;
    }

    .redesign-header__main .redesign-header__inner {
        min-height: 86px;
        height: 86px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .redesign-header__brand-link {
        gap: 12px;
        min-height: 54px;
        align-items: center;
        overflow: visible !important;
        width: auto !important;
        max-width: none !important;
    }

    body > header.redesign-header h1,
    body > header.redesign-header .redesign-header__brand h1,
    body > header.redesign-header h1 a.registrationPortalHome {
        overflow: visible !important;
        width: auto !important;
        max-width: none !important;
    }

    .redesign-header__brand {
        overflow: visible;
        flex-shrink: 0;
    }

    .redesign-header__logo--desktop {
        width: 40px !important;
        height: 54px !important;
        object-fit: contain;
        flex-shrink: 0;
    }

    .redesign-header__brand-text--desktop {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: max-content;
        min-width: max-content;
        height: auto;
        flex-shrink: 0;
        overflow: visible;
    }

    body > header.redesign-header .redesign-header__brand-text--desktop .redesign-header__brand-title {
        color: #003964 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap;
    }

    body > header.redesign-header .redesign-header__brand-text--desktop .redesign-header__brand-subtitle,
    body > header.redesign-header .redesign-header__brand-text--desktop .redesign-header__brand-subtitle.naslov {
        display: block !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: rgba(37, 57, 101, 0.5) !important;
        padding: 0 !important;
        margin: 0 !important;
        width: max-content !important;
        max-width: none !important;
        height: 20px;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    .redesign-header__bottom-line {
        background: #d5d8dc;
    }
}

/* Login button – no hover jump or red underline */

body > header.redesign-header .redesign-header__actions .nav-right.redesign-header__login-desktop,
body > header.redesign-header .redesign-header__actions .nav-right.redesign-header__login-desktop:hover {
    margin-bottom: 0 !important;
    border-bottom: none !important;
    background: transparent !important;
    padding: 0 !important;
}

body > header.redesign-header .nav-right.redesign-header__login-desktop a.redesign-header__btn--account,
body > header.redesign-header .nav-right.redesign-header__login-desktop a.redesign-header__btn--account:hover {
    color: #253965 !important;
    background: #eff7ff !important;
    border-bottom: none !important;
    border-top: none !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 18px 0 9px !important;
    height: 46px !important;
    gap: 10px !important;
    border-radius: 3px !important;
    transform: none !important;
    top: auto !important;
}

body > header.redesign-header .nav-right.redesign-header__login-desktop a.redesign-header__btn--account:hover {
    background: #e0efff !important;
}

body > header.redesign-header .nav-right.redesign-header__login-desktop :hover {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

@media screen and (min-width: 992px) {
    body > header.redesign-header .redesign-header__brand-text--desktop .redesign-header__brand-subtitle,
    body > header.redesign-header .redesign-header__brand-text--desktop .redesign-header__brand-subtitle.naslov {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        padding: 0 !important;
        color: rgba(37, 57, 101, 0.5) !important;
    }
}

@media screen and (max-width: 991px) {
    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-subtitle,
    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-subtitle.naslov {
        display: block !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        padding-right: 2px !important;
        white-space: normal !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-subtitle > span,
    body > header.redesign-header .redesign-header__brand-text--mobile .redesign-header__brand-subtitle-line {
        display: block !important;
        white-space: nowrap !important;
        width: max-content !important;
        max-width: none !important;
        overflow: visible !important;
        padding-right: 2px !important;
        box-sizing: content-box !important;
    }
}

body > header.redesign-header .redesign-header__nav > ul > li,
body > header.redesign-header .redesign-header__nav > ul > li:hover,
body > header.redesign-header .redesign-header__nav > ul > li.menu-active {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

body > header.redesign-header .redesign-header__nav > ul > li > a {
    padding: 16px 14px !important;
    height: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    font-weight: 500 !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: none !important;
}

body > header.redesign-header .redesign-header__nav > ul > li > a:focus,
body > header.redesign-header .redesign-header__nav > ul > li > a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

body > header.redesign-header .redesign-header__nav > ul > li.menu-active > a {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
}

body > header.redesign-header .redesign-header__nav-link--doc,
body > header.redesign-header .redesign-header__nav-link--doc:hover,
body > header.redesign-header .caIndex.menu-active > a.redesign-header__nav-link--doc {
    color: #003259 !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0.1px !important;
}

body > header.redesign-header .redesign-header__nav-link--signing,
body > header.redesign-header .redesign-header__nav-link--signing:hover,
body > header.redesign-header .homeIndex.menu-active > a.redesign-header__nav-link--signing {
    color: #5890dc !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-size: 15px !important;
    line-height: 15px !important;
    letter-spacing: 0 !important;
}

body > header.redesign-header .redesign-header__nav-link--portal,
body > header.redesign-header .redesign-header__nav-link--portal:hover {
    color: #71787e !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-size: 15px !important;
    line-height: 15px !important;
    letter-spacing: 0 !important;
}

body > header.redesign-header .redesign-header__nav-link--portal:hover {
    color: #5a6168 !important;
}

@media screen and (min-width: 992px) {
    body > header.redesign-header .redesign-header__brand-text--desktop .redesign-header__brand-subtitle,
    body > header.redesign-header .redesign-header__brand-text--desktop .redesign-header__brand-subtitle.naslov {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }

    body > header.redesign-header .redesign-header__nav > ul > li {
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        flex-shrink: 0;
        line-height: normal;
    }

    body > header.redesign-header .redesign-header__nav > ul > li > a {
        white-space: nowrap !important;
    }

    body > header.redesign-header .redesign-header__nav-list--web {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0;
        height: 56px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    body > header.redesign-header .redesign-header__nav-list--web > li.redesign-header__nav-item--logout {
        display: none !important;
    }

    body > header.redesign-header .redesign-header__nav-list--app {
        display: none !important;
    }

    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--web {
        display: none !important;
    }

    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0;
        height: 56px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    body > header.redesign-header .redesign-header__nav-list--app > li.redesign-header__nav-item--logout {
        display: none !important;
    }

    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app > li > a.redesign-header__nav-link--doc,
    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app > li > a.redesign-header__nav-link--doc:hover,
    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app > li.caIndex.menu-active > a.redesign-header__nav-link--doc,
    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app > li > a.redesign-header__nav-link--signing,
    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app > li > a.redesign-header__nav-link--signing:hover,
    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app > li.homeIndex.menu-active > a.redesign-header__nav-link--signing,
    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app > li > a.redesign-header__nav-link--portal,
    body > header.redesign-header.redesign-header--signed-in:not(.redesign-header--ca) .redesign-header__nav-list--app > li > a.redesign-header__nav-link--portal:hover {
        color: #71787e !important;
    }

    body > header.redesign-header .redesign-header__nav-list--web > li > a.redesign-header__nav-link--web,
    body > header.redesign-header .redesign-header__nav-list--web > li > a.redesign-header__nav-link--web:hover {
        padding: 18px !important;
        height: 56px !important;
        min-height: 56px !important;
        box-sizing: border-box !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #71787e !important;
        gap: 10px !important;
        background: transparent !important;
        border: none !important;
    }

    body > header.redesign-header .redesign-header__nav-list--web > li.redesign-header__nav-divider--web {
        display: block !important;
        width: 1px !important;
        min-width: 1px !important;
        height: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background-color: transparent !important;
        background-image: repeating-linear-gradient(
            to bottom,
            #cacdcf 0,
            #cacdcf 1px,
            transparent 1px,
            transparent 3px
        ) !important;
        background-size: 1px 15px !important;
        background-repeat: no-repeat !important;
        align-self: center;
        flex-shrink: 0 !important;
        list-style: none;
    }

    .redesign-header__nav-chevron {
        display: block;
        width: 12px;
        height: 12px;
        flex-shrink: 0;
        object-fit: contain;
    }

    body > header.redesign-header .redesign-header__nav-panel {
        flex: 1 1 auto;
        justify-content: center;
        min-width: 0;
        overflow: hidden;
    }
}

@media screen and (min-width: 992px) and (max-width: 1295px) {
    body > header.redesign-header .redesign-header__nav > ul > li {
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        flex-shrink: 0;
        line-height: normal !important;
    }
}

/* Usluge dropdown — desktop only, same pattern as the eID portal menu */

body > header.redesign-header .redesign-header__services-menu {
    display: none !important;
}

@media screen and (min-width: 992px) {
    body > header.redesign-header:has(.redesign-header__services.is-open),
    body > header.redesign-header .redesign-header__nav-panel:has(.redesign-header__services.is-open) {
        overflow: visible;
    }

    body > header.redesign-header .redesign-header__services {
        position: relative;
    }

    body > header.redesign-header .redesign-header__services-menu {
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        z-index: 40;
        width: 268px;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #eff7ff !important;
        background-color: #eff7ff !important;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1) !important;
        overflow: hidden;
    }

    body > header.redesign-header .redesign-header__services.is-open > a.redesign-header__nav-link--web {
        background: #eff7ff !important;
    }

    body > header.redesign-header .redesign-header__services.is-open > .redesign-header__services-menu {
        display: block !important;
        visibility: visible !important;
    }

    body > header.redesign-header .redesign-header__services-menu > li,
    body > header.redesign-header .redesign-header__services-menu > li:hover {
        display: block !important;
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #eff7ff !important;
        background-color: #eff7ff !important;
        border: none !important;
        border-bottom: 1px solid #d5d9e2 !important;
        box-shadow: none !important;
        line-height: normal !important;
    }

    body > header.redesign-header .redesign-header__services-menu > li:last-child,
    body > header.redesign-header .redesign-header__services-menu > li:last-child:hover {
        border-bottom: none !important;
    }

    body > header.redesign-header .redesign-header__services-menu > li > a,
    body > header.redesign-header .redesign-header__services-menu > li > a:hover {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 72px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 16px !important;
        background: #eff7ff !important;
        background-image: none !important;
        border: none !important;
        box-shadow: none !important;
        font-family: var(--redesign-font) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #003964 !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    body > header.redesign-header .redesign-header__services-menu > li > a:hover {
        background: #eff7ff !important;
        color: #003964 !important;
    }

    body > header.redesign-header .redesign-header__services-menu > li > a > span {
        flex: 1 1 auto;
        min-width: 0;
        color: #003964 !important;
    }

    body > header.redesign-header .redesign-header__services-chevron {
        display: block;
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
    }
}

@media screen and (max-width: 991px) {
    body > header.redesign-header.open .redesign-header__services {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body > header.redesign-header.open .redesign-header__services > a .redesign-header__nav-chevron {
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__services > a::after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        margin-left: auto;
        flex: 0 0 24px;
        background: url("../img_redesign/arrow-mobile-close.svg") center / 24px 24px no-repeat;
    }

    body > header.redesign-header.open .redesign-header__services.is-open > a::after {
        background-image: url("../img_redesign/arrow-mobile-open.svg");
    }

    body > header.redesign-header.open .redesign-header__services,
    body > header.redesign-header.open .redesign-header__services:hover,
    body > header.redesign-header.open .redesign-header__services.is-open,
    body > header.redesign-header.open .redesign-header__services.is-open:hover,
    body > header.redesign-header.open .redesign-header__services > a,
    body > header.redesign-header.open .redesign-header__services > a:hover,
    body > header.redesign-header.open .redesign-header__services.is-open > a,
    body > header.redesign-header.open .redesign-header__services.is-open > a:hover {
        background: #f8f9ff !important;
        background-color: #f8f9ff !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__services > a,
    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__services > a:hover {
        font-weight: 500 !important;
    }

    body > header.redesign-header.open .redesign-header__services.is-open > .redesign-header__services-menu {
        display: block !important;
        position: static !important;
        visibility: visible !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 4px 8px 8px !important;
        list-style: none !important;
        background: #fff !important;
        background-color: #fff !important;
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important;
        z-index: auto !important;
        overflow: visible !important;
    }

    body > header.redesign-header.open .redesign-header__services-menu > li,
    body > header.redesign-header.open .redesign-header__services-menu > li:hover {
        display: block !important;
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    body > header.redesign-header.open .redesign-header__services-menu > li > a,
    body > header.redesign-header.open .redesign-header__services-menu > li > a:hover {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 56px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 8px 16px 8px 24px !important;
        background: #fff !important;
        background-color: #fff !important;
        background-image: none !important;
        border: none !important;
        border-bottom: 1px solid rgba(154, 176, 193, 0.5) !important;
        box-shadow: none !important;
        font-family: var(--redesign-font) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #003964 !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    body > header.redesign-header.open .redesign-header__services-menu > li:last-child > a,
    body > header.redesign-header.open .redesign-header__services-menu > li:last-child > a:hover {
        border-bottom: none !important;
    }

    body > header.redesign-header.open .redesign-header__services-chevron {
        display: none !important;
    }

    body > header.redesign-header.open .redesign-header__services-menu > li > a::after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        margin-left: auto;
        flex: 0 0 18px;
        background: url("../img_redesign/arrow-mobile-go.svg") center / 18px 18px no-repeat;
    }
}

/* Mobile open menu – portal visibility, stable link borders, hide divider artifact */

@media screen and (max-width: 991px) {
    body > header.redesign-header.open .redesign-header__nav-divider {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li.active::after,
    body > header.redesign-header.open .redesign-header__nav > ul > li:hover::after,
    body > header.redesign-header.open .redesign-header__nav > ul > li.menu-active::after {
        display: none !important;
        content: none !important;
        border: none !important;
        box-shadow: none !important;
        background: none !important;
        height: 0 !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li:hover,
    body > header.redesign-header.open .redesign-header__nav > ul > li.menu-active,
    body > header.redesign-header.open .redesign-header__nav > ul > li.active {
        box-shadow: none !important;
        outline: none !important;
        border-bottom: 1px solid rgba(154, 176, 193, 0.35) !important;
        background: #f8f9ff !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li:last-child:not(.redesign-header__nav-item--logout),
    body > header.redesign-header.open .redesign-header__nav > ul > li:last-child:not(.redesign-header__nav-item--logout):hover,
    body > header.redesign-header.open .redesign-header__nav > ul > li:last-child:not(.redesign-header__nav-item--logout).menu-active,
    body > header.redesign-header.open .redesign-header__nav > ul > li:last-child:not(.redesign-header__nav-item--logout).active {
        border-bottom: none !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__nav-item--logout,
    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__nav-item--logout:hover,
    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__nav-item--logout:last-child,
    body > header.redesign-header.open .redesign-header__nav > ul > li.redesign-header__nav-item--logout:last-child:hover {
        display: block !important;
        border-top: 1px solid rgba(154, 176, 193, 0.35) !important;
        border-bottom: 1px solid rgba(154, 176, 193, 0.35) !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li > a,
    body > header.redesign-header.open .redesign-header__nav > ul > li > a:hover,
    body > header.redesign-header.open .redesign-header__nav > ul > li.menu-active > a {
        border-bottom: none !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li:last-of-type > a,
    body > header.redesign-header.open .redesign-header__nav > ul > li.nav-right-min > a,
    body > header.redesign-header.open .redesign-header__nav > ul > li.nav-right-min > a:hover {
        border-bottom: none !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li > a,
    body > header.redesign-header.open .redesign-header__nav > ul > li > a:hover,
    body > header.redesign-header.open .redesign-header__nav > ul > li.menu-active > a,
    body > header.redesign-header.open .redesign-header__nav > ul > li > a.redesign-header__nav-link--doc,
    body > header.redesign-header.open .redesign-header__nav > ul > li > a.redesign-header__nav-link--signing,
    body > header.redesign-header.open .redesign-header__nav > ul > li > a.redesign-header__nav-link--portal,
    body > header.redesign-header.open .caIndex.menu-active > a.redesign-header__nav-link--doc,
    body > header.redesign-header.open .homeIndex.menu-active > a.redesign-header__nav-link--signing {
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
    }

    body > header.redesign-header.open .redesign-header__nav > ul > li > a.redesign-header__nav-link--logout,
    body > header.redesign-header.open .redesign-header__nav > ul > li > a.redesign-header__nav-link--logout:hover {
        color: #ba1a1a !important;
    }

    body > header.redesign-header.open .redesign-header__mobile-ca-link,
    body > header.redesign-header.open .redesign-header__mobile-ca-link:hover {
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #003964 !important;
    }
}

/* ==========================================================================
   Breadcrumbs (inner page heading)
   ========================================================================== */

section.breadcrumbs.redesign-breadcrumbs {
    background: #f7f7f7;
    color: #263965;
    line-height: 20px;
    padding: 0;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__inner {
    width: 100% !important;
    max-width: var(--redesign-max-width) !important;
    margin: 0 auto;
    padding: 16px 156px;
    box-sizing: border-box;
    min-height: 52px;
    display: flex;
    align-items: center;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__inner.container {
    width: 100% !important;
    max-width: var(--redesign-max-width) !important;
    padding-left: 156px !important;
    padding-right: 156px !important;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list > li {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    display: inline-flex;
    align-items: center;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list > li:first-child {
    gap: 4px;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list > li:first-child::after {
    content: '/';
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(38, 57, 101, 0.5);
    flex-shrink: 0;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list > li:first-child > a {
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(38, 57, 101, 0.5) !important;
    text-decoration: none;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list > li:first-child > a:hover {
    text-decoration: underline;
}

section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list > li:last-of-type,
section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list > li:last-of-type > a,
section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__list > li:last-of-type > a.breadcrumbs-a {
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #263965 !important;
    text-decoration: none;
}

@media screen and (max-width: 1199px) {
    section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__inner,
    section.breadcrumbs.redesign-breadcrumbs .redesign-breadcrumbs__inner.container {
        padding: 16px 30px !important;
    }
}

/* ==========================================================================
   Storing documents info (news-heading layout)
   ========================================================================== */

.redesign-storing-info {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #eff7ff;
    box-sizing: border-box;
}

.container > .redesign-storing-info:first-child,
.container > .redesign-home-page-title + .redesign-storing-info {
    margin-top: 40px;
}

.container > .redesign-temporary-info ~ .redesign-storing-info {
    margin-top: 0;
}

.redesign-storing-info__inner {
    width: 100%;
    max-width: var(--redesign-max-width);
    margin: 0 auto;
    padding: 25px 156px !important;
    box-sizing: border-box;
}

.redesign-storing-info__text {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 1128px;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #263965 !important;
    text-align: justify !important;
}

.redesign-storing-info__text span {
    font-family: inherit !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: inherit !important;
    display: block;
}

.redesign-storing-info__text span + span {
    margin-top: 10px;
}

.redesign-home-page-title {
    display: none;
}

@media screen and (max-width: 1199px) {
    .redesign-storing-info__inner {
        padding: 25px 30px !important;
    }

    .redesign-temporary-info {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 991px) {
    .container:has(> .redesign-home-heading) {
        padding-top: 24px !important;
        padding-right: 16px !important;
        padding-bottom: 24px !important;
        padding-left: 16px !important;
        background-color: #ffffff;
    }

    .redesign-home-page-title {
        display: block;
        margin: 0 0 24px;
        padding: 0;
        width: 100%;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0;
        color: #003964 !important;
    }

    .container > .redesign-temporary-info ~ .redesign-home-heading .redesign-home-page-title {
        margin-top: 16px;
    }

    .redesign-home-heading .redesign-home-page-title + .redesign-storing-info {
        margin-top: 0;
        margin-bottom: 24px;
    }

    .redesign-storing-info {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        background-color: transparent;
    }

    .redesign-storing-info__inner {
        padding: 0 !important;
        max-width: none;
    }

    .redesign-storing-info__text {
        max-width: none;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px;
        color: #003964 !important;
        text-align: left !important;
    }

    .redesign-storing-info__text span {
        display: inline;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px;
        color: inherit !important;
    }

    .redesign-storing-info__text span + span {
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) {
    .redesign-home-heading {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        background-color: #eff7ff;
        box-sizing: border-box;
    }

    .redesign-home-heading__inner {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: var(--redesign-max-width);
        margin: 0 auto;
        padding: 48px 24px 24px;
        box-sizing: border-box;
    }

    .redesign-home-heading .redesign-home-page-title {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 1128px;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0;
        color: #003964 !important;
        text-align: left;
    }

    .redesign-home-heading .redesign-storing-info {
        width: 100%;
        max-width: none;
        margin: 0;
        background: transparent;
    }

    .redesign-home-heading .redesign-storing-info__inner {
        max-width: none;
        margin: 0;
        padding: 0 !important;
    }

    .redesign-home-heading .redesign-storing-info__text {
        max-width: none;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 19px !important;
        color: #263965 !important;
        text-align: left !important;
    }

    .redesign-home-heading .redesign-storing-info__text span {
        display: block;
        font-family: inherit !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 19px !important;
        color: inherit !important;
    }

    .redesign-home-heading .redesign-storing-info__text span + span {
        margin-top: 0;
    }
}

/* ==========================================================================
   Temporary info / maintenance notice (news-heading style, transparent)
   ========================================================================== */

.redesign-temporary-info {
    width: 100vw;
    margin: 20px calc(50% - 50vw);
    background: transparent !important;
    border: 1px solid #eff7ff !important;
    border-radius: 0;
    box-sizing: border-box;
}

.redesign-temporary-info::after {
    display: none !important;
    content: none !important;
}

.redesign-temporary-info__inner {
    width: 100%;
    max-width: var(--redesign-max-width);
    margin: 0 auto;
    padding: 25px 156px;
    box-sizing: border-box;
}

.redesign-temporary-info__text {
    margin: 0 !important;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #263965 !important;
    text-align: justify;
}

@media screen and (max-width: 1199px) {
    .redesign-temporary-info__inner {
        padding: 25px 30px;
    }
}

/* ==========================================================================
   Upload section (Add documents)
   ========================================================================== */

.redesign-upload-section__title,
h2.redesign-upload-section__title {
    margin: 40px auto 16px !important;
    padding: 0 !important;
    width: 100%;
    max-width: 1128px;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #263965 !important;
}

.redesign-upload-section__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 32px !important;
    width: 100%;
    max-width: 1128px;
}

.redesign-upload-section,
.redesign-upload-section__fields {
    display: contents;
}

.container > .redesign-upload-box,
.redesign-upload-section__fields > .redesign-upload-box {
    width: 100%;
    max-width: 1128px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.redesign-upload-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1128px;
    align-self: center;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 64px 24px;
    border: 1px dashed #253965;
    border-radius: 14px;
    background: #f7f7f7;
    box-sizing: border-box;
}

.redesign-upload-box.dragging::before {
    content: "\f093";
    font-family: FontAwesome;
    color: white;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5em;
    background-color: rgba(181, 181, 181, 0.8);
    pointer-events: none;
    z-index: 5;
    border-radius: inherit;
}

.redesign-upload-box__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 338px;
    max-width: 100%;
}

.redesign-upload-box__hint {
    margin: 0;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #003964;
    white-space: nowrap;
}

.redesign-upload-box__file.ic,
.redesign-upload-box__file.ic.file,
.redesign-upload-box__file {
    border: none !important;
    background: transparent !important;
    width: auto !important;
    position: static;
    margin: 0;
    padding: 0;
}

.redesign-upload-box__file.ic::after,
.redesign-upload-box__file.ic.file::after,
.redesign-upload-box__file::after {
    display: none !important;
    content: none !important;
}

.redesign-upload-section .redesign-upload-section__form,
.redesign-upload-section .redesign-upload-box,
.redesign-upload-section .redesign-upload-box__inner {
    width: 100% !important;
    max-width: none !important;
    align-items: stretch !important;
    align-self: stretch !important;
}

.redesign-upload-section .redesign-upload-box__inner {
    width: 100% !important;
    max-width: none !important;
    align-items: stretch !important;
    align-self: stretch !important;
}

.redesign-upload-section .redesign-upload-box__file {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 7px !important;
    border: none !important;
    border-radius: 9px;
    background: #eaf1ff !important;
    box-sizing: border-box;
}

.redesign-upload-section .redesign-upload-box__meta {
    width: 100% !important;
    max-width: none !important;
}

.redesign-upload-box__btn,
.redesign-upload-box__btn.upload-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto !important;
    min-height: 40px;
    margin: 0 !important;
    padding: 10px 16px !important;
    border: none !important;
    border-radius: 4px;
    background: #253965 !important;
    background-image: none !important;
    color: #fff !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0.15px;
    box-sizing: border-box;
    cursor: pointer;
}

.redesign-upload-box__btn:hover,
.redesign-upload-box__btn:focus {
    background: #1f2f52 !important;
    color: #fff !important;
}

.redesign-upload-box__btn.upload-button-disabled,
.redesign-upload-box__btn.upload-button-disabled:hover,
.redesign-upload-box__btn.upload-button-disabled:focus {
    background: #c6c6c6 !important;
    background-image: none !important;
    color: #fff !important;
    cursor: not-allowed;
}

.redesign-upload-box__btn-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
}

.redesign-upload-box__btn-icon--mobile {
    display: none;
}

.redesign-upload-box__meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 338px;
    max-width: 100%;
    margin: 0;
    text-align: center;
}

.redesign-upload-box__meta-line {
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 15px !important;
    color: #003964 !important;
    text-align: center;
}

.redesign-upload-help {
    display: none;
}

@media screen and (max-width: 991px) {
    .redesign-upload-section__title,
    h2.redesign-upload-section__title {
        margin: 0 0 4px !important;
        padding: 0 !important;
        width: 100%;
        max-width: none;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px;
        color: #003964 !important;
    }

    .redesign-upload-section__form {
        display: block;
        align-items: stretch;
        margin: 0 0 24px !important;
        width: 100%;
        max-width: none;
    }

    .redesign-upload-box {
        align-items: stretch;
        justify-content: flex-start;
        max-width: none;
        margin: 0 !important;
        padding: 0;
        border: none;
        border-radius: 0;
        background: transparent;
    }

    .container > .redesign-upload-box,
    .redesign-upload-section__fields > .redesign-upload-box {
        max-width: none;
        margin: 0 0 24px !important;
    }

    .redesign-upload-box__inner {
        align-items: stretch;
        gap: 4px;
        width: 100%;
        max-width: none;
    }

    .redesign-upload-box__hint {
        display: none !important;
    }

    .redesign-upload-box__file.ic,
    .redesign-upload-box__file.ic.file,
    .redesign-upload-box__file {
        display: block;
        width: 100% !important;
        margin: 0;
        padding: 12px 7px;
        border: none !important;
        border-radius: 9px;
        background: #eaf1ff !important;
        box-sizing: border-box;
    }

    .redesign-upload-box__btn,
    .redesign-upload-box__btn.upload-button {
        justify-content: center;
        gap: 4px;
        width: 100% !important;
        min-height: 30px;
        height: 30px;
        margin: 0 !important;
        padding: 4px 7px !important;
        border: none !important;
        border-radius: 4px;
        background: transparent !important;
        background-image: none !important;
        color: #003964 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px;
        box-sizing: border-box;
    }

    .redesign-upload-box__btn:hover,
    .redesign-upload-box__btn:focus {
        background: transparent !important;
        color: #003964 !important;
    }

    .redesign-upload-box__btn.upload-button-disabled,
    .redesign-upload-box__btn.upload-button-disabled:hover,
    .redesign-upload-box__btn.upload-button-disabled:focus {
        background: transparent !important;
        background-image: none !important;
        color: #003964 !important;
        opacity: 0.55;
        cursor: not-allowed;
    }

    .redesign-upload-box__btn-icon--desktop {
        display: none;
    }

    .redesign-upload-box__btn-icon--mobile {
        display: block;
        width: 20px;
        height: 20px;
    }

    .redesign-upload-box__meta {
        align-items: flex-start;
        gap: 0;
        width: 100%;
        max-width: none;
        text-align: left;
    }

    .redesign-upload-box__meta-line {
        display: inline;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px;
        color: #003964 !important;
        text-align: left;
    }

    .redesign-upload-box__meta-line + .redesign-upload-box__meta-line::before {
        content: " ";
    }

    .redesign-upload-help {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 0 24px;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px;
        color: #003964 !important;
        text-align: center;
        text-decoration: underline solid #003964 !important;
        text-decoration-thickness: 1px;
        text-underline-offset: 4px;
        text-decoration-skip-ink: none;
    }

    .redesign-upload-help:hover,
    .redesign-upload-help:focus {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    .redesign-upload-help + .section-table.redesign-table-section,
    .redesign-upload-section + .section-table.redesign-table-section {
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) {
    .container:has(> .redesign-home-heading) {
        width: 100% !important;
        max-width: var(--redesign-max-width) !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        box-sizing: border-box;
    }

    .redesign-upload-section {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        width: 100%;
        max-width: 1128px;
        margin: 0;
        padding: 24px 16px;
        background: #ffffff;
        box-sizing: border-box;
    }

    .redesign-upload-section__fields {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
        margin: 0 !important;
        padding: 16px 0 !important;
        box-sizing: border-box;
    }

    .redesign-upload-section__title,
    h2.redesign-upload-section__title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        max-width: none;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px;
        color: #003964 !important;
        text-align: left;
    }

    .redesign-upload-section form.mb-2.redesign-upload-section__form,
    .redesign-upload-section__form {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: stretch;
        background: transparent !important;
        border: none !important;
    }

    .redesign-upload-section .redesign-upload-box,
    .redesign-upload-box,
    .container > .redesign-upload-box,
    .redesign-upload-section__fields > .redesign-upload-box {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .redesign-upload-section .redesign-upload-box__inner,
    .redesign-upload-box__inner {
        display: flex !important;
        flex-direction: column;
        align-items: stretch !important;
        gap: 4px;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .redesign-upload-box__hint {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    .redesign-upload-section #fileList:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }

    .redesign-upload-section .redesign-upload-box__file,
    .redesign-upload-box__file {
        display: block !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 12px 7px !important;
        border: none !important;
        border-radius: 9px;
        background: #eaf1ff !important;
        box-sizing: border-box;
    }

    .redesign-upload-section .redesign-upload-box__btn,
    .redesign-upload-section .upload-button,
    .redesign-upload-box__btn,
    .redesign-upload-box__btn.upload-button {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 10px;
        width: 100% !important;
        max-width: none !important;
        min-height: 30px;
        height: 30px;
        margin: 0 !important;
        padding: 4px 16px !important;
        border: none !important;
        border-radius: 4px;
        background: transparent !important;
        background-image: none !important;
        color: #003964 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px;
        box-sizing: border-box;
    }

    .redesign-upload-box__btn:hover,
    .redesign-upload-box__btn:focus {
        background: transparent !important;
        color: #003964 !important;
    }

    .redesign-upload-box__btn.upload-button-disabled,
    .redesign-upload-box__btn.upload-button-disabled:hover,
    .redesign-upload-box__btn.upload-button-disabled:focus {
        background: transparent !important;
        background-image: none !important;
        color: #003964 !important;
        opacity: 0.55;
        cursor: not-allowed;
    }

    .redesign-upload-box__btn-icon--desktop {
        display: none;
    }

    .redesign-upload-box__btn-icon--mobile {
        display: block;
        width: 20px;
        height: 20px;
    }

    .redesign-upload-box__meta {
        display: block;
        align-items: flex-start;
        align-self: stretch;
        gap: 0;
        width: 100% !important;
        max-width: none !important;
        text-align: left;
    }

    .redesign-upload-box__meta-line {
        display: inline;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px;
        color: #003964 !important;
        text-align: left;
    }

    .redesign-upload-box__meta-line + .redesign-upload-box__meta-line::before {
        content: " ";
    }

    .redesign-upload-help {
        display: block;
        width: 100%;
        max-width: none;
        margin: 20px 0 0;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px;
        color: #003964 !important;
        text-align: center;
        text-decoration: underline solid #003964 !important;
        text-decoration-thickness: 1px;
        text-underline-offset: 4px;
        text-decoration-skip-ink: none;
    }

    .redesign-upload-help:hover,
    .redesign-upload-help:focus {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    .redesign-upload-section + .section-table.redesign-table-section {
        margin-top: 0;
    }
}

@media screen and (min-width: 1440px) {
    .container:has(> .redesign-home-heading) {
        padding-left: 156px !important;
        padding-right: 156px !important;
    }

    .redesign-home-heading__inner {
        padding-left: 156px;
        padding-right: 156px;
    }
}

/* ==========================================================================
   Status messages (success, error, warning)
   ========================================================================== */

.redesign-status-message,
.redesign-upload-success {
    width: 100%;
    max-width: 1130px;
    margin-bottom: 16px;
    padding: 20px;
    background: #d9f0c2;
    border-radius: 12px;
    box-sizing: border-box;
}

.redesign-upload-messages {
    width: 100%;
    margin-bottom: 16px;
}

.redesign-storing-info + .redesign-upload-messages {
    margin-top: 16px;
}

.redesign-upload-messages .redesign-status-message:last-child {
    margin-bottom: 0;
}

.redesign-status-message__inner,
.redesign-upload-success__inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.redesign-status-message__icon,
.redesign-upload-success__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.redesign-status-message__text,
.redesign-upload-success__text {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--redesign-font) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #365319 !important;
}

.redesign-status-message__filename,
.redesign-upload-success__filename {
    font-family: var(--redesign-font) !important;
    font-weight: 500 !important;
    font-style: italic;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #365319 !important;
}

.redesign-status-message__text [key="body-success-upload-and"] {
    font-weight: 700 !important;
    font-style: normal !important;
}

.redesign-status-message__link {
    font-family: var(--redesign-font) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #365319 !important;
    text-decoration: underline !important;
}

.redesign-status-message__dismiss {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.redesign-status-message__dismiss-icon {
    display: block;
    width: 18px;
    height: 18px;
}

.redesign-status-message--error {
    background: #ffdad6 !important;
}

.redesign-status-message--error .redesign-status-message__text,
.redesign-status-message--error .redesign-status-message__filename {
    color: #93000a !important;
}

.redesign-status-message--error .redesign-status-message__filename {
    font-weight: 700 !important;
    font-style: normal !important;
}

/* Mobile: Figma upload success/error chips (also delete/sign messages after help) */
@media screen and (max-width: 991px) {
    .redesign-upload-messages {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 16px;
    }

    .redesign-upload-messages .redesign-status-message,
    .redesign-upload-messages .redesign-status-message--error,
    .redesign-upload-help ~ .redesign-status-message,
    .redesign-upload-help ~ .redesign-upload-success {
        width: 100%;
        max-width: none;
        min-height: 46px;
        padding: 8px 16px 8px 12px;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .redesign-upload-messages .redesign-status-message,
    .redesign-upload-messages .redesign-status-message--error {
        margin: 0;
    }

    .redesign-upload-messages .redesign-status-message,
    .redesign-upload-help ~ .redesign-status-message:not(.redesign-status-message--error),
    .redesign-upload-help ~ .redesign-upload-success {
        background: #eaf5e2 !important;
    }

    .redesign-upload-messages .redesign-status-message--error,
    .redesign-upload-help ~ .redesign-status-message--error {
        background: #ffdad7 !important;
    }

    .redesign-upload-messages .redesign-status-message__inner,
    .redesign-upload-help ~ .redesign-status-message .redesign-status-message__inner,
    .redesign-upload-help ~ .redesign-upload-success .redesign-upload-success__inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 30px;
        padding: 0;
    }

    .redesign-upload-box__inner > .redesign-upload-messages {
        width: 100%;
        margin: 8px 0 0;
    }

    .redesign-upload-messages .redesign-status-message__icon,
    .redesign-upload-messages .redesign-status-message__icon--error,
    .redesign-upload-help ~ .redesign-status-message .redesign-status-message__icon,
    .redesign-upload-help ~ .redesign-upload-success .redesign-upload-success__icon {
        width: 24px;
        height: 24px;
        margin: 0;
        object-fit: contain;
    }

    .redesign-upload-messages .redesign-status-message__text {
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        gap: 0;
        min-width: 0;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
    }

    .redesign-upload-help ~ .redesign-status-message .redesign-status-message__text,
    .redesign-upload-help ~ .redesign-upload-success .redesign-upload-success__text {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        font-family: var(--redesign-font) !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        white-space: normal;
    }

    .redesign-upload-messages .redesign-status-message__filename {
        display: block;
        overflow: hidden;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .redesign-upload-help ~ .redesign-status-message .redesign-status-message__filename,
    .redesign-upload-help ~ .redesign-upload-success .redesign-upload-success__filename {
        display: inline;
        overflow: visible;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-style: italic;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: inherit !important;
        text-overflow: unset;
        white-space: normal;
    }

    /* Figma upload chips: filename only */
    .redesign-upload-messages .redesign-status-message__text:has(.redesign-status-message__filename) > .lang1 {
        display: none !important;
    }

    .redesign-upload-messages .redesign-status-message--error .redesign-status-message__text,
    .redesign-upload-messages .redesign-status-message--error .redesign-status-message__filename,
    .redesign-upload-help ~ .redesign-status-message--error .redesign-status-message__text,
    .redesign-upload-help ~ .redesign-status-message--error .redesign-status-message__filename {
        color: #733331 !important;
        font-weight: 500 !important;
        font-style: normal !important;
    }

    .redesign-upload-messages .redesign-status-message__dismiss,
    .redesign-upload-help ~ .redesign-status-message .redesign-status-message__dismiss {
        display: inline-flex !important;
        width: 18px;
        height: 18px;
    }

    .redesign-upload-messages .redesign-status-message__dismiss-icon,
    .redesign-upload-help ~ .redesign-status-message .redesign-status-message__dismiss-icon {
        width: 18px;
        height: 18px;
    }

    .redesign-status-message__text,
    .redesign-upload-success__text,
    .redesign-status-message__filename,
    .redesign-upload-success__filename,
    .redesign-status-message__link {
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

/* Desktop: upload chips above the whole upload card */
@media screen and (min-width: 992px) {
    .redesign-upload-messages {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        max-width: 1128px;
        margin: 24px 0;
    }

    .redesign-upload-messages .redesign-status-message,
    .redesign-upload-messages .redesign-status-message--error {
        width: 100%;
        max-width: none;
        min-height: 46px;
        margin: 0;
        padding: 8px 16px 8px 12px;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .redesign-upload-messages .redesign-status-message {
        background: #eaf5e2 !important;
    }

    .redesign-upload-messages .redesign-status-message--error {
        background: #ffdad7 !important;
    }

    .redesign-upload-messages .redesign-status-message__inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 30px;
        padding: 0;
    }

    .redesign-upload-messages .redesign-status-message__icon,
    .redesign-upload-messages .redesign-status-message__icon--error {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        margin: 0;
        object-fit: none;
        object-position: center;
    }

    .redesign-upload-messages .redesign-status-message__text {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        white-space: normal;
    }

    .redesign-upload-messages .redesign-status-message__filename {
        display: inline;
        overflow: visible;
        font-family: var(--redesign-font) !important;
        font-weight: 700 !important;
        font-style: normal !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        text-overflow: unset;
        white-space: normal;
    }

    .redesign-upload-messages .redesign-status-message--error .redesign-status-message__text,
    .redesign-upload-messages .redesign-status-message--error .redesign-status-message__filename {
        color: #733331 !important;
        font-style: normal !important;
    }

    .redesign-upload-messages .redesign-status-message--error .redesign-status-message__text {
        font-weight: 500 !important;
    }

    .redesign-upload-messages .redesign-status-message--error .redesign-status-message__filename {
        font-weight: 700 !important;
    }

    .redesign-upload-messages .redesign-status-message__dismiss {
        display: inline-flex !important;
        width: 18px;
        height: 18px;
    }

    .redesign-upload-messages .redesign-status-message__dismiss-icon {
        width: 18px;
        height: 18px;
        object-fit: none;
        object-position: center;
    }

    .redesign-upload-section ~ .redesign-status-message {
        width: 100%;
        max-width: 1128px;
        min-height: 46px;
        margin: 8px 0 0;
        padding: 8px 16px 8px 12px;
        border-radius: 4px;
        box-sizing: border-box;
        background: #eaf5e2 !important;
    }

    .redesign-upload-section ~ .redesign-status-message--error {
        background: #ffdad7 !important;
    }

    .redesign-upload-section + .redesign-status-message {
        margin-top: 24px;
    }

    .redesign-upload-section ~ .redesign-status-message .redesign-status-message__inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 30px;
        padding: 0;
    }

    .redesign-upload-section ~ .redesign-status-message .redesign-status-message__icon,
    .redesign-upload-section ~ .redesign-status-message .redesign-status-message__icon--error {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        margin: 0;
        object-fit: none;
        object-position: center;
    }

    .redesign-upload-section ~ .redesign-status-message .redesign-status-message__text {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        white-space: normal;
    }

    .redesign-upload-section ~ .redesign-status-message .redesign-status-message__filename {
        display: inline;
        overflow: visible;
        font-family: var(--redesign-font) !important;
        font-weight: 700 !important;
        font-style: normal !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        text-overflow: unset;
        white-space: normal;
    }

    .redesign-upload-section ~ .redesign-status-message--error .redesign-status-message__text,
    .redesign-upload-section ~ .redesign-status-message--error .redesign-status-message__filename {
        color: #733331 !important;
        font-style: normal !important;
    }

    .redesign-upload-section ~ .redesign-status-message--error .redesign-status-message__text {
        font-weight: 500 !important;
    }

    .redesign-upload-section ~ .redesign-status-message--error .redesign-status-message__filename {
        font-weight: 700 !important;
    }

    .redesign-upload-section ~ .redesign-status-message .redesign-status-message__dismiss {
        display: inline-flex !important;
        width: 18px;
        height: 18px;
    }

    .redesign-upload-section ~ .redesign-status-message .redesign-status-message__dismiss-icon {
        width: 18px;
        height: 18px;
        object-fit: none;
        object-position: center;
    }
}

/* ==========================================================================
   Sign method modal (Metod potpisivanja)
   ========================================================================== */

#ChooseSigningMethod .redesign-sign-method-modal {
    width: 700px;
    max-width: calc(100vw - 32px);
    margin: 30px auto;
}

#ChooseSigningMethod .redesign-sign-method-modal__content {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 12px 16px 0 rgba(40, 41, 61, 0.1);
}

#ChooseSigningMethod .redesign-sign-method-modal__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin: 0;
    padding: 48px 40px 0 !important;
    border: none;
    border-bottom: 1px solid #9ab0c1;
    background: #ffffff !important;
    box-sizing: border-box;
}

#ChooseSigningMethod .redesign-sign-method-modal__header::before,
#ChooseSigningMethod .redesign-sign-method-modal__header::after {
    display: none;
    content: none;
}

#ChooseSigningMethod .redesign-sign-method-modal__title {
    display: block;
    width: 100%;
    max-width: 620px;
    margin: 0;
    padding: 0;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 36px !important;
    letter-spacing: 0;
    color: #182e43 !important;
    text-align: center;
}

#ChooseSigningMethod .redesign-sign-method-modal__close {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 0 8px !important;
    padding: 0;
    border: none;
    background: transparent !important;
    opacity: 1;
    float: none;
    box-shadow: none;
    font-size: 0;
    line-height: 0;
    min-height: 0;
}

#ChooseSigningMethod .redesign-sign-method-modal__close:hover,
#ChooseSigningMethod .redesign-sign-method-modal__close:focus {
    opacity: 0.8;
    outline: none;
}

#ChooseSigningMethod .redesign-sign-method-modal__close-icon {
    display: block;
    width: 20px;
    height: 20px;
}

#ChooseSigningMethod .redesign-sign-method-modal__body {
    padding: 34px 46px !important;
    background: #ffffff;
    box-sizing: border-box;
}

#ChooseSigningMethod .redesign-sign-method-modal__options {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 608px;
    margin: 0 auto;
}

#ChooseSigningMethod .redesign-sign-method-modal__option,
#ChooseSigningMethod .cardChooseMethod {
    width: 100%;
    max-width: 500px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    text-align: left;
}

#ChooseSigningMethod .redesign-sign-method-modal__option-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 60px;
    margin: 0;
    padding: 10px 16px !important;
    border: 1px solid #c1c7ce !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    box-sizing: border-box;
    cursor: pointer;
}

#ChooseSigningMethod .redesign-sign-method-modal__option-btn:hover,
#ChooseSigningMethod .redesign-sign-method-modal__option-btn:focus {
    background: #f3f5f7 !important;
    border-color: #9ab0c1 !important;
    color: inherit;
    outline: none;
    text-decoration: none;
}

#ChooseSigningMethod .redesign-sign-method-modal__option-btn--disabled,
#ChooseSigningMethod .redesign-sign-method-modal__option-btn.disabled-links {
    opacity: 0.38;
    cursor: not-allowed;
}

#ChooseSigningMethod .redesign-sign-method-modal__option-btn--disabled:hover,
#ChooseSigningMethod .redesign-sign-method-modal__option-btn--disabled:focus,
#ChooseSigningMethod .redesign-sign-method-modal__option-btn.disabled-links:hover,
#ChooseSigningMethod .redesign-sign-method-modal__option-btn.disabled-links:focus {
    background: #ffffff !important;
    border-color: #c1c7ce !important;
}

#ChooseSigningMethod .redesign-sign-method-modal__option-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

#ChooseSigningMethod .redesign-sign-method-modal__option-text,
#ChooseSigningMethod .cardChooseMethod .redesign-sign-method-modal__option-text {
    display: block;
    flex: 0 1 auto;
    margin: 0;
    text-align: center;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0.1px !important;
    color: #41484d !important;
}

@media screen and (max-width: 767px) {
    #ChooseSigningMethod .redesign-sign-method-modal__body {
        padding: 24px 16px !important;
    }
}

#ChooseSigningMethod .redesign-sign-method-modal__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    padding: 24px;
    min-height: 82px;
    border: none;
    background: #f3f5f7 !important;
    box-sizing: border-box;
}

#ChooseSigningMethod .redesign-sign-method-modal__cancel {
    width: 215px;
    min-width: 215px;
    min-height: 34px;
    margin: 0;
    padding: 10px 16px !important;
    border: none !important;
    border-radius: 4px !important;
    background: #253965 !important;
    box-shadow: none !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 14px !important;
    letter-spacing: 0.1px !important;
    color: #ffffff !important;
    text-align: center;
    box-sizing: border-box;
}

#ChooseSigningMethod .redesign-sign-method-modal__cancel:hover,
#ChooseSigningMethod .redesign-sign-method-modal__cancel:focus,
#ChooseSigningMethod .redesign-sign-method-modal__cancel:active {
    background: #1f2f52 !important;
    color: #ffffff !important;
    outline: none;
}

/* ==========================================================================
   Delete document confirmation (jQuery UI dialog)
   ========================================================================== */

.ui-dialog.redesign-delete-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%);
    width: 480px !important;
    max-width: calc(100vw - 32px) !important;
    padding: 0;
    border: none !important;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 12px 16px 0 rgba(40, 41, 61, 0.1);
    font-family: var(--redesign-font);
}

.ui-dialog.redesign-delete-dialog .ui-dialog-titlebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    float: none;
    margin: 0;
    padding: 48px 40px 0 !important;
    border: none !important;
    border-bottom: 1px solid #9ab0c1 !important;
    background: #ffffff !important;
    color: #182e43;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-title {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 20px;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 36px !important;
    letter-spacing: 0;
    color: #182e43 !important;
    text-align: center;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-titlebar-close {
    position: static;
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 0 8px !important;
    padding: 0;
    border: none !important;
    border-radius: 0;
    background: transparent url("/img_redesign/close-popup.svg") center / contain no-repeat !important;
    opacity: 1;
    float: none;
    box-shadow: none !important;
    font-size: 0;
    line-height: 0;
    min-height: 0;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog.redesign-delete-dialog .ui-dialog-titlebar-close:focus {
    opacity: 0.8;
    outline: none;
    border: none !important;
    background: transparent url("/img_redesign/close-popup.svg") center / contain no-repeat !important;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.redesign-delete-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    display: none !important;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-content,
.ui-dialog.redesign-delete-dialog .redesign-delete-dialog__content {
    padding: 34px 46px !important;
    border: none;
    background: #ffffff !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0;
    color: #41484d !important;
    box-sizing: border-box;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    float: none;
    margin: 0;
    padding: 24px !important;
    min-height: 88px;
    border: none !important;
    background: #f3f5f7 !important;
    box-sizing: border-box;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-buttonset {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    float: none !important;
    width: 100%;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane button,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane .ui-button {
    width: 215px;
    min-width: 215px;
    height: 40px;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 14px !important;
    letter-spacing: 0.1px !important;
    text-align: center;
    box-sizing: border-box;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #No,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #No.ui-button {
    border: 1px solid #41484d !important;
    background: #ffffff !important;
    color: #41484d !important;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #No:hover,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #No:focus,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #No:active,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #No.ui-state-hover,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #No.ui-state-focus,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #No.ui-state-active {
    border: 1px solid #41484d !important;
    background: #f3f5f7 !important;
    color: #41484d !important;
    outline: none;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #Yes,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #Yes.ui-button {
    border: none !important;
    background: #253965 !important;
    color: #ffffff !important;
}

.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #Yes:hover,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #Yes:focus,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #Yes:active,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #Yes.ui-state-hover,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #Yes.ui-state-focus,
.ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane #Yes.ui-state-active {
    border: none !important;
    background: #1f2f52 !important;
    color: #ffffff !important;
    outline: none;
}

@media screen and (max-width: 520px) {
    .ui-dialog.redesign-delete-dialog {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
    }

    .ui-dialog.redesign-delete-dialog .ui-dialog-titlebar {
        padding: 32px 24px 0 !important;
    }

    .ui-dialog.redesign-delete-dialog .ui-dialog-title {
        font-size: 20px !important;
        line-height: 28px !important;
        padding-bottom: 16px;
    }

    .ui-dialog.redesign-delete-dialog .ui-dialog-content,
    .ui-dialog.redesign-delete-dialog .redesign-delete-dialog__content {
        padding: 24px !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane {
        padding: 20px 24px !important;
        min-height: auto;
    }

    .ui-dialog.redesign-delete-dialog .ui-dialog-buttonset {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane button,
    .ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane .ui-button {
        width: 100%;
        min-width: 0;
        height: 36px;
        font-size: 15px !important;
        line-height: 14px !important;
    }
}

/* ==========================================================================
   Sign position dialog (defined signature positions)
   ========================================================================== */

.ui-dialog.redesign-sign-position-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%);
    width: 480px !important;
    max-width: calc(100vw - 32px) !important;
    padding: 0;
    border: none !important;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 12px 16px 0 rgba(40, 41, 61, 0.1);
    font-family: var(--redesign-font);
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-titlebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    float: none;
    margin: 0;
    padding: 48px 40px 0 !important;
    border: none !important;
    border-bottom: 1px solid #9ab0c1 !important;
    background: #ffffff !important;
    color: #182e43;
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-title {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 20px;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 36px !important;
    letter-spacing: 0;
    color: #182e43 !important;
    text-align: center;
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-titlebar-close {
    position: static;
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 0 8px !important;
    padding: 0;
    border: none !important;
    border-radius: 0;
    background: transparent url("/img_redesign/close-popup.svg") center / contain no-repeat !important;
    opacity: 1;
    float: none;
    box-shadow: none !important;
    font-size: 0;
    line-height: 0;
    min-height: 0;
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-titlebar-close:focus {
    opacity: 0.8;
    outline: none;
    border: none !important;
    background: transparent url("/img_redesign/close-popup.svg") center / contain no-repeat !important;
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    display: none !important;
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-content,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__content {
    padding: 34px 46px !important;
    border: none;
    background: #ffffff !important;
    box-sizing: border-box;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__select {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 10px 36px 10px 12px !important;
    border: 1px solid #71787e !important;
    border-radius: 4px !important;
    background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23253965' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") calc(100% - 14px) 50% / 12px 8px no-repeat !important;
    box-sizing: border-box;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    color: #41484d !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__select:focus {
    outline: none;
    border-color: #253965 !important;
    box-shadow: 0 0 0 1px #253965;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__filename,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__content p {
    margin: 0;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0;
    color: #41484d !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    float: none;
    margin: 0;
    padding: 24px !important;
    min-height: 88px;
    border: none !important;
    background: #f3f5f7 !important;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 2;
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane:has(.redesign-sign-position-dialog__sign-actions.open) {
    align-items: flex-start;
    padding-bottom: 72px !important;
}

.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonset {
    display: flex !important;
    align-items: stretch;
    justify-content: space-between;
    gap: 16px;
    float: none !important;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.ui-dialog.redesign-sign-position-dialog .YesOld,
.ui-dialog.redesign-sign-position-dialog .NoOld,
.ui-dialog.redesign-sign-position-dialog .YesV2,
.ui-dialog.redesign-sign-position-dialog .NoV2 {
    display: none !important;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__cancel,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .No,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .NoLtaV2 {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: 215px;
    height: 40px;
    margin: 0 !important;
    padding: 10px 16px !important;
    border: 1px solid #41484d !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 14px !important;
    letter-spacing: 0.1px !important;
    color: #41484d !important;
    text-align: center;
    box-sizing: border-box;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__cancel:hover,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__cancel:focus,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__cancel:active,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .No:hover,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .No:focus,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .No:active,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .NoLtaV2:hover,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .NoLtaV2:focus,
.ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .NoLtaV2:active {
    border: 1px solid #41484d !important;
    background: #f3f5f7 !important;
    color: #41484d !important;
    outline: none;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions {
    display: flex !important;
    flex: 1 1 0;
    align-items: stretch;
    min-width: 0;
    max-width: 249px;
    float: none !important;
    margin: 0 !important;
    position: relative;
    overflow: visible;
    vertical-align: initial;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .btn,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .ui-button {
    float: none !important;
    position: relative;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .ui-button-ddl-style {
    margin-right: 0 !important;
    padding: 0 8px !important;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions.open {
    z-index: 3;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .Yes,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .YesLtaV2 {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    gap: 8px;
    width: auto !important;
    min-width: 0;
    height: 40px !important;
    min-height: 40px;
    margin: 0;
    padding: 10px 16px !important;
    border: none !important;
    border-radius: 4px 0 0 4px !important;
    background: #253965 !important;
    box-shadow: none !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 14px !important;
    letter-spacing: 0.1px !important;
    color: #ffffff !important;
    text-align: center;
    box-sizing: border-box;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-text {
    color: #ffffff !important;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign:hover,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign:focus,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign:active,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .Yes:hover,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .Yes:focus,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .Yes:active,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .YesLtaV2:hover,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .YesLtaV2:focus,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .YesLtaV2:active {
    background: #1f2f52 !important;
    color: #ffffff !important;
    outline: none;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-dd,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .dropdown-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px !important;
    min-width: 34px !important;
    height: 40px !important;
    min-height: 40px;
    margin: 0 !important;
    padding: 0 8px !important;
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-radius: 0 4px 4px 0 !important;
    background: #253965 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-dd .caret,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .dropdown-toggle .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 !important;
    border-top: 5px solid #ffffff;
    border-right: 5px solid transparent;
    border-bottom: none !important;
    border-left: 5px solid transparent;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-dd .ui-icon,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .dropdown-toggle .ui-icon {
    display: none !important;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-dd:hover,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-dd:focus,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .dropdown-toggle:hover,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .dropdown-toggle:focus {
    background: #1f2f52 !important;
    outline: none;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu {
    top: 100% !important;
    bottom: auto !important;
    left: auto !important;
    right: 0 !important;
    float: none;
    min-width: 249px;
    margin: 8px 0 0 !important;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    box-shadow: 0 4px 12px rgba(40, 41, 61, 0.18);
    z-index: 1001;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu > li > a,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-lta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 249px;
    height: 40px;
    margin: 0;
    padding: 10px 16px !important;
    border: none !important;
    border-radius: 4px !important;
    background: #253965 !important;
    box-shadow: none !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 14px !important;
    letter-spacing: 0.1px !important;
    color: #ffffff !important;
    text-align: center;
    white-space: nowrap;
}

.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu > li > a:hover,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu > li > a:focus,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-lta:hover,
.ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-lta:focus {
    background: #1f2f52 !important;
    color: #ffffff !important;
    outline: none;
    text-decoration: none;
}

@media screen and (max-width: 520px) {
    .ui-dialog.redesign-sign-position-dialog {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
    }

    .ui-dialog.redesign-sign-position-dialog .ui-dialog-titlebar {
        padding: 32px 24px 0 !important;
    }

    .ui-dialog.redesign-sign-position-dialog .ui-dialog-title {
        font-size: 20px !important;
        line-height: 28px !important;
        padding-bottom: 16px;
    }

    .ui-dialog.redesign-sign-position-dialog .ui-dialog-content,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__content {
        padding: 24px !important;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__select {
        height: 36px;
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane {
        padding: 20px 24px !important;
        min-height: auto;
    }

    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonset {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 12px;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__filename,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__content p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__cancel,
    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .No,
    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .NoLtaV2 {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
        min-width: 0;
        height: 36px !important;
        font-size: 15px !important;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions {
        display: flex !important;
        flex: 0 0 auto;
        align-items: stretch;
        width: 100%;
        max-width: none;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .Yes,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .YesLtaV2 {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0;
        height: 36px !important;
        min-height: 36px !important;
        font-size: 15px !important;
        border-radius: 4px 0 0 4px !important;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-dd,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .dropdown-toggle {
        flex: 0 0 34px;
        width: 34px !important;
        min-width: 34px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 8px !important;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions.open {
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu > li,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu > li > a,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-lta {
        min-width: 100%;
        height: 36px !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 15px !important;
        line-height: 14px !important;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions.open > .dropdown-menu {
        position: static !important;
        display: block !important;
        flex: 0 0 100%;
        width: 100% !important;
        min-width: 0 !important;
        margin: 8px 0 0 !important;
        padding: 0 !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        float: none !important;
        box-shadow: none;
    }

    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane:has(.redesign-sign-position-dialog__sign-actions.open) {
        align-items: stretch;
        padding-bottom: 20px !important;
    }
}

/* ==========================================================================
   PDF signing modal (document preview + signature positioning)
   ========================================================================== */

#exampleModalLong #modal-dialog.redesign-pdf-modal,
#exampleModalLong .redesign-pdf-modal {
    margin: 10px auto;
    max-width: calc(100vw - 20px);
}

#exampleModalLong .redesign-pdf-modal__content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 20px);
    border: none;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 12px 16px 0 rgba(40, 41, 61, 0.1);
}

#exampleModalLong .redesign-pdf-modal__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 24px 40px 20px !important;
    border: none !important;
    border-bottom: 1px solid #9ab0c1 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f3f5f7 100%) !important;
    box-sizing: border-box;
}

#exampleModalLong .modal-header,
#exampleModalLong .modal-header.modal-style {
    background: linear-gradient(180deg, #ffffff 0%, #f3f5f7 100%) !important;
    border-bottom: 1px solid #9ab0c1 !important;
}

#exampleModalLong .redesign-pdf-modal__header::before,
#exampleModalLong .redesign-pdf-modal__header::after {
    display: none;
    content: none;
}

#exampleModalLong .redesign-pdf-modal__title,
#exampleModalLong #multisignature-header,
#exampleModalLong .ui-dialog-title {
    display: block;
    width: 100%;
    max-width: 620px;
    margin: 0;
    padding: 0;
    float: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 36px !important;
    letter-spacing: 0;
    color: #182e43 !important;
    text-align: center;
}

#exampleModalLong .redesign-pdf-modal__body,
#exampleModalLong #pdf-main-container.redesign-pdf-modal__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    padding: 24px 40px !important;
    background: #ffffff;
    box-sizing: border-box;
}

#exampleModalLong #pdf-main-container.modal-body-preview {
    max-height: none;
    height: auto;
    overflow: auto !important;
}

#exampleModalLong #pdf-contents {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#exampleModalLong #pdf-meta,
#exampleModalLong .redesign-pdf-modal__pager {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin: 0;
    overflow: visible;
}

#exampleModalLong .redesign-pdf-modal__pager-inner,
#exampleModalLong #page-count-container {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

#exampleModalLong .redesign-pdf-modal__pager-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 4px;
    min-height: 12px;
    padding: 0 32px 0 24px;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    letter-spacing: 0;
    color: #41484d !important;
    text-align: center;
    white-space: nowrap;
}

#exampleModalLong .redesign-pdf-modal__pager-label .lang1[key="modal-page1"],
#exampleModalLong .redesign-pdf-modal__pager-label .lang1[key="modal-page2"] {
    display: inline-block;
}

#exampleModalLong #pdf-current-page,
#exampleModalLong #pdf-total-pages {
    display: inline-block;
    min-width: 1ch;
    text-align: center;
}

#exampleModalLong .redesign-pdf-modal__pager-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0;
    padding: 0 !important;
    border: none !important;
    border-radius: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
}

#exampleModalLong .redesign-pdf-modal__pager-icon {
    display: block;
    width: 40px;
    height: 40px;
}

#exampleModalLong .redesign-pdf-modal__pager-btn:hover:not(:disabled),
#exampleModalLong .redesign-pdf-modal__pager-btn:focus:not(:disabled) {
    background: rgba(0, 0, 0, 0.04) !important;
    outline: none;
}

#exampleModalLong .redesign-pdf-modal__pager-btn:disabled {
    opacity: 0.38;
    cursor: not-allowed;
}

#exampleModalLong .sign-paper {
    margin: 0 auto;
    border: none;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

#exampleModalLong #pdf-canvas-signature {
    position: relative;
}

#exampleModalLong .redesign-pdf-modal__footer:has(.redesign-pdf-modal__sign-actions.open) {
    align-items: flex-start;
    padding-bottom: 72px !important;
}

#exampleModalLong .redesign-pdf-modal__footer {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 24px !important;
    min-height: 88px;
    border: none !important;
    border-top: none !important;
    background: #f3f5f7 !important;
    text-align: initial !important;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 2;
}

#exampleModalLong .modal-footer,
#exampleModalLong .modal-footer.modal-style {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-top: none !important;
    background: #f3f5f7 !important;
    text-align: initial !important;
}

#exampleModalLong .redesign-pdf-modal__footer::before,
#exampleModalLong .redesign-pdf-modal__footer::after {
    display: none;
    content: none;
}

#exampleModalLong .redesign-pdf-modal__footer .btn-group,
#exampleModalLong .redesign-pdf-modal__sign-actions {
    display: inline-flex !important;
    align-items: stretch;
    float: none !important;
    order: 2;
    margin: 0 0 0 auto !important;
    vertical-align: initial;
    position: relative;
    overflow: visible;
}

#exampleModalLong .redesign-pdf-modal__sign-actions.redesign-pdf-modal__sign-actions--preview {
    display: none !important;
}

#exampleModalLong .redesign-pdf-modal__sign-actions.open {
    z-index: 3;
}

#exampleModalLong .redesign-pdf-modal__sign-actions > .dropdown-menu {
    top: 100% !important;
    bottom: auto !important;
    left: auto !important;
    right: 0 !important;
    float: none;
    min-width: 249px;
    margin: 8px 0 0 !important;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    box-shadow: 0 4px 12px rgba(40, 41, 61, 0.18);
    z-index: 1001;
}

#exampleModalLong .redesign-pdf-modal__sign-actions > .dropdown-menu > li {
    margin: 0;
    padding: 0;
}

#exampleModalLong .redesign-pdf-modal__sign-actions > .dropdown-menu > li > a,
#exampleModalLong .redesign-pdf-modal__sign-lta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-width: 249px;
    height: 40px;
    margin: 0;
    padding: 10px 16px !important;
    border: none !important;
    border-radius: 4px !important;
    background: #253965 !important;
    box-shadow: none !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 14px !important;
    letter-spacing: 0.1px !important;
    color: #ffffff !important;
    text-align: center;
    white-space: nowrap;
}

#exampleModalLong .redesign-pdf-modal__sign-actions > .dropdown-menu > li > a:hover,
#exampleModalLong .redesign-pdf-modal__sign-actions > .dropdown-menu > li > a:focus,
#exampleModalLong .redesign-pdf-modal__sign-lta:hover,
#exampleModalLong .redesign-pdf-modal__sign-lta:focus {
    background: #1f2f52 !important;
    color: #ffffff !important;
    outline: none;
    text-decoration: none;
}

#exampleModalLong .redesign-pdf-modal__footer .btn-secondary,
#exampleModalLong .redesign-pdf-modal__footer .btn {
    box-shadow: none !important;
}

#exampleModalLong .redesign-pdf-modal__cancel {
    order: 1;
    flex: 0 0 auto;
    width: 215px;
    min-width: 215px;
    height: 40px;
    margin: 0 !important;
    padding: 10px 16px !important;
    border: 1px solid #41484d !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 14px !important;
    letter-spacing: 0.1px !important;
    color: #41484d !important;
    text-align: center;
}

#exampleModalLong .redesign-pdf-modal__cancel:hover,
#exampleModalLong .redesign-pdf-modal__cancel:focus,
#exampleModalLong .redesign-pdf-modal__cancel:active {
    background: #f3f5f7 !important;
    color: #41484d !important;
    outline: none;
}

#exampleModalLong .redesign-pdf-modal__sign,
#exampleModalLong #MultiSignBtn.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 215px;
    min-width: 215px;
    height: 40px;
    margin: 0;
    padding: 10px 16px !important;
    border: none !important;
    border-radius: 4px !important;
    background: #253965 !important;
    box-shadow: none !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 14px !important;
    letter-spacing: 0.1px !important;
    color: #ffffff !important;
    text-align: center;
}

#exampleModalLong .redesign-pdf-modal__sign-actions:has(#MultiSignLTA_DD:not([style*="display: none"]):not([style*="display:none"])) .redesign-pdf-modal__sign {
    border-radius: 4px 0 0 4px !important;
}

#exampleModalLong .redesign-pdf-modal__sign-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

#exampleModalLong .redesign-pdf-modal__sign-text {
    display: inline;
    color: #ffffff !important;
}

#exampleModalLong .redesign-pdf-modal__sign:hover,
#exampleModalLong .redesign-pdf-modal__sign:focus,
#exampleModalLong .redesign-pdf-modal__sign:active {
    background: #1f2f52 !important;
    color: #ffffff !important;
    outline: none;
}

#exampleModalLong .redesign-pdf-modal__sign-dd,
#exampleModalLong #MultiSignLTA_DD.ui-button,
#exampleModalLong #MultiSignLTA_DD.ui-state-default {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 40px;
    margin: 0 !important;
    padding: 0 8px !important;
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-radius: 0 4px 4px 0 !important;
    background: #253965 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

#exampleModalLong .redesign-pdf-modal__sign-dd .caret,
#exampleModalLong #MultiSignLTA_DD .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 !important;
    border-top: 5px solid #ffffff;
    border-right: 5px solid transparent;
    border-bottom: none !important;
    border-left: 5px solid transparent;
}

#exampleModalLong #MultiSignLTA_DD .ui-icon {
    display: none !important;
}

#exampleModalLong .redesign-pdf-modal__sign-dd:hover,
#exampleModalLong .redesign-pdf-modal__sign-dd:focus,
#exampleModalLong #MultiSignLTA_DD.ui-button:hover,
#exampleModalLong #MultiSignLTA_DD.ui-button:focus,
#exampleModalLong #MultiSignLTA_DD.ui-state-hover,
#exampleModalLong #MultiSignLTA_DD.ui-state-focus {
    background: #1f2f52 !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #ffffff !important;
    outline: none;
}

#exampleModalLong .redesign-pdf-modal__sign-dd.ui-state-active,
#exampleModalLong #MultiSignLTA_DD.ui-state-active {
    background: #1f2f52 !important;
    color: #ffffff !important;
}

@media screen and (max-width: 767px) {
    #exampleModalLong .redesign-pdf-modal__body {
        padding: 16px !important;
    }

    #exampleModalLong .redesign-pdf-modal__footer {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    #exampleModalLong .redesign-pdf-modal__cancel,
    #exampleModalLong .redesign-pdf-modal__sign {
        width: 100%;
        min-width: 0;
    }

    #exampleModalLong .redesign-pdf-modal__sign-actions {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #ChooseSigningMethod .redesign-sign-method-modal__title,
    #ChooseSigningMethod .redesign-sign-method-modal__option-text,
    #ChooseSigningMethod .cardChooseMethod .redesign-sign-method-modal__option-text,
    #ChooseSigningMethod .redesign-sign-method-modal__cancel,
    .ui-dialog.redesign-delete-dialog,
    .ui-dialog.redesign-delete-dialog .ui-dialog-title,
    .ui-dialog.redesign-delete-dialog .ui-dialog-content,
    .ui-dialog.redesign-delete-dialog .redesign-delete-dialog__content,
    .ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane button,
    .ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane .ui-button,
    .ui-dialog.redesign-sign-position-dialog,
    .ui-dialog.redesign-sign-position-dialog .ui-dialog-title,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__select,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__filename,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__content p,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__cancel,
    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .No,
    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .NoLtaV2,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .Yes,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .YesLtaV2,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu > li > a,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-lta,
    #exampleModalLong .redesign-pdf-modal__title,
    #exampleModalLong #multisignature-header,
    #exampleModalLong .redesign-pdf-modal__pager-label,
    #exampleModalLong .redesign-pdf-modal__cancel,
    #exampleModalLong .redesign-pdf-modal__sign,
    #exampleModalLong #MultiSignBtn.btn-secondary,
    #exampleModalLong .redesign-pdf-modal__sign-actions > .dropdown-menu > li > a,
    #exampleModalLong .redesign-pdf-modal__sign-lta {
        font-family: var(--redesign-font) !important;
    }

    #ChooseSigningMethod .redesign-sign-method-modal__title,
    .ui-dialog.redesign-delete-dialog .ui-dialog-title,
    .ui-dialog.redesign-sign-position-dialog .ui-dialog-title,
    #exampleModalLong .redesign-pdf-modal__title,
    #exampleModalLong #multisignature-header {
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 1.2 !important;
        color: #263965 !important;
    }

    #ChooseSigningMethod .redesign-sign-method-modal__option-text,
    #ChooseSigningMethod .cardChooseMethod .redesign-sign-method-modal__option-text {
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #41484d !important;
    }

    .ui-dialog.redesign-delete-dialog .ui-dialog-content,
    .ui-dialog.redesign-delete-dialog .redesign-delete-dialog__content,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__filename,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__content p,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__select {
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        color: #41484d !important;
    }

    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__select {
        height: 48px !important;
        min-height: 48px;
        padding: 11px 36px 11px 12px !important;
    }

    #ChooseSigningMethod .redesign-sign-method-modal__cancel,
    .ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane button,
    .ui-dialog.redesign-delete-dialog .ui-dialog-buttonpane .ui-button,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__cancel,
    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .No,
    .ui-dialog.redesign-sign-position-dialog .ui-dialog-buttonpane .NoLtaV2,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .Yes,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions .YesLtaV2,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-actions > .dropdown-menu > li > a,
    .ui-dialog.redesign-sign-position-dialog .redesign-sign-position-dialog__sign-lta,
    #exampleModalLong .redesign-pdf-modal__cancel,
    #exampleModalLong .redesign-pdf-modal__sign,
    #exampleModalLong #MultiSignBtn.btn-secondary,
    #exampleModalLong .redesign-pdf-modal__sign-actions > .dropdown-menu > li > a,
    #exampleModalLong .redesign-pdf-modal__sign-lta {
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }
}

/* ==========================================================================
   Table section (Review and signing of documents)
   ========================================================================== */

.redesign-table-section.section-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1128px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 40px;
    margin-bottom: 50px;
}

@media screen and (min-width: 992px) {
    .redesign-table-section.section-table {
        width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        margin-top: 0;
        margin-bottom: 0;
        padding: 40px 0 25px;
        background: #eff7ff;
        align-items: center;
        box-sizing: border-box;
    }

    .redesign-table-section.section-table > .redesign-table-section__title,
    .redesign-table-section.section-table > h2.redesign-table-section__title,
    .redesign-table-section.section-table > .redesign-table-section__container {
        width: 100%;
        max-width: 1128px;
    }
}

.redesign-table-section__container {
    width: 100%;
    padding: 20px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 12px 16px 0 rgba(40, 41, 61, 0.0364);
    box-sizing: border-box;
}

.redesign-table-section .table-responsive {
    width: 100%;
}

/* Search toolbar */
.redesign-search-toolbar {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-bottom: 16px;
}

.redesign-search-toolbar__status-field {
    position: relative;
    flex: 0 0 130px;
    width: 130px;
}

.redesign-search-toolbar__status-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    pointer-events: none;
}

.redesign-table-section select.redesign-search-toolbar__status,
.redesign-table-section .redesign-search-toolbar__status {
    width: 100%;
    height: 48px;
    padding: 10px 36px 10px 10px !important;
    border: 1px solid #71787e !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    background-image: none !important;
    box-sizing: border-box !important;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    color: #78909c !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    margin: 0 !important;
}

.redesign-search-toolbar__search {
    flex: 1 1 auto;
    min-width: 0;
}

.redesign-search-toolbar__search-field {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 48px;
    padding: 10px;
    border: 1px solid #71787e;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
}

.redesign-search-toolbar__search-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.redesign-table-section .redesign-search-toolbar__search-input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none;
    background: transparent;
    box-shadow: none;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0.4px;
    color: #505354 !important;
}

.redesign-table-section .redesign-search-toolbar__search-input::placeholder {
    color: #505354;
    opacity: 1;
}

@media screen and (min-width: 992px) {
    .redesign-table-section .redesign-search-toolbar {
        display: flex;
        align-items: stretch;
        gap: 0;
        width: calc(100% + 40px);
        max-width: none;
        margin: -20px -20px 19px;
        padding: 0;
    }

    .redesign-table-section .redesign-search-toolbar__status-field,
    .redesign-table-section .redesign-search-toolbar__add-btn,
    .redesign-table-section .redesign-search-toolbar__search-icon {
        display: none !important;
    }

    .redesign-table-section .redesign-search-toolbar__search {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }

    .redesign-table-section .redesign-search-toolbar__search-field {
        display: flex;
        align-items: flex-start;
        gap: 0;
        width: 100%;
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        padding: 10.5px 10.5px 9px;
        border: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.42) !important;
        border-radius: 4px 4px 0 0;
        background: rgba(0, 0, 0, 0.04);
        box-sizing: border-box;
        box-shadow: none !important;
    }

    .redesign-table-section .redesign-search-toolbar__search-input,
    .redesign-table-section .redesign-search-toolbar__search-input[type="search"] {
        height: auto !important;
        margin: 0 !important;
        padding: 6px 0 !important;
        border: none !important;
        outline: none !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: Roboto, var(--redesign-font), sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
        color: rgba(0, 0, 0, 0.6) !important;
        -webkit-appearance: none;
        appearance: none;
    }

    .redesign-table-section .redesign-search-toolbar__search-input::placeholder {
        color: rgba(0, 0, 0, 0.6);
        opacity: 1;
    }

    .redesign-table-section .redesign-search-toolbar__search-input:focus {
        outline: none !important;
        box-shadow: none !important;
        border: none !important;
    }
}

.redesign-search-toolbar__add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    height: 48px;
    padding: 10px 16px;
    border: none;
    border-radius: 4px;
    background: #253965;
    cursor: pointer;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #ffffff;
    box-sizing: border-box;
}

.redesign-search-toolbar__add-btn:hover,
.redesign-search-toolbar__add-btn:focus {
    background: #1e2f52;
    color: #ffffff;
    outline: none;
}

.redesign-search-toolbar__add-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.redesign-table-section__title,
h2.redesign-table-section__title {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    width: 100%;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #263965 !important;
    text-align: left;
}

.redesign-status-message + .redesign-table-section__title,
.redesign-status-message + h2.redesign-table-section__title,
.redesign-upload-success + .redesign-table-section__title,
.redesign-upload-success + h2.redesign-table-section__title {
    margin-top: 0 !important;
}

/* Keep delete/sign/download messages above the table section, outside its blue mobile bg */
.redesign-status-message + .redesign-table-section.section-table,
.redesign-upload-success + .redesign-table-section.section-table {
    margin-top: 0 !important;
}

.redesign-upload-help + .redesign-status-message,
.redesign-upload-help + .redesign-upload-success,
.redesign-upload-section + .redesign-status-message,
.redesign-upload-section + .redesign-upload-success {
    margin-top: 40px;
}

@media screen and (min-width: 992px) {
    .redesign-upload-section + .redesign-status-message,
    .redesign-upload-section + .redesign-upload-success {
        margin-top: 24px;
    }

    .redesign-status-message + .redesign-table-section.section-table,
    .redesign-upload-success + .redesign-table-section.section-table {
        margin-top: 24px !important;
        padding-top: 24px;
    }
}

@media screen and (max-width: 991px) {
    .redesign-table-section.section-table {
        width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 24px 16px;
        background: #eff7ff;
        box-sizing: border-box;
    }

    .redesign-upload-help + .redesign-status-message,
    .redesign-upload-help + .redesign-upload-success,
    .redesign-upload-section + .redesign-status-message,
    .redesign-upload-section + .redesign-upload-success {
        margin-top: 24px;
    }

    .redesign-table-section__title,
    h2.redesign-table-section__title {
        margin: 0 0 16px 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        color: #003964 !important;
    }

    .redesign-table-section__container {
        padding: 0;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .redesign-search-toolbar {
        display: none !important;
    }

    .redesign-search-toolbar__status-field {
        flex: 0 0 130px;
        width: 130px;
    }

    .redesign-table-section select.redesign-search-toolbar__status,
    .redesign-table-section .redesign-search-toolbar__status {
        font-family: var(--redesign-font) !important;
    }

    .redesign-search-toolbar__search {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .redesign-table-section .redesign-search-toolbar__search-input {
        font-family: var(--redesign-font) !important;
    }

    .redesign-search-toolbar__add-btn {
        display: none !important;
    }

    .redesign-table-section .table-responsive {
        overflow: visible !important;
    }

    .redesign-table-section #filesTable.dataTable,
    .redesign-table-section #filesTable.dataTable tbody {
        display: block !important;
        width: 100% !important;
        border: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        background: transparent !important;
    }

    .redesign-table-section .dataTables_wrapper,
    .redesign-table-section .table-responsive {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        background: transparent !important;
    }

    .redesign-table-section #filesTable.dataTable thead {
        display: none !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card {
        display: grid !important;
        /* 3 cols: index | name | status — actions don't share these tracks (avoids wide gap) */
        grid-template-columns: max-content minmax(0, 1fr) max-content;
        column-gap: 8px;
        row-gap: 16px;
        align-items: start;
        position: relative;
        width: 100%;
        margin: 0 0 16px;
        padding: 16px 16px 0;
        border: none !important;
        border-color: transparent !important;
        border-radius: 8px;
        outline: none !important;
        box-shadow: none !important;
        background: #ffffff !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .redesign-table-section #filesTable.dataTable.cell-border tbody tr.redesign-doc-card,
    .redesign-table-section #filesTable.dataTable.cell-border tbody tr.redesign-doc-card > th,
    .redesign-table-section #filesTable.dataTable.cell-border tbody tr.redesign-doc-card > td {
        border: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card:last-child {
        margin-bottom: 16px;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > th,
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-bottom: none !important;
        background: transparent !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #191c20 !important;
        text-align: left !important;
        text-transform: none !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        vertical-align: top !important;
        box-sizing: border-box !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > th[style*="display:none"],
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > td[style*="display:none"] {
        display: none !important;
    }

    /* Row 1: index | name | status */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__index {
        grid-row: 1;
        grid-column: 1;
        width: max-content !important;
        font-family: var(--redesign-font) !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #41484d !important;
        white-space: nowrap !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__name {
        grid-row: 1;
        grid-column: 2;
        min-width: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #191c20 !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        word-break: break-word;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__status {
        grid-row: 1;
        grid-column: 3;
        justify-self: end;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: max-content !important;
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
        padding: 4px 9px !important;
        border-radius: 4px !important;
        box-sizing: border-box !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        text-align: center !important;
        text-transform: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__status.error-style {
        background: #ffdad6 !important;
        color: #733331 !important;
        font-weight: 500 !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__status.success-style {
        background: #c8eea8 !important;
        color: #191c20 !important;
        font-weight: 500 !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__status .redesign-doc-card__status-chip {
        display: contents;
    }

    /* Row 2: dates — Figma body/small label + body/medium value */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__date--added {
        grid-row: 2;
        grid-column: 1 / -1;
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
        justify-self: start;
        padding-right: 8px !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__date--signed {
        grid-row: 2;
        grid-column: 1 / -1;
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
        justify-self: end;
        padding-left: 8px !important;
    }

    /* Date value: body/medium — 14/20, 0.25px, #191C20, Regular */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__date {
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #191c20 !important;
        text-align: left !important;
        text-transform: none !important;
    }

    /* Date label: body/small — 12/16, 0.4px, #41484D, Regular */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__date::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #41484d !important;
        text-transform: none !important;
    }

    /* Row 3: source — label body/small, value body/small-emphasized */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__source {
        grid-row: 3;
        grid-column: 1 / -1;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #41484d !important;
        text-align: left !important;
        text-transform: none !important;
        white-space: normal !important;
    }

    /* "Порекло документа:" — body/small 12/16, 0.4px, #41484D */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__source::before {
        content: attr(data-label) ": ";
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #41484d !important;
        text-transform: none !important;
    }

    /* Source value — body/small-emphasized 12/16, 0.4px, Medium 500, #191C20 */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__source .redesign-doc-card__source-value {
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #191c20 !important;
        text-transform: none !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__source.success-style,
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__source.error-style {
        color: #41484d !important;
        font-weight: 400 !important;
    }

    /* Row 4: action bar — equal 16px padding, space-between */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__action--sign {
        grid-row: 4;
        grid-column: 1 / -1;
        width: 25% !important;
        max-width: 25% !important;
        justify-self: start;
        margin-left: 0 !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__action--view {
        grid-row: 4;
        grid-column: 1 / -1;
        width: 25% !important;
        max-width: 25% !important;
        justify-self: start;
        margin-left: 25% !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__action--download {
        grid-row: 4;
        grid-column: 1 / -1;
        width: 25% !important;
        max-width: 25% !important;
        justify-self: start;
        margin-left: 50% !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__action--delete {
        grid-row: 4;
        grid-column: 1 / -1;
        width: 25% !important;
        max-width: 25% !important;
        justify-self: start;
        margin-left: 75% !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card > .redesign-doc-card__action {
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-width: 0 !important;
        min-height: 52px !important;
        height: 52px !important;
        max-height: 52px !important;
        padding: 16px 0 !important;
        border: none !important;
        background: #ffffff !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* Full-width divider above action bar (edge to edge, above cell backgrounds) */
    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 52px;
        z-index: 2;
        height: 0;
        margin: 0;
        padding: 0;
        border: none;
        border-top: 1px solid var(--redesign-border);
        pointer-events: none;
    }

    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__action .btn.btn-light {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto;
        max-width: 100%;
        min-width: 0;
        height: 20px !important;
        min-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .redesign-table-section #filesTable.dataTable tbody .redesign-table-sign-action,
    .redesign-table-section #filesTable.dataTable tbody .redesign-table-action {
        display: inline-flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 4px; /* spacing/xs between icon and label */
        width: auto;
        max-width: 100%;
        height: 20px;
        min-height: 20px;
    }

    /* Label: 11/16 Medium, 0.5px, #003964 @ 70% */
    .redesign-table-section #filesTable.dataTable tbody .redesign-table-action-label,
    .redesign-table-section #filesTable.dataTable tbody .redesign-table-sign-label {
        display: inline !important;
        overflow: hidden;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        opacity: 0.7 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .redesign-table-section #filesTable.dataTable tbody .redesign-table-action--delete .redesign-table-action-label,
    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__action--delete .redesign-table-action-label {
        color: #733331 !important;
        opacity: 0.7 !important;
    }

    .redesign-table-section #filesTable.dataTable tbody tr.redesign-doc-card img.redesign-table-action-icon {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
        flex-shrink: 0;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer {
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
        height: 56px;
        min-height: 56px;
        padding: 0 8px;
        gap: 4px;
        overflow: hidden;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_length {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        height: 55px;
        padding-right: 4px !important;
        white-space: nowrap;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_info {
        padding: 0 8px !important;
        white-space: nowrap;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .redesign-table-paginator__range-actions {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        min-width: 0;
        height: 40px;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate {
        gap: 0;
        flex-shrink: 0;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.first,
    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.last {
        display: none !important;
    }
}

/* Table header (Figma mat-header-row / header-cell-content) */
.redesign-table-section #filesTable.dataTable thead th {
    height: 42px !important;
    max-height: 42px !important;
    padding: 10px 8px !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    background-color: #ebf2f8 !important;
    background-image: none !important;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 11px !important;
    letter-spacing: 0.25px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    white-space: normal !important;
}

.redesign-table-section #filesTable.dataTable thead tr {
    background-color: #ebf2f8 !important;
}

.redesign-table-section #filesTable.dataTable thead th.sorting,
.redesign-table-section #filesTable.dataTable thead th.sorting_asc,
.redesign-table-section #filesTable.dataTable thead th.sorting_desc,
.redesign-table-section #filesTable.dataTable thead th.sorting_asc_disabled,
.redesign-table-section #filesTable.dataTable thead th.sorting_desc_disabled {
    background-image: none !important;
}

.redesign-table-section #filesTable.dataTable thead th:nth-child(1) {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: center !important;
}

.redesign-table-section #filesTable.dataTable thead th:nth-child(3) {
    width: 150px !important;
    min-width: 150px !important;
    text-align: left !important;
}

.redesign-table-section #filesTable.dataTable thead th:nth-child(4),
.redesign-table-section #filesTable.dataTable thead th:nth-child(5) {
    width: 100px !important;
    min-width: 100px !important;
    text-align: left !important;
}

.redesign-table-section #filesTable.dataTable thead th:nth-child(7),
.redesign-table-section #filesTable.dataTable thead th:nth-child(8),
.redesign-table-section #filesTable.dataTable thead th:nth-child(9),
.redesign-table-section #filesTable.dataTable thead th:nth-child(10) {
    text-align: center !important;
    white-space: nowrap !important;
}

.redesign-table-section #filesTable.dataTable thead th:nth-child(11) {
    width: 168px !important;
    min-width: 168px !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.redesign-table-section #filesTable.dataTable thead th:nth-child(12) {
    text-align: left !important;
}

@media screen and (min-width: 992px) {
    .redesign-table-section__title,
    h2.redesign-table-section__title {
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 22px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
    }

    .redesign-table-section #filesTable.dataTable thead tr {
        background-color: #ffffff !important;
    }

    .redesign-table-section #filesTable.dataTable thead th {
        height: 40px !important;
        max-height: 40px !important;
        font-family: var(--redesign-font) !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        color: rgba(0, 0, 0, 0.54) !important;
        text-transform: none !important;
        background-color: #ffffff !important;
        border-top: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    }

    .redesign-table-section #filesTable.dataTable thead th:nth-child(1) {
        text-align: center !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .redesign-table-section #filesTable.dataTable thead th:nth-child(1),
    .redesign-table-section #filesTable.dataTable thead th:nth-child(3) {
        text-transform: uppercase !important;
    }
}

/* Table header tooltip (Figma) */
.ui-tooltip.redesign-table-tooltip {
    padding: 8px 14px !important;
    background: #ebf2f8 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.54) !important;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 11px !important;
    letter-spacing: 0.25px !important;
    text-align: center !important;
    max-width: none !important;
}

.ui-tooltip.redesign-table-tooltip .ui-tooltip-content {
    padding: 0 !important;
    font: inherit !important;
    color: inherit !important;
}

.ui-tooltip.redesign-table-tooltip .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.ui-tooltip.redesign-table-tooltip .arrow.top {
    top: -16px;
    bottom: auto;
}

.ui-tooltip.redesign-table-tooltip .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    background: #ebf2f8 !important;
    border: none !important;
    box-shadow: 6px 5px 9px -9px rgba(0, 0, 0, 0.12) !important;
    transform: rotate(45deg);
}

.ui-tooltip.redesign-table-tooltip .arrow.top:after {
    bottom: -20px;
    top: auto;
}

/* Table body rows (Figma row-wrapper / mat-cell) — desktop only */
@media screen and (min-width: 992px) {
    .redesign-table-section #filesTable.dataTable,
    .redesign-table-section #filesTable.dataTable.no-footer {
        border-top: none !important;
        border-bottom: none !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th,
    .redesign-table-section #filesTable.dataTable tbody td {
        height: 48px !important;
        max-height: 48px !important;
        padding: 0 8px !important;
        border: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
        background: #ffffff !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 48px !important;
        letter-spacing: 0.25px !important;
        color: rgba(0, 0, 0, 0.87) !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }

    .redesign-table-section #filesTable.dataTable.cell-border tbody th,
    .redesign-table-section #filesTable.dataTable.cell-border tbody td {
        border-top: none !important;
        border-right: none !important;
        border-left: none !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th:first-child,
    .redesign-table-section #filesTable.dataTable tbody td:first-child,
    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__index {
        width: 80px !important;
        min-width: 80px !important;
        max-width: 80px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        text-align: center !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th:nth-child(3),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(3) {
        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;
        text-align: left !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th:nth-child(4),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(4),
    .redesign-table-section #filesTable.dataTable tbody th:nth-child(5),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(5) {
        width: 100px !important;
        min-width: 100px !important;
        text-align: left !important;
        white-space: normal !important;
        line-height: 12px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th:nth-child(7),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(7),
    .redesign-table-section #filesTable.dataTable tbody th:nth-child(8),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(8),
    .redesign-table-section #filesTable.dataTable tbody th:nth-child(9),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(9),
    .redesign-table-section #filesTable.dataTable tbody th:nth-child(10),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(10) {
        text-align: center !important;
        line-height: normal !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        white-space: nowrap !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th:nth-child(11),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(11) {
        width: 168px !important;
        min-width: 168px !important;
        max-width: 168px !important;
        text-align: left !important;
        white-space: normal !important;
        overflow: hidden !important;
        line-height: 16px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        color: rgba(0, 0, 0, 0.87) !important;
        font-weight: 400 !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th:nth-child(11).success-style,
    .redesign-table-section #filesTable.dataTable tbody th:nth-child(11).error-style,
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(11).success-style,
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(11).error-style {
        color: rgba(0, 0, 0, 0.87) !important;
        font-weight: 400 !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th:nth-child(12),
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(12) {
        text-align: left !important;
        padding-right: 24px !important;
        line-height: normal !important;
        vertical-align: middle !important;
        background: #ffffff !important;
    }

    .redesign-table-section #filesTable.dataTable tbody th:nth-child(11).success-style,
    .redesign-table-section #filesTable.dataTable tbody th:nth-child(11).error-style,
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(11).success-style,
    .redesign-table-section #filesTable.dataTable tbody td:nth-child(11).error-style,
    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__source.success-style,
    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__source.error-style {
        color: rgba(0, 0, 0, 0.87) !important;
        font-weight: 400 !important;
        background: #ffffff !important;
    }

    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__status {
        background: #ffffff !important;
    }

    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__status-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        height: 24px;
        padding: 4px 9px;
        border-radius: 4px;
        box-sizing: border-box;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        text-align: center;
        white-space: nowrap;
    }

    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__status.error-style .redesign-doc-card__status-chip {
        background: #ffdad6;
        color: #733331 !important;
    }

    .redesign-table-section #filesTable.dataTable tbody .redesign-doc-card__status.success-style .redesign-doc-card__status-chip {
        background: #c8eea8;
        color: #304f1a !important;
    }
}

.redesign-table-section #filesTable.dataTable tbody .btn.btn-light {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: normal !important;
}

.redesign-table-section #filesTable.dataTable tbody .btn.btn-light:hover,
.redesign-table-section #filesTable.dataTable tbody .btn.btn-light:focus,
.redesign-table-section #filesTable.dataTable tbody .btn.btn-light:active,
.redesign-table-section #filesTable.dataTable tbody .btn.btn-light:focus-visible,
.redesign-table-section #filesTable.dataTable tbody .btn.btn-light.active {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.redesign-table-section #filesTable.dataTable tbody a.btn.btn-light.disabled-links:focus,
.redesign-table-section #filesTable.dataTable tbody a.btn.btn-light.disabled-links:active {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.redesign-table-section #filesTable img.redesign-table-action-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 auto !important;
}

.redesign-table-section #filesTable .redesign-table-action-icon--disabled {
    opacity: 0.38;
}

.redesign-table-section #filesTable .redesign-table-sign-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 20px;
}

.redesign-table-section #filesTable .redesign-table-sign-action .redesign-table-action-icon {
    margin: 0 !important;
}

.redesign-table-section #filesTable .redesign-table-sign-action--disabled {
    pointer-events: none;
}

.redesign-table-section #filesTable.dataTable tbody .redesign-table-sign-action--disabled .redesign-table-sign-label,
.redesign-table-section #filesTable .redesign-table-sign-action--disabled .redesign-table-sign-label {
    color: #A9AEB6 !important;
    opacity: 1 !important;
}

.redesign-table-section #filesTable .redesign-table-sign-label {
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 0.25px !important;
    color: #003259 !important;
    white-space: nowrap;
}

.redesign-table-section #filesTable .redesign-table-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 20px;
}

.redesign-table-section #filesTable .redesign-table-action .redesign-table-action-icon {
    margin: 0 !important;
}

.redesign-table-section #filesTable .redesign-table-action-label {
    display: none;
}

@media screen and (min-width: 992px) {
    .redesign-table-section #filesTable img.redesign-table-action-icon {
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
    }

    .redesign-table-section #filesTable .redesign-table-action,
    .redesign-table-section #filesTable .redesign-table-sign-action {
        gap: 0;
        min-height: 20px;
    }

    .redesign-table-section #filesTable .redesign-table-action-label,
    .redesign-table-section #filesTable .redesign-table-sign-label,
    .redesign-table-section #filesTable .redesign-table-action--delete .redesign-table-action-label,
    .redesign-table-section #filesTable .redesign-doc-card__action--delete .redesign-table-action-label {
        display: none !important;
    }
}

/* Table paginator (mat-paginator) */
.redesign-table-section .dataTables_wrapper .redesign-table-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    min-height: 56px;
    height: 56px;
    padding: 0 8px;
    box-sizing: border-box;
    clear: both;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_length,
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_info,
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate {
    float: none !important;
    clear: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    letter-spacing: 0 !important;
    color: rgba(0, 0, 0, 0.54) !important;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_length {
    flex: 0 0 auto;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_length .redesign-table-paginator__length-label {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0 4px;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    color: rgba(0, 0, 0, 0.54) !important;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_length .redesign-table-paginator__page-size {
    min-width: 56px;
    width: 56px;
    height: 22px;
    margin: 0;
    padding: 0 18px 1px 4px;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42) !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'%3E%3Cpath d='M0 0L5 5L10 0H0Z' fill='%23000000' fill-opacity='0.54'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 4px center !important;
    box-shadow: none !important;
    box-sizing: border-box;
    font-family: Roboto, var(--redesign-font) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    color: rgba(0, 0, 0, 0.87) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_info {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 32px 0 24px !important;
    white-space: nowrap;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .redesign-table-paginator__range-actions {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    height: 40px;
    min-height: 40px;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 20px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button .redesign-table-paginator__icon {
    display: block;
    width: 40px;
    height: 40px;
    opacity: 1;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.disabled .redesign-table-paginator__icon {
    opacity: 0.54;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button:hover,
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button:active,
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button:focus {
    border: none !important;
    background: rgba(0, 0, 0, 0.04) !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.disabled,
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.disabled:hover,
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.disabled:active {
    border: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: transparent !important;
    cursor: default;
}

.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button:not(.disabled),
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button:not(.disabled):hover,
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button:not(.disabled):active,
.redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button:not(.disabled):focus {
    color: transparent !important;
}

@media screen and (min-width: 992px) {
    .redesign-table-section .dataTables_wrapper .redesign-table-footer {
        justify-content: flex-end;
        height: 56px;
        min-height: 56px;
        padding: 0 8px;
        background: #ffffff;
        flex-wrap: nowrap;
        gap: 0;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_length {
        display: inline-flex;
        align-items: center;
        height: 55px;
        padding-right: 8px !important;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_length .redesign-table-paginator__page-size {
        width: 56px;
        min-width: 56px;
        height: 31px;
        margin: 6px 4px 0 4px;
        padding: 9px 18px 8px 5.5px;
        border-radius: 0 !important;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_info {
        padding: 0 32px 0 24px !important;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .redesign-table-paginator__range-actions {
        height: 40px;
        min-height: 40px;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate {
        gap: 10px;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.first,
    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.last {
        display: none !important;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button {
        min-width: 40px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 20px !important;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button .redesign-table-paginator__icon {
        width: 40px;
        height: 40px;
    }

    .redesign-table-section .dataTables_wrapper .redesign-table-footer .dataTables_paginate .paginate_button.disabled .redesign-table-paginator__icon {
        opacity: 0.38;
    }
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer.redesign-footer__main {
    color: #003964;
    background: #fff;
}

footer.redesign-footer__main .redesign-footer__copy,
footer.redesign-footer__main .redesign-footer__copy.copy {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 0 !important;
}

footer.redesign-footer__main .redesign-footer__copy,
footer.redesign-footer__main .redesign-footer__copy a,
footer.redesign-footer__main .redesign-footer__copy a:hover {
    color: #41484d !important;
}

.redesign-footer .foot-top.redesign-footer__top a {
    color: #003964 !important;
    border-top: none !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    padding: 10px 16px !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
}

.redesign-footer {
    width: 100%;
    background: #fff;
    color: #003964;
}

.redesign-footer__inner {
    width: 100%;
    max-width: var(--redesign-max-width);
    margin: 0 auto;
    padding-left: 121px;
    padding-right: 121px;
    box-sizing: border-box;
}

.redesign-footer__top-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    transform: translateY(-50%);
    background: #003964;
    z-index: 0;
}

.redesign-footer .foot-top.redesign-footer__top {
    position: relative !important;
    bottom: auto !important;
    top: auto !important;
    height: 48px;
    background: #fff;
    color: #003964;
    padding: 0;
    z-index: 1;
}

.redesign-footer .foot-top.redesign-footer__top.visible {
    bottom: auto !important;
}

.redesign-footer .foot-top.redesign-footer__top .redesign-footer__inner {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 48px;
}

.redesign-footer__back-top-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 10px 16px;
    margin-left: auto;
    border: none;
    background: #fff;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
}

.redesign-footer__back-top-link::after {
    display: none !important;
    content: none !important;
}

.redesign-footer__back-top-text {
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #003964;
    white-space: nowrap;
}

.redesign-footer__back-top-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
}

.redesign-footer__back-top-icon--mobile,
.redesign-footer__brand-mobile-logo,
.redesign-footer__home-indicator {
    display: none;
}

.redesign-footer__brand-row--mobile {
    display: none !important;
}

.redesign-footer__main {
    color: #003964;
    background: #fff;
}

.redesign-footer__content-wrap {
    position: relative;
    z-index: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.redesign-footer__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    max-width: 1198px;
    margin: 0 auto;
}

.redesign-footer__left {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 599px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 28px;
    padding-bottom: 28px;
    box-sizing: border-box;
}

.redesign-footer__brand {
    display: flex;
    flex-direction: column;
}

.redesign-footer__brand-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
}

.redesign-footer__brand-icon {
    display: block;
    width: 32px;
    height: 44px;
    flex-shrink: 0;
    object-fit: contain;
    object-position: left center;
}

.redesign-footer__brand-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.redesign-footer__title {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    line-height: 17px;
    letter-spacing: 0;
    color: #003964;
}

.redesign-footer__title-main {
    font-weight: 700;
}

.redesign-footer__title-domain {
    font-weight: 500;
}

.redesign-footer__subtitle {
    margin: 0;
    max-width: 134px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: 0;
    color: #727e9a;
}

.redesign-footer__copy {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #41484d;
}

.redesign-footer__copy a {
    color: #41484d;
    font-weight: 500;
    text-decoration: underline;
}

.redesign-footer__copy a:hover {
    color: #41484d;
    text-decoration: underline;
}

.redesign-footer__ite-link,
.redesign-footer__ite-link:hover,
footer.redesign-footer__main .redesign-footer__copy a.redesign-footer__ite-link,
footer.redesign-footer__main .redesign-footer__copy a.redesign-footer__ite-link:hover {
    color: #003964 !important;
    font-weight: 500;
    text-decoration: underline !important;
}

.redesign-footer__social {
    width: auto;
    padding-top: 28px;
    padding-bottom: 28px;
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-start;
    gap: 8px;
    height: auto;
    min-height: 0;
    box-sizing: border-box;
    list-style: none;
}

.redesign-footer__social li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.redesign-footer__social li a {
    display: block;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    text-decoration: none;
}

.redesign-footer__social-icon {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.redesign-footer__bottom {
    width: 100%;
    background: transparent;
}

.redesign-footer__bottom .redesign-footer__inner {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

.redesign-footer__nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
    max-width: 1198px;
    margin: 0 auto;
    min-height: 48px;
    padding: 16px;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(179, 195, 208, 0.3) 0%, rgba(179, 195, 208, 1) 100%);
}

.redesign-footer__nav-link {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #36618e !important;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
}

.redesign-footer__nav-link:hover {
    color: #003964 !important;
    text-decoration: underline;
}

@media screen and (max-width: 1199px) {
    .redesign-footer__inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .redesign-footer__content {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .redesign-footer__left {
        max-width: none;
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .redesign-footer__social {
        justify-content: flex-start;
        align-self: flex-start;
        padding-top: 28px;
        padding-bottom: 28px;
    }
}

@media screen and (max-width: 991px) {
    .redesign-footer {
        background: #ffffff;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    footer.redesign-footer__main {
        background: #ffffff;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .redesign-footer__inner {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .redesign-footer .foot-top.redesign-footer__top {
        height: 5px;
        min-height: 5px;
        background: #ffffff;
        overflow: hidden;
    }

    .redesign-footer .foot-top.redesign-footer__top .redesign-footer__inner {
        display: none !important;
    }

    .redesign-footer__top-line {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        height: 5px;
        background: #003964;
    }

    .redesign-footer .foot-top.redesign-footer__top a.redesign-footer__back-top-link {
        display: none !important;
    }

    .redesign-footer__content-wrap {
        padding-top: 8px;
        padding-bottom: 0;
    }

    .redesign-footer__content {
        flex-direction: column;
        align-items: center;
        gap: 0;
        max-width: none;
        width: 100%;
    }

    .redesign-footer__left {
        align-items: center;
        width: 100%;
        max-width: none;
        padding-top: 28px;
        padding-bottom: 0;
        gap: 16px;
        box-sizing: border-box;
    }

    .redesign-footer__brand {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .redesign-footer__brand-row--desktop {
        display: none !important;
    }

    .redesign-footer__brand-row--mobile {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: auto !important;
        max-width: 280px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .redesign-footer__brand-icon-mobile {
        display: block !important;
        width: 30px !important;
        height: 40px !important;
        min-width: 30px !important;
        min-height: 40px !important;
        max-width: 30px !important;
        max-height: 40px !important;
        flex-shrink: 0 !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .redesign-footer__brand-text--mobile {
        display: flex !important;
        flex: 0 1 auto !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 0 !important;
        width: auto !important;
        max-width: 242px !important;
        min-width: 0 !important;
        text-align: left !important;
    }

    .redesign-footer__title--mobile {
        margin: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        letter-spacing: 0.15px !important;
        color: #003964 !important;
        white-space: nowrap !important;
    }

    .redesign-footer__subtitle--mobile {
        margin: 0 !important;
        max-width: 242px !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        white-space: nowrap !important;
    }

    footer.redesign-footer__main .redesign-footer__copy,
    footer.redesign-footer__main .redesign-footer__copy.copy {
        display: block !important;
        width: 100% !important;
        max-width: 342px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #8a9199 !important;
    }

    footer.redesign-footer__main .redesign-footer__copy a,
    footer.redesign-footer__main .redesign-footer__copy a:hover {
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #8a9199 !important;
        text-decoration: underline !important;
    }

    footer.redesign-footer__main .redesign-footer__copy a.redesign-footer__ite-link,
    footer.redesign-footer__main .redesign-footer__copy a.redesign-footer__ite-link:hover {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    .redesign-footer__social {
        display: flex !important;
        justify-content: center !important;
        align-self: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 342px !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 0 auto 10px !important;
        padding: 16px 0 !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    .redesign-footer__social li a {
        width: 24px !important;
        height: 24px !important;
    }

    .redesign-footer__social-icon {
        width: 24px !important;
        height: 24px !important;
        opacity: 1 !important;
    }

    .redesign-footer__bottom {
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .redesign-footer__bottom .redesign-footer__inner {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 0;
        max-width: none;
        width: 100%;
        padding: 0 24px !important;
        box-sizing: border-box;
    }

    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 342px !important;
        min-height: 28px !important;
        height: 28px !important;
        margin: 0 auto !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        background: linear-gradient(180deg, rgba(179, 195, 208, 0.3) 0%, #ffffff 100%) !important;
        border-radius: 0 !important;
    }

    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav-link {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: none !important;
        height: 28px !important;
        min-height: 28px !important;
        padding: 6px 12px !important;
        gap: 4px !important;
        border-radius: 12px !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        background: transparent !important;
        margin: 0 !important;
    }

    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav-link:hover {
        color: #003964 !important;
        text-decoration: none !important;
    }

    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav-link[key="foot-nav-brandbook"],
    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav-link:last-child {
        display: none !important;
    }

    .redesign-footer__home-indicator {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 21px;
        margin: 0;
        padding: 0;
        background: #ffffff;
        box-sizing: border-box;
    }

    .redesign-footer__home-indicator-bar {
        display: block;
        width: 134px;
        height: 4px;
        border-radius: 100px;
        background: #000000;
    }
}

@media screen and (min-width: 992px) {
    .redesign-footer__inner {
        width: 100%;
        max-width: 1280px;
        padding-left: 41px;
        padding-right: 41px;
    }

    .redesign-footer__brand-row--mobile,
    .redesign-footer__home-indicator {
        display: none !important;
    }

    .redesign-footer__brand-row--desktop {
        display: flex !important;
        align-items: center;
        gap: 12px;
        width: max-content;
        min-height: 54px;
        height: 54px;
    }

    .redesign-footer .foot-top.redesign-footer__top {
        height: auto;
        min-height: 0;
        padding-top: 25px;
        overflow: visible;
        background: #fff;
    }

    .redesign-footer .foot-top.redesign-footer__top .redesign-footer__inner {
        display: none !important;
    }

    .redesign-footer__top-line {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        height: 5px;
        background: #003964;
    }

    .redesign-footer .foot-top.redesign-footer__top a.redesign-footer__back-top-link {
        display: none !important;
    }

    .redesign-footer__content-wrap {
        padding-top: 0;
        padding-bottom: 0;
    }

    .redesign-footer__content {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0;
        max-width: 1198px;
        width: 100%;
        margin: 0 auto;
    }

    .redesign-footer__left {
        flex: 1 1 0;
        width: auto;
        max-width: 599px;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-top: 28px;
        padding-bottom: 28px;
        box-sizing: border-box;
        align-items: flex-start;
    }

    .redesign-footer__brand {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: auto;
    }

    .redesign-footer__brand-icon {
        width: 40px;
        height: 54px;
        object-fit: contain;
        object-position: left center;
        flex-shrink: 0;
    }

    .redesign-footer__brand-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: max-content;
        min-width: max-content;
        height: auto;
        overflow: visible;
    }

    .redesign-footer__title {
        margin: 0;
        font-family: var(--redesign-font);
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 0;
        color: #003964;
        white-space: nowrap;
    }

    .redesign-footer__title-main,
    .redesign-footer__title-domain {
        font-weight: 700;
    }

    .redesign-footer__subtitle {
        margin: 0;
        max-width: none;
        width: max-content;
        height: 20px;
        font-family: var(--redesign-font);
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: rgba(37, 57, 101, 0.5);
        white-space: nowrap;
        overflow: visible;
    }

    footer.redesign-footer__main .redesign-footer__copy,
    footer.redesign-footer__main .redesign-footer__copy.copy {
        display: block !important;
        width: 100%;
        max-width: 599px;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left;
        font-family: var(--redesign-font);
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: #41484d;
    }

    footer.redesign-footer__main .redesign-footer__copy a,
    footer.redesign-footer__main .redesign-footer__copy a:hover {
        color: #41484d !important;
        font-weight: 500;
        text-decoration: underline;
    }

    footer.redesign-footer__main .redesign-footer__copy a.redesign-footer__ite-link,
    footer.redesign-footer__main .redesign-footer__copy a.redesign-footer__ite-link:hover {
        color: #003964 !important;
        font-weight: 500;
        text-decoration: underline !important;
    }

    .redesign-footer__social {
        flex: 1 1 0;
        width: auto;
        max-width: 599px;
        min-width: 0;
        height: 80px;
        min-height: 80px;
        margin: 0;
        padding-top: 28px;
        padding-bottom: 28px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        align-self: flex-start;
        gap: 10px;
        box-sizing: border-box;
        list-style: none;
    }

    .redesign-footer__social li a {
        width: 24px;
        height: 24px;
    }

    .redesign-footer__social-icon {
        width: 24px;
        height: 24px;
        opacity: 1;
    }

    .redesign-footer__bottom {
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .redesign-footer__bottom .redesign-footer__inner {
        display: flex;
        align-items: center;
        min-height: 32px;
        padding-top: 0;
        padding-bottom: 0;
    }

    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
        max-width: 1198px;
        min-height: 32px;
        height: 32px;
        margin: 0 auto;
        padding: 0 16px;
        box-sizing: border-box;
        background: linear-gradient(180deg, rgba(179, 195, 208, 0.3) 0%, #b3c3d0 100%);
        border-radius: 0;
        overflow: hidden;
    }

    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav-link {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 32px;
        min-height: 32px;
        padding: 6px 12px;
        gap: 4px;
        border-radius: 12px;
        font-family: var(--redesign-font);
        font-weight: 500;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.5px;
        color: #003964 !important;
        text-decoration: none;
        white-space: nowrap;
        box-sizing: border-box;
        background: transparent;
        margin: 0;
    }

    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav-link:hover {
        color: #003964 !important;
        text-decoration: none;
    }

    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav-link[key="foot-nav-brandbook"],
    footer.redesign-footer__main .redesign-footer__bottom .redesign-footer__nav-link:last-child {
        display: none !important;
    }
}

/* ==========================================================================
   CA body (documents & information section)
   ========================================================================== */

.redesign-ca-page > h2 {
    display: none;
}

.redesign-ca-page .sub-header {
    display: none !important;
}

.redesign-ca {
    background: #fff;
}

.redesign-ca__inner {
    width: 100%;
    max-width: var(--redesign-max-width);
    margin: 0 auto;
    padding: 40px 156px 56px;
    box-sizing: border-box;
}

.redesign-ca__title {
    margin: 0 0 32px;
    padding: 0;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    color: #003259;
}

.redesign-ca__layout.container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.redesign-ca__layout .page-content.redesign-ca__main {
    padding: 0 !important;
}

.redesign-ca__layout.side-split > div {
    width: auto;
}

/* Sidebar */

.redesign-ca__aside {
    width: 360px;
    margin: 0 32px 0 0;
    padding: 0;
    flex-shrink: 0;
}

.side-split > aside.redesign-ca__aside {
    width: 360px !important;
    margin-right: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.redesign-ca__aside-inner {
    position: static;
}

.redesign-ca__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.redesign-ca__menu > li {
    margin: 0;
    padding: 0;
    border: none !important;
    background: none !important;
    position: relative;
}

.redesign-ca__menu > li::after {
    display: none !important;
    content: none !important;
}

.redesign-ca__menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 15px;
    text-decoration: none;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: #263965 !important;
    background: #fff !important;
    border-radius: 4px;
}

.redesign-ca__menu-text {
    flex: 1 1 auto;
    min-width: 0;
}

.redesign-ca__menu-arrow {
    flex-shrink: 0;
    display: block;
    width: 17px;
    height: 17px;
    background: url("../img_redesign/arrow-right-s-line-new.svg") no-repeat center / contain;
}

aside.redesign-ca__aside .redesign-ca__menu-link > img,
aside.redesign-ca__aside .redesign-ca__menu-link::before,
aside.redesign-ca__aside .redesign-ca__menu-link::after,
aside.redesign-ca__aside .redesign-ca__menu > li::before,
aside.redesign-ca__aside .redesign-ca__menu > li::after,
aside.redesign-ca__aside .redesign-ca__menu-text::before,
aside.redesign-ca__aside .redesign-ca__menu-text::after,
aside.redesign-ca__aside .redesign-ca__menu-arrow::before,
aside.redesign-ca__aside .redesign-ca__menu-arrow::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
}

.redesign-ca__menu > li:hover,
.redesign-ca__menu > li:focus,
.redesign-ca__menu > li.active,
.redesign-ca__menu > li.active:hover,
.redesign-ca__menu > li.active:focus {
    background: none !important;
    color: inherit !important;
}

.redesign-ca__menu > li:hover .redesign-ca__menu-link,
.redesign-ca__menu > li:focus .redesign-ca__menu-link {
    color: #263965 !important;
}

.redesign-ca__menu > li.active .redesign-ca__menu-link {
    color: #263965 !important;
    font-weight: 500;
    background: rgba(88, 144, 220, 0.15) !important;
    border-radius: 4px;
}

.side-split > aside.redesign-ca__aside ul.redesign-ca__menu {
    border: none !important;
}

.side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li {
    border-top: none !important;
    line-height: normal;
}

.side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li > a {
    padding: 10px 15px !important;
    display: flex !important;
}

.side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li.active > a {
    background: rgba(88, 144, 220, 0.15) !important;
    border-radius: 4px;
}

.side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li.active,
.side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li.active:hover,
.side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li:hover {
    background: none !important;
    color: inherit !important;
}

.side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li.active::after {
    display: none !important;
    content: none !important;
}

/* Main content */

.redesign-ca__main {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 744px;
    padding: 0;
}

.redesign-ca__content {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.redesign-ca__text {
    margin: 0;
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #41484d;
}

.redesign-ca__text + .redesign-ca__text,
.redesign-ca__links-title {
    margin-top: 16px;
}

.redesign-ca__page-title,
h2.redesign-ca__page-title,
.redesign-ca__section-title,
h2.redesign-ca__section-title {
    margin-bottom: 0;
    padding: 0;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #263965 !important;
}

.redesign-ca__links-title,
h2.redesign-ca__links-title {
    margin-bottom: 0;
    padding: 0;
    font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #263965 !important;
}

.redesign-ca__page-title,
h2.redesign-ca__page-title,
.redesign-ca__section-title,
h2.redesign-ca__section-title {
    margin-top: 0;
}

.redesign-ca__text + .redesign-ca__section-title,
.redesign-ca__docs + .redesign-ca__section-title {
    margin-top: 32px;
}

.redesign-ca__section-title + .redesign-ca__docs {
    margin-top: 32px;
}

.redesign-ca__page-title + .redesign-ca__text {
    margin-top: 16px;
}

/* Mobile-only section dropdown (hidden on desktop/tablet landscape) */
.redesign-ca__section-select {
    display: none;
}

.redesign-ca__content .help-link {
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 50, 89, 0.7) !important;
    background: transparent !important;
    border-bottom: none !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.redesign-ca__content .help-link:hover,
.redesign-ca__content .help-link:focus {
    color: rgba(0, 50, 89, 0.85) !important;
}

.redesign-ca__content p.redesign-ca__text .p-ca {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.redesign-ca__text + .redesign-ca__list {
    margin-top: 16px !important;
}

.redesign-ca__list + .redesign-ca__text {
    margin-top: 16px;
}

.redesign-ca__list {
    margin: 0;
    padding: 0 0 0 24px;
    list-style: decimal;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.redesign-ca__list > li {
    display: list-item !important;
    margin: 0;
    padding: 0;
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #41484d !important;
    text-align: justify;
}

.redesign-ca__list > li + li {
    margin-top: 0 !important;
}

.redesign-ca__content strong {
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 600;
    color: #41484d;
}

.redesign-ca__list > li::after,
.redesign-ca__content .plain-services li::after {
    display: none !important;
    content: none !important;
}

.redesign-ca__content .ul-list-cloud {
    margin: 0;
}

.redesign-ca__content .numbers {
    color: #41484d !important;
    font-size: 16px;
    line-height: 24px;
    margin: 0 !important;
    text-align: justify;
    display: list-item !important;
}

.redesign-ca__page-title + .redesign-ca__docs {
    margin-top: 16px;
}

.redesign-ca__docs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    box-sizing: border-box;
}

.redesign-ca__doc {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding: 15px;
    background: #f7f7f7;
    border-radius: 3px;
    box-sizing: border-box;
}

.redesign-ca__doc-icon {
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 0;
}

.redesign-ca__doc-icon img {
    display: block;
    width: 24px;
    height: 24px;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain;
    object-position: center;
}

.redesign-ca__doc-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.redesign-ca__doc-title {
    margin: 0;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #263965;
}

.redesign-ca__doc-link {
    display: inline-block;
    align-self: flex-start;
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: rgba(0, 50, 89, 0.7) !important;
    background: transparent !important;
    border-bottom: none !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.redesign-ca__doc-link:hover,
.redesign-ca__doc-link:focus {
    color: rgba(0, 50, 89, 0.85) !important;
}

.redesign-ca__doc-meta {
    margin: 0;
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #41484d;
}

.redesign-ca__page-title + .redesign-ca__certs {
    margin-top: 16px;
}

.redesign-ca__certs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    box-sizing: border-box;
}

.redesign-ca__cert {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding: 15px;
    background: #f7f7f7;
    border-radius: 3px;
    box-sizing: border-box;
}

.redesign-ca__cert-icon {
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 0;
}

.redesign-ca__cert-icon img {
    display: block;
    width: 24px;
    height: 24px;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain;
    object-position: center;
}

.redesign-ca__cert-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.redesign-ca__cert-link {
    display: inline-block;
    align-self: flex-start;
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: rgba(0, 50, 89, 0.7) !important;
    background: transparent !important;
    border-bottom: none !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.redesign-ca__cert-link:hover,
.redesign-ca__cert-link:focus {
    color: rgba(0, 50, 89, 0.85) !important;
}

.redesign-ca__cert-meta {
    margin: 0;
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #41484d;
}

.redesign-ca__cert-download {
    flex-shrink: 0;
    align-self: center;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 0;
}

.redesign-ca__cert-download img {
    display: block;
    width: 24px;
    height: 24px;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain;
    object-position: center;
}

.redesign-ca__links-title,
h2.redesign-ca__links-title {
    margin-top: 16px;
}

.redesign-ca__links {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.redesign-ca__links > li {
    margin: 0;
    padding: 0;
}

.redesign-ca__links > li::after {
    display: none !important;
    content: none !important;
}

.redesign-ca__link {
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
    min-height: 24px;
    text-decoration: none !important;
    border-bottom: none !important;
    background: transparent !important;
    font-weight: 400 !important;
    color: inherit !important;
}

.redesign-ca__link span {
    font-family: var(--redesign-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: rgba(0, 50, 89, 0.7);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.redesign-ca__link:hover span,
.redesign-ca__link:focus span {
    color: rgba(0, 50, 89, 0.85);
    text-decoration: underline;
}

.redesign-ca__link-icon {
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain;
    object-position: center;
}

.redesign-ca__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

.redesign-ca__rich-card {
    display: none;
}

.redesign-ca__useful-links {
    display: contents;
}

.redesign-ca__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 5px;
    font-family: Roboto, Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
}

.redesign-ca__btn-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.redesign-ca__btn--outline {
    color: #263965 !important;
    background: #fff;
    border: 1px solid #d3d8dc;
}

.redesign-ca__btn--outline:hover,
.redesign-ca__btn--outline:focus {
    color: #263965 !important;
    background: #f7f7f7;
    border-color: #c5ccd3;
    text-decoration: none;
}

.redesign-ca__btn--primary {
    color: #fff !important;
    background: #263965;
    border: 1px solid #263965;
}

.redesign-ca__btn--primary:hover,
.redesign-ca__btn--primary:focus {
    color: #fff !important;
    background: #1f2f52;
    border-color: #1f2f52;
    text-decoration: none;
}

.redesign-ca .main-content,
.redesign-ca .main-content > li,
.redesign-ca .cl-content {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media screen and (max-width: 1199px) {
    .redesign-ca__inner {
        padding: 32px 30px 40px;
    }

    .redesign-ca__layout.container {
        flex-direction: column;
        gap: 0;
    }

    .redesign-ca__aside {
        width: 100%;
        margin: 0 0 24px;
    }

    .side-split > aside.redesign-ca__aside {
        margin-right: 0 !important;
    }

    .redesign-ca__main {
        max-width: none;
    }

    .redesign-ca__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    .redesign-ca__title {
        font-size: 24px;
    }

    .redesign-ca__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .redesign-ca__btn {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .redesign-ca-page section.breadcrumbs.redesign-breadcrumbs {
        display: none !important;
    }

    .redesign-ca__inner {
        padding: 24px 16px 32px;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

    .content-list.redesign-ca {
        width: 100%;
    }

    .redesign-ca__aside,
    .side-split > aside.redesign-ca__aside {
        display: none !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .redesign-ca__layout.container {
        flex-direction: column;
        gap: 0;
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .redesign-ca__layout.side-split > div.page-content.redesign-ca__main {
        width: 100% !important;
        max-width: none !important;
        flex: 1 1 auto;
    }

    .redesign-ca__main {
        max-width: none;
        width: 100%;
    }

    .redesign-ca__content {
        width: 100%;
        align-self: stretch;
    }

    .redesign-ca__intro-copy + .redesign-ca__useful-links {
        margin-top: 32px !important;
    }

    /* Subpage intro (e.g. potpis_u_klaudu): Figma title+description block */
    .redesign-ca-page .redesign-ca__inner:has(.redesign-ca__intro-copy > .redesign-ca__page-title),
    .redesign-ca-page .redesign-ca__inner:has(.redesign-ca__section-select) {
        padding: 16px 16px 24px !important;
    }

    /* Figma SidebarContainer: padding 16 all sides (title + body/docs/certs, no section select) */
    .redesign-ca-page .redesign-ca__inner:has(.redesign-ca__intro-copy > .redesign-ca__page-title):has(.redesign-ca__intro-copy > .redesign-ca__intro-body):not(:has(.redesign-ca__section-select)),
    .redesign-ca-page .redesign-ca__inner:has(.redesign-ca__intro-copy > .redesign-ca__page-title):has(.redesign-ca__intro-copy > .redesign-ca__docs):not(:has(.redesign-ca__section-select)),
    .redesign-ca-page .redesign-ca__inner:has(.redesign-ca__intro-copy > .redesign-ca__page-title):has(.redesign-ca__intro-copy > .redesign-ca__certs):not(:has(.redesign-ca__section-select)) {
        padding: 16px !important;
    }

    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 16px 8px !important;
        box-sizing: border-box !important;
    }

    /* Figma ConsentID InfoContainer: gap 32 title → body/docs/certs; pad via SidebarContainer */
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__intro-body):not(.redesign-ca__intro-copy--with-section-select),
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__docs):not(.redesign-ca__intro-copy--with-section-select),
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__certs):not(.redesign-ca__intro-copy--with-section-select) {
        gap: 32px !important;
        padding: 0 !important;
    }

    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__intro-body):not(.redesign-ca__intro-copy--with-section-select) > .redesign-ca__page-title,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__intro-body):not(.redesign-ca__intro-copy--with-section-select) > h2.redesign-ca__page-title,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__docs):not(.redesign-ca__intro-copy--with-section-select) > .redesign-ca__page-title,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__docs):not(.redesign-ca__intro-copy--with-section-select) > h2.redesign-ca__page-title,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__certs):not(.redesign-ca__intro-copy--with-section-select) > .redesign-ca__page-title,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):has(> .redesign-ca__certs):not(.redesign-ca__intro-copy--with-section-select) > h2.redesign-ca__page-title {
        margin: 0 !important;
    }

    /* ConsentID Info Container: title + section select + body, gap 32 */
    .redesign-ca__intro-copy--with-section-select {
        display: flex !important;
        flex-direction: column !important;
        gap: 32px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__intro-copy--with-section-select:has(> .redesign-ca__page-title) {
        padding: 0 !important;
        gap: 32px !important;
    }

    .redesign-ca-page h2.redesign-ca__page-title,
    .redesign-ca-page h2.redesign-ca__section-title {
        margin: 0 !important;
    }

    .redesign-ca-page h1.redesign-ca__title,
    .redesign-ca-page h2.redesign-ca__page-title,
    .redesign-ca-page h2.redesign-ca__section-title,
    .redesign-ca-page .redesign-ca__content h2.redesign-ca__page-title,
    .redesign-ca-page .redesign-ca__intro-copy > h2.redesign-ca__page-title,
    .redesign-ca-page .redesign-ca__intro-copy > h2.lang1.redesign-ca__page-title {
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    /* Figma: first gap title → text = 48px on all CA pages */
    .redesign-ca-page h1.redesign-ca__title {
        margin: 0 0 48px !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) h1.redesign-ca__title,
    .redesign-ca-page--procedure h1.redesign-ca__title,
    .redesign-ca-page--revocation h1.redesign-ca__title,
    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) h1.redesign-ca__title,
    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) h1.redesign-ca__title {
        display: none !important;
    }

    /* Index + section select: title → dropdown gap 32 */
    .redesign-ca-page:has(.redesign-ca__section-select) h1.redesign-ca__title {
        margin: 0 0 32px !important;
        max-width: none !important;
    }

    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) > .redesign-ca__page-title,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) > h2.redesign-ca__page-title {
        margin: 0 0 32px !important;
        max-width: none !important;
    }

    .redesign-ca__intro-copy--with-section-select > .redesign-ca__page-title,
    .redesign-ca__intro-copy--with-section-select > h2.redesign-ca__page-title {
        margin: 0 !important;
        max-width: none !important;
    }

    /* Section select – Figma Password Field */
    .redesign-ca__section-select {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__section-select-label-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 4px !important;
        width: auto !important;
        min-height: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca__section-select-label {
        margin: 0 !important;
        padding: 0 !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #41484d !important;
    }

    .redesign-ca__section-select-required {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #ba1a1a !important;
        vertical-align: middle !important;
    }

    .redesign-ca__section-select-field {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__section-select-trigger {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 56px !important;
        margin: 0 !important;
        padding: 4px 48px 4px 16px !important;
        box-sizing: border-box !important;
        border: 1px solid #71787e !important;
        border-radius: 4px !important;
        background: #ffffff !important;
        gap: 4px !important;
        cursor: pointer !important;
        text-align: left !important;
    }

    .redesign-ca__section-select-trigger:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .redesign-ca__section-select.is-open .redesign-ca__section-select-trigger {
        border-color: #003964 !important;
    }

    .redesign-ca__section-select-value {
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #191c20 !important;
    }

    .redesign-ca__section-select-arrow {
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%) !important;
        pointer-events: none !important;
        object-fit: contain !important;
        transition: transform 0.15s ease !important;
    }

    .redesign-ca__section-select.is-open .redesign-ca__section-select-arrow {
        transform: translateY(-50%) rotate(180deg) !important;
    }

    .redesign-ca__section-select-menu {
        position: absolute !important;
        top: calc(100% + 4px) !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 40 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: min(50vh, 320px) !important;
        margin: 0 !important;
        padding: 4px 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        list-style: none !important;
        border: 1px solid #71787e !important;
        border-radius: 4px !important;
        background: #ffffff !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    }

    .redesign-ca__section-select-menu[hidden] {
        display: none !important;
    }

    .redesign-ca__section-select-option {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__section-select-option-link {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px 16px !important;
        box-sizing: border-box !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #191c20 !important;
        text-decoration: none !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        background: transparent !important;
    }

    .redesign-ca__section-select-option.is-selected .redesign-ca__section-select-option-link {
        color: #191c20 !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    .redesign-ca__section-select-option.is-selected .redesign-ca__section-select-option-link:hover,
    .redesign-ca__section-select-option.is-selected .redesign-ca__section-select-option-link:focus,
    .redesign-ca__section-select-option-link:hover,
    .redesign-ca__section-select-option-link:focus {
        color: #ffffff !important;
        background: #003964 !important;
        text-decoration: none !important;
    }

    .redesign-ca__intro-body {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__intro-body > .redesign-ca__text,
    .redesign-ca__intro-body > p.redesign-ca__text,
    .redesign-ca__intro-body > p.p-ca.redesign-ca__text,
    .redesign-ca__intro-body > .redesign-ca__text + .redesign-ca__text,
    .redesign-ca__intro-body > p.redesign-ca__text + p.redesign-ca__text {
        margin: 0 !important;
        padding: 0 !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: rgba(25, 28, 32, 0.8) !important;
        text-align: left !important;
    }

    /* Figma procedura body: #3B3B3D (Title and Description / body/medium) */
    .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > .redesign-ca__text,
    .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > p.redesign-ca__text,
    .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > p.p-ca.redesign-ca__text,
    .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > .redesign-ca__list,
    .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > .redesign-ca__list > li {
        color: #3b3b3d !important;
    }

    .redesign-ca__intro-body > .redesign-ca__list {
        margin: 0 !important;
        padding-left: 20px !important;
        gap: 16px !important;
    }

    .redesign-ca__intro-copy {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .redesign-ca__text,
    .redesign-ca__list > li,
    .redesign-ca__content .numbers,
    .redesign-ca__content p.p-ca.redesign-ca__text,
    .redesign-ca__content p.redesign-ca__text,
    .redesign-ca__content p.redesign-ca__text .p-ca,
    .redesign-ca__content li .p-ca {
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #3b3b3d !important;
        text-align: left !important;
    }

    .redesign-ca__content .redesign-ca__intro-copy > p.redesign-ca__text,
    .redesign-ca__content .redesign-ca__intro-copy > p.p-ca.redesign-ca__text,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) > .redesign-ca__text,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) > .redesign-ca__list {
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) > .redesign-ca__list {
        padding-left: 20px !important;
    }

    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) > .redesign-ca__body-stack,
    .redesign-ca__intro-body > .redesign-ca__body-stack {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__body-stack > .redesign-ca__text,
    .redesign-ca__body-stack > .redesign-ca__list {
        margin: 0 !important;
    }

    .redesign-ca__body-stack > .redesign-ca__list {
        padding-left: 20px !important;
        gap: 8px !important;
    }

    /* Figma opoziv Procedural Steps + MainText body: #3B3B3D */
    .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body .redesign-ca__body-stack > .redesign-ca__text,
    .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body .redesign-ca__body-stack > .redesign-ca__list > li {
        margin: 0 !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #3b3b3d !important;
        text-align: left !important;
    }

    .redesign-ca__content .redesign-ca__intro-copy > p.redesign-ca__text,
    .redesign-ca__content .redesign-ca__intro-copy > p.p-ca.redesign-ca__text {
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #3b3b3d !important;
        text-align: left !important;
    }

    /* Figma ConsentID body copy: #191C20 @ 80% (index / potpis with section select) */
    .redesign-ca__content .redesign-ca__intro-body > p.redesign-ca__text,
    .redesign-ca__content .redesign-ca__intro-body > p.p-ca.redesign-ca__text {
        margin: 0 !important;
        color: rgba(25, 28, 32, 0.8) !important;
    }

    /* Figma procedura Title and Description: solid #3B3B3D */
    .redesign-ca__content .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > p.redesign-ca__text,
    .redesign-ca__content .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > p.p-ca.redesign-ca__text,
    .redesign-ca__content .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > .redesign-ca__list > li,
    .redesign-ca__content .redesign-ca__intro-copy:not(.redesign-ca__intro-copy--with-section-select) .redesign-ca__intro-body > .redesign-ca__list > li .p-ca {
        color: #3b3b3d !important;
    }

    /* inherit only for nested .p-ca — not when .p-ca is on the <p> itself */
    .redesign-ca__content p.redesign-ca__text .p-ca,
    .redesign-ca__content li .p-ca {
        color: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        letter-spacing: inherit !important;
        text-align: inherit;
    }

    .redesign-ca__content .help-link:not(.redesign-ca__link) {
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #003964 !important;
        display: inline;
        text-decoration: underline !important;
        border-bottom: none !important;
        background: transparent !important;
    }

    .redesign-ca__content strong,
    .redesign-ca__content b {
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #3b3b3d !important;
    }

    .redesign-ca__page-title + .redesign-ca__text {
        margin-top: 48px !important;
    }

    .redesign-ca__intro-copy > .redesign-ca__page-title + .redesign-ca__text {
        margin-top: 0 !important;
    }

    .redesign-ca__text + .redesign-ca__text,
    .redesign-ca__list + .redesign-ca__text,
    .redesign-ca__text + .redesign-ca__list {
        margin-top: 16px !important;
    }

    .redesign-ca__text + .redesign-ca__links-title,
    .redesign-ca__list + .redesign-ca__links-title,
    h2.redesign-ca__links-title {
        margin-top: 32px !important;
    }

    .redesign-ca__useful-links h2.redesign-ca__links-title {
        margin-top: 0 !important;
    }

    .redesign-ca-page:has(.redesign-ca__useful-links) .redesign-ca__inner {
        padding-bottom: 24px !important;
    }

    .redesign-ca__useful-links {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: calc(100% + 32px) !important;
        max-width: none !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        margin-bottom: 0 !important;
        padding: 24px 16px !important;
        box-sizing: border-box !important;
        background: #eff7ff !important;
    }

    .redesign-ca__useful-links h2.redesign-ca__links-title,
    .redesign-ca__content .redesign-ca__useful-links h2.redesign-ca__links-title,
    .redesign-ca-page .redesign-ca__useful-links h2.redesign-ca__links-title,
    .redesign-ca-page .redesign-ca__useful-links h2.lang1.redesign-ca__links-title,
    .redesign-ca-page section.redesign-ca__useful-links > h2.redesign-ca__links-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 22px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    .redesign-ca__useful-links ul.redesign-ca__links,
    .redesign-ca__content .redesign-ca__useful-links ul.redesign-ca__links {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        flex-shrink: 0 !important;
    }

    .redesign-ca__useful-links ul.redesign-ca__links > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca__useful-links a.redesign-ca__link {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 16px !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #003964 !important;
        text-decoration: none !important;
        border-bottom: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__content .redesign-ca__useful-links a.redesign-ca__link,
    .redesign-ca__content .redesign-ca__useful-links a.redesign-ca__link:hover,
    .redesign-ca__content .redesign-ca__useful-links a.redesign-ca__link:focus {
        color: #003964 !important;
        text-decoration: none !important;
        border-bottom: none !important;
        background: transparent !important;
        cursor: pointer !important;
    }

    .redesign-ca__useful-links a.redesign-ca__link .redesign-ca__link-icon {
        flex: 0 0 24px !important;
        width: 24px !important;
        height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        margin-top: 0 !important;
        object-fit: contain !important;
    }

    .redesign-ca__useful-links a.redesign-ca__link span,
    .redesign-ca__content .redesign-ca__useful-links a.redesign-ca__link span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        text-decoration: none !important;
        text-underline-offset: 0 !important;
    }

    .redesign-ca__useful-links a.redesign-ca__link:hover span,
    .redesign-ca__useful-links a.redesign-ca__link:focus span {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    .redesign-ca__content h2.redesign-ca__links-title {
        margin-bottom: 0 !important;
    }

    .redesign-ca__content h2.redesign-ca__links-title + ul.redesign-ca__links {
        margin-top: 16px !important;
    }

    .redesign-ca__content ul.redesign-ca__links {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        list-style: none !important;
        margin-top: 16px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca__content ul.redesign-ca__links > li {
        display: block !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca__content ul.redesign-ca__links > li + li {
        margin-top: 0 !important;
    }

    .redesign-ca__content a.redesign-ca__link {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 16px !important;
        width: 100%;
        min-height: 0;
        margin: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca__content a.redesign-ca__link .redesign-ca__link-icon {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .redesign-ca__content a.redesign-ca__link span {
        flex: 1 1 auto;
        min-width: 0;
        font-family: var(--redesign-font);
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: rgba(0, 50, 89, 0.7);
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .redesign-ca__list {
        gap: 16px;
        padding-left: 20px;
    }

    .redesign-ca__text + .redesign-ca__section-title,
    .redesign-ca__docs + .redesign-ca__section-title {
        margin-top: 32px !important;
    }

    .redesign-ca__section-title + .redesign-ca__docs {
        margin-top: 32px !important;
    }

    .redesign-ca__page-title + .redesign-ca__docs,
    .redesign-ca__page-title + .redesign-ca__certs {
        margin-top: 32px !important;
    }

    /* Inside InfoContainer flex gap already = 32 — don't stack margin */
    .redesign-ca__intro-copy > .redesign-ca__page-title + .redesign-ca__docs,
    .redesign-ca__intro-copy > .redesign-ca__page-title + .redesign-ca__certs {
        margin-top: 0 !important;
    }

    .redesign-ca__intro-copy + .redesign-ca__section-title,
    .redesign-ca__intro-copy + .redesign-ca__docs,
    .redesign-ca__intro-copy + .redesign-ca__certs {
        margin-top: 32px !important;
    }

    /* Title-only intro: avoid stacking title mb + list mt */
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title):not(:has(> .redesign-ca__text)) > .redesign-ca__page-title {
        margin-bottom: 0 !important;
    }

    .redesign-ca-page .redesign-ca__intro-copy + h2.redesign-ca__section-title,
    .redesign-ca-page .redesign-ca__docs + h2.redesign-ca__section-title {
        margin-top: 32px !important;
        margin-bottom: 0 !important;
    }

    .redesign-ca-page h2.redesign-ca__section-title + .redesign-ca__docs {
        margin-top: 16px !important;
    }

    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) ~ .redesign-ca__section-title,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) ~ .redesign-ca__docs,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) ~ .redesign-ca__certs {
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__docs,
    .redesign-ca__certs {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        width: 100%;
        max-width: none;
    }

    .redesign-ca__doc {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 132px !important;
        box-sizing: border-box !important;
        gap: 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow:
            0 1px 2px 0 rgba(0, 0, 0, 0.3),
            0 1px 3px 1px rgba(0, 0, 0, 0.15) !important;
        overflow: hidden !important;
    }

    .redesign-ca__cert {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        align-self: stretch;
        width: 100% !important;
        max-width: none !important;
        min-height: 88px !important;
        box-sizing: border-box !important;
        gap: 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow:
            0 1px 2px 0 rgba(0, 0, 0, 0.3),
            0 1px 3px 1px rgba(0, 0, 0, 0.15) !important;
        overflow: hidden !important;
    }

    .redesign-ca__cert-icon {
        display: flex !important;
        flex: 0 0 96px !important;
        align-items: center !important;
        justify-content: center !important;
        width: 96px !important;
        min-height: 88px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 24px 24px 16px !important;
        box-sizing: border-box !important;
        line-height: 0 !important;
    }

    .redesign-ca__cert-icon img {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }

    .redesign-ca__cert-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        justify-content: center !important;
        gap: 4px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 16px 16px 16px 4px !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__cert-link {
        display: block !important;
        align-self: stretch !important;
        margin: 0 !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        text-decoration: underline !important;
        text-underline-offset: 2px;
        border-bottom: none !important;
        background: transparent !important;
    }

    .redesign-ca__cert-link:hover,
    .redesign-ca__cert-link:focus {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    .redesign-ca__cert-meta,
    .redesign-ca__cert-download {
        display: none !important;
    }

    .redesign-ca__doc-icon {
        display: flex !important;
        flex: 0 0 96px !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: 96px !important;
        min-height: 132px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 24px 24px 16px !important;
        box-sizing: border-box !important;
        line-height: 0 !important;
    }

    .redesign-ca__doc-icon img {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }

    /* Figma RichCard Text content: padding spacing/md (16) all sides, gap spacing/xs (4) */
    .redesign-ca__doc-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__doc-title {
        margin: 0 !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #003964 !important;
        text-align: left !important;
    }

    .redesign-ca__doc-link {
        display: block !important;
        align-self: stretch !important;
        margin: 0 !important;
        font-family: "Orto RNIDS", var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        text-decoration: underline !important;
        text-underline-offset: 2px;
        border-bottom: none !important;
        background: transparent !important;
    }

    .redesign-ca__doc-link:hover,
    .redesign-ca__doc-link:focus {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    .redesign-ca__doc-meta {
        display: none !important;
    }

    /* Figma korisnicka_uputstva: RichCard Hug min 88, Text content pad 16/16/16/4 */
    .redesign-ca__docs--manuals .redesign-ca__doc {
        min-height: 88px !important;
        height: auto !important;
    }

    .redesign-ca__docs--manuals .redesign-ca__doc-icon {
        min-height: 88px !important;
        align-items: flex-start !important;
    }

    .redesign-ca__docs--manuals .redesign-ca__doc-body {
        justify-content: flex-start !important;
        padding: 16px 16px 16px 4px !important;
    }

    .redesign-ca__actions {
        display: none !important;
    }

    .redesign-ca__rich-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        align-self: stretch !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 136px !important;
        margin: 48px 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        background: #003964 !important;
        box-shadow:
            0 1px 2px 0 rgba(0, 0, 0, 0.3),
            0 2px 6px 2px rgba(0, 0, 0, 0.15) !important;
        overflow: hidden !important;
    }

    .redesign-ca__rich-card + .redesign-ca__useful-links {
        margin-top: 48px !important;
    }

    .redesign-ca__rich-card + h2.redesign-ca__links-title,
    .redesign-ca__rich-card + .redesign-ca__links-title {
        margin-top: 48px !important;
    }

    .redesign-ca__rich-card-icon-wrap {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: 96px !important;
        min-height: 136px !important;
        padding: 24px 24px 16px !important;
        box-sizing: border-box !important;
        border-right: none !important;
    }

    .redesign-ca__rich-card-icon {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }

    .redesign-ca__rich-card-body {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        min-width: 0 !important;
        padding: 24px 4px !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__rich-card-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        letter-spacing: 0.15px !important;
        color: #ffffff !important;
    }

    .redesign-ca__rich-card-cta {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        max-width: none !important;
        height: 40px !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__rich-card-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 146px !important;
        height: 28px !important;
        padding: 6px 12px !important;
        gap: 4px !important;
        border: none !important;
        border-radius: 4px !important;
        background: #ffffff !important;
        box-shadow:
            0 1px 3px 0 rgba(0, 0, 0, 0.3),
            0 4px 8px 3px rgba(0, 0, 0, 0.15) !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    .redesign-ca__rich-card-btn:hover,
    .redesign-ca__rich-card-btn:focus {
        color: #003964 !important;
        text-decoration: none !important;
        background: #ffffff !important;
    }

    .redesign-ca__btn {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .redesign-ca-page .redesign-ca__inner {
        max-width: 1192px;
    }

    /* Figma web is 1280 / content 880 (200px sides). Scale that ratio up to 1440. */
    @media screen and (min-width: 1280px) {
        .redesign-ca-page .redesign-ca__inner {
            max-width: var(--redesign-max-width);
            padding-left: calc(min(100%, var(--redesign-max-width)) * 200 / 1280);
            padding-right: calc(min(100%, var(--redesign-max-width)) * 200 / 1280);
        }
    }

    .redesign-ca-page h1.redesign-ca__title {
        margin: 0 0 49px !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 32px !important;
        line-height: 40px !important;
        letter-spacing: 0 !important;
        color: #003259 !important;
        text-align: left !important;
    }

    .redesign-ca__layout.container {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 49px !important;
    }

    .redesign-ca__layout.container::before,
    .redesign-ca__layout.container::after {
        content: none !important;
        display: none !important;
    }

    .redesign-ca__aside,
    .side-split > aside.redesign-ca__aside {
        display: block !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        flex: 0 0 280px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #ffffff;
    }

    .redesign-ca__aside-inner {
        width: 280px;
        background: #ffffff;
    }

    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu,
    .redesign-ca__menu {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 280px;
        margin: 0;
        padding: 0;
        border: none !important;
        border-radius: 0;
        background: #ffffff;
    }

    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li,
    .redesign-ca__menu > li {
        margin: 0;
        padding: 0;
        width: 280px;
        min-height: 56px;
        height: auto !important;
        background: #FDFCFF !important;
        border: none !important;
        border-bottom: 1px solid #B3C3D0 !important;
        border-radius: 0;
        box-sizing: border-box;
    }

    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li:hover,
    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li:focus,
    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li.active,
    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li.active:hover,
    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li.active:focus,
    .redesign-ca__menu > li:hover,
    .redesign-ca__menu > li:focus,
    .redesign-ca__menu > li.active,
    .redesign-ca__menu > li.active:hover,
    .redesign-ca__menu > li.active:focus {
        background: #FDFCFF !important;
    }

    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li > a,
    .redesign-ca__menu-link {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        width: 280px;
        height: auto !important;
        min-height: 56px;
        padding: 8px 16px 8px 20px !important;
        box-sizing: border-box;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #191C20 !important;
        background: transparent !important;
        border-radius: 0;
        text-decoration: none;
    }

    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li.active > a,
    .redesign-ca__menu > li.active .redesign-ca__menu-link,
    .redesign-ca__menu > li:hover .redesign-ca__menu-link,
    .redesign-ca__menu > li:focus .redesign-ca__menu-link {
        color: #191C20 !important;
        font-weight: 400 !important;
        background: transparent !important;
        border-radius: 0;
    }

    .redesign-ca__menu-text {
        flex: 1 1 204px;
        width: 204px;
        max-width: 204px;
        min-width: 0;
        font-family: var(--redesign-font);
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.25px;
        color: #191C20;
        display: block !important;
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: unset !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        line-clamp: unset !important;
    }

    aside.redesign-ca__aside .redesign-ca__menu-link > img,
    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li > a.redesign-ca__menu-link::before,
    .side-split > aside.redesign-ca__aside ul.redesign-ca__menu > li > a.redesign-ca__menu-link::after,
    .redesign-ca__menu-link::before,
    .redesign-ca__menu-link::after {
        content: none !important;
        display: none !important;
        background: none !important;
        border: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .redesign-ca__menu-arrow,
    aside.redesign-ca__aside .redesign-ca__menu-arrow {
        flex-shrink: 0;
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: url("../img_redesign/arrow-right-s-line-new.svg") no-repeat center / 24px 24px !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__main,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__layout.side-split > div.page-content.redesign-ca__main {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__intro-copy,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__intro-copy--with-section-select {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__intro-body {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__intro-body > .redesign-ca__text,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__intro-body > p.redesign-ca__text,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__content p.p-ca.redesign-ca__text {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        max-width: none;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #3b3b3d !important;
        text-align: left !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__intro-body > .redesign-ca__text + .redesign-ca__text,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__intro-body > p.redesign-ca__text + p.redesign-ca__text {
        color: rgba(59, 59, 61, 0.8) !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__actions {
        display: none !important;
    }

    .redesign-ca-page .redesign-ca__rich-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 116px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        background: #003964 !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    .redesign-ca-page .redesign-ca__rich-card-icon-wrap {
        display: flex !important;
        flex: 0 0 96px !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: 96px !important;
        min-height: 116px !important;
        padding: 24px 24px 16px !important;
        box-sizing: border-box !important;
        border-right: none !important;
    }

    .redesign-ca-page .redesign-ca__rich-card-icon {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }

    .redesign-ca-page .redesign-ca__rich-card-body {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 116px !important;
        padding: 24px 4px !important;
        box-sizing: border-box !important;
    }

    .redesign-ca-page .redesign-ca__rich-card-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        letter-spacing: 0.15px !important;
        color: #ffffff !important;
    }

    .redesign-ca-page .redesign-ca__rich-card-cta {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        max-width: none !important;
        height: 40px !important;
        min-height: 40px !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    .redesign-ca-page .redesign-ca__rich-card-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        height: 28px !important;
        padding: 6px 12px !important;
        gap: 4px !important;
        border: none !important;
        border-radius: 4px !important;
        background: #ffffff !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        box-shadow:
            0 1px 3px 0 rgba(0, 0, 0, 0.3),
            0 4px 8px 3px rgba(0, 0, 0, 0.15) !important;
    }

    .redesign-ca-page .redesign-ca__rich-card-btn:hover,
    .redesign-ca-page .redesign-ca__rich-card-btn:focus {
        color: #003964 !important;
        background: #ffffff !important;
        text-decoration: none !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 24px 16px !important;
        box-sizing: border-box !important;
        background: #eff7ff !important;
        border-radius: 0 !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links h2.redesign-ca__links-title,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__content .redesign-ca__useful-links h2.redesign-ca__links-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 22px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links ul.redesign-ca__links,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__content .redesign-ca__useful-links ul.redesign-ca__links {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links ul.redesign-ca__links > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links a.redesign-ca__link,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__content .redesign-ca__useful-links a.redesign-ca__link {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 16px !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #003964 !important;
        text-decoration: none !important;
        border-bottom: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links a.redesign-ca__link .redesign-ca__link-icon {
        flex: 0 0 24px !important;
        width: 24px !important;
        height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        margin-top: 0 !important;
        object-fit: contain !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links a.redesign-ca__link span,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__content .redesign-ca__useful-links a.redesign-ca__link span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        text-decoration: none !important;
    }

    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links a.redesign-ca__link:hover span,
    .redesign-ca-page:has(.redesign-ca__rich-card) .redesign-ca__useful-links a.redesign-ca__link:focus span {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) section.breadcrumbs.redesign-breadcrumbs {
        display: none !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__main,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__layout.side-split > div.page-content.redesign-ca__main {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__intro-copy,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__intro-copy--with-section-select {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__intro-copy > h2.redesign-ca__page-title,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__content h2.redesign-ca__page-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__intro-body {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__intro-body > .redesign-ca__text,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__intro-body > p.redesign-ca__text,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__content p.p-ca.redesign-ca__text {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        max-width: none;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: rgba(59, 59, 61, 0.8) !important;
        text-align: left !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 24px !important;
        box-sizing: border-box !important;
        background: #eff7ff !important;
        border-radius: 0 !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links h2.redesign-ca__links-title,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__content .redesign-ca__useful-links h2.redesign-ca__links-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 22px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links ul.redesign-ca__links,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__content .redesign-ca__useful-links ul.redesign-ca__links {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links ul.redesign-ca__links > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links a.redesign-ca__link,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__content .redesign-ca__useful-links a.redesign-ca__link {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 16px !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #003964 !important;
        text-decoration: none !important;
        border-bottom: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links a.redesign-ca__link .redesign-ca__link-icon {
        flex: 0 0 24px !important;
        width: 24px !important;
        height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        margin-top: 0 !important;
        object-fit: contain !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links a.redesign-ca__link span,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__content .redesign-ca__useful-links a.redesign-ca__link span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.5px !important;
        color: #003964 !important;
        text-decoration: none !important;
    }

    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links a.redesign-ca__link:hover span,
    .redesign-ca-page:has(h2.redesign-ca__page-title):has(.redesign-ca__useful-links):not(:has(.redesign-ca__rich-card)) .redesign-ca__useful-links a.redesign-ca__link:focus span {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    .redesign-ca-page--procedure section.breadcrumbs.redesign-breadcrumbs {
        display: none !important;
    }

    .redesign-ca-page--procedure .redesign-ca__main,
    .redesign-ca-page--procedure .redesign-ca__layout.side-split > div.page-content.redesign-ca__main {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca-page--procedure .redesign-ca__content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
    }

    .redesign-ca-page--procedure .redesign-ca__intro-copy {
        display: flex;
        flex-direction: column;
        gap: 32px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .redesign-ca-page--procedure .redesign-ca__intro-copy > h2.redesign-ca__page-title,
    .redesign-ca-page--procedure .redesign-ca__content h2.redesign-ca__page-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    .redesign-ca-page--procedure .redesign-ca__intro-body {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .redesign-ca-page--procedure .redesign-ca__intro-body > .redesign-ca__text,
    .redesign-ca-page--procedure .redesign-ca__intro-body > p.redesign-ca__text,
    .redesign-ca-page--procedure .redesign-ca__content p.p-ca.redesign-ca__text,
    .redesign-ca-page--procedure .redesign-ca__intro-body > .redesign-ca__text .p-ca,
    .redesign-ca-page--procedure .redesign-ca__intro-body > p .p-ca {
        margin: 0 !important;
        padding: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #3b3b3d !important;
        text-align: left !important;
    }

    .redesign-ca-page--procedure .redesign-ca__intro-body > .redesign-ca__list,
    .redesign-ca-page--procedure .redesign-ca__content ol.redesign-ca__list {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 0 20px !important;
        list-style: decimal !important;
    }

    .redesign-ca-page--procedure .redesign-ca__list > li,
    .redesign-ca-page--procedure .redesign-ca__content .numbers,
    .redesign-ca-page--procedure .redesign-ca__list > li .p-ca {
        margin: 0 !important;
        padding: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #3b3b3d !important;
        text-align: left !important;
    }

    .redesign-ca-page--procedure .redesign-ca__content strong,
    .redesign-ca-page--procedure .redesign-ca__content b {
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-synthesis: none;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #3b3b3d !important;
    }

    .redesign-ca-page--procedure .redesign-ca__content .help-link:not(.redesign-ca__link) {
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #003964 !important;
        display: inline !important;
        text-decoration: underline !important;
        border-bottom: none !important;
        background: transparent !important;
    }

    .redesign-ca-page--revocation section.breadcrumbs.redesign-breadcrumbs {
        display: none !important;
    }

    .redesign-ca-page--revocation .redesign-ca__main,
    .redesign-ca-page--revocation .redesign-ca__layout.side-split > div.page-content.redesign-ca__main {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .redesign-ca-page--revocation .redesign-ca__content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
    }

    .redesign-ca-page--revocation .redesign-ca__intro-copy {
        display: flex;
        flex-direction: column;
        gap: 32px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .redesign-ca-page--revocation .redesign-ca__intro-copy > h2.redesign-ca__page-title,
    .redesign-ca-page--revocation .redesign-ca__content h2.redesign-ca__page-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    .redesign-ca-page--revocation .redesign-ca__intro-body,
    .redesign-ca-page--revocation .redesign-ca__intro-body > .redesign-ca__body-stack {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .redesign-ca-page--revocation .redesign-ca__intro-body > .redesign-ca__text,
    .redesign-ca-page--revocation .redesign-ca__intro-body > p.redesign-ca__text,
    .redesign-ca-page--revocation .redesign-ca__body-stack > .redesign-ca__text,
    .redesign-ca-page--revocation .redesign-ca__body-stack > p.redesign-ca__text,
    .redesign-ca-page--revocation .redesign-ca__content p.p-ca.redesign-ca__text,
    .redesign-ca-page--revocation .redesign-ca__intro-body .p-ca {
        margin: 0 !important;
        padding: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #3b3b3d !important;
        text-align: left !important;
    }

    .redesign-ca-page--revocation .redesign-ca__intro-body .redesign-ca__list,
    .redesign-ca-page--revocation .redesign-ca__content ol.redesign-ca__list {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 0 20px !important;
        list-style: decimal !important;
    }

    .redesign-ca-page--revocation .redesign-ca__list > li,
    .redesign-ca-page--revocation .redesign-ca__content .numbers,
    .redesign-ca-page--revocation .redesign-ca__list > li .p-ca {
        margin: 0 !important;
        padding: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.25px !important;
        color: #3b3b3d !important;
        text-align: left !important;
    }

    .redesign-ca-page--revocation .redesign-ca__content strong,
    .redesign-ca-page--revocation .redesign-ca__content b {
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-synthesis: none;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #3b3b3d !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) section.breadcrumbs.redesign-breadcrumbs {
        display: none !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__main,
    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__layout.side-split > div.page-content.redesign-ca__main {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__intro-copy {
        display: flex;
        flex-direction: column;
        gap: 32px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__intro-copy > h2.redesign-ca__page-title,
    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__content h2.redesign-ca__page-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__docs {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 112px !important;
        height: auto !important;
        box-sizing: border-box !important;
        gap: 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow:
            0 1px 3px 1px rgba(0, 0, 0, 0.15),
            0 1px 2px 0 rgba(0, 0, 0, 0.3) !important;
        overflow: hidden !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc-icon {
        display: flex !important;
        flex: 0 0 96px !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: 96px !important;
        min-height: 112px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 24px 24px 16px !important;
        box-sizing: border-box !important;
        line-height: 0 !important;
        background: transparent !important;
        border: none !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc-icon img {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 16px 16px 16px 4px !important;
        box-sizing: border-box !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc-title {
        margin: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.1px !important;
        color: #003964 !important;
        text-align: left !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc-link {
        display: block !important;
        align-self: stretch !important;
        margin: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        text-decoration: underline !important;
        text-underline-offset: 2px;
        border-bottom: none !important;
        background: transparent !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc-link:hover,
    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc-link:focus {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    :is(.redesign-ca-page--policy, .redesign-ca-page--manuals) .redesign-ca__doc-meta {
        display: none !important;
    }

    .redesign-ca-page--manuals .redesign-ca__doc,
    .redesign-ca-page--manuals .redesign-ca__doc-icon {
        min-height: 88px !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) section.breadcrumbs.redesign-breadcrumbs {
        display: none !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__main,
    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__layout.side-split > div.page-content.redesign-ca__main {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__intro-copy {
        display: flex;
        flex-direction: column;
        gap: 32px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__intro-copy > h2.redesign-ca__page-title,
    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__content h2.redesign-ca__page-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: var(--redesign-font) !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        color: #003964 !important;
        text-align: left !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__certs {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 88px !important;
        height: auto !important;
        box-sizing: border-box !important;
        gap: 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow:
            0 1px 3px 1px rgba(0, 0, 0, 0.15),
            0 1px 2px 0 rgba(0, 0, 0, 0.3) !important;
        overflow: hidden !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert-icon {
        display: flex !important;
        flex: 0 0 96px !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: 96px !important;
        min-height: 88px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 24px 24px 16px !important;
        box-sizing: border-box !important;
        line-height: 0 !important;
        background: transparent !important;
        border: none !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert-icon img {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        justify-content: center !important;
        gap: 4px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 16px 16px 16px 4px !important;
        box-sizing: border-box !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert-link {
        display: block !important;
        align-self: stretch !important;
        margin: 0 !important;
        font-family: var(--redesign-font) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.4px !important;
        color: #003964 !important;
        text-decoration: underline !important;
        text-underline-offset: 2px;
        border-bottom: none !important;
        background: transparent !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert-link:hover,
    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert-link:focus {
        color: #003964 !important;
        text-decoration: underline !important;
    }

    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert-meta,
    :is(.redesign-ca-page--certs, .redesign-ca-page--crl) .redesign-ca__cert-download {
        display: none !important;
    }
}

/* Tablet: stretch CA titles/body + align header logo with page text */
@media screen and (min-width: 768px) and (max-width: 991px) {
    body > header.redesign-header .redesign-header__main .redesign-header__inner {
        padding-left: 16px !important;
    }

    .redesign-ca__intro-copy,
    .redesign-ca__intro-copy:has(> .redesign-ca__page-title),
    .redesign-ca__intro-body {
        max-width: none !important;
        width: 100% !important;
    }

    .redesign-ca__intro-copy:has(> .redesign-ca__page-title) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .redesign-ca-page h1.redesign-ca__title,
    .redesign-ca-page h2.redesign-ca__page-title,
    .redesign-ca-page h2.redesign-ca__section-title,
    .redesign-ca-page .redesign-ca__content h2.redesign-ca__page-title,
    .redesign-ca-page .redesign-ca__intro-copy > h2.redesign-ca__page-title,
    .redesign-ca-page .redesign-ca__intro-copy > h2.lang1.redesign-ca__page-title {
        max-width: none !important;
    }
}

/* ==========================================================================
   ConsentID signing loader (blockUI #throbber)
   ========================================================================== */

#throbber.redesign-consent-loader {
    display: none;
    width: 312px;
    max-width: calc(100vw - 32px);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.blockUI.blockMsg .redesign-consent-loader {
    display: block;
}

body:has(.blockUI.blockPage .redesign-consent-loader) {
    overflow: hidden !important;
}

body:has(.blockUI.blockPage .redesign-consent-loader) > .blockUI.blockOverlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
}

body:has(.blockUI.blockPage .redesign-consent-loader) > iframe.blockUI {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.blockUI.blockPage.blockMsg:has(.redesign-consent-loader) {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    background: transparent !important;
    opacity: 1 !important;
    color: inherit !important;
    cursor: default !important;
    z-index: 1011 !important;
}

.redesign-consent-loader__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 16px 24px;
    border-radius: 12px;
    background: #eff7ff;
    box-sizing: border-box;
}

#throbber.redesign-consent-loader .redesign-consent-loader__title,
.blockUI .redesign-consent-loader__title {
    width: 100%;
    max-width: 264px;
    margin: 0 0 8px;
    padding: 0;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 22px !important;
    line-height: 28px !important;
    letter-spacing: 0 !important;
    color: #191c20 !important;
    text-align: left;
}

#throbber.redesign-consent-loader .redesign-consent-loader__body,
.blockUI .redesign-consent-loader__body {
    width: 100%;
    max-width: 264px;
    margin: 0;
    padding: 0;
    font-family: var(--redesign-font) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0.25px !important;
    color: #41484d !important;
    text-align: left;
}

.redesign-consent-loader__body-line {
    display: block;
}

.redesign-consent-loader__body-line + .redesign-consent-loader__body-line {
    margin-top: 8px;
}

.redesign-consent-loader__spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 20px 24px 20px 8px;
    box-sizing: border-box;
}

.redesign-consent-loader__spinner-ring {
    display: block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(44, 62, 80, 0.15);
    border-top-color: rgba(44, 62, 80, 0.6);
    border-radius: 50%;
    animation: redesign-consent-loader-spin 0.9s linear infinite;
}

@keyframes redesign-consent-loader-spin {
    to {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 480px) {
    #throbber.redesign-consent-loader,
    .blockUI.blockPage.blockMsg:has(.redesign-consent-loader) {
        max-width: calc(100vw - 32px);
    }

    .redesign-consent-loader__card {
        padding: 14px 16px;
    }

    #throbber.redesign-consent-loader .redesign-consent-loader__title,
    .blockUI .redesign-consent-loader__title {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    #throbber.redesign-consent-loader .redesign-consent-loader__body,
    .blockUI .redesign-consent-loader__body {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .redesign-consent-loader__spinner {
        padding: 16px 16px 12px 8px;
    }

    .redesign-consent-loader__spinner-ring {
        width: 36px;
        height: 36px;
        border-width: 3px;
    }
}

#upload-throbber.redesign-consent-loader--spinner-only {
    display: none;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.blockUI.blockMsg .redesign-consent-loader--spinner-only {
    display: block;
}

body:has(.blockUI.blockPage .redesign-consent-loader--spinner-only) {
    overflow: hidden !important;
}

body:has(.blockUI.blockPage .redesign-consent-loader--spinner-only) > .blockUI.blockOverlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
}

body:has(.blockUI.blockPage .redesign-consent-loader--spinner-only) > iframe.blockUI {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.blockUI.blockPage.blockMsg:has(.redesign-consent-loader--spinner-only) {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    background: transparent !important;
    opacity: 1 !important;
    color: inherit !important;
    cursor: default !important;
    z-index: 1011 !important;
}

#upload-throbber.redesign-consent-loader--spinner-only .redesign-consent-loader__card--spinner-only {
    width: 312px;
    max-width: calc(100vw - 32px);
    padding: 24px;
    border-radius: 12px;
    background: #eff7ff;
}

#upload-throbber.redesign-consent-loader--spinner-only .redesign-consent-loader__spinner {
    padding: 0;
}

/* Initial page preloader (#load) – same visual as signing loader, spinner only */
#load.redesign-page-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5) !important;
    background-image: none !important;
}

#load.redesign-page-loader .redesign-consent-loader__card--spinner-only {
    width: 312px;
    max-width: calc(100vw - 32px);
    padding: 24px;
}

#load.redesign-page-loader .redesign-consent-loader__spinner {
    padding: 0;
}