body,
html {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

section#main-body {
    padding: 0;
}

/* Fonte MVO */
@font-face {
    font-family: 'MVO';
    src: url('../fontes/mvo.woff2') format('woff2'),
         url('../fontes/mvo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*Scrool*/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #f5f8fc;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        rgb(2, 118, 172),
        rgb(0, 88, 143)
    );

    border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        rgb(3, 138, 200),
        rgb(2, 118, 172)
    );
}
/*Scrool*/

.container {
    max-width: 1680px;
}

.mvo_header {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    position: relative;
    z-index: 100;
}

.mvo_domain_search {
    display: grid;
    grid-template-columns: 1fr 120px 150px 280px;
    border-top: 1px solid #e2e8f0;
    background: #eef8fd;
}

.domain_input {
    display: flex;
    align-items: center;
    padding: 0 20px;
    background: #fff;
}

.domain_input svg {
    width: 18px;
    height: 18px;
    fill: #94a3b8;
    margin-right: 12px;
}

.domain_input input {
    width: 100%;
    border: 0;
    outline: 0;
    height: 60px;
    font-size: 15px;
}

.mvo_domain_search select {
    border: 0;
    border-left: 1px solid #e2e8f0;
    background: #fff;
    padding: 0 15px;
    font-weight: 600;
}

.mvo_domain_search button {
    border: 0;
    background: #00588f;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.domain_offer {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.domain_offer strong {
    color: #0f172a;
    font-size: 14px;
}

.domain_offer span {
    color: #64748b;
    font-size: 13px;
}


.mvo_topo {
    height: 76px;
    padding: 0 35px;
    display: flex;
    align-items: center;
    gap: 28px;
    background: #fff;
    position: relative;
    z-index: 100;
}

.logo {
    font-family: 'MVO', sans-serif;
    font-size: 48px;
    text-decoration: none;
    color: #0276ac;
    flex-shrink: 0;
    text-decoration: none !important;
}
.logo:hover {
    color: #0276ac;
}

.mvo_menu,
.acoes {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mvo_menu {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
}

.mvo_menu > li {
    position: relative;
}

.mvo_menu > li > a {
    display: flex;
    align-items: center;
    height: 76px;
    padding: 0 14px;
    text-decoration: none;
    color: #263238;
    font-size: 15px;
    font-weight: 100;
    transition: color .2s ease;
}

.mvo_menu > li > a:hover {
    color: #0276ac;
}

.has-submenu > a::after {
    content: "\f078";
    font-family: "Font Awesome 7 Pro";
    font-weight: 600;
    font-size: 11px;
    margin-left: 8px;
    transition: transform .2s ease;
}

.has-submenu:hover > a::after {
    transform: rotate(180deg);
}

/* Submenu */
.submenu {
    position: absolute;
    top: 76px;
    left: 0;
    width: 920px;
    display: grid;
    grid-template-columns: 1fr 1fr 280px;
    gap: 22px;
    padding: 28px;
    background: #fff;
    border: 1px solid #e8edf2;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all .22s ease;
}

.has-submenu:hover .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.submenu_col h3 {
    margin: 0 12px 14px;
    color: #0276ac;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.submenu_col a {
    display: block;
    padding: 14px;
    border-radius: 12px;
    text-decoration: none;
    color: #263238;
    transition: all .2s ease;
}

.submenu_col a:hover {
    background: #f3f9fc;
    color: #0276ac;
}

.submenu_col a strong {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
}

.submenu_col a span {
    display: block;
    color: #667085;
    font-size: 13px;
    line-height: 1.4;
}

.submenu_col.destaque {
    background: linear-gradient(135deg, #0276ac, #0398dc);
    color: #fff;
    border-radius: 16px;
    padding: 22px;
}

.submenu_col.destaque h3 {
    color: #fff;
}

.submenu_col.destaque p {
    font-size: 14px;
    line-height: 1.5;
}

.submenu_col.destaque button {
    margin-top: 15px;
    border: none;
    background: #fff;
    color: #0276ac;
    padding: 11px 16px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
}

.telefone {
    font-size: 20px;
    font-weight: 700;
    color: #0276ac;
    white-space: nowrap;
}

.acoes {
    display: flex;
    align-items: center;
    gap: 6px;
}

.acoes li a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    padding: 9px 14px;
    border-radius: 8px;
}

.mvo_account_menu_item {
    position: relative;
}

.mvo_notifications_menu_item {
    position: relative;
}

.mvo_header_cart_item {
    position: relative;
}

.mvo_header_cart_menu {
    position: relative;
}

.mvo_header_cart_menu summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 6px 12px 6px 10px;
    border: 1px solid #dbe7f3;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    cursor: pointer;
    list-style: none;
    transition: .2s ease;
}

.mvo_header_cart_menu summary::-webkit-details-marker {
    display: none;
}

.mvo_header_cart_menu summary:hover {
    border-color: #9fcae7;
    box-shadow: 0 12px 24px rgba(2, 118, 172, 0.10);
}

.mvo_header_cart_menu[open] summary {
    border-color: #0276ac;
    box-shadow: 0 16px 28px rgba(2, 118, 172, 0.14);
}

.mvo_header_cart_icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #0276ac, #00a4f4);
    color: #fff;
    box-shadow: 0 10px 20px rgba(2, 118, 172, 0.22);
    flex: 0 0 auto;
}

.mvo_header_cart_icon i {
    font-size: 16px;
}

.mvo_header_cart_badge {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 0 0 3px #fff;
}

.mvo_header_cart_text {
    display: grid;
    line-height: 1.1;
}

.mvo_header_cart_text small {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo_header_cart_text strong {
    color: #071827;
    font-size: 14px;
    font-weight: 600;
}

.mvo_header_cart_menu summary > i {
    color: #64748b;
    font-size: 13px;
    transition: transform .2s ease;
}

.mvo_header_cart_menu[open] summary > i {
    transform: rotate(180deg);
}

.mvo_header_cart_dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 390px;
    padding: 0;
    border: 1px solid #dce8f2;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(12px);
    z-index: 120;
    overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
    .mvo_header_cart_item:hover .mvo_header_cart_dropdown,
    .mvo_header_cart_item:focus-within .mvo_header_cart_dropdown {
        display: block;
    }

    .mvo_header_cart_item:hover .mvo_header_cart_menu > summary {
        border-color: #0276ac;
        box-shadow: 0 16px 28px rgba(2, 118, 172, 0.14);
    }
}

.mvo_header_cart_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 18px 16px;
    border-bottom: 1px solid #eef3f8;
}

.mvo_header_cart_head div {
    display: grid;
    gap: 5px;
}

.mvo_header_cart_head strong {
    color: #071827;
    font-size: 16px;
    font-weight: 600;
}

.mvo_header_cart_head span {
    color: #64748b;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mvo_header_cart_head b {
    color: #0276ac;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-align: right;
}

.mvo_header_cart_list {
    max-height: 360px;
    overflow: auto;
}

.mvo_header_cart_line {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid #eef3f8;
}

.mvo_header_cart_line_icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef7fd;
    color: #0276ac;
    font-size: 14px;
}

.mvo_header_cart_line_body {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.mvo_header_cart_line_body strong {
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
}

.mvo_header_cart_line_body small,
.mvo_header_cart_line_body span {
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.mvo_header_cart_line_price {
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
}

.mvo_header_cart_more {
    padding: 14px 18px 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.mvo_header_cart_footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    padding: 18px;
    border-top: 1px solid #eef3f8;
}

.mvo_header_cart_clear_form {
    margin: 0;
}

.mvo_header_cart_button {
    width: 100%;
    min-height: 44px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.mvo_header_cart_button.is-primary {
    background: linear-gradient(135deg, #0276ac, #00a4f4);
    color: #fff;
    box-shadow: 0 16px 28px rgba(2, 118, 172, 0.18);
}

.mvo_header_cart_button.is-primary:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    background: linear-gradient(135deg, #01608b, #00a4f4);
}

.mvo_header_cart_button.is-secondary {
    background: #f7fafc;
    color: #334155;
    border: 1px solid #dbe7f3;
}

.mvo_header_cart_button.is-secondary:hover {
    background: #eef7fd;
    color: #0276ac;
}

.mvo_header_cart_empty {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 24px 20px;
    text-align: center;
}

.mvo_header_cart_empty i {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eef7fd;
    color: #0276ac;
    font-size: 20px;
}

.mvo_header_cart_empty strong {
    color: #0f172a;
    font-size: 16px;
    font-weight: 600;
}

.mvo_header_cart_empty span {
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
    max-width: 280px;
}

.mvo_notifications_menu {
    position: relative;
}

.mvo_notifications_menu summary {
    position: relative;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe7f3;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    cursor: pointer;
    list-style: none;
    transition: .2s ease;
}

.mvo_notifications_menu summary::-webkit-details-marker {
    display: none;
}

.mvo_notifications_menu summary:hover {
    border-color: #9fcae7;
    box-shadow: 0 12px 24px rgba(2, 118, 172, 0.10);
}

.mvo_notifications_menu[open] summary {
    border-color: #0276ac;
    box-shadow: 0 16px 28px rgba(2, 118, 172, 0.14);
}

.mvo_notifications_menu summary > i {
    color: #0276ac;
    font-size: 16px;
}

.mvo_notifications_badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #0276ac;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.mvo_notifications_dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 340px;
    padding: 0;
    border: 1px solid #dce8f2;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(12px);
    z-index: 120;
    overflow: hidden;
}

.mvo_notifications_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 18px 16px;
    border-bottom: 1px solid #eef3f8;
}

.mvo_notifications_head strong {
    color: #071827;
    font-size: 16px;
    font-weight: 600;
}

.mvo_notifications_head span {
    min-width: 28px;
    height: 28px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #0276ac;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.mvo_notifications_list {
    display: grid;
}

.mvo_notification_item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 18px;
    border-bottom: 1px solid #eef3f8;
    color: #334155;
    text-decoration: none;
    transition: .2s ease;
}

.mvo_notification_item:last-child {
    border-bottom: 0;
}

.mvo_notification_item:hover {
    background: #f7fbfe;
    color: #071827;
    text-decoration: none;
}

.mvo_notification_item i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef7fd;
    color: #0276ac;
    font-size: 15px;
}

.mvo_notification_item span {
    color: #334155;
    font-size: 14px;
    line-height: 1.7;
}

.mvo_notification_item_warning i {
    background: #fff4d8;
    color: #d97706;
}

.mvo_notification_item_domain i {
    background: #eef2ff;
    color: #4f46e5;
}

.mvo_notifications_empty {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 24px 20px;
    color: #64748b;
    text-align: center;
}

.mvo_notifications_empty i {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f3f8fc;
    color: #94a3b8;
    font-size: 18px;
}

.mvo_notifications_empty span {
    font-size: 13px;
    line-height: 1.6;
}

.mvo_account_menu {
    position: relative;
}

.mvo_account_menu summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 6px 12px 6px 8px;
    border: 1px solid #dbe7f3;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    cursor: pointer;
    list-style: none;
    transition: .2s ease;
}

.mvo_account_menu summary::-webkit-details-marker {
    display: none;
}

.mvo_account_menu summary:hover {
    border-color: #9fcae7;
    box-shadow: 0 12px 24px rgba(2, 118, 172, 0.10);
}

.mvo_account_menu[open] summary {
    border-color: #0276ac;
    box-shadow: 0 16px 28px rgba(2, 118, 172, 0.14);
}

.mvo_account_avatar {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 12px;
    background: linear-gradient(135deg, #0276ac, #00a4f4);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 10px 20px rgba(2, 118, 172, 0.22);
}

.mvo_account_avatar_image {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    object-fit: cover;
}

.mvo_account_text {
    display: grid;
    line-height: 1.1;
}

.mvo_account_text small {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo_account_text strong {
    color: #071827;
    font-size: 14px;
    font-weight: 600;
}

.mvo_account_menu summary > i {
    color: #64748b;
    font-size: 13px;
    transition: transform .2s ease;
}

.mvo_account_menu[open] summary > i {
    transform: rotate(180deg);
}

.mvo_account_dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 260px;
    padding: 12px;
    border: 1px solid #dce8f2;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(12px);
    z-index: 120;
}

.mvo_account_dropdown::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 24px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-left: 1px solid #dce8f2;
    border-top: 1px solid #dce8f2;
    transform: rotate(45deg);
}

.mvo_account_dropdown a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    padding: 0 12px;
    border-radius: 12px;
    color: #334155;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: .2s ease;
}

.mvo_account_dropdown a:hover {
    background: #f4fbff;
    color: #0276ac;
    text-decoration: none;
}

.mvo-service-status-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mvo-service-status-indicator {
    width: 9px;
    height: 9px;
    display: inline-block;
    flex: 0 0 9px;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.12);
}

.mvo-service-status-indicator.is-ok {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.16);
}

.mvo-service-status-indicator.is-warning {
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.16);
}

.mvo-service-status-indicator.is-danger {
    background: #ef4444;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.16);
}

.mvo_account_dropdown a i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef7fe;
    color: #0276ac;
    flex: 0 0 auto;
}

.mvo_account_dropdown a.mvo_account_logout {
    margin-top: 6px;
    color: #dc2626;
}

.mvo_account_dropdown a.mvo_account_logout i {
    background: #fef2f2;
    color: #dc2626;
}

.acoes li a:hover {
    background: #f3f9fc;
    color: #0276ac;
}

main {
    font-family: Arial, Helvetica, sans-serif;
    color: #0f172a;
}
.mvo_hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 460px;
    align-items: center;
    gap: 70px;
    padding: 85px 7%;

    background-color: #edf3ff;

    background-image:
        url("../images/bg-topo-home.png");

    background-size:
        auto 100%,
        cover;

    background-repeat:
        no-repeat,
        no-repeat;

    background-position:
        right center,
        center;

    overflow: hidden;
}

.mvo_hero_content {
    max-width: 680px;
}

.mvo_badge {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #dceefe;
    color: #00588f;
    font-size: 14px;
    font-weight: 700;
}

.mvo_hero_content h1 {
    margin: 26px 0 24px;
    color: #08182f;
    font-size: 56px;
    line-height: 1.08;
    font-weight: 600;
}

.mvo_hero_content p {
    color: #52627a;
    font-size: 21px;
    line-height: 1.65;
    max-width: 620px;
}

.mvo_hero_actions {
    display: flex;
    gap: 15px;
    margin-top: 34px;
}

.btn_azul,
.btn_branco {
    padding: 16px 26px;
    border-radius: 13px;
    text-decoration: none;
    font-weight: 700;
}

.btn_azul {
    background: #00588f;
    color: #fff;
}

.btn_branco {
    background: #fff;
    color: #00588f;
    border: 1px solid #cfe0ef;
}

.mvo_hero_stats {
    display: flex;
    gap: 35px;
    margin-top: 42px;
}

.mvo_hero_stats div {
    display: flex;
    flex-direction: column;
}

.mvo_hero_stats strong {
    color: #00588f;
    font-size: 30px;
    line-height: 1;
}

.mvo_hero_stats span {
    margin-top: 7px;
    color: #64748b;
    font-size: 14px;
}

/* visual direito */
.mvo_hero_visual {
    width: 530px;
    height: 530px;
    position: relative;
    justify-self: end;
    align-self: center;
    border-radius: 36px;
}

.mvo_hero_visual::before,
.mvo_hero_visual::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.mvo_hero_visual::before {
    width: 330px;
    height: 330px;
    border: 1px solid rgba(0, 88, 143, .12);
}

.mvo_hero_visual::after {
    width: 240px;
    height: 240px;
    border: 1px dashed rgba(0, 88, 143, .22);
}

.visual_center {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 138px;
    height: 138px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: linear-gradient(135deg, #00588f, #0284c7);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5;
    box-shadow: 0 24px 50px rgba(0, 88, 143, .25);
}

.visual_center strong {
    font-family: 'MVO', sans-serif;
    font-size: 44px;
    line-height: 1;
}

.visual_center span {
    font-size: 11px;
    font-weight: 700;
    margin-top: 8px;
}

.visual_node {
    position: absolute;
    width: 125px;
    min-height: 78px;
    background: rgba(255,255,255,.96);
    border: 1px solid #dce8f3;
    border-radius: 20px;
    padding: 14px;
    z-index: 6;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .08);
}

.node_icon {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: #d9ecfb;
    color: #00588f;
    display: grid;
    place-items: center;
    font-size: 16px;
    margin-bottom: 8px;
}

.visual_node strong {
    display: block;
    color: #0f172a;
    font-size: 16px;
    margin-bottom: 3px;
}

.visual_node span {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.node_cloud {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.node_vps {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.node_email {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.node_edge {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1100px) {
    .mvo_hero {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .mvo_hero_content {
        margin: 0 auto;
    }

    .mvo_hero_actions,
    .mvo_hero_stats {
        justify-content: center;
    }

    .mvo_hero_visual {
        justify-self: center;
    }
}

@media (max-width: 600px) {
    .mvo_hero_content h1 {
        font-size: 40px;
    }

    .mvo_hero_visual {
        width: 340px;
        height: 340px;
    }

    .visual_center {
        width: 110px;
        height: 110px;
    }

    .visual_node {
        width: 105px;
        padding: 11px;
    }
}
.bar {
    width: 100%;
    height: 8px;
    background: #edf4fa;
    border-radius: 30px;
    overflow: hidden;
}

.bar span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #00588f, #0284c7);
    border-radius: 30px;
}

.panel_footer {
    position: relative;
    z-index: 1;
    margin-top: 28px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.panel_footer div {
    background: #f8fafc;
    border: 1px solid #e2edf6;
    border-radius: 16px;
    padding: 16px;
}

.panel_footer strong {
    display: block;
    color: #00588f;
    font-size: 22px;
}

.panel_footer small {
    color: #64748b;
    font-size: 13px;
}

.panel_item {
    padding: 18px 0;
    border-top: 1px solid #edf2f7;
    display: flex;
    justify-content: space-between;
}

.panel_item span {
    color: #64748b;
}

.panel_item strong {
    color: #00588f;
}

.mvo_produtos,
.mvo_processos {
    padding: 85px 7%;
    background: #fff;
}

.section_title {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
}

.section_title h2 {
    font-size: 42px;
    margin: 22px 0 12px;
}

.section_title p {
    font-size: 19px;
    color: #475569;
}

.produtos_grid {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.produto_card {
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 22px;
    padding: 30px;
    transition: .2s;
}

.produto_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .09);
}

.produto_card.destaque {
    background: #00588f;
    color: #fff;
}


.produto_card h3 {
    font-size: 23px;
}

.produto_card p {
    color: #475569;
    line-height: 1.5;
}

.produto_card.destaque p {
    color: #eaf6ff;
}

.produto_card a {
    display: inline-block;
    margin-top: 18px;
    color: #00588f;
    font-weight: 600;
    text-decoration: none;
}

.produto_card.destaque a {
    color: #fff;
}

.mvo_datacenter {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    min-height: 760px;
    background: #fff;
}

.dc_image {
    position: relative;
    overflow: hidden;
}

.dc_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: saturate(.9);
}

.dc_image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(2, 15, 35, .15),
        rgba(2, 15, 35, .88)
    );
}

.dc_overlay {
    position: absolute;
    left: 70px;
    bottom: 70px;
    z-index: 2;
    color: #fff;
}

.dc_overlay h2 {
    font-size: 36px;
    margin: 0 0 12px;
}

.dc_overlay p {
    font-size: 17px;
    margin: 0;
    color: #e2e8f0;
}

.dc_content {
    padding: 70px 7%;
    overflow: hidden;
}

.dc_content > span {
    display: inline-block;
    color: #0068ff;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 16px;
}

.dc_content h2 {
    max-width: 720px;
    font-size: 32px;
    line-height: 1.15;
    margin: 0 0 18px;
    color: #0b2d4d;
}

.dc_content > p {
    max-width: 720px;
    font-size: 18px;
    line-height: 1.45;
    color: #7a7a7a;
    margin-bottom: 44px;
}

.dc_features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px 50px;
}

.dc_features div {
    display: grid;
    grid-template-columns: 46px 1fr;
    column-gap: 18px;
}

.dc_features b {
    width: 42px;
    height: 42px;
    border: 2px solid #0068ff;
    color: #0068ff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 17px;
    grid-row: span 2;
}

.dc_features h3 {
    margin: 0 0 8px;
    color: #0b2d4d;
    font-size: 18px;
}

.dc_features p {
    margin: 0;
    color: #777;
    font-size: 15px;
    line-height: 1.5;
}

.dc_certificados {
    margin-top: 80px;
    text-align: center;
}

.dc_certificados h3 {
    color: #0068ff;
    font-size: 25px;
    margin-bottom: 8px;
}

.dc_certificados p {
    color: #777;
    font-size: 15px;
    margin-bottom: 28px;
}

.cert_grid {
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

@media (max-width: 1000px) {
    .mvo_datacenter {
        grid-template-columns: 1fr;
    }

    .dc_image {
        height: 420px;
    }

    .dc_overlay {
        left: 30px;
        bottom: 40px;
    }

    .dc_content {
        padding: 50px 7%;
    }

    .dc_features {
        grid-template-columns: 1fr;
    }
}

.processos_grid {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.processos_grid div {
    background: #f8fafc;
    border-radius: 24px;
    padding: 32px;
    border: 1px solid #dce5ef;
}

.processos_grid b {
    color: #00588f;
    font-size: 28px;
}

.processos_grid h3 {
    font-size: 24px;
}

.processos_grid p {
    color: #475569;
    line-height: 1.5;
}



@media (max-width: 1100px) {
    .mvo_hero,
    .mvo_infra,
    .produtos_grid,
    .processos_grid {
        grid-template-columns: 1fr;
    }

    .mvo_hero h1 {
        font-size: 42px;
    }

    .produtos_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .produtos_grid,
    .infra_lista {
        grid-template-columns: 1fr;
    }

    .mvo_hero_actions {
        flex-direction: column;
    }
}

.mvo-footer {
    position: relative;
    overflow: hidden;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
}

.mvo-footer::before {
    content: "MVO";
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    font-family: 'MVO', sans-serif;
    font-size: clamp(220px, 42vw, 760px);
    line-height: .8;
    letter-spacing: -0.04em;
    color: rgba(2, 24, 39, 0.035);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

.mvo-footer-container {
    position: relative;
    z-index: 1;
    width: 86%;
    max-width: 1400px;
    margin: auto;
}

.footer-top {
    padding: 60px 0 40px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.footer-logo {
    font-family: 'MVO', sans-serif;
    font-size: 52px;
    color: #00588f;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none !important;
}
.footer-logo:hover {
    color: #00588f;
}

.footer-brand p {
    max-width: 500px;
    line-height: 1.7;
    margin: 0;
}

.footer-certificacoes {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.footer-certificacoes h3 {
    color: #94a3b8;
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.certificacoes-lista {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.certificacao {
    position: relative;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
}

.certificacao:hover,
.certificacao.ativo {
    background: #00588f;
    border-color: #00588f;
    color: #fff;
}

.tooltip {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);

    background: #4b5563;
    color: #fff;

    padding: 12px 18px;
    border-radius: 10px;

    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: .2s;

    box-shadow: 0 10px 25px rgba(0,0,0,.15);

    z-index: 999;
}

.tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;

    width: 12px;
    height: 12px;

    background: #4b5563;
    transform: translateX(-50%) rotate(45deg);
}

.certificacao:hover .tooltip,
.certificacao.ativo .tooltip {
    opacity: 1;
    visibility: visible;
}

.footer-divider {
    height: 1px;
    background: #e2e8f0;
}

.footer-columns {
    padding: 50px 0;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 60px;
}

.footer-column h4 {
    color: #475569;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 25px;
    position: relative;
    font-weight: 600;
}

.footer-column h4::after {
    content: "";
    width: 60px;
    height: 2px;
    background: #00588f;
    display: block;
    margin-top: 12px;
}

.footer-column a {
    display: block;
    text-decoration: none;
    color: #64748b;
    margin-bottom: 14px;
    transition: .2s;
}

.footer-column a:hover {
    color: #00588f;
    padding-left: 5px;
}

.footer-column p {
    margin-bottom: 15px;
}

.footer-social {
    display: flex;
    gap: 10px;
    margin-top: 25px;
}

.footer-social a {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dce5ef;
    border-radius: 10px;

    background: #fff;
    color: #64748b;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.footer-social a:hover {
    background: #00588f;
    border-color: #00588f;
    color: #fff;
}

.footer-bottom {
    position: relative;
    z-index: 1;
    border-top: 1px solid #e2e8f0;
    padding: 22px 0;
}

/* Client Area Home */
#main-body.clientareahome-page-20i {
    padding: 32px 0 70px;
    background:
        radial-gradient(circle at top right, rgba(2, 118, 172, 0.1), transparent 24%),
        linear-gradient(180deg, #f7fbff 0%, #eef5fb 100%);
}

#main-body.clientareahome-page-20i .sidebar {
    position: sticky;
    top: 110px;
}

#main-body.clientareahome-page-20i .sidebar .card.card-sidebar {
    margin: 0 0 18px !important;
    padding: 0 0 14px;
    border: 1px solid #dbe7f3;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.07);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

#main-body.clientareahome-page-20i .sidebar .card-header {
    padding: 18px 22px 14px;
    border: 0;
    background: linear-gradient(180deg, #f8fbff, #eff7fd);
}

#main-body.clientareahome-page-20i .sidebar .card-title {
    margin: 0;
    background: transparent;
    padding: 0 !important;
    color: #071827;
    font-size: 15px !important;
    font-weight: 700;
}

#main-body.clientareahome-page-20i .sidebar .card-title i,
#main-body.clientareahome-page-20i .sidebar .card-title .btn .fas,
#main-body.clientareahome-page-20i .sidebar .card-title .btn .far {
    color: #0276ac;
}

#main-body.clientareahome-page-20i .sidebar .card-body,
#main-body.clientareahome-page-20i .sidebar .collapsable-card-body .card-body {
    padding: 18px 22px 6px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}

#main-body.clientareahome-page-20i .sidebar .card-footer {
    padding: 10px 22px 0;
}

#main-body.clientareahome-page-20i .sidebar .list-group {
    padding: 12px;
    border: 0;
    background: transparent;
}

#main-body.clientareahome-page-20i .sidebar .list-group-item {
    margin-bottom: 8px;
    padding: 13px 15px;
    border: 0;
    border-radius: 14px;
    background: #f8fbff;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
    transition: 0.2s ease;
}

#main-body.clientareahome-page-20i .sidebar .list-group-item:hover,
#main-body.clientareahome-page-20i .sidebar .list-group-item.active {
    background: linear-gradient(135deg, #00588f, #0398dc);
    color: #fff;
}

#main-body.clientareahome-page-20i .sidebar .btn,
#main-body.clientareahome-page-20i .sidebar .card-footer .btn-success,
#main-body.clientareahome-page-20i .sidebar .card-footer .btn-default {
    min-width: 0;
    height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: #e8f6fd;
    color: #0276ac;
    font-size: 13px;
    font-weight: 700;
    line-height: 42px;
    box-shadow: none;
}

#main-body.clientareahome-page-20i .sidebar .btn:hover {
    background: #d8eefc;
    color: #00588f;
}

.mvo-client-home {
    display: grid;
    gap: 28px;
}

.mvo-client-home-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 560px;
    gap: 54px;
    align-items: center;
    padding: 44px;
    border: 1px solid #dce5ef;
    border-radius: 32px;
    background:
        radial-gradient(circle at 82% 20%, rgba(2,118,172,.16), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #eef6fc 100%);
    box-shadow: 0 28px 64px rgba(15, 23, 42, 0.08);
}

.mvo-client-home-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #d9ecfb;
    color: #00588f;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 24px;
}

.mvo-client-home-hero-content h1 {
    margin: 0 0 22px;
    color: #071827;
    font-size: 52px;
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.2px;
}

.mvo-client-home-hero-content p {
    max-width: 720px;
    margin: 0;
    color: #475569;
    font-size: 18px;
    line-height: 1.8;
}

.mvo-client-home-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 32px;
}

.mvo-client-home-primary,
.mvo-client-home-secondary {
    height: 58px;
    padding: 0 28px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    text-decoration: none;
    font-weight: 600;
    transition: .25s;
}

.mvo-client-home-primary {
    background: #0276ac;
    color: #fff;
    box-shadow: 0 14px 35px rgba(2,118,172,.24);
}

.mvo-client-home-primary:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 20px 45px rgba(2,118,172,.32);
}

.mvo-client-home-primary i {
    transition: .25s;
}

.mvo-client-home-primary:hover i {
    transform: translateX(4px);
}

.mvo-client-home-secondary {
    border: 1px solid #dbe7f3;
    background: #fff;
    color: #071827;
}

.mvo-client-home-secondary:hover {
    color: #0276ac;
    border-color: #0276ac;
    text-decoration: none;
    transform: translateY(-3px);
}

.mvo-client-home-points {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 24px;
    margin: 32px 0 0;
}

.mvo-client-home-points span {
    color: #071827;
    font-size: 14px;
    font-weight: 700;
}

.mvo-client-home-points i {
    color: #16a34a;
    margin-right: 6px;
}

.mvo-client-home-trust {
    margin-top: 28px;
    color: #475569;
    font-weight: 100;
}

.mvo-client-home-trust i {
    color: #0276ac;
    margin-right: 8px;
}

.mvo-client-home-visual {
    position: relative;
    min-height: 500px;
}

.mvo-client-home-glow {
    position: absolute;
    inset: 44px 0 auto 70px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(2,118,172,.20), transparent 65%);
    filter: blur(8px);
}

.mvo-client-home-dashboard {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    background: rgba(255,255,255,.86);
    border: 1px solid #dce5ef;
    border-radius: 30px;
    padding: 28px;
    box-shadow: 0 35px 90px rgba(15,23,42,.12);
    backdrop-filter: blur(14px);
}

.mvo-client-home-dash-top {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}

.mvo-client-home-dash-top span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.mvo-client-home-dash-top span:nth-child(1) {
    background: #22c55e;
}

.mvo-client-home-dash-top span:nth-child(2) {
    background: #facc15;
}

.mvo-client-home-dash-top span:nth-child(3) {
    background: #ef4444;
}

.mvo-client-home-status {
    display: grid;
    grid-template-columns: 58px 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 18px;
    border: 1px solid #dce5ef;
    border-radius: 20px;
    background: #fff;
}

.mvo-client-home-status-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #eaf8fc;
    color: #0276ac;
    display: grid;
    place-items: center;
    font-size: 24px;
}

.mvo-client-home-status strong {
    display: block;
    color: #071827;
    font-size: 18px;
}

.mvo-client-home-status span {
    color: #64748b;
    font-size: 13px;
}

.mvo-client-home-status b {
    background: #dcfce7;
    color: #15803d;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
}

.mvo-client-home-metrics {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.mvo-client-home-metric-card {
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 20px;
    padding: 18px;
}

.mvo-client-home-metric-card span {
    display: block;
    color: #64748b;
    font-size: 13px;
    margin-bottom: 7px;
}

.mvo-client-home-metric-card strong {
    color: #071827;
    font-size: 28px;
}

.mvo-client-home-metric-line {
    margin-top: 18px;
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.mvo-client-home-metric-line i {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #0276ac, #33b5e5);
    animation: clientMetricPulse 2.4s ease-in-out infinite alternate;
}

@keyframes clientMetricPulse {
    from {
        opacity: .75;
        filter: brightness(1);
    }

    to {
        opacity: 1;
        filter: brightness(1.18);
    }
}

.mvo-client-home-float {
    position: absolute;
    z-index: 5;
    background: #071827;
    color: #fff;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    padding: 16px 20px;
    box-shadow: 0 25px 60px rgba(7,24,39,.20);
    font-weight: 600;
}

.mvo-client-home-float i {
    color: #7dd3fc;
    margin-right: 8px;
}

.mvo-client-home-float-services {
    left: -44px;
    bottom: 78px;
}

.mvo-client-home-float-support {
    right: -38px;
    bottom: 36px;
}

.mvo-client-dashboard-tiles {
    margin-bottom: 0 !important;
}

.mvo-client-dashboard-tiles .row {
    margin: 0 -10px;
}

.mvo-client-dashboard-tiles .row > div {
    padding: 0 10px;
    margin-bottom: 20px;
}

.mvo-client-dashboard-tiles .tile {
    position: relative;
    min-height: 188px;
    padding: 28px 24px 24px;
    border: 1px solid #dce5ef;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(8px);
    overflow: hidden;
    transition: .25s ease;
}

.mvo-client-dashboard-tiles .tile:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.09);
}

.mvo-client-dashboard-tiles .tile::before {
    width: 56px;
    height: 56px;
    margin: 20px 0 0 20px;
    border-radius: 18px;
    opacity: 1;
}

.mvo-client-dashboard-tiles .tile i {
    top: 38px;
    left: 38px;
    font-size: 22px;
}

.mvo-client-dashboard-tiles .tile .stat {
    margin-top: 34px;
    color: #071827;
    font-size: 52px;
    line-height: 1;
    font-weight: 600;
}

.mvo-client-dashboard-tiles .tile .title {
    margin-top: 12px;
    margin-bottom: 0;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mvo-home-page-slider-panel,
.mvo-client-home-cards .card {
    border: 1px solid #dce5ef;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(10px);
    overflow: hidden;
}

.mvo-home-page-slider-panel {
    padding: 0;
}

.mvo-client-home-cards .card {
    margin-bottom: 22px;
}

.mvo-client-home-cards .card-header,
.mvo-home-page-slider-panel h3 {
    padding: 18px 22px !important;
    border: 0;
    background: linear-gradient(180deg, #f8fbff, #eff7fd);
}

.mvo-client-home-cards .card-title,
.mvo-home-page-slider-panel h3 {
    margin: 0;
    color: #071827 !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 700;
}

.mvo-client-home-cards .card-title i,
.mvo-client-home-cards .card-title .badge,
.mvo-home-page-slider-panel h3 i {
    color: #0276ac;
}

.mvo-client-home-cards .card-title .badge {
    background: #d9ecfb;
    border-radius: 999px;
}

.mvo-client-home-cards .card-header .btn,
.mvo-client-home-cards .card-header .btn-default {
    border: 0;
    border-radius: 999px;
    background: #0276ac !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
}

.mvo-client-home-cards .card-body {
    padding: 22px;
}

.mvo-client-home-cards .card-body p,
.mvo-client-home-cards .card-body li,
.mvo-client-home-cards .card-body td,
.mvo-client-home-cards .card-body th {
    color: #334155;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-client-home-cards .table,
.mvo-client-home-cards .dataTable,
.mvo-client-home-cards .table-container {
    margin-bottom: 0;
}

.mvo-client-home-cards .table td,
.mvo-client-home-cards .table th {
    border-color: #e5edf5;
}

.mvo-client-home-cards .list-group {
    padding: 12px;
    border: 0 !important;
    background: transparent;
}

.mvo-client-home-cards .list-group-item {
    margin-bottom: 8px;
    padding: 16px 18px;
    border: 0;
    border-radius: 16px;
    background: #f8fbff;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

.mvo-client-home-cards .list-group-item:last-child {
    margin-bottom: 0;
}

.mvo-client-home-cards .list-group-item:hover {
    background: #eef7fe;
    color: #00588f;
}

.mvo-client-home-cards .label,
.mvo-client-home-cards .badge {
    border-radius: 999px;
}

.mvo-client-home-cards .btn,
.mvo-client-home-cards .btn-default,
.mvo-client-home-cards .btn-primary,
.mvo-client-home-cards .btn-success {
    border-radius: 12px;
    font-weight: 700;
}

.mvo-client-home-cards .card-footer {
    padding: 0 22px 20px;
}

.mvo-client-home-cards .card-footer a {
    color: #0276ac;
    font-weight: 700;
}

@media (max-width: 1399px) {
    .mvo-client-home-hero {
        grid-template-columns: 1fr;
    }

    .mvo-client-home-visual {
        max-width: 680px;
        width: 100%;
        margin: auto;
    }
}

@media (max-width: 1199px) {
    #main-body.clientareahome-page-20i .sidebar {
        position: static;
        top: auto;
        margin-bottom: 22px;
    }
}

@media (max-width: 991px) {
    .mvo-client-home-hero {
        padding: 28px;
    }

    .mvo-client-home-hero-content h1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    #main-body.clientareahome-page-20i {
        padding: 22px 0 50px;
    }

    .mvo-client-home-hero {
        padding: 22px;
        border-radius: 24px;
    }

    .mvo-client-home-actions,
    .mvo-client-home-points {
        flex-direction: column;
    }

    .mvo-client-home-primary,
    .mvo-client-home-secondary {
        width: 100%;
    }

    .mvo-client-home-visual {
        min-height: auto;
    }

    .mvo-client-home-dashboard {
        margin-top: 0;
        padding: 22px;
    }

    .mvo-client-home-status {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .mvo-client-home-metrics {
        grid-template-columns: 1fr;
    }

    .mvo-client-home-float {
        position: static;
        display: inline-flex;
        margin-top: 14px;
    }

    .mvo-client-dashboard-tiles .tile {
        min-height: 150px;
        padding: 24px 18px 18px;
    }

    .mvo-client-dashboard-tiles .tile .stat {
        font-size: 42px;
    }
}

/* Client Area Home - Orbit Redesign */
.mvo-client-home {
    gap: 34px;
}

.mvo-client-orbit {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 680px;
    gap: 28px;
    padding: 34px;
    border-radius: 36px;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 24%, rgba(0, 180, 255, .18), transparent 24%),
        linear-gradient(135deg, #04111d 0%, #071827 45%, #0a2236 100%);
    box-shadow:
        0 34px 80px rgba(7, 24, 39, .22),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.mvo-client-orbit::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(125, 211, 252, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(125, 211, 252, .06) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,.72), transparent 92%);
    pointer-events: none;
}

.mvo-client-orbit-copy,
.mvo-client-orbit-board {
    position: relative;
    z-index: 2;
}

.mvo-client-orbit-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(125, 211, 252, .12);
    border: 1px solid rgba(125, 211, 252, .22);
    color: #7dd3fc;
    font-size: 13px;
    font-weight: 600;
}

.mvo-client-orbit-copy h1 {
    margin: 22px 0 18px;
    color: #fff;
    font-size: 58px;
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: -1.6px;
    max-width: 720px;
}

.mvo-client-orbit-copy p {
    max-width: 700px;
    margin: 0;
    color: rgba(226, 232, 240, .82);
    font-size: 18px;
    line-height: 1.85;
}

.mvo-client-orbit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.mvo-client-orbit-primary,
.mvo-client-orbit-secondary {
    height: 58px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 16px;
    text-decoration: none;
    font-weight: 600;
    transition: .25s ease;
}

.mvo-client-orbit-primary {
    background: linear-gradient(135deg, #00a4f4, #0276ac);
    color: #fff;
    box-shadow: 0 18px 44px rgba(0, 164, 244, .25);
}

.mvo-client-orbit-primary:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 24px 54px rgba(0, 164, 244, .34);
}

.mvo-client-orbit-primary i {
    transition: .25s ease;
}

.mvo-client-orbit-primary:hover i {
    transform: translateX(4px);
}

.mvo-client-orbit-secondary {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    backdrop-filter: blur(10px);
}

.mvo-client-orbit-secondary:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(255,255,255,.10);
    transform: translateY(-3px);
}

.mvo-client-orbit-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.mvo-client-orbit-tags span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: #dbeafe;
    font-size: 13px;
    font-weight: 700;
}

.mvo-client-orbit-tags i {
    color: #22c55e;
}

.mvo-client-orbit-board {
    min-height: 520px;
    padding: 22px;
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)),
        linear-gradient(135deg, rgba(2,118,172,.08), rgba(125,211,252,.03));
    border: 1px solid rgba(125, 211, 252, .14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    overflow: hidden;
}

.mvo-client-orbit-noise {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(125, 211, 252, .11), transparent 20%),
        radial-gradient(circle at 76% 68%, rgba(34, 197, 94, .08), transparent 20%);
    filter: blur(22px);
    pointer-events: none;
}

.mvo-client-orbit-window {
    position: absolute;
    padding: 18px 18px 16px;
    border-radius: 22px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(10px);
}

.mvo-client-orbit-window-main {
    top: 22px;
    left: 22px;
    right: 160px;
    min-height: 168px;
}

.mvo-client-orbit-window-service {
    left: 22px;
    bottom: 22px;
    width: 180px;
}

.mvo-client-orbit-window-support {
    left: 220px;
    bottom: 22px;
    width: 180px;
}

.mvo-client-orbit-window-finance {
    right: 22px;
    top: 210px;
    width: 180px;
}

.window-kicker {
    display: block;
    color: #7dd3fc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mvo-client-orbit-window strong {
    display: block;
    margin-top: 14px;
    color: #fff;
    font-size: 28px;
    line-height: 1.08;
}

.mvo-client-orbit-window-main strong {
    max-width: 320px;
    font-size: 32px;
}

.mvo-client-orbit-window small {
    display: block;
    margin-top: 10px;
    color: rgba(226, 232, 240, .76);
    font-size: 13px;
    line-height: 1.6;
}

.mvo-client-orbit-pulse {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-top: 22px;
    height: 56px;
}

.mvo-client-orbit-pulse i {
    width: 14px;
    border-radius: 999px;
    background: linear-gradient(180deg, #38bdf8, #0ea5e9);
    animation: orbitPulse 1.8s ease-in-out infinite;
}

.mvo-client-orbit-pulse i:nth-child(1) {
    height: 34px;
}

.mvo-client-orbit-pulse i:nth-child(2) {
    height: 54px;
    animation-delay: .25s;
}

.mvo-client-orbit-pulse i:nth-child(3) {
    height: 42px;
    animation-delay: .5s;
}

@keyframes orbitPulse {
    0%, 100% {
        transform: scaleY(.86);
        opacity: .72;
    }

    50% {
        transform: scaleY(1.08);
        opacity: 1;
    }
}

.mvo-client-orbit-radar {
    position: absolute;
    right: 70px;
    bottom: 58px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.mvo-client-orbit-radar::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(from 220deg, rgba(56,189,248,.0), rgba(56,189,248,.42), rgba(56,189,248,.0));
    filter: blur(1px);
    animation: orbitSweep 3.4s linear infinite;
}

@keyframes orbitSweep {
    to {
        transform: rotate(360deg);
    }
}

.mvo-client-orbit-radar-ring {
    position: absolute;
    border: 1px solid rgba(125, 211, 252, .16);
    border-radius: 50%;
}

.mvo-client-orbit-radar-ring.ring-1 {
    inset: 16px;
}

.mvo-client-orbit-radar-ring.ring-2 {
    inset: 50px;
}

.mvo-client-orbit-radar-ring.ring-3 {
    inset: 84px;
}

.mvo-client-orbit-radar-core {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #7dd3fc;
    box-shadow: 0 0 0 10px rgba(125,211,252,.12), 0 0 18px rgba(125,211,252,.8);
    z-index: 2;
}

.mvo-client-orbit-float {
    position: absolute;
    z-index: 4;
    padding: 12px 16px;
    border-radius: 999px;
    background: rgba(3, 10, 19, .82);
    border: 1px solid rgba(125, 211, 252, .14);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 18px 40px rgba(3, 10, 19, .25);
}

.mvo-client-orbit-float i {
    margin-right: 8px;
    color: #7dd3fc;
}

.orbit-float-live {
    top: 132px;
    right: 30px;
}

.orbit-float-domain {
    left: 38px;
    top: 214px;
}

.mvo-client-signal-section {
    display: grid;
    gap: 22px;
}

.mvo-client-signal-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.mvo-client-signal-head span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #d9ecfb;
    color: #00588f;
    font-size: 12px;
    font-weight: 600;
}

.mvo-client-signal-head h2 {
    margin: 0;
    color: #071827;
    font-size: 38px;
    line-height: 1.08;
}

.mvo-client-signal-head p {
    max-width: 360px;
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
}

.mvo-client-dashboard-tiles .row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
}

.mvo-client-dashboard-tiles .row > div {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
}

.mvo-client-dashboard-tiles .row > div:nth-child(1) {
    grid-column: span 7;
}

.mvo-client-dashboard-tiles .row > div:nth-child(2) {
    grid-column: span 5;
}

.mvo-client-dashboard-tiles .row > div:nth-child(3) {
    grid-column: span 5;
}

.mvo-client-dashboard-tiles .row > div:nth-child(4) {
    grid-column: span 7;
}

.mvo-client-dashboard-tiles .tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 210px;
    padding: 24px;
    border-radius: 30px;
    border: 1px solid rgba(15, 23, 42, .06);
    background: #fff;
    box-shadow: 0 24px 48px rgba(15, 23, 42, .06);
}

.mvo-client-dashboard-tiles .tile i {
    position: relative;
    top: auto;
    left: auto;
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: auto;
    border-radius: 18px;
    font-size: 22px;
}

.mvo-client-dashboard-tiles .tile::before,
.mvo-client-dashboard-tiles .tile .highlight {
    display: none;
}

.mvo-client-dashboard-tiles .row > div:nth-child(1) .tile {
    background: linear-gradient(135deg, #071827, #0b2740);
    color: #fff;
}

.mvo-client-dashboard-tiles .row > div:nth-child(1) .tile i {
    background: rgba(125, 211, 252, .12);
    color: #7dd3fc;
}

.mvo-client-dashboard-tiles .row > div:nth-child(2) .tile {
    background: linear-gradient(180deg, #ffffff, #f5fbff);
}

.mvo-client-dashboard-tiles .row > div:nth-child(2) .tile i {
    background: #e6f5ff;
    color: #0ea5e9;
}

.mvo-client-dashboard-tiles .row > div:nth-child(3) .tile {
    background: linear-gradient(180deg, #f8fbff, #eef8ff);
}

.mvo-client-dashboard-tiles .row > div:nth-child(3) .tile i {
    background: #dcfce7;
    color: #16a34a;
}

.mvo-client-dashboard-tiles .row > div:nth-child(4) .tile {
    background: linear-gradient(135deg, #0276ac, #00a4f4);
    color: #fff;
}

.mvo-client-dashboard-tiles .row > div:nth-child(4) .tile i {
    background: rgba(255,255,255,.16);
    color: #fff;
}

.mvo-client-dashboard-tiles .tile .stat {
    margin-top: 20px;
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
}

.mvo-client-dashboard-tiles .row > div:nth-child(1) .tile .stat,
.mvo-client-dashboard-tiles .row > div:nth-child(4) .tile .stat {
    color: #fff;
}

.mvo-client-dashboard-tiles .tile .title {
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .86;
}

.mvo-client-home-cards .row {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
    gap: 24px;
    margin: 0;
}

.mvo-client-home-cards .row > div {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding: 0;
}

.mvo-client-home-cards .row > .col-12 {
    grid-column: 1 / -1;
}

.mvo-client-home-cards .card {
    position: relative;
    border: 1px solid #e3ecf5;
    border-radius: 30px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 24px 52px rgba(15, 23, 42, .05);
}

.mvo-client-home-cards .card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 120px;
    background: radial-gradient(circle at top left, rgba(0, 164, 244, .12), transparent 55%);
    pointer-events: none;
}

.mvo-client-home-cards .card-header,
.mvo-home-page-slider-panel h3 {
    position: relative;
    padding: 24px 24px 10px !important;
    background: transparent;
}

.mvo-client-home-cards .card-title,
.mvo-home-page-slider-panel h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #071827 !important;
    font-size: 17px !important;
    font-weight: 600;
}

.mvo-client-home-cards .card-title i,
.mvo-home-page-slider-panel h3 i {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eaf8fc;
    color: #0276ac;
    margin-right: 0;
}

.mvo-client-home-cards .card-header .btn,
.mvo-client-home-cards .card-header .btn-default {
    border-radius: 999px;
    padding: 0 14px;
    height: 34px;
    background: #071827 !important;
}

.mvo-client-home-cards .card-body {
    padding: 0 24px 18px;
}

.mvo-client-home-cards .list-group {
    gap: 12px;
    padding: 0 20px 20px;
}

.mvo-client-home-cards .list-group-item {
    padding: 18px 18px;
    border: 1px solid #e7eef6;
    border-radius: 18px;
    background: #fbfdff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.mvo-client-home-cards .list-group-item:hover {
    transform: translateY(-2px);
    background: #f4fbff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .05);
}

.mvo-client-home-cards .card-footer {
    padding: 0 24px 24px;
}

@media (max-width: 1399px) {
    .mvo-client-orbit {
        grid-template-columns: 1fr;
    }

    .mvo-client-orbit-board {
        min-height: 540px;
    }
}

@media (max-width: 1199px) {
    .mvo-client-dashboard-tiles .row > div:nth-child(n) {
        grid-column: span 6;
    }

    .mvo-client-home-cards .row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .mvo-client-orbit {
        padding: 24px;
    }

    .mvo-client-orbit-copy h1 {
        font-size: 42px;
    }

    .mvo-client-signal-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-client-orbit-board {
        min-height: 620px;
    }

    .mvo-client-orbit-window-main {
        right: 22px;
    }

    .mvo-client-orbit-window-finance {
        top: 238px;
    }

    .mvo-client-orbit-radar {
        right: 22px;
        bottom: 26px;
        width: 210px;
        height: 210px;
    }
}

@media (max-width: 767px) {
    .mvo-client-orbit {
        padding: 20px;
        border-radius: 28px;
    }

    .mvo-client-orbit-copy h1 {
        font-size: 34px;
    }

    .mvo-client-orbit-actions,
    .mvo-client-orbit-tags {
        flex-direction: column;
    }

    .mvo-client-orbit-primary,
    .mvo-client-orbit-secondary {
        width: 100%;
    }

    .mvo-client-orbit-board {
        min-height: auto;
        display: grid;
        gap: 12px;
        padding: 16px;
    }

    .mvo-client-orbit-window,
    .mvo-client-orbit-radar,
    .mvo-client-orbit-float {
        position: relative;
        inset: auto;
        width: 100%;
        right: auto;
        left: auto;
        top: auto;
        bottom: auto;
    }

    .mvo-client-orbit-radar {
        height: 200px;
        margin: 4px auto 0;
        max-width: 200px;
    }

    .mvo-client-dashboard-tiles .row > div:nth-child(n) {
        grid-column: 1 / -1;
    }

    .mvo-client-dashboard-tiles .tile .stat {
        font-size: 46px;
    }
}

/* MVO Client Shell */
#main-body.mvo-client-shell-page {
    padding: 28px 0 60px;
    background:
        radial-gradient(circle at top right, rgba(2, 118, 172, 0.10), transparent 24%),
        linear-gradient(180deg, #f4f9fd 0%, #ecf3f9 100%);
}

#main-body.mvo-client-shell-page .mvo-client-shell {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

#main-body.mvo-client-shell-page .mvo-client-shell-sidebar {
    position: sticky;
    top: 24px;
}

#main-body.mvo-client-shell-page .mvo-client-shell-sidebar .sidebar {
    position: static;
    top: auto;
}

#main-body.mvo-client-shell-page .mvo-client-sidebar-wrap {
    display: block;
    margin-bottom: 16px;
}

#main-body.mvo-client-shell-page .mvo-client-shell-main {
    min-width: 0;
}

#main-body.mvo-client-shell-page .primary-content > main {
    display: grid;
    gap: 22px;
}

#main-body.mvo-client-shell-page .alert {
    margin-bottom: 0;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.05);
}

.mvo-sidebar-shell {
    display: grid;
    gap: 18px;
}

.mvo-sidebar-profile,
.mvo-sidebar-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid #dde8f2;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.035);
}

.mvo-sidebar-profile {
    padding: 22px;
    background:
        radial-gradient(circle at top right, rgba(0, 164, 244, 0.18), transparent 34%),
        linear-gradient(150deg, #071827 0%, #0a2942 52%, #0d4f75 100%);
    border-color: transparent;
    box-shadow: 0 24px 56px rgba(7, 24, 39, 0.18);
}

.mvo-sidebar-profile-top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}

.mvo-sidebar-profile-kicker,
.mvo-sidebar-profile-status {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.mvo-sidebar-profile-kicker {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.mvo-sidebar-profile-status {
    background: rgba(34, 197, 94, 0.16);
    color: #dcfce7;
}

.mvo-sidebar-profile-identity {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
}

.mvo-sidebar-profile-avatar {
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    box-shadow: none;
}

.mvo-sidebar-profile-avatar-image {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    object-fit: cover;
}

.mvo-sidebar-profile-copy {
    min-width: 0;
}

.mvo-sidebar-profile-eyebrow {
    display: block;
    color: rgba(226, 232, 240, 0.72);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo-sidebar-profile strong {
    display: block;
    margin-top: 6px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.2;
}

.mvo-sidebar-profile p {
    margin: 16px 0 0;
    color: rgba(226, 232, 240, 0.82);
    font-size: 14px;
    line-height: 1.75;
}

.mvo-sidebar-profile-details {
    display: grid;
    gap: 6px;
    margin-top: 18px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
}

.mvo-sidebar-profile-details strong,
.mvo-sidebar-profile-details span {
    display: block;
    line-height: 1.55;
}

.mvo-sidebar-profile-details strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.mvo-sidebar-profile-details span {
    color: rgba(226, 232, 240, 0.84);
    font-size: 13px;
}

.mvo-sidebar-profile-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.mvo-sidebar-profile-metrics div {
    padding: 0;
    min-width: 0;
}

.mvo-sidebar-profile-metrics span {
    display: block;
    color: rgba(226, 232, 240, 0.64);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo-sidebar-profile-metrics b {
    display: block;
    margin-top: 6px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
}

.mvo-sidebar-profile-actions {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.mvo-sidebar-profile-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    transition: .22s ease;
}

.mvo-sidebar-profile-action:hover {
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.16);
}

.mvo-sidebar-panel {
    padding: 0;
}

.mvo-sidebar-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px 14px;
    margin-bottom: 0;
    border-bottom: 1px solid #eef3f8;
}

.mvo-sidebar-panel-title {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.mvo-sidebar-panel-title i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f2f8fc;
    color: #0276ac;
    font-size: 14px;
}

.mvo-sidebar-panel-title span {
    color: #071827;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

.mvo-sidebar-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: #f4f8fb;
    color: #5b7a92;
    font-size: 10px;
    font-weight: 600;
}

.mvo-sidebar-panel-body {
    padding: 20px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}

.mvo-sidebar-nav {
    display: grid;
    gap: 2px;
    padding: 0;
}

.mvo-sidebar-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 0;
    padding: 10px 12px;
    border-radius: 0;
    border: none;
    background: transparent;
    color: #475569;
    text-decoration: none;
    transition: .22s ease;
    overflow: hidden;
}

.mvo-sidebar-nav > .mvo-sidebar-link:last-child {
    margin-bottom: 0;
}

.mvo-sidebar-link:hover {
    transform: none;
    border-color: transparent;
    background: #f7fafc;
    color: #0f172a;
    text-decoration: none;
    box-shadow: none;
}

.mvo-sidebar-link.is-current {
    color: #0f172a;
    border-color: transparent;
    background: #f5f8fb;
    box-shadow: none;
}

.mvo-sidebar-link.is-current .mvo-sidebar-badge {
    background: #eaf2f7;
    color: #42627a;
}

.mvo-sidebar-link-main {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.mvo-sidebar-link-main i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f5f8fb;
    color: #5d7b90;
    flex: 0 0 auto;
    font-size: 12px;
    transition: .22s ease;
}

.mvo-sidebar-link:hover .mvo-sidebar-link-main i {
    background: #eef4f8;
    color: #36556d;
}

.mvo-sidebar-link.is-current .mvo-sidebar-link-main i {
    background: #eaf2f7;
    color: #36556d;
}

.mvo-sidebar-link:hover .mvo-sidebar-badge {
    background: #eef4f8;
    color: #42627a;
}

.mvo-sidebar-link.disabled,
.mvo-sidebar-link.disabled:hover {
    opacity: .55;
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
}

.mvo-sidebar-link-main span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 0;
}

.mvo-sidebar-subnav {
    display: grid;
    gap: 4px;
    padding: 2px 0 0 14px;
    margin: 2px 0 0 10px;
    border-left: 1px solid #edf3f8;
}

.mvo-sidebar-subnav .mvo-sidebar-link {
    min-height: 0;
    padding-top: 11px;
    padding-bottom: 11px;
}

.mvo-sidebar-panel-footer {
    padding: 0 20px 18px;
}

.mvo-sidebar-panel-footer .btn,
.mvo-sidebar-panel-footer .btn-default,
.mvo-sidebar-panel-footer .btn-success,
.mvo-sidebar-panel-body .btn,
.mvo-sidebar-panel-body .btn-default,
.mvo-sidebar-panel-body .btn-success {
    width: 100%;
    height: 48px;
    border: 1px solid #d7e4ef;
    border-radius: 14px;
    background: #f3f8fc;
    color: #0276ac;
    font-weight: 600;
    box-shadow: none;
}

.mvo-sidebar-panel-footer .btn:hover,
.mvo-sidebar-panel-body .btn:hover {
    color: #00588f;
    background: #e9f3fa;
    border-color: #cfe1ee;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr));
    gap: 12px;
    padding-bottom: 14px;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body > * {
    margin: 0;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body > :not(:has(a[href*="action=masspay"])):not(:has(a[href*="action=addfunds"])):not(a[href*="action=masspay"]):not(a[href*="action=addfunds"]) {
    grid-column: 1 / -1;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body strong,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body b {
    color: #071827;
    font-weight: 700;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn-default,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn-success,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn-default,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn-success {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn-default,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn-success {
    background: #eef6fc;
    border-color: #d8e7f3;
    color: #0276ac;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn:hover,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn-default:hover,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn-success:hover {
    background: #e4f0f8;
    border-color: #c9deee;
    color: #00588f;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer {
    padding-top: 0;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer > * {
    margin: 0;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body > *:has(a[href*="action=masspay"]),
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer > *:has(a[href*="action=masspay"]),
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body > *:has(a[href*="action=addfunds"]),
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer > *:has(a[href*="action=addfunds"]) {
    display: contents;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body a[href*="action=masspay"],
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer a[href*="action=masspay"] {
    width: 100%;
    min-width: 0;
    grid-column: 1 / -1;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body > *:has(a[href*="action=addfunds"]),
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer > *:has(a[href*="action=addfunds"]),
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-body a[href*="action=addfunds"],
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer a[href*="action=addfunds"] {
    display: none !important;
}

@media (max-width: 1399px) {
    .mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn,
    .mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn-default,
    .mvo-sidebar-panel-invoices .mvo-sidebar-panel-body .btn-success,
    .mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn,
    .mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn-default,
    .mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn-success {
        padding: 0 12px;
        font-size: 12px;
    }
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn-default,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn-success {
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    border-color: #d7e4ef;
    color: #0276ac;
}

.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn:hover,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn-default:hover,
.mvo-sidebar-panel-invoices .mvo-sidebar-panel-footer .btn-success:hover {
    background: #eef6fc;
    border-color: #cfe1ee;
    color: #00588f;
}

.mvo-sidebar-panel-shortcuts {
    border-color: #0c6ea6;
    background: linear-gradient(180deg, #1174ab, #0b6599);
    box-shadow: 0 18px 36px rgba(2, 118, 172, 0.18);
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-panel-head {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-panel-title i {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-panel-title span,
.mvo-sidebar-panel-shortcuts .mvo-sidebar-badge {
    color: #ffffff;
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-badge {
    background: rgba(255, 255, 255, 0.14);
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-nav {
    gap: 12px;
    padding: 20px;
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-link {
    min-height: 58px;
    padding: 12px 14px;
    border-radius: 14px;
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-link:hover {
    border-color: rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-link.is-current {
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-link-main i {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-link-main span {
    color: #ffffff;
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-link[href*="logout"] {
    border-color: rgba(239, 68, 68, 0.28);
    background: rgb(239 68 68 / 81%);
}

.mvo-sidebar-panel-shortcuts .mvo-sidebar-link[href*="logout"]:hover {
    background: rgb(239 68 68 / 88%);
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-unstyled {
    display: grid;
    gap: 4px;
    margin: 0;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-item,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 12px 10px 12px 16px;
    border: 0 !important;
    border-radius: 12px;
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: .18s ease;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    width: 3px;
    height: 16px;
    border-radius: 999px;
    background: #cfe0ec;
    opacity: 0;
    transform: translateY(-50%);
    transition: .18s ease;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item:hover,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action:hover,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link:hover {
    background: rgba(2, 118, 172, 0.04) !important;
    color: #0f172a !important;
    text-decoration: none;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item:hover::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action:hover::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link:hover::before {
    opacity: .7;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item.active,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action.active,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link.active {
    background: rgba(2, 118, 172, 0.06) !important;
    color: #0276ac !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item.active::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action.active::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link.active::before {
    background: #0276ac;
    opacity: 1;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link i {
    width: 16px;
    margin-right: 10px;
    color: #7b94a8;
    text-align: center;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item.active i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action.active i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link.active i {
    color: #0276ac;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .pull-right {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f3f7fa;
    color: #617d93;
    font-size: 11px;
    font-weight: 700;
    box-shadow: none;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item.active .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action.active .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link.active .badge {
    background: #e8f3fa;
    color: #0276ac;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-head {
    padding-bottom: 12px;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-title i {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: #f4f8fb;
    color: #0276ac;
    font-size: 13px;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-nav {
    gap: 0;
    padding: 0;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link {
    padding: 12px 0 12px 14px;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: #475569;
    box-shadow: none !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-nav > .mvo-sidebar-link:last-child {
    border-bottom: 0 !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link::before {
    left: 0;
    width: 2px;
    height: 18px;
    background: #d6e3ec;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link:hover,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item:hover,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action:hover,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link:hover {
    background: transparent !important;
    color: #071827 !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link:hover::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item:hover::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action:hover::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link:hover::before {
    opacity: .45;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link.is-current,
.mvo-sidebar-shell-secondary .mvo-sidebar-link.active,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item.active,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action.active,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link.active {
    background: transparent !important;
    color: #071827 !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link.is-current::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-link.active::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item.active::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action.active::before,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link.active::before {
    background: #0276ac;
    opacity: 1;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link-main {
    gap: 10px;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link-main i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link i {
    width: 16px;
    height: auto;
    margin-right: 0;
    border-radius: 0;
    background: transparent !important;
    color: #7a92a5;
    font-size: 13px;
    text-align: center;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link:hover .mvo-sidebar-link-main i,
.mvo-sidebar-shell-secondary .mvo-sidebar-link.is-current .mvo-sidebar-link-main i,
.mvo-sidebar-shell-secondary .mvo-sidebar-link.active .mvo-sidebar-link-main i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item:hover i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item.active i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action:hover i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action.active i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link:hover i,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link.active i {
    color: #0276ac;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link-main span,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link {
    font-size: 14px;
    font-weight: 400;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .pull-right {
    min-width: 0;
    height: auto;
    padding: 0;
    background: transparent !important;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 700;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-link:hover .mvo-sidebar-badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-link.is-current .mvo-sidebar-badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item:hover .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item.active .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action:hover .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .list-group-item-action.active .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link:hover .badge,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-body .nav-link.active .badge {
    color: #0276ac;
}

/* Restore quick actions panel */
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-nav {
    gap: 12px;
    padding: 20px;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link {
    min-height: 58px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px;
    border-bottom-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link::before {
    display: none;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link:hover {
    border-color: rgba(255, 255, 255, 0.24) !important;
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link.is-current,
.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link.active {
    border-color: rgba(255, 255, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link-main {
    gap: 12px;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link-main i {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    font-size: 13px;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link-main span {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-badge {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    font-size: 10px;
    font-weight: 600;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link[href*="logout"] {
    border-color: rgba(239, 68, 68, 0.28) !important;
    background: rgb(239 68 68 / 81%) !important;
}

.mvo-sidebar-shell-secondary .mvo-sidebar-panel-shortcuts .mvo-sidebar-link[href*="logout"]:hover {
    background: rgb(239 68 68 / 88%) !important;
}

/* Recent tickets panel */
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body {
    padding-top: 10px;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group {
    gap: 0;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action {
    position: relative;
    display: block;
    padding: 16px 0 16px 24px;
    border: 0 !important;
    border-bottom: 1px solid #eef3f7 !important;
    border-radius: 0;
    background: transparent !important;
    color: #475569 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    box-shadow: none !important;
    text-decoration: none;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item:last-child,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action:last-child {
    border-bottom: 0 !important;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item:hover,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action:hover {
    background: transparent !important;
    color: #071827 !important;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item > i:first-child,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action > i:first-child {
    position: absolute;
    left: 0;
    top: 18px;
    width: 14px;
    color: #9fb2c2;
    font-size: 12px;
    text-align: center;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item br,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action br {
    display: none;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item small,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action small {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 8px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item .label,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action .label {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f5f8fb;
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    box-shadow: none;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item .label.status-open,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action .label.status-open {
    background: #eefaf2;
    color: #2f8f46;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item .label.status-answer,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item .label.status-answered,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action .label.status-answer,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action .label.status-answered {
    background: #f2f5fb;
    color: #6d5ca8;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item .label.status-closed,
.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .list-group-item-action .label.status-closed {
    background: #f4f7fa;
    color: #6f8193;
}

.mvo-sidebar-panel-recent-tickets .mvo-sidebar-panel-body .pull-right {
    margin-left: auto;
    padding: 0;
    background: transparent !important;
    color: #94a3b8 !important;
    font-size: 12px;
    font-weight: 600;
}

.mvo-sidebar-panel-account .mvo-sidebar-nav {
    gap: 0;
    padding: 0;
}

.mvo-sidebar-panel-account .mvo-sidebar-link {
    padding: 12px 0 12px 14px;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: #475569;
    box-shadow: none !important;
}
/*
.mvo-sidebar-panel-account .mvo-sidebar-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 18px;
    border-radius: 999px;
    background: #d6e3ec;
    opacity: 0;
    transform: translateY(-50%);
    transition: .22s ease;
}
*/
.mvo-sidebar-panel-account .mvo-sidebar-link:hover {
    background: transparent !important;
    color: #071827;
}

.mvo-sidebar-panel-account .mvo-sidebar-link:hover::before {
    opacity: .45;
}

.mvo-sidebar-panel-account .mvo-sidebar-link.is-current,
.mvo-sidebar-panel-account .mvo-sidebar-link.active {
    background: transparent !important;
    color: #071827;
}

.mvo-sidebar-panel-account .mvo-sidebar-link.is-current::before,
.mvo-sidebar-panel-account .mvo-sidebar-link.active::before {
    background: #0276ac;
    opacity: 1;
}

.mvo-sidebar-panel-account .mvo-sidebar-link-main {
    gap: 10px;
}

.mvo-sidebar-panel-account .mvo-sidebar-link-main i {
    width: 16px;
    height: auto;
    margin-right: 0;
    border-radius: 0;
    background: transparent !important;
    color: #7a92a5;
    font-size: 13px;
    text-align: center;
}

.mvo-sidebar-panel-account .mvo-sidebar-link:hover .mvo-sidebar-link-main i,
.mvo-sidebar-panel-account .mvo-sidebar-link.is-current .mvo-sidebar-link-main i,
.mvo-sidebar-panel-account .mvo-sidebar-link.active .mvo-sidebar-link-main i {
    color: #0276ac;
}

.mvo-sidebar-panel-account .mvo-sidebar-link-main span {
    font-size: 14px;
    font-weight: 400;
}

.mvo-sidebar-panel-account .mvo-sidebar-badge {
    min-width: 0;
    height: auto;
    padding: 0;
    background: transparent !important;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 700;
}

.mvo-sidebar-panel-account .mvo-sidebar-link:hover .mvo-sidebar-badge,
.mvo-sidebar-panel-account .mvo-sidebar-link.is-current .mvo-sidebar-badge,
.mvo-sidebar-panel-account .mvo-sidebar-link.active .mvo-sidebar-badge {
    color: #0276ac;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer {
    padding-top: 6px;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body.mvo-sidebar-panel-cc-compose {
    display: flex;
    align-items: stretch;
    gap: 0;
    padding-bottom: 18px;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field {
    flex: 1 1 auto;
    min-width: 0;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action {
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action > *,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action form {
    min-width: 0;
}

.mvo-sidebar-panel-cc .mvo-sidebar-nav {
    padding-top: 0;
    padding-bottom: 10px;
}

.mvo-sidebar-panel-cc .mvo-sidebar-link {
    min-height: 0;
    padding: 0 0 12px;
    border-bottom: 0;
}

.mvo-sidebar-panel-cc .mvo-sidebar-link:has(.mvo-sidebar-link-main span:empty) {
    display: none;
}

.mvo-sidebar-panel-cc .mvo-sidebar-link-main {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #e6eef5;
    border-radius: 12px;
    background: #fbfdff;
}

.mvo-sidebar-panel-cc .mvo-sidebar-link-main i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
}

.mvo-sidebar-panel-cc .mvo-sidebar-link-main span {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 13px;
    font-weight: 600;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body form,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer form,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field form,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action form {
    margin: 0;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .form-group,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .form-group,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .form-group,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .form-group {
    margin-bottom: 0;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .input-group,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .input-group,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-wrap: nowrap;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .input-group-addon,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .input-group-prepend,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .input-group-text,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .btn-danger,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .text-danger,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .fa-minus,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .fa-minus-circle,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .fa-times,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .fa-times-circle,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field [class*="minus"],
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field [class*="remove"] {
    display: none !important;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .input-group .form-control,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .input-group .form-control,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-body input.form-control,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer input.form-control,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .input-group .form-control,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field input.form-control {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    height: 46px;
    border: 1px solid #d7e4ef;
    border-radius: 14px 0 0 14px;
    background: #fbfdff;
    box-shadow: none;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .input-group .form-control,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-body input.form-control,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .input-group .form-control,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field input.form-control {
    border-right: 0;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .input-group-append,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .input-group-append,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-field .input-group-append {
    display: flex;
    flex: 0 0 auto;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .input-group-append .btn,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .input-group-append .btn,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .input-group-append .btn-default,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .input-group-append .btn-default,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .input-group-append .btn-success,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .input-group-append .btn-success {
    width: auto;
    min-width: 112px;
    padding: 0 18px;
    border-left: 0;
    border-radius: 0 14px 14px 0;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .btn,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .btn-default,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .btn-success,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn-default,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn-success {
    width: auto;
    min-width: 110px;
    max-width: none;
    padding: 0 16px;
    height: 46px;
    min-height: 46px;
    border-radius: 0 14px 14px 0;
    margin-left: -1px;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-body .input-group .form-control:not(:first-child),
.mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .input-group .form-control:not(:first-child) {
    border-radius: 14px;
}

.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn-default,
.mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn-success {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 1399px) {
    .mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .btn,
    .mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .btn-default,
    .mvo-sidebar-panel-cc .mvo-sidebar-panel-footer .btn-success,
    .mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn,
    .mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn-default,
    .mvo-sidebar-panel-cc .mvo-sidebar-panel-cc-action .btn-success {
        min-width: 104px;
        padding: 0 14px;
    }
}

#main-body.mvo-client-shell-page .primary-content .card,
#main-body.mvo-client-shell-page .primary-content .panel,
#main-body.mvo-client-shell-page .primary-content .table-container,
#main-body.mvo-client-shell-page .primary-content .form-control,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .table-list {
    border-radius: 24px;
}

#main-body.mvo-client-shell-page .primary-content .card,
#main-body.mvo-client-shell-page .primary-content .panel {
    border: 1px solid #dde8f2;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.05);
}

/* Dashboard Home */
.mvo-client-home {
    display: grid;
    gap: 24px;
}

.mvo-client-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) 500px;
    gap: 24px;
    padding: 30px;
    border: 1px solid #dde8f2;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(2,118,172,.10), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,250,255,.94));
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.06);
}

.mvo-client-workspace-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #d9ecfb;
    color: #00588f;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-client-workspace-copy h1 {
    margin: 20px 0 16px;
    color: #071827;
    font-size: 52px;
    line-height: 1.04;
    letter-spacing: -1.2px;
}

.mvo-client-workspace-copy p {
    max-width: 760px;
    margin: 0;
    color: #64748b;
    font-size: 17px;
    line-height: 1.85;
}

.mvo-client-workspace-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.mvo-client-workspace-primary,
.mvo-client-workspace-secondary {
    height: 56px;
    padding: 0 26px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .22s ease;
}

.mvo-client-workspace-primary {
    background: linear-gradient(135deg, #071827, #0a2a44);
    color: #fff;
    box-shadow: 0 18px 40px rgba(7, 24, 39, 0.18);
}

.mvo-client-workspace-primary:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

.mvo-client-workspace-secondary {
    border: 1px solid #d7e5f1;
    background: #fff;
    color: #071827;
}

/* Contacts */
.mvo-contact-page {
    display: grid;
    gap: 20px;
}

.mvo-contact-switcher,
.mvo-contact-card {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
}

.mvo-contact-switcher {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
    gap: 20px;
    align-items: center;
    padding: 22px 24px;
}

.mvo-contact-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-contact-switcher-copy h2,
.mvo-contact-card-head h3 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.mvo-contact-switcher-copy p,
.mvo-contact-card-head p {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-contact-switcher-form,
.mvo-contact-form {
    margin: 0;
}

.mvo-contact-switcher-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    gap: 14px;
    align-items: center;
}

.mvo-contact-card {
    padding: 24px;
}

.mvo-contact-card + .mvo-contact-card {
    margin-top: 0;
}

.mvo-contact-card-head {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.mvo-contact-column {
    display: grid;
    gap: 14px;
}

.mvo-contact-page .form-group {
    margin-bottom: 0;
}

.mvo-contact-page .col-form-label {
    display: block;
    margin-bottom: 8px;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

.mvo-contact-page .form-control,
.mvo-contact-page .custom-select,
.mvo-contact-page select.form-control {
    width: 100%;
    height: 48px;
    border: 1px solid #dbe7f2;
    border-radius: 14px;
    background: #fdfefe;
    color: #071827;
    box-shadow: none;
}

.mvo-contact-page textarea.form-control {
    min-height: 120px;
    height: auto;
    padding-top: 14px;
}

.mvo-contact-page .form-control:focus,
.mvo-contact-page .custom-select:focus,
.mvo-contact-page select.form-control:focus {
    border-color: #9ecfed;
    box-shadow: 0 0 0 4px rgba(2, 118, 172, 0.08);
}

.mvo-contact-page .intl-tel-input,
.mvo-contact-page .telephone-input {
    width: 100%;
}

.mvo-contact-preferences {
    display: grid;
    gap: 12px;
}

.mvo-contact-check {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    padding: 14px 16px;
    border: 1px solid #e7eef5;
    border-radius: 14px;
    background: #fbfdff;
    color: #334155;
    font-size: 14px;
    line-height: 1.6;
    cursor: pointer;
}

.mvo-contact-check .form-check-input {
    width: 16px;
    height: 16px;
    margin: 3px 0 0;
    position: static;
    flex: 0 0 auto;
}

.mvo-contact-check span {
    display: block;
    min-width: 0;
    font-weight: 100;
    font-size: 1rem;
}

.mvo-contact-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.mvo-contact-actions .btn {
    min-width: 170px;
    height: 48px;
    border-radius: 14px;
    font-weight: 600;
}

.mvo-contact-actions .btn-default {
    border: 1px solid #d7e4ef;
    background: #fff;
    color: #071827;
}

.mvo-contact-actions .btn-default:hover {
    background: #f5f9fc;
    color: #071827;
}

.mvo-contact-page .alert {
    margin-bottom: 0;
    border-radius: 16px;
}

.mvo-contact-public-page {
    display: grid;
    gap: 20px;
}

.mvo-contact-public-hero,
.mvo-contact-public-info-card {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
}

.mvo-contact-public-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 24px;
    align-items: center;
    padding: 28px;
}

.mvo-contact-public-hero h1 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.08;
}

.mvo-contact-public-hero p {
    margin: 12px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.mvo-contact-public-hero-pills {
    display: grid;
    gap: 12px;
}

.mvo-contact-public-pill {
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 0 18px;
    border: 1px solid #dbe7f2;
    border-radius: 16px;
    background: #f8fbff;
    color: #071827;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: .2s ease;
}

.mvo-contact-public-pill i {
    color: #0276ac;
    font-size: 18px;
}

.mvo-contact-public-pill:hover {
    border-color: #9ecfed;
    background: #ffffff;
    color: #071827;
    text-decoration: none;
    transform: translateY(-1px);
}

.mvo-contact-public-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 20px;
    align-items: start;
}

.mvo-contact-public-sidebar {
    display: grid;
    gap: 20px;
}

.mvo-contact-public-info-card {
    padding: 24px;
}

.mvo-contact-public-info-head {
    padding-bottom: 16px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-contact-public-info-head h3 {
    margin: 0;
    color: #071827;
    font-size: 18px;
    font-weight: 600;
}

.mvo-contact-public-info-head p {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-contact-public-info-list {
    display: grid;
    gap: 12px;
}

.mvo-contact-public-info-item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 14px 16px;
    border: 1px solid #e7eef5;
    border-radius: 16px;
    background: #fbfdff;
    color: #334155;
    text-decoration: none;
    transition: .2s ease;
}

.mvo-contact-public-info-item i {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 16px;
}

.mvo-contact-public-info-item strong {
    display: block;
    color: #071827;
    font-size: 14px;
    font-weight: 600;
}

.mvo-contact-public-info-item span {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-contact-public-info-item:hover {
    border-color: #9ecfed;
    background: #ffffff;
    color: #334155;
    text-decoration: none;
}

.mvo-contact-public-checklist {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
}

.mvo-contact-public-checklist li {
    position: relative;
    padding-left: 24px;
    color: #334155;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-contact-public-checklist li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0276ac, #00a4f4);
}

.mvo-contact-public-form-card {
    padding: 24px;
}

.mvo-contact-public-form-card .mvo-contact-card-head {
    text-align: left;
}

.mvo-contact-public-form-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.mvo-contact-public-form-span {
    grid-column: 1 / -1;
}

.mvo-contact-public-action-field .btn {
    width: 100%;
    min-width: 0;
    height: 48px;
    border-radius: 14px;
    font-weight: 600;
}

.mvo-contact-public-action-field .btn-default {
    border: 1px solid #d7e4ef;
    background: #fff;
    color: #071827;
}

.mvo-contact-public-action-field .btn-default:hover {
    background: #f5f9fc;
    color: #071827;
}

.mvo-contact-public-action-label {
    opacity: 0;
    pointer-events: none;
}

.mvo-contact-public-success {
    display: grid;
    gap: 12px;
}

.mvo-contact-public-success strong {
    color: #071827;
    font-size: 18px;
    font-weight: 600;
}

.mvo-contact-public-success p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

@media (max-width: 991px) {
    .mvo-contact-switcher,
    .mvo-contact-switcher-fields,
    .mvo-contact-form-grid {
        grid-template-columns: 1fr;
    }

    .mvo-contact-public-hero,
    .mvo-contact-public-layout {
        grid-template-columns: 1fr;
    }

    .mvo-contact-switcher {
        padding: 20px;
    }

    .mvo-contact-public-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mvo-contact-public-form-span {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .mvo-contact-card {
        padding: 20px;
    }

    .mvo-contact-actions {
        flex-direction: column;
    }

    .mvo-contact-actions .btn {
        width: 100%;
    }

    .mvo-contact-public-hero,
    .mvo-contact-public-info-card,
    .mvo-contact-public-form-card {
        padding: 20px;
    }

    .mvo-contact-public-form-grid {
        grid-template-columns: 1fr;
    }
}

/* User Management */
.mvo-user-page {
    display: grid;
    gap: 20px;
}

.mvo-user-card {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 26px;
}

.mvo-user-card-head {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-user-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-user-card-head h3,
.mvo-user-subsection-head h4 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.mvo-user-card-head p,
.mvo-user-note {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
    max-width: 780px;
}

.mvo-user-list {
    display: grid;
    gap: 12px;
}

.mvo-user-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border: 1px solid #e9f0f6;
    border-radius: 16px;
    background: #fbfdff;
    transition: .2s ease;
}

.mvo-user-row:hover {
    border-color: #d7e5f1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.mvo-user-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.mvo-user-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eef7fe;
    color: #0276ac;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #d9e8f3;
}

.mvo-user-avatar.is-invite {
    background: #fff7ed;
    color: #ea580c;
    font-size: 16px;
}

.mvo-user-copy {
    min-width: 0;
}

.mvo-user-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mvo-user-title strong {
    color: #071827;
    font-size: 15px;
    font-weight: 600;
    word-break: break-word;
    letter-spacing: -0.01em;
}

.mvo-user-copy small {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.mvo-user-pill {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo-user-pill.is-owner {
    background: #dff2fb;
    color: #0276ac;
}

.mvo-user-pill.is-secure {
    background: #dcfce7;
    color: #15803d;
}

.mvo-user-pill.is-muted {
    background: #e2e8f0;
    color: #475569;
}

.mvo-user-pill.is-pending {
    background: #fef3c7;
    color: #d97706;
}

.mvo-user-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.mvo-user-inline-form {
    margin: 0;
    display: flex;
}

.mvo-user-actions .btn {
    min-height: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-weight: 600;
    padding: 0 14px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.mvo-user-inline-form .btn {
    width: 100%;
}

.mvo-user-actions .btn-default {
    border: 1px solid #d7e4ef;
    background: #fff;
    color: #071827;
}

.mvo-user-actions .btn-default:hover {
    background: #f5f9fc;
    color: #071827;
}

.mvo-user-actions .btn-danger {
    box-shadow: none;
}

.mvo-user-subsection {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #eef3f8;
}

.mvo-user-subsection-head {
    margin-bottom: 8px;
}

.mvo-user-subsection-head h4 {
    font-size: 17px;
}

.mvo-user-note {
    padding-top: 16px;
    margin-top: 10px;
    border-top: 1px solid #eef3f8;
}

.mvo-user-invite-form {
    display: grid;
    gap: 16px;
    max-width: 760px;
}

.mvo-user-page .form-control {
    height: 48px;
    border: 1px solid #dbe7f2;
    border-radius: 14px;
    background: #fdfefe;
    color: #071827;
    box-shadow: none;
}

.mvo-user-page .form-control:focus {
    border-color: #9ecfed;
    box-shadow: 0 0 0 4px rgba(2, 118, 172, 0.08);
}

.mvo-user-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mvo-user-radio {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #e7eef5;
    border-radius: 14px;
    background: #ffffff;
    color: #334155;
    font-size: 14px;
    cursor: pointer;
    transition: .2s ease;
}

.mvo-user-radio .form-check-input {
    margin: 0;
    position: static;
}

.mvo-user-radio:has(.form-check-input:checked) {
    border-color: #b9d8ee;
    background: #f4faff;
    color: #00588f;
}

.mvo-user-permissions {
    display: grid;
    gap: 12px;
    margin-top: 4px;
    padding: 16px;
    border: 1px solid #e3edf5;
    border-radius: 16px;
    background: linear-gradient(180deg, #fcfeff, #f8fbfe);
}

.mvo-user-permissions.w-hidden {
    display: none !important;
}

.mvo-user-permission {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 14px 14px;
    border: 1px solid #eaf0f6;
    border-radius: 14px;
    background: #ffffff;
    cursor: pointer;
    transition: .2s ease;
}

.mvo-user-permission:hover {
    border-color: #d7e5f1;
    background: #fbfdff;
}

.mvo-user-permission .form-check-input {
    width: 16px;
    height: 16px;
    margin: 4px 0 0;
    position: static;
    flex: 0 0 16px;
}

.mvo-user-permission-copy {
    display: block;
    min-width: 0;
}

.mvo-user-permission-copy strong,
.mvo-user-permission-copy small {
    display: block;
}

.mvo-user-permission-copy strong {
    color: #071827;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.mvo-user-permission-copy small {
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.mvo-user-invite-form > .btn.btn-primary {
    min-width: 220px;
    height: 48px;
    justify-self: flex-start;
    border-radius: 14px;
    font-weight: 600;
    margin-top: 4px;
}

@media (max-width: 991px) {
    .mvo-user-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-user-actions {
        justify-content: flex-start;
    }

    .mvo-user-invite-form {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .mvo-user-card {
        padding: 20px;
    }

    .mvo-user-radio-group,
    .mvo-user-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-user-actions .btn,
    .mvo-user-inline-form,
    .mvo-user-inline-form .btn {
        width: 100%;
    }

    .mvo-user-invite-form > .btn.btn-primary {
        width: 100%;
        min-width: 0;
        justify-self: stretch;
    }
}

/* Account Details */
.mvo-account-page {
    display: grid;
    gap: 20px;
}

.mvo-account-avatar-shell {
    display: grid;
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.mvo-account-avatar-preview {
    display: grid;
    gap: 16px;
    padding: 20px;
    border: 1px solid #e7eef5;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fbff, #fdfefe);
}

.mvo-account-avatar-preview-media {
    width: 108px;
    height: 108px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    background: linear-gradient(135deg, #0276ac, #00a4f4);
    color: #ffffff;
    font-size: 38px;
    font-weight: 600;
    box-shadow: 0 18px 36px rgba(2, 118, 172, 0.20);
    overflow: hidden;
}

.mvo-account-avatar-preview-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.mvo-account-avatar-preview-copy {
    display: grid;
    gap: 8px;
}

.mvo-account-avatar-preview-copy strong {
    color: #071827;
    font-size: 18px;
    font-weight: 600;
}

.mvo-account-avatar-preview-copy span {
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-account-avatar-form {
    display: grid;
    gap: 16px;
    padding: 20px;
    border: 1px solid #e7eef5;
    border-radius: 18px;
    background: #fbfdff;
}

.mvo-account-form {
    display: grid;
    gap: 20px;
}

.mvo-account-card {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
}

.mvo-account-card-head {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-account-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-account-card-head h3 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.mvo-account-card-head p {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-account-form-grid,
.mvo-account-extra-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.mvo-account-column {
    display: grid;
    gap: 14px;
}

.mvo-account-page .form-group {
    margin-bottom: 0;
}

.mvo-account-page .col-form-label {
    display: block;
    margin-bottom: 8px;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

.mvo-account-page .form-control,
.mvo-account-page select.form-control,
.mvo-account-page .custom-select {
    width: 100%;
    height: 48px;
    border: 1px solid #dbe7f2;
    border-radius: 14px;
    background: #fdfefe;
    color: #071827;
    box-shadow: none;
}

.mvo-account-page textarea.form-control {
    min-height: 120px;
    height: auto;
    padding-top: 14px;
}

.mvo-account-page .form-control:focus,
.mvo-account-page select.form-control:focus,
.mvo-account-page .custom-select:focus {
    border-color: #9ecfed;
    box-shadow: 0 0 0 4px rgba(2, 118, 172, 0.08);
}

.mvo-account-page .control {
    display: block;
}

.mvo-account-page .intl-tel-input,
.mvo-account-page .telephone-input {
    width: 100%;
}

.mvo-account-help {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.mvo-account-preferences {
    display: grid;
    gap: 12px;
}

.mvo-account-check {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    padding: 14px 16px;
    border: 1px solid #e7eef5;
    border-radius: 14px;
    background: #fbfdff;
    color: #334155;
    font-size: 14px;
    line-height: 1.6;
    cursor: pointer;
}

.mvo-account-check .form-check-input {
    width: 16px;
    height: 16px;
    margin: 3px 0 0;
    position: static;
    flex: 0 0 auto;
}

.mvo-account-check span {
    display: block;
    min-width: 0;
}

.mvo-account-marketing-toggle {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid #e7eef5;
    border-radius: 14px;
    background: #fbfdff;
    color: #334155;
    font-size: 14px;
    line-height: 1.6;
}

.mvo-account-marketing-toggle .form-check-input {
    margin: 0;
    position: static;
    flex: 0 0 auto;
}

.mvo-account-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.mvo-account-actions .btn {
    min-width: max-content;
    max-width: 100%;
    min-height: 48px;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    padding: 11px 18px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

.mvo-account-card .mvo-account-actions .btn {
    flex: 0 1 auto;
}

.mvo-account-actions .btn-default {
    border: 1px solid #d7e4ef;
    background: #fff;
    color: #071827;
}

.mvo-account-actions .btn-default:hover {
    background: #f5f9fc;
    color: #071827;
}

@media (max-width: 991px) {
    .mvo-account-avatar-shell,
    .mvo-account-form-grid,
    .mvo-account-extra-grid {
        grid-template-columns: 1fr;
    }

    .mvo-password-grid {
        grid-template-columns: 1fr;
    }

    .mvo-password-aside {
        position: static;
        top: auto;
    }
}

@media (max-width: 767px) {
    .mvo-account-card {
        padding: 20px;
    }

    .mvo-account-actions {
        flex-direction: column;
    }

    .mvo-account-actions .btn {
        width: 100%;
    }

    .mvo-account-marketing-toggle {
        align-items: flex-start;
    }

    .mvo-password-entry {
        grid-template-columns: 1fr;
    }

    .mvo-password-entry .btn {
        width: 100%;
        min-width: 0;
    }
}

/* Invoices List */
.mvo-invoices-list-page {
    display: grid;
    gap: 20px;
}

.mvo-invoices-list-hero,
.mvo-invoices-list-card {
    border: 1px solid #dde8f2;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
}

.mvo-invoices-list-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.mvo-invoices-list-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-invoices-list-head h1 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
}

.mvo-invoices-list-head p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-invoices-hero-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.mvo-invoices-hero-actions .btn {
    min-width: 180px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    font-weight: 700;
}

.mvo-invoices-list-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.mvo-invoices-stat-card {
    padding: 18px 18px 16px;
    border: 1px solid #e6eef5;
    border-radius: 10px;
    background: #ffffff;
}

.mvo-invoices-stat-card span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-invoices-stat-card strong {
    display: block;
    margin-top: 12px;
    color: #071827;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.mvo-invoices-credit-box {
    margin-top: 18px;
    padding: 22px;
    border: 1px solid #e4edf5;
    border-radius: 18px;
    background: linear-gradient(180deg, #f7fbff 0%, #eef6fc 100%);
}

.mvo-invoices-credit-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 18px;
    margin-bottom: 16px;
    border-bottom: 1px solid #dce8f2;
}

.mvo-invoices-credit-label {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-invoices-credit-value {
    margin-top: 12px;
}

.mvo-invoices-credit-value strong {
    color: #0276ac;
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
}

.mvo-invoices-credit-icon {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #dde8f2;
    color: #0276ac;
    font-size: 20px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.mvo-invoices-credit-box p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.mvo-invoices-credit-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.mvo-inline-action {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid #d9e6f1;
    border-radius: 12px;
    background: #ffffff;
    color: #0276ac;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: .2s ease;
}

.mvo-inline-action:hover {
    border-color: #0276ac;
    color: #0276ac;
    text-decoration: none;
    transform: translateY(-1px);
}

.mvo-inline-action.is-primary {
    background: #0b84c6;
    border-color: #0b84c6;
    color: #ffffff;
}

.mvo-inline-action.is-primary:hover {
    background: #086ea5;
    border-color: #086ea5;
    color: #ffffff;
}

.mvo-invoices-table-wrap .dataTables_wrapper {
    color: #475569;
    font-size: 13px;
}

.mvo-invoices-table-wrap .dataTables_wrapper > .row:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-bottom: 1px solid #eef3f8;
    background: transparent;
}

.mvo-invoices-table-wrap .dataTables_wrapper > .row:first-child > div,
.mvo-invoices-table-wrap .dataTables_wrapper > .row:last-child > div {
    float: none;
}

.mvo-invoices-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:first-child {
    flex: 1 1 auto;
    max-width: none;
    padding: 0;
}

.mvo-invoices-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:last-child {
    flex: 0 0 auto;
    max-width: none;
    padding: 0;
}

.mvo-invoices-table-wrap .dataTables_length,
.mvo-invoices-table-wrap .dataTables_filter {
    margin-bottom: 0;
}

.mvo-invoices-table-wrap .dataTables_wrapper > .row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding-top: 4px;
}

.mvo-invoices-table-wrap .dataTables_wrapper > .row:last-child .col-sm-5,
.mvo-invoices-table-wrap .dataTables_wrapper > .row:last-child .col-sm-7 {
    width: auto;
    max-width: none;
    padding: 0;
}

.mvo-invoices-table-wrap .dataTables_info {
    padding-top: 0 !important;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

.mvo-invoices-table-wrap .dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.mvo-invoices-table-wrap .dataTables_filter {
    display: flex;
    justify-content: flex-end;
}

.mvo-invoices-table-wrap .dataTables_filter label {
    margin: 0;
    font-size: 0;
}

.mvo-invoices-table-wrap .dataTables_filter input,
.mvo-invoices-table-wrap .dataTables_length select {
    min-height: 40px;
    border: 1px solid #d9e6f1;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
}

.mvo-invoices-table-wrap .dataTables_filter input {
    width: 260px !important;
    padding: 0 14px;
}

.mvo-invoices-table-wrap .dataTables_length select {
    min-width: 74px;
    padding: 0 34px 0 14px;
}

.mvo-invoices-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.mvo-invoices-table-head strong {
    display: block;
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-invoices-table-head span {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
}

#tableInvoicesList {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0 12px;
}

#tableInvoicesList thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#tableInvoicesList tbody td {
    padding: 18px 16px !important;
    border-top: 1px solid #e7eef5 !important;
    border-bottom: 1px solid #e7eef5 !important;
    background: #ffffff;
    vertical-align: middle;
    transition: background-color .18s ease, border-color .18s ease;
}

#tableInvoicesList tbody td:first-child {
    border-left: 1px solid #e7eef5 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#tableInvoicesList tbody td:last-child {
    border-right: 1px solid #e7eef5 !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    white-space: nowrap;
}

#tableInvoicesList tbody tr:hover td {
    background: #fbfdff;
    border-top-color: #dbe7f2 !important;
    border-bottom-color: #dbe7f2 !important;
}

.mvo-invoice-main {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #071827;
    text-decoration: none !important;
}

.mvo-invoice-id {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.mvo-invoice-copy {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.mvo-invoice-date {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.mvo-invoice-total {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.mvo-invoices-table-wrap .label.status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: #f5f8fb;
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    box-shadow: none;
    white-space: nowrap;
}

.mvo-invoices-table-wrap .label.status[class*="paid"] {
    background: #eefaf2;
    border-color: #d9efdf;
    color: #2f8f46;
}

.mvo-invoices-table-wrap .label.status[class*="unpaid"],
.mvo-invoices-table-wrap .label.status[class*="draft"],
.mvo-invoices-table-wrap .label.status[class*="paymentpending"] {
    background: #fff8e8;
    border-color: #f4e6b8;
    color: #c47b07;
}

.mvo-invoices-table-wrap .label.status[class*="cancel"],
.mvo-invoices-table-wrap .label.status[class*="refund"],
.mvo-invoices-table-wrap .label.status[class*="collections"] {
    background: #f4f7fa;
    border-color: #e3eaf0;
    color: #6f8193;
}

.mvo-invoice-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    white-space: nowrap;
}

.mvo-invoice-download-form {
    margin: 0;
}

.mvo-invoice-download-btn {
    min-height: 40px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #d5e3ef;
    border-radius: 999px;
    background: #ffffff;
    color: #5f7286;
    font-size: 13px;
    font-weight: 700;
    transition: .2s ease;
}

.mvo-invoice-download-btn i {
    font-size: 13px;
}

.mvo-invoice-download-btn:hover {
    border-color: #0276ac;
    color: #0276ac;
    background: #ffffff;
}

.mvo-invoice-open-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0276ac;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: color .18s ease, transform .18s ease;
}

.mvo-invoice-open-btn:hover {
    color: #00588f;
    text-decoration: none;
    transform: translateX(2px);
}

.mvo-invoices-table-wrap .dataTables_paginate {
    display: flex;
    align-items: center;
}

.mvo-invoices-table-wrap .pagination {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.mvo-invoices-table-wrap .pagination > li {
    display: inline-flex;
}

.mvo-invoices-table-wrap .pagination > li > a,
.mvo-invoices-table-wrap .pagination > li > span {
    min-width: 38px;
    height: 38px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid #d9e6f1 !important;
    background: #fff !important;
    color: #64748b !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.mvo-invoices-table-wrap .pagination > .active > a,
.mvo-invoices-table-wrap .pagination > .active > span,
.mvo-invoices-table-wrap .pagination > .active > a:hover,
.mvo-invoices-table-wrap .pagination > .active > span:hover {
    background: #0276ac !important;
    border-color: #0276ac !important;
    color: #fff !important;
}

.mvo-invoices-table-wrap .pagination > .disabled > a,
.mvo-invoices-table-wrap .pagination > .disabled > span {
    background: #f8fbfd !important;
    border-color: #e5edf4 !important;
    color: #a0aec0 !important;
    opacity: 1;
}

/* Add Funds */
.mvo-addfunds-page {
    display: grid;
    gap: 20px;
}

.mvo-addfunds-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.mvo-addfunds-head-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.mvo-addfunds-head-actions .btn {
    min-width: 160px;
}

.mvo-addfunds-history-list {
    display: grid;
    gap: 12px;
}

.mvo-addfunds-history-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #e6eef5;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

.mvo-addfunds-history-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #eef6fc;
    border: 1px solid #d8e7f3;
    color: #0276ac;
    font-size: 18px;
}

.mvo-addfunds-history-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.mvo-addfunds-history-copy strong {
    display: block;
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}

.mvo-addfunds-history-copy span {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.mvo-addfunds-history-amount {
    color: #0276ac;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
}

.mvo-addfunds-history-empty {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 18px;
    border: 1px dashed #d9e6f1;
    border-radius: 16px;
    background: #fbfdff;
    text-align: center;
}

.mvo-addfunds-history-empty i {
    color: #0276ac;
    font-size: 20px;
}

.mvo-addfunds-history-empty strong {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
}

.mvo-addfunds-history-empty span {
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-addfunds-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.mvo-addfunds-stat-card {
    padding: 20px;
    border: 1px solid #e6eef5;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

.mvo-addfunds-stat-card.is-balance {
    background: linear-gradient(180deg, #f7fbff 0%, #edf6fc 100%);
    border-color: #d8e7f3;
}

.mvo-addfunds-stat-card span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-addfunds-stat-card strong {
    display: block;
    margin-top: 12px;
    color: #071827;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.05;
}

.mvo-addfunds-stat-card.is-balance strong {
    color: #0276ac;
}

.mvo-addfunds-stat-card small {
    display: block;
    margin-top: 10px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.mvo-addfunds-note-card {
    padding: 20px 24px;
}

.mvo-addfunds-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.mvo-addfunds-note-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #eef6fc;
    border: 1px solid #d8e7f3;
    color: #0276ac;
    font-size: 18px;
}

.mvo-addfunds-note-copy strong {
    display: block;
    color: #071827;
    font-size: 15px;
    font-weight: 700;
}

.mvo-addfunds-note-copy p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-addfunds-modal .modal-dialog {
    max-width: 760px;
}

.mvo-addfunds-modal .modal-content {
    position: relative;
    border: 1px solid #dde8f2;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff, #fcfdff);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.16);
    overflow: hidden;
}

.mvo-addfunds-modal .modal-content::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
}

.mvo-addfunds-modal .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 24px 18px;
    border-bottom: 1px solid #eef3f8;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
}

.mvo-addfunds-modal .modal-header .mvo-account-kicker {
    background: #eaf6fd;
    color: #0276ac;
}

.mvo-addfunds-modal .modal-header .modal-title {
    margin: 12px 0 0;
    color: #071827;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.12;
}

.mvo-addfunds-modal .modal-header p {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-addfunds-modal .modal-header .close {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    margin: 0;
    padding: 0;
    border: 1px solid #dde8f2;
    border-radius: 12px;
    background: #ffffff;
    color: #64748b;
    font-size: 28px;
    line-height: 1;
    opacity: 1;
    text-shadow: none;
    box-shadow: none;
}

.mvo-addfunds-modal .modal-header .close span {
    display: block;
    margin-top: -2px;
    color: #64748b !important;
    line-height: 1;
}

.mvo-addfunds-modal .modal-header .close:hover {
    color: #071827;
    background: #f8fbfd;
    border-color: #cfdeea;
}

.mvo-addfunds-modal .modal-header .close:hover span {
    color: #071827 !important;
}

.mvo-addfunds-modal .modal-body {
    padding: 24px 24px 26px;
    background: #ffffff;
}

.mvo-addfunds-modal .mvo-account-actions {
    justify-content: flex-end;
}

.mvo-addfunds-modal .mvo-account-actions .btn {
    min-width: 170px;
}

.mvo-addfunds-modal-footnote {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid #e6eef5;
    border-radius: 14px;
    background: linear-gradient(180deg, #fbfdff, #f6fafe);
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-addfunds-modal-footnote i {
    margin-top: 2px;
    color: #0276ac;
}

body.mvo-domain-home-modal-open {
    overflow: hidden;
}

.mvo-domain-home-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 22px;
}

.mvo-domain-home-modal.active {
    display: flex;
}

@keyframes mvoModalIn {
    from {
        opacity: 0;
        transform: translateY(25px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.mvo-domain-home-overlay {
    position: absolute;
    inset: 0;
    background: rgba(8, 24, 47, 0.45);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.mvo-domain-home-box {
    position: relative;
    width: 100%;
    max-width: 620px;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 30px;
    padding: 38px;
    box-shadow: 0 35px 90px rgba(15, 23, 42, 0.25);
    animation: mvoModalIn 0.3s ease forwards;
}

.mvo-domain-home-close {
    position: absolute;
    right: 22px;
    top: 22px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #f1f8fd;
    color: #00588f;
    cursor: pointer;
}

.mvo-domain-home-badge {
    display: inline-flex;
    background: #d9ecfb;
    color: #00588f;
    padding: 9px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 18px;
}

.mvo-domain-home-box h3 {
    color: #071827;
    font-size: 34px;
    margin: 0 0 14px;
    font-weight: 600;
}

.mvo-domain-home-box p {
    color: #64748b;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 26px;
}

.mvo-domain-home-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 22px;
}

.mvo-domain-home-options button {
    border: 1px solid #dce5ef;
    background: #fff;
    color: #071827;
    border-radius: 16px;
    padding: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mvo-domain-home-options button i {
    color: #00588f;
}

.mvo-domain-home-options button.active {
    background: #0276ac;
    color: #fff;
    border-color: #0276ac;
}

.mvo-domain-home-options button.active i {
    color: #fff;
}

.mvo-domain-home-search-box {
    display: grid;
    grid-template-columns: 1fr 135px;
    border: 1px solid #dce5ef;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.mvo-domain-home-search-box input {
    border: 0;
    outline: 0;
    padding: 0 18px;
    height: 58px;
    font-size: 16px;
}

.mvo-domain-home-search-box button {
    border: 0;
    background: #071827;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.mvo-domain-home-search-box button:hover,
.mvo-domain-home-search-box button:focus {
    background: #0276ac;
}

.mvo-domain-home-search-box button:disabled {
    opacity: 0.6;
    cursor: wait;
}

.mvo-domain-home-result {
    margin-top: 18px;
    min-height: 28px;
    font-size: 15px;
    font-weight: 700;
}

.mvo-domain-home-result.success {
    color: #16a34a;
}

.mvo-domain-home-result.error {
    color: #dc2626;
}

.mvo-domain-home-result.loading {
    color: #00588f;
}

.mvo-domain-home-price-box {
    display: none;
    margin-top: 18px;
    padding: 18px;
    border: 1px solid #dce5ef;
    border-radius: 16px;
    background: #f8fbff;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.mvo-domain-home-price-box.active {
    display: flex;
}

.mvo-domain-home-price-box span {
    display: block;
    color: #071827;
    font-weight: 600;
    margin-bottom: 4px;
}

.mvo-domain-home-price-box strong {
    color: #0276ac;
    font-size: 22px;
}

.mvo-domain-home-price-box button {
    border: 0;
    background: #0276ac;
    color: #fff;
    height: 46px;
    padding: 0 18px;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
}

.mvo-domain-home-price-box button.added {
    background: #16a34a;
}

.mvo-domain-home-cart {
    margin-top: 22px;
    height: 58px;
    border-radius: 14px;
    background: #0276ac;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mvo-domain-home-cart:hover,
.mvo-domain-home-cart:focus {
    color: #fff;
    text-decoration: none;
}

.mvo-domain-home-cart.disabled {
    opacity: 0.45;
    pointer-events: none;
}

@media (max-width: 991px) {
    .mvo-invoices-list-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mvo-addfunds-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .mvo-domain-home-box {
        padding: 30px 22px;
    }

    .mvo-domain-home-options,
    .mvo-domain-home-search-box {
        grid-template-columns: 1fr;
    }

    .mvo-domain-home-price-box {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-domain-home-search-box button,
    .mvo-domain-home-price-box button {
        width: 100%;
    }

    .mvo-invoices-list-head,
    .mvo-invoices-credit-main,
    .mvo-invoices-credit-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-invoices-hero-actions .btn,
    .mvo-inline-action {
        width: 100%;
    }

    .mvo-invoices-table-wrap .dataTables_wrapper > .row:first-child,
    .mvo-invoices-table-wrap .dataTables_wrapper > .row:last-child {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-invoices-table-wrap .dataTables_paginate {
        width: 100%;
        overflow-x: auto;
    }

    .mvo-addfunds-head,
    .mvo-addfunds-note,
    .mvo-addfunds-history-row {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-addfunds-head-actions .btn,
    .mvo-addfunds-modal .mvo-account-actions .btn {
        width: 100%;
    }

    .mvo-addfunds-history-amount {
        font-size: 17px;
    }

    .mvo-addfunds-stat-grid {
        grid-template-columns: 1fr;
    }

    .mvo-addfunds-modal .modal-header,
    .mvo-addfunds-modal .mvo-account-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-addfunds-modal .modal-header .close {
        align-self: flex-end;
    }
}

/* Shared Resource Pages */
.mvo-resource-page {
    display: grid;
    gap: 20px;
}

.mvo-resource-hero,
.mvo-resource-card {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
}

.mvo-resource-kicker,
.mvo-user-inline-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-resource-kicker {
    background: #eaf6fd;
    color: #0276ac;
}

.mvo-resource-hero h1 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
}

.mvo-resource-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-resource-search {
    margin-top: 22px;
}

.mvo-resource-search .input-group {
    display: flex;
    gap: 12px;
}

.mvo-resource-search .form-control {
    height: 52px;
    border: 1px solid #d9e6f1;
    border-radius: 14px !important;
    background: #fff;
    box-shadow: none;
}

.mvo-resource-search .input-group-append {
    display: flex;
}

.mvo-resource-search .btn {
    min-width: 140px;
    border-radius: 14px !important;
    font-weight: 600;
}

.mvo-resource-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mvo-resource-grid-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
    border: 1px solid #e7eef5;
    border-radius: 16px;
    background: #ffffff;
    color: #334155;
    text-decoration: none;
    transition: .18s ease;
}

.mvo-resource-grid-card:hover {
    border-color: #d8e5ef;
    background: #fbfdff;
    color: #071827;
    text-decoration: none;
    transform: translateY(-1px);
}

.mvo-resource-grid-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #0276ac;
    font-size: 18px;
}

.mvo-resource-count {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    background: #f1f7fb;
    color: #6b879c;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mvo-resource-grid-card strong {
    color: #071827;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.mvo-resource-grid-card p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-resource-section-head {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-resource-section-head h3 {
    margin: 0;
    color: #071827;
    font-size: 18px;
    font-weight: 700;
}

.mvo-resource-section-head p {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13px;
}

.mvo-resource-list {
    display: grid;
    gap: 14px;
}

.mvo-resource-item {
    display: block;
    padding: 18px;
    border: 1px solid #e7eef5;
    border-radius: 16px;
    background: #ffffff;
    color: #334155;
    text-decoration: none;
    transition: .18s ease;
}

.mvo-resource-item:hover {
    border-color: #d8e5ef;
    background: #fbfdff;
    color: #071827;
    text-decoration: none;
}

.mvo-resource-item-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.mvo-resource-meta {
    display: inline-flex;
    align-items: center;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-resource-item h3 {
    margin: 8px 0 0;
    color: #071827;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.mvo-resource-item h3 a {
    color: inherit;
    text-decoration: none;
}

.mvo-resource-content {
    margin-top: 12px;
    color: #475569;
    font-size: 14px;
    line-height: 1.8;
}

.mvo-resource-content p:last-child {
    margin-bottom: 0;
}

.mvo-resource-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.mvo-resource-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0276ac;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.mvo-resource-link:hover {
    color: #00588f;
    text-decoration: none;
}

.mvo-resource-empty {
    padding: 18px;
    border: 1px dashed #d9e6f1;
    border-radius: 16px;
    background: #fbfdff;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

.mvo-resource-article-card {
    padding: 26px;
}

.view-announcement-20i .mvo-resource-article-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.view-announcement-20i .mvo-resource-item-head {
    padding: 0 0 16px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e7eef5;
}

.mvo-resource-article {
    color: #334155;
    font-size: 15px;
    line-height: 1.9;
}

.mvo-resource-article h1,
.mvo-resource-article h2,
.mvo-resource-article h3,
.mvo-resource-article h4 {
    color: #071827;
}

.mvo-resource-feedback {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eef3f8;
}

.mvo-resource-feedback h4 {
    margin: 0 0 12px;
    color: #071827;
    font-size: 16px;
    font-weight: 700;
}

.mvo-resource-pagination .pagination {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.mvo-resource-pagination .page-item > .page-link {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid #d9e6f1;
    background: #fff;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.mvo-resource-pagination .page-item.active > .page-link {
    background: #0276ac;
    border-color: #0276ac;
    color: #fff;
}

.mvo-serverstatus-overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mvo-serverstatus-banner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
}

.mvo-serverstatus-banner.is-success {
    border-color: #d8efe0;
    background: linear-gradient(180deg, #f7fdf8, #f2fbf4);
}

.mvo-serverstatus-banner.is-info {
    border-color: #dceaf5;
    background: linear-gradient(180deg, #f8fcff, #f2f9fe);
}

.mvo-serverstatus-banner-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 18px;
}

.mvo-serverstatus-banner.is-success .mvo-serverstatus-banner-icon {
    background: #dcfce7;
    color: #15803d;
}

.mvo-serverstatus-banner-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
}

.mvo-serverstatus-banner-copy strong {
    color: #071827;
    font-size: 15px;
    font-weight: 600;
}

.mvo-serverstatus-banner-copy span {
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-serverstatus-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.mvo-serverstatus-table .table {
    margin-bottom: 0;
}

.mvo-serverstatus-table .table thead th {
    border-top: 0;
    border-bottom: 1px solid #e7eef5;
    background: #f8fbfe;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo-serverstatus-table .table tbody tr {
    background: #fff;
}

.mvo-serverstatus-table .table tbody td {
    vertical-align: middle;
    border-top: 1px solid #eef3f8;
}

.mvo-serverstatus-server-cell {
    display: grid;
    gap: 4px;
}

.mvo-serverstatus-server-cell strong {
    color: #071827;
    font-size: 14px;
    font-weight: 700;
}

.mvo-serverstatus-server-cell span {
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.mvo-serverstatus-issue-target {
    margin-bottom: 14px;
    color: #334155;
}

.mvo-serverstatus-issue-meta {
    margin-bottom: 14px;
    color: #64748b;
    font-size: 13px;
}

.mvo-serverstatus-impact-alert {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: #fff7dd;
    color: #b7791f;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 1199px) {
    .mvo-serverstatus-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .mvo-serverstatus-overview {
        grid-template-columns: 1fr;
    }

    .mvo-serverstatus-banner,
    .mvo-serverstatus-section-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.mvo-user-inline-status.is-success {
    background: #eefaf2;
    color: #2f8f46;
}

.mvo-user-inline-status.is-pending {
    background: #fff8e8;
    color: #c47b07;
}

.mvo-user-inline-status.is-danger {
    background: #fef2f2;
    color: #d23b52;
}

.mvo-user-inline-status.is-info {
    background: #eaf6fd;
    color: #0276ac;
}

.mvo-user-inline-status.is-neutral {
    background: #f4f7fa;
    color: #6f8193;
}

.mvo-user-profile-status {
    margin: -4px 0 18px;
}

.mvo-password-card {
    overflow: hidden;
}

.mvo-password-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .85fr);
    gap: 24px;
    align-items: start;
}

.mvo-password-main {
    display: grid;
    gap: 18px;
}

.mvo-password-entry {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.mvo-password-entry .btn {
    min-width: 150px;
}

.mvo-password-strength {
    height: 10px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf3f8;
}

.mvo-password-strength-bar {
    height: 100%;
    width: 0;
    border-radius: inherit;
    background: #cbd5e1;
    transition: width .2s ease, background .2s ease;
}

.mvo-password-strength-bar.is-weak {
    background: #ef4444;
}

.mvo-password-strength-bar.is-medium {
    background: #f59e0b;
}

.mvo-password-strength-bar.is-strong {
    background: #22c55e;
}

.mvo-password-strength-label {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.mvo-password-confirm-message {
    min-height: 20px;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 700;
}

.mvo-password-confirm-message.is-success {
    color: #16a34a;
}

.mvo-password-confirm-message.is-error {
    color: #dc2626;
}

.mvo-password-aside {
    position: sticky;
    top: 24px;
}

.mvo-password-tips {
    padding: 20px;
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fbff, #ffffff);
}

.mvo-password-tips-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.mvo-password-tips-head i {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 16px;
}

.mvo-password-tips-head strong {
    color: #071827;
    font-size: 15px;
    font-weight: 600;
}

.mvo-password-tips ul {
    margin: 0;
    padding-left: 18px;
    color: #475569;
    font-size: 13px;
    line-height: 1.8;
}

.mvo-password-tips li + li {
    margin-top: 6px;
}

.mvo-contact-captcha {
    padding: 6px 0;
}

.mvo-security-section + .mvo-security-section {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #eef3f8;
}

.mvo-security-section-head h4 {
    margin: 0;
    color: #071827;
    font-size: 18px;
    font-weight: 700;
}

.mvo-security-section-head p {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.75;
}

.mvo-security-linked-accounts {
    display: grid;
    gap: 16px;
    margin-top: 18px;
}

.mvo-twofa-status {
    margin: 16px 0 0;
    color: #475569;
    font-size: 14px;
}

.mvo-switch-account-copy {
    margin: 0 0 14px;
    color: #64748b;
    font-size: 14px;
}

.mvo-switch-account-list {
    display: grid;
    gap: 12px;
}

.mvo-switch-account-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #e7eef5;
    border-radius: 14px;
    background: #fff;
    color: #071827;
    text-decoration: none;
    transition: .18s ease;
}

.mvo-switch-account-item:hover {
    border-color: #d8e5ef;
    background: #fbfdff;
    color: #071827;
    text-decoration: none;
}

.mvo-switch-account-item.disabled {
    opacity: .6;
    pointer-events: none;
}

.mvo-switch-account-meta {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.mass-payment-table {
    overflow-x: auto;
}

.mvo-masspay-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, .86fr);
    gap: 20px;
    align-items: start;
}

.mass-payment-card,
.mass-payment-domain {
    min-width: 0;
}

.mass-payment-domain {
    position: sticky;
    top: 24px;
}

.mass-payment-card .mvo-account-card-head,
.mass-payment-domain .mvo-account-card-head {
    margin-bottom: 22px;
}

.mass-payment-table .table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.mass-payment-table .table,
.mvo-resource-table .table {
    margin-bottom: 0;
}

.mass-payment-table .table th,
.mass-payment-table .table td,
.mvo-resource-table .table th,
.mvo-resource-table .table td {
    border-color: #e7eef5;
    vertical-align: middle;
}

.masspay-page-20i .masspay-total td:first-child {
    color: #64748b;
    font-weight: 700;
}

.masspay-page-20i .masspay-total:last-child td {
    color: #071827;
    font-weight: 600;
}

.masspay-page-20i .masspay-total:last-child td {
    font-size: 15px;
}

.mvo-masspay-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.mvo-masspay-summary-item {
    padding: 16px 16px 14px;
    border: 1px solid #e4edf5;
    border-radius: 16px;
    background: #ffffff;
}

.mvo-masspay-summary-item span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-masspay-summary-item strong {
    display: block;
    margin-top: 10px;
    color: #071827;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
}

.mvo-masspay-summary-item.is-highlight {
    background: linear-gradient(180deg, #f7fbff, #eef6fc);
    border-color: #d8e7f3;
}

.mvo-masspay-summary-item.is-highlight strong {
    color: #0276ac;
}

.mvo-masspay-gateway-fieldset {
    display: grid;
    gap: 16px;
}

.mvo-masspay-help {
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mass-payment-domain .mvo-account-actions {
    justify-content: stretch;
}

.mass-payment-domain .mvo-account-actions .btn {
    width: 100%;
    min-width: 0;
}

@media (max-width: 991px) {
    .mvo-masspay-layout {
        grid-template-columns: 1fr;
    }

    .mass-payment-domain {
        position: static;
        top: auto;
    }
}

@media (max-width: 767px) {
    .mvo-masspay-summary {
        grid-template-columns: 1fr;
    }
}

/* Invoice */
.mvo-invoice-page {
    background:
        radial-gradient(circle at top left, rgba(76, 183, 232, 0.12), transparent 28%),
        linear-gradient(180deg, #f2f7fb 0%, #edf4fa 100%);
}

.mvo-invoice-container {
    max-width: 1120px;
    padding: 34px 18px 56px;
}

.mvo-invoice-page .invoice-container hr {
    margin: 28px 0;
    border-top-color: #e6eef5;
}

.mvo-invoice-page .invoice-col,
.mvo-invoice-page .small-text,
.mvo-invoice-page address,
.mvo-invoice-page p {
    color: #475569;
}

.mvo-invoice-page .invoice-header,
.mvo-invoice-page .card,
.mvo-invoice-page .invoice-container > .row.justify-content-sm-between,
.mvo-invoice-page .invoice-container > .row:not(.invoice-header) {
    border-radius: 22px;
}

.mvo-invoice-page .card {
    border: 1px solid #dde8f2;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.mvo-invoice-hero {
    position: relative;
    align-items: stretch;
    margin: 0 0 8px;
    padding: 30px 34px;
    border: 1px solid #dce8f2;
    background: linear-gradient(135deg, #ffffff 0%, #f4faff 100%);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.07);
    overflow: hidden;
}

.mvo-invoice-hero::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #0276ac 0%, #4cb7e8 100%);
}

.mvo-invoice-brand-col,
.mvo-invoice-summary-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mvo-invoice-brand-col {
    align-items: flex-start;
    gap: 12px;
}

.mvo-invoice-brand-logo {
    margin: 0;
}

.mvo-invoice-brand-logo img {
    max-width: 220px;
    max-height: 56px;
}

.mvo-invoice-brand-col h2,
.mvo-invoice-brand-col h3 {
    margin: 0;
    color: #071827;
}

.mvo-invoice-brand-col h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1;
}

.mvo-invoice-brand-col h3 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.06;
}

.mvo-invoice-kicker,
.mvo-invoice-summary-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0276ac;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mvo-invoice-brand-subtitle {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
}

.mvo-invoice-summary-col {
    align-items: flex-end;
    gap: 14px;
}

.mvo-invoice-page .invoice-status span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.03);
}

.mvo-invoice-page .invoice-status .unpaid,
.mvo-invoice-page .invoice-status .draft {
    background: #fff8e8;
    color: #c47b07;
}

.mvo-invoice-page .invoice-status .paid,
.mvo-invoice-page .invoice-status .payment-pending {
    background: #eefaf2;
    color: #2f8f46;
}

.mvo-invoice-page .invoice-status .cancelled,
.mvo-invoice-page .invoice-status .collections,
.mvo-invoice-page .invoice-status .refunded {
    background: #f4f7fa;
    color: #6f8193;
}

.mvo-invoice-summary-amount {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.mvo-invoice-total-value {
    display: block;
    color: #071827;
    font-size: 44px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.mvo-invoice-due-text {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border: 1px solid #f2dfaa;
    border-radius: 999px;
    background: #fff9ed;
    color: #9a6700;
    font-size: 13px;
    font-weight: 700;
}

.mvo-invoice-payment-box {
    width: min(100%, 360px);
    margin-top: 2px;
    padding: 14px;
    border: 1px solid #dce8f2;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.mvo-invoice-payment-box form {
    margin: 0;
}

.mvo-invoice-payment-box .btn,
.mvo-invoice-payment-box button,
.mvo-invoice-payment-box input[type="submit"] {
    min-height: 46px;
    border-radius: 14px;
    font-weight: 700;
}

.mvo-invoice-page .invoice-container > .mvo-invoice-meta-grid {
    margin-bottom: 20px;
}

.mvo-invoice-page .mvo-invoice-meta-grid-secondary {
    margin-bottom: 28px;
}

.mvo-invoice-info-card {
    padding: 24px 26px;
    border: 1px solid #dde8f2;
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.04);
}

.mvo-invoice-info-card strong {
    display: block;
    margin-bottom: 12px;
    color: #071827;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mvo-invoice-info-card address,
.mvo-invoice-info-card .small-text {
    margin: 0;
    color: #334155;
    font-size: 14px;
    line-height: 1.8;
}

.mvo-invoice-page [data-role="paymethod-info"] {
    display: inline-block;
    max-width: 100%;
}

.mvo-invoice-page [data-role="paymethod-info"] form {
    display: inline-flex;
    margin: 0;
}

.mvo-invoice-page .custom-select,
.mvo-invoice-page .form-control {
    min-height: 48px;
    border-color: #dbe7f1;
    border-radius: 14px;
    box-shadow: none;
}

.mvo-invoice-credit-card {
    margin-bottom: 22px;
}

.mvo-invoice-credit-card .card-header {
    padding: 20px 24px;
    border-bottom: 1px solid #e7eef5;
    background: linear-gradient(180deg, #f6fbff 0%, #eef7fd 100%) !important;
    color: #0276ac !important;
}

.mvo-invoice-credit-card .card-subtitle {
    margin: 0;
    color: #0276ac;
    font-size: 18px;
}

.mvo-invoice-credit-card .card-body {
    padding: 24px;
}

.mvo-invoice-credit-card .row {
    margin-top: 18px;
}

.mvo-invoice-credit-card .form-control {
    border-right: 0;
}

.mvo-invoice-credit-card .btn-success {
    border-color: #0276ac;
    background: #0276ac;
}

.mvo-invoice-lineitems-card,
.mvo-invoice-ledger-card {
    border-radius: 22px;
}

.mvo-invoice-lineitems-card .card-header,
.mvo-invoice-ledger-card .card-header {
    padding: 22px 26px;
    border-bottom: 1px solid #e7eef5;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
}

.mvo-invoice-lineitems-card .card-title,
.mvo-invoice-ledger-card .card-title {
    color: #071827;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.mvo-invoice-lineitems-card .table-responsive,
.mvo-invoice-ledger-card .table-responsive {
    padding: 0 8px 8px;
}

.mvo-invoice-page .table.table-sm th,
.mvo-invoice-page .table.table-sm td {
    border-color: #e7eef5;
}

.mvo-invoice-page .table.table-sm {
    margin-bottom: 0;
}

.mvo-invoice-page .table.table-sm thead td,
.mvo-invoice-page .table.table-sm thead th {
    padding: 16px 18px;
    border-top: 0;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #f8fbfe;
}

.mvo-invoice-page .table.table-sm tbody td {
    padding: 18px;
    color: #334155;
    font-size: 14px;
    vertical-align: middle;
}

.mvo-invoice-lineitems-card .table.table-sm tbody tr:hover td,
.mvo-invoice-ledger-card .table.table-sm tbody tr:hover td {
    background: #fbfdff;
}

.mvo-invoice-lineitems-card .table.table-sm tbody td:first-child {
    color: #071827;
    font-weight: 600;
}

.mvo-invoice-page .table .total-row {
    background: #f8fbff;
    color: #071827;
    font-weight: 600;
}

.mvo-invoice-page .table .total-row strong {
    font-weight: 600;
}

.mvo-invoice-lineitems-card .table.table-sm tbody tr:last-child .total-row {
    font-size: 15px;
}

.mvo-invoice-ledger-card .transactions-container a {
    color: #0276ac;
    font-weight: 700;
    text-decoration: none;
}

.mvo-invoice-ledger-card .transactions-container a:hover {
    text-decoration: underline;
}

.mvo-invoice-tax-note {
    margin: 16px 6px 0;
    color: #64748b;
    font-size: 13px;
}

.mvo-invoice-qr-wrap {
    display: flex;
    justify-content: flex-end;
}

.mvo-invoice-qr-wrap > * {
    padding: 18px;
    border: 1px solid #dde8f2;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
}

.mvo-invoice-footer-actions {
    float: none !important;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

.mvo-invoice-footer-actions .btn {
    min-height: 44px;
    padding: 0 16px;
    border-radius: 14px;
    font-weight: 700;
}

.mvo-invoice-page .btn-default {
    border: 1px solid #d7e4ef;
    background: #fff;
    color: #071827;
}

.mvo-invoice-page .btn-default:hover {
    background: #f5f9fc;
    color: #071827;
}

.mvo-invoice-page.mvo-invoice-embedded {
    background: #ffffff;
}

.mvo-invoice-page.mvo-invoice-embedded .mvo-invoice-container {
    max-width: none;
    padding: 18px 18px 30px;
}

.mvo-invoice-page.mvo-invoice-embedded .invoice-header,
.mvo-invoice-page.mvo-invoice-embedded .card,
.mvo-invoice-page.mvo-invoice-embedded .invoice-container > .row.justify-content-sm-between,
.mvo-invoice-page.mvo-invoice-embedded .invoice-container > .row:not(.invoice-header) {
    border-radius: 16px;
}

.mvo-invoice-page.mvo-invoice-embedded .mvo-invoice-hero {
    padding: 24px;
    margin-bottom: 4px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.mvo-invoice-back-link {
    margin: 0 0 36px;
}

.mvo-invoice-back-link a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border: 1px solid #dce7f1;
    border-radius: 999px;
    background: #ffffff;
    color: #0276ac;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.mvo-invoice-back-link a:hover {
    border-color: #0276ac;
    text-decoration: none;
}

@media (max-width: 767px) {
    .mvo-invoice-container {
        padding: 20px 12px 32px;
    }

    .mvo-invoice-hero {
        padding: 22px 18px;
        text-align: left;
    }

    .mvo-invoice-brand-col,
    .mvo-invoice-summary-col {
        align-items: flex-start;
        text-align: left !important;
    }

    .mvo-invoice-brand-col h3 {
        font-size: 28px;
    }

    .mvo-invoice-total-value {
        font-size: 34px;
    }

    .mvo-invoice-summary-amount {
        align-items: flex-start;
    }

    .mvo-invoice-payment-box {
        width: 100%;
    }

    .mvo-invoice-info-card {
        padding: 20px 18px;
    }

    .mvo-invoice-lineitems-card .card-header,
    .mvo-invoice-ledger-card .card-header {
        padding: 18px 18px 16px;
    }

    .mvo-invoice-page .table.table-sm thead td,
    .mvo-invoice-page .table.table-sm thead th,
    .mvo-invoice-page .table.table-sm tbody td {
        padding: 14px;
    }

    .mvo-invoice-qr-wrap {
        justify-content: stretch;
    }

    .mvo-invoice-qr-wrap > * {
        width: 100%;
    }

    .mvo-invoice-footer-actions {
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .mvo-invoice-footer-actions .btn {
        width: 100%;
        justify-content: center;
    }
}

.mvo-invoice-page {
    background: #f3f3f3;
}

.mvo-invoice-shell {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mvo-invoice-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: none;
}

.mvo-invoice-topbar-copy strong {
    display: block;
    color: #0d3150;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-invoice-topbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mvo-invoice-topbar-actions .btn {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 10px;
    border-color: #dfdfdf;
    background: #ffffff;
    color: #334155;
    font-weight: 700;
}

.mvo-invoice-topbar-actions .btn:hover {
    background: #f8f8f8;
    color: #071827;
}

.mvo-invoice-board {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.mvo-invoice-hero {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: none;
}

.mvo-invoice-hero::before {
    display: none;
}

.mvo-invoice-status-strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px 26px;
    margin: 0 0 14px;
    padding: 18px 22px;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    background: #ffffff;
}

.mvo-invoice-strip-number,
.mvo-invoice-strip-status {
    min-height: 0;
    display: flex;
    align-items: center;
    padding: 0;
    color: #0d3150;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.mvo-invoice-strip-number {
    background: transparent;
}

.mvo-invoice-strip-status {
    justify-content: flex-start;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 10px;
    background: #ffcb73;
    color: #7a4a00;
    font-size: 14px;
    text-transform: none;
}

.mvo-invoice-strip-status.is-unpaid,
.mvo-invoice-strip-status.is-draft {
    background: #ffcb73;
    color: #7a4a00;
}

.mvo-invoice-strip-status.is-paid {
    background: #d9f5df;
    color: #20753c;
}

.mvo-invoice-strip-status.is-refunded,
.mvo-invoice-strip-status.is-cancelled,
.mvo-invoice-strip-status.is-collections {
    background: #eceff3;
    color: #5f6f84;
}

.mvo-invoice-status-strip::before,
.mvo-invoice-status-strip::after {
    display: none;
}

.mvo-invoice-summary-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px 26px;
    margin-left: auto;
}

.mvo-invoice-summary-fact {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
}

.mvo-invoice-summary-fact span {
    color: #9aa1aa;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.mvo-invoice-summary-fact strong {
    margin-top: 0;
    color: #0d3150;
    font-size: 14px;
    font-weight: 700;
}

.mvo-invoice-summary-amount {
    display: none;
}

.mvo-invoice-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 405px;
    gap: 28px;
    padding: 0;
    align-items: start;
}

.mvo-invoice-main-column,
.mvo-invoice-side-column {
    min-width: 0;
}

.mvo-invoice-main-column {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mvo-invoice-side-column {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mvo-invoice-page .invoice-container > .mvo-invoice-meta-grid {
    margin-bottom: 0;
}

.mvo-invoice-info-card {
    min-height: auto;
    padding: 20px 22px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
}

.mvo-invoice-info-card strong {
    color: #0d3150;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.mvo-invoice-meta-grid .mvo-invoice-info-card:first-child {
    display: none;
}

.mvo-invoice-lineitems-card,
.mvo-invoice-ledger-card,
.mvo-invoice-side-card,
.mvo-invoice-credit-card {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
}

.mvo-invoice-lineitems-card .card-header,
.mvo-invoice-ledger-card .card-header,
.mvo-invoice-side-card .card-header {
    padding: 18px 22px;
    border-bottom: 1px solid #efefef;
    background: #ffffff;
}

.mvo-invoice-lineitems-card .card-title,
.mvo-invoice-ledger-card .card-title,
.mvo-invoice-side-card .card-title {
    color: #0d3150;
    font-size: 15px;
    font-weight: 600;
}

.mvo-invoice-side-card .card-body {
    padding: 18px 22px;
}

.mvo-invoice-side-payment .card-header {
    background: #ffffff;
    border-bottom-color: #efefef;
}

.mvo-invoice-side-payment .card-title {
    color: #0d3150;
}

.mvo-invoice-side-payment .card-body {
    background: #ffffff;
}

.mvo-invoice-due-text {
    justify-content: center;
    width: 100%;
    margin-bottom: 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #0d3150;
    font-size: 13px;
    font-weight: 500;
}

.mvo-invoice-payment-box {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.mvo-invoice-side-fact + .mvo-invoice-side-fact {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #efefef;
}

.mvo-invoice-side-fact strong {
    display: block;
    margin-bottom: 10px;
    color: #0d3150;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.mvo-invoice-side-fact .small-text {
    color: #0d3150;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-invoice-credit-card .card-header {
    padding: 18px 22px;
    border-bottom: 1px solid #efefef;
    background: #ffffff !important;
    color: #0d3150 !important;
}

.mvo-invoice-credit-card .card-subtitle,
.mvo-invoice-credit-card .card-subtitle strong {
    color: #0d3150;
}

.mvo-invoice-credit-card .card-body {
    padding: 18px 22px;
}

.mvo-invoice-credit-card .row {
    margin-top: 14px;
}

.mvo-invoice-lineitems-card .table-responsive,
.mvo-invoice-ledger-card .table-responsive {
    padding: 0;
}

.mvo-invoice-page .table.table-sm thead td,
.mvo-invoice-page .table.table-sm thead th {
    padding: 16px 22px 10px;
    border-top: 0;
    background: #ffffff;
    color: #0d3150;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.mvo-invoice-page .table.table-sm tbody td {
    padding: 10px 22px;
    color: #0d3150;
    font-size: 14px;
    border-top-color: transparent;
}

.mvo-invoice-lineitems-card .table.table-sm tbody tr:last-child .total-row {
    background: #ffffff;
    color: #ff7d00;
}

.mvo-invoice-lineitems-card .table.table-sm tbody tr:last-child .total-row strong {
    color: #ff7d00;
}

.mvo-invoice-lineitems-card .table.table-sm tbody td:first-child {
    font-weight: 500;
}

.mvo-invoice-page .table .total-row {
    background: #ffffff;
    color: #9aa1aa;
    font-weight: 600;
}

.mvo-invoice-page .table .total-row strong {
    font-weight: 600;
}

.mvo-invoice-tax-note {
    margin: -4px 0 0;
    color: #9aa1aa;
}

.mvo-invoice-ledger-wrap {
    margin-bottom: 0 !important;
}

.mvo-invoice-qr-wrap {
    margin: 0 !important;
}

.mvo-invoice-qr-wrap > * {
    width: 100%;
    padding: 18px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: none;
    background: #ffffff;
}

.mvo-invoice-shell .panel {
    margin-bottom: 0;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: none;
}

.mvo-invoice-shell .panel-heading {
    border-bottom: 1px solid #efefef;
}

.mvo-invoice-side-note .panel,
.mvo-invoice-side-note .panel-heading,
.mvo-invoice-side-note .panel-body {
    background: #ffffff;
}

.mvo-invoice-page.mvo-invoice-embedded .mvo-invoice-topbar {
    padding: 12px 14px;
    border-radius: 10px;
}

.mvo-invoice-page.mvo-invoice-embedded .mvo-invoice-topbar-copy strong {
    font-size: 15px;
}

.mvo-invoice-page.mvo-invoice-embedded .mvo-invoice-board {
    margin-top: 0;
    border-radius: 0;
}

.mvo-invoice-page.mvo-invoice-embedded .mvo-invoice-hero {
    padding: 0;
    box-shadow: none;
}

.mvo-invoice-page.mvo-invoice-embedded .mvo-invoice-status-strip {
    margin: 0 0 12px;
}

.mvo-invoice-page.mvo-invoice-embedded .mvo-invoice-layout {
    padding: 0;
}

@media (max-width: 991px) {
    .mvo-invoice-layout {
        grid-template-columns: 1fr;
    }

    .mvo-invoice-side-column {
        order: -1;
    }
}

@media (max-width: 767px) {
    .mvo-invoice-topbar {
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
        border-radius: 12px;
    }

    .mvo-invoice-topbar-copy strong {
        font-size: 15px;
    }

    .mvo-invoice-topbar-actions {
        width: 100%;
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .mvo-invoice-topbar-actions .btn {
        flex: 1 1 100%;
        justify-content: center;
    }

    .mvo-invoice-board {
        margin-top: 0;
        padding-top: 0;
        border-radius: 0;
    }

    .mvo-invoice-hero {
        padding: 0;
    }

    .mvo-invoice-summary-meta {
        width: 100%;
        margin-left: 0;
    }

    .mvo-invoice-status-strip {
        margin: 0 0 12px;
        padding: 16px;
    }

    .mvo-invoice-strip-number,
    .mvo-invoice-strip-status {
        min-height: 34px;
        padding: 0 14px;
        font-size: 14px;
    }

    .mvo-invoice-strip-status {
        justify-content: flex-start;
        font-size: 14px;
    }

    .mvo-invoice-layout {
        padding: 0;
    }

    .mvo-invoice-info-card,
    .mvo-invoice-side-card .card-body,
    .mvo-invoice-credit-card .card-body {
        padding: 16px;
    }
}

.mvo-competitor-invoice {
    gap: 16px;
}

.mvo-competitor-invoice .mvo-invoice-topbar {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.mvo-competitor-invoice .mvo-invoice-topbar-copy strong {
    color: #042c41;
    font-size: 30px;
    font-weight: 600;
}

.mvo-competitor-invoice .mvo-invoice-topbar-actions .btn {
    min-height: 38px;
    border: 1px solid #dfdfde;
    border-radius: 8px;
    background: #ffffff;
    color: #042c41;
    box-shadow: none;
}

.mvo-competitor-invoice .mvo-invoice-topbar-actions .btn:hover {
    background: #f8f8f6;
}

.mvo-competitor-invoice .mvo-invoice-status-strip {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0;
    padding: 24px;
    border: 1px solid #dfdfde;
    border-radius: 4px;
    background: #ffffff;
}

.mvo-competitor-invoice .mvo-invoice-strip-status {
    min-height: 40px;
    padding: 0 18px;
    border-radius: 8px;
    background: #f9c36a;
    color: #042c41;
    font-size: 16px;
    font-weight: 500;
}

.mvo-competitor-invoice .mvo-invoice-strip-status.is-paid {
    background: #9ce0a2;
    color: #206034;
}

.mvo-competitor-invoice .mvo-invoice-strip-status.is-refunded,
.mvo-competitor-invoice .mvo-invoice-strip-status.is-cancelled,
.mvo-competitor-invoice .mvo-invoice-strip-status.is-collections {
    background: #ececec;
    color: #5f6f84;
}

.mvo-competitor-invoice .mvo-invoice-strip-number {
    color: #042c41;
    font-size: 16px;
    font-weight: 600;
}

.mvo-competitor-invoice .mvo-invoice-summary-meta {
    margin-left: auto;
    gap: 20px;
}

.mvo-competitor-invoice .mvo-invoice-summary-fact {
    gap: 12px;
}

.mvo-competitor-invoice .mvo-invoice-summary-fact span {
    color: #9f9f9f;
    font-size: 14px;
    font-weight: 400;
}

.mvo-competitor-invoice .mvo-invoice-summary-fact strong {
    color: #042c41;
    font-size: 16px;
    font-weight: 500;
}

.mvo-competitor-invoice .mvo-invoice-layout {
    grid-template-columns: minmax(0, 1fr) 32%;
    gap: 24px;
}

.mvo-competitor-invoice .mvo-invoice-main-column,
.mvo-competitor-invoice .mvo-invoice-side-column {
    gap: 16px;
}

.mvo-competitor-invoice .mvo-invoice-section-card,
.mvo-competitor-invoice .mvo-invoice-lineitems-card,
.mvo-competitor-invoice .mvo-invoice-side-card {
    border: 1px solid #dfdfde;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: none;
}

.mvo-competitor-invoice .mvo-invoice-section-card .card-body,
.mvo-competitor-invoice .mvo-invoice-lineitems-card .card-body,
.mvo-competitor-invoice .mvo-invoice-side-card .card-body {
    padding: 24px;
}

.mvo-competitor-invoice .mvo-invoice-collapse-header {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #042c41;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
}

.mvo-competitor-invoice .mvo-invoice-collapse-arrow {
    color: #042c41;
    transition: transform .3s ease;
}

.mvo-competitor-invoice .mvo-invoice-collapse-header.is-open .mvo-invoice-collapse-arrow {
    transform: rotate(180deg);
}

.mvo-competitor-invoice .mvo-invoice-collapse {
    display: none;
    padding-top: 16px;
}

.mvo-competitor-invoice .mvo-invoice-collapse.is-open {
    display: block;
}

.mvo-competitor-invoice .mvo-invoice-meta-grid {
    margin: 0 -8px;
}

.mvo-competitor-invoice .mvo-invoice-info-card {
    padding: 0 8px;
    border: 0;
    background: transparent;
}

.mvo-competitor-invoice .mvo-invoice-info-card strong {
    display: block;
    margin-bottom: 8px;
    color: #9f9f9f;
    font-size: 16px;
    font-weight: 400;
}

.mvo-competitor-invoice .mvo-invoice-info-card address,
.mvo-competitor-invoice .mvo-invoice-info-card .small-text {
    color: #042c41;
    font-size: 16px;
    line-height: 1.75;
}

.mvo-competitor-invoice .mvo-invoice-section-title {
    margin-bottom: 16px;
    color: #042c41;
    font-size: 16px;
    font-weight: 400;
}

.mvo-competitor-invoice .mvo-invoice-items-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mvo-competitor-invoice .mvo-invoice-item-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    color: #042c41;
    font-size: 16px;
}

.mvo-competitor-invoice .mvo-invoice-item-row > div:last-child {
    flex: 0 0 auto;
    text-align: right;
    white-space: nowrap;
}

.mvo-competitor-invoice .mvo-invoice-item-row.is-muted {
    color: #9f9f9f;
    font-weight: 600;
}

.mvo-competitor-invoice .mvo-invoice-item-row.is-total {
    color: #da6300;
    font-weight: 600;
}

.mvo-competitor-invoice .mvo-invoice-tax-note {
    margin: 0;
    color: #9f9f9f;
    font-size: 14px;
}

.mvo-competitor-invoice .mvo-invoice-payment-method form {
    margin: 0;
}

.mvo-competitor-invoice .mvo-invoice-select,
.mvo-competitor-invoice .form-control {
    min-height: 44px;
    border: 1px solid #dfdfde;
    border-radius: 8px;
    background: #ffffff;
    color: #042c41;
    font-size: 16px;
    box-shadow: none;
}

.mvo-competitor-invoice .mvo-invoice-select:disabled {
    background: #f4f4f2;
    cursor: not-allowed;
}

.mvo-competitor-invoice .mvo-invoice-due-text {
    justify-content: center;
    margin: 16px 0 14px;
    color: #042c41;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.mvo-competitor-invoice .mvo-invoice-payment-box {
    width: 100%;
}

.mvo-competitor-invoice .mvo-invoice-payment-box .btn,
.mvo-competitor-invoice .mvo-invoice-payment-box button,
.mvo-competitor-invoice .mvo-invoice-payment-box input[type="submit"] {
    min-height: 56px;
    border: 0 !important;
    border-radius: 8px !important;
    background: #f37219 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.mvo-competitor-invoice .mvo-invoice-credit-box {
    margin-top: 12px;
    padding: 16px;
    border-radius: 4px;
    background: #fff7f1;
}

.mvo-competitor-invoice .mvo-invoice-credit-copy {
    color: #042c41;
    font-size: 15px;
    line-height: 1.7;
}

.mvo-competitor-invoice .mvo-invoice-credit-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    margin-top: 12px;
}

.mvo-competitor-invoice .mvo-invoice-credit-actions .btn-success {
    border: 0;
    border-radius: 8px;
    background: #f37219;
}

.mvo-competitor-invoice .mvo-invoice-qr-wrap {
    margin-top: 16px !important;
}

.mvo-competitor-invoice .mvo-invoice-qr-wrap > * {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.mvo-competitor-invoice .mvo-invoice-empty,
.mvo-competitor-invoice .mvo-invoice-note-content {
    color: #042c41;
    font-size: 16px;
    line-height: 1.7;
}

.mvo-competitor-invoice .panel {
    margin-bottom: 0;
    border: 1px solid #dfdfde;
    border-radius: 4px;
    box-shadow: none;
}

.mvo-competitor-invoice .panel-heading,
.mvo-competitor-invoice .panel-body {
    background: #ffffff;
}

@media (max-width: 991px) {
    .mvo-competitor-invoice .mvo-invoice-layout {
        grid-template-columns: 1fr;
    }

    .mvo-competitor-invoice .mvo-invoice-side-column {
        order: 2;
    }
}

@media (max-width: 767px) {
    .mvo-competitor-invoice .mvo-invoice-topbar {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .mvo-competitor-invoice .mvo-invoice-topbar-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .mvo-competitor-invoice .mvo-invoice-topbar-actions .btn {
        flex: 1 1 100%;
        justify-content: center;
    }

    .mvo-competitor-invoice .mvo-invoice-status-strip {
        padding: 16px;
        gap: 12px;
    }

    .mvo-competitor-invoice .mvo-invoice-summary-meta {
        width: 100%;
        margin-left: 0;
        gap: 10px;
    }

    .mvo-competitor-invoice .mvo-invoice-summary-fact {
        width: 100%;
        justify-content: space-between;
    }

    .mvo-competitor-invoice .mvo-invoice-section-card .card-body,
    .mvo-competitor-invoice .mvo-invoice-lineitems-card .card-body,
    .mvo-competitor-invoice .mvo-invoice-side-card .card-body {
        padding: 18px;
    }

    .mvo-competitor-invoice .mvo-invoice-item-row {
        font-size: 15px;
    }

    .mvo-competitor-invoice .mvo-invoice-credit-actions {
        grid-template-columns: 1fr;
    }
}

.mvo-invoice-drawer-open {
    overflow: hidden;
}

.mvo-invoice-drawer {
    position: fixed;
    inset: 0;
    z-index: 1400;
    pointer-events: none;
}

.mvo-invoice-drawer-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(7, 24, 39, 0.42);
    opacity: 0;
    transition: opacity .22s ease;
}

.mvo-invoice-drawer-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(70%, 96vw);
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #f7fbfe;
    box-shadow: -24px 0 60px rgba(15, 23, 42, 0.18);
    transform: translateX(100%);
    transition: transform .24s ease;
}

.mvo-invoice-drawer.is-open {
    pointer-events: auto;
}

.mvo-invoice-drawer.is-open .mvo-invoice-drawer-backdrop {
    opacity: 1;
}

.mvo-invoice-drawer.is-open .mvo-invoice-drawer-panel {
    transform: translateX(0);
}

.mvo-invoice-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid #dde8f2;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(10px);
}

.mvo-invoice-drawer-kicker {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mvo-invoice-drawer-copy strong {
    display: block;
    margin-top: 10px;
    color: #071827;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.mvo-invoice-drawer-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.mvo-invoice-drawer-close {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce8f2;
    border-radius: 12px;
    background: #ffffff;
    color: #64748b;
    transition: .2s ease;
}

.mvo-invoice-drawer-close:hover {
    background: #f7fbfd;
    color: #071827;
}

.mvo-invoice-drawer-body {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    background: #edf4fa;
}

.mvo-invoice-drawer-loading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(247, 251, 254, 0.88);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}

.mvo-invoice-drawer-loading.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mvo-invoice-drawer-loading-box {
    min-width: min(260px, 100%);
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border: 1px solid #dbe8f2;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
    text-align: center;
}

.mvo-invoice-drawer-loading-box strong {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

.mvo-invoice-drawer-loading-spinner {
    width: 42px;
    height: 42px;
    border: 3px solid #d8e8f2;
    border-top-color: #0276ac;
    border-radius: 999px;
    animation: mvoInvoiceDrawerSpin .7s linear infinite;
}

.mvo-invoice-drawer.is-loading .mvo-invoice-drawer-body iframe {
    opacity: .08;
}

.mvo-invoice-drawer-body iframe {
    width: 100%;
    height: 100%;
    border: 0;
    background: #ffffff;
    transition: opacity .2s ease;
}

@keyframes mvoInvoiceDrawerSpin {
    to {
        transform: rotate(360deg);
    }
}

.mvo-invoices-list-card tr[data-mvo-invoice-url] {
    cursor: pointer;
}

@media (max-width: 767px) {
    .mvo-invoice-drawer-panel {
        width: 100vw;
    }

    .mvo-invoice-drawer-head {
        padding: 14px 14px 16px;
        align-items: flex-start;
        flex-direction: column;
    }

    .mvo-invoice-drawer-actions {
        width: 100%;
        justify-content: space-between;
    }

    .mvo-invoice-drawer-actions .btn {
        flex: 1 1 auto;
    }
}

@media (max-width: 991px) {
    .mvo-resource-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .mvo-resource-hero,
    .mvo-resource-card {
        padding: 20px;
    }

    .mvo-resource-search .input-group,
    .mvo-switch-account-item,
    .mvo-resource-item-head,
    .mvo-resource-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-resource-search .btn {
        width: 100%;
    }

    .mvo-switch-account-meta {
        justify-content: flex-start;
    }
}

/* Payment Methods */
.mvo-paymethods-page,
.mvo-paymethod-manage-page {
    display: grid;
    gap: 20px;
}

.mvo-paymethods-card {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
}

.mvo-paymethods-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-paymethods-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-paymethods-card-head h3 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.mvo-paymethods-card-head p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-paymethods-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex: 0 0 auto;
}

.mvo-paymethods-list {
    display: grid;
    gap: 12px;
}

.mvo-paymethod-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border: 1px solid #e9f0f6;
    border-radius: 16px;
    background: #fbfdff;
    transition: .2s ease;
}

.mvo-paymethod-row:hover {
    border-color: #d7e5f1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.mvo-paymethod-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.mvo-paymethod-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid #d9e8f3;
    background: #eef7fe;
    color: #0276ac;
    font-size: 20px;
}

.mvo-paymethod-copy {
    min-width: 0;
}

.mvo-paymethod-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mvo-paymethod-title strong {
    color: #071827;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.mvo-paymethod-copy small,
.mvo-paymethod-status {
    display: block;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.mvo-paymethod-copy small {
    margin-top: 6px;
}

.mvo-paymethod-status {
    margin-top: 4px;
    font-weight: 700;
}

.mvo-paymethod-pill {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo-paymethod-pill.is-default {
    background: #dcfce7;
    color: #15803d;
}

.mvo-paymethod-pill.is-expired {
    background: #fee2e2;
    color: #b91c1c;
}

.mvo-paymethod-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.mvo-paymethod-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    font-weight: 100;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
}

.mvo-paymethods-head-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1;
    white-space: nowrap;
}

.mvo-paymethod-actions .btn i,
.mvo-paymethods-head-actions .btn i {
    width: 14px;
    flex: 0 0 14px;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}

.mvo-domains-list-page {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.mvo-domains-list-hero,
.mvo-domains-list-card {
    border: 1px solid #dde8f2;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.035);
}

.mvo-domains-list-hero {
    padding: 28px;
}

.mvo-domains-list-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.mvo-domains-list-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mvo-domains-list-head h1 {
    margin: 14px 0 10px;
    color: #071827;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.05;
}

.mvo-domains-list-head p {
    max-width: 760px;
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}

.mvo-domains-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.mvo-domains-hero-actions .btn {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.mvo-domains-list-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.mvo-domains-stat-card {
    padding: 18px 20px;
    border: 1px solid #e5edf5;
    border-radius: 18px;
    background: #f8fbfe;
}

.mvo-domains-stat-card span {
    display: block;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.mvo-domains-stat-card strong {
    display: block;
    margin-top: 12px;
    color: #071827;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.mvo-domains-list-card {
    padding: 22px 24px 24px;
}

.mvo-domains-table-wrap .dataTables_wrapper > .row:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
}

.mvo-domains-table-wrap .dataTables_wrapper > .row:first-child > div,
.mvo-domains-table-wrap .dataTables_wrapper > .row:last-child > div {
    float: none;
}

.mvo-domains-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:first-child {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding: 0;
}

.mvo-domains-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:last-child {
    width: 100%;
    max-width: 280px;
    margin-left: auto;
    padding: 0;
}

.mvo-domains-table-wrap .dataTables_wrapper > .row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 18px 0 0;
}

.mvo-domains-table-wrap .dataTables_wrapper > .row:last-child .col-sm-5,
.mvo-domains-table-wrap .dataTables_wrapper > .row:last-child .col-sm-7 {
    width: auto;
    padding: 0;
}

.mvo-domains-table-wrap .dataTables_length,
.mvo-domains-table-wrap .dataTables_filter {
    margin: 0;
}

.mvo-domains-table-wrap .dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
}

.mvo-domains-table-wrap .dataTables_filter label {
    display: block;
    margin: 0;
}

.mvo-domains-table-wrap .dataTables_filter input,
.mvo-domains-table-wrap .dataTables_length select {
    height: 44px;
    border: 1px solid #dbe6f0;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
}

.mvo-domains-table-wrap .dataTables_filter input {
    width: 100%;
    padding: 0 16px;
}

.mvo-domains-table-wrap .dataTables_length select {
    min-width: 84px;
    padding: 0 14px;
}

.mvo-domains-table-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.mvo-domains-table-head strong {
    display: block;
    color: #071827;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-domains-table-head span {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-domains-table-wrap .table {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.mvo-domains-table-wrap .table > thead > tr > th {
    padding: 14px 18px;
    border-top: 0;
    border-bottom: 1px solid #e8eff5;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mvo-domains-table-wrap .table > tbody > tr {
    cursor: pointer;
    transition: background-color .2s ease;
}

.mvo-domains-table-wrap .table > tbody > tr:hover {
    background: #f8fbfe;
}

.mvo-domains-table-wrap .table > tbody > tr > td {
    padding: 18px;
    border-top: 1px solid #edf3f8;
    vertical-align: middle;
}

.mvo-domain-main {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: inherit;
    text-decoration: none;
}

.mvo-domain-main:hover,
.mvo-domain-main:focus {
    color: inherit;
    text-decoration: none;
}

.mvo-domain-id {
    color: #0276ac;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mvo-domain-title {
    color: #071827;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
    word-break: break-word;
}

.mvo-domain-main-meta {
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.mvo-domain-date,
.mvo-domain-due {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.mvo-domain-date {
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

.mvo-domain-due strong {
    color: #071827;
    font-size: 14px;
    font-weight: 700;
}

.mvo-domain-due span {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.4;
}

.mvo-domains-table-wrap .label.status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mvo-domains-table-wrap .label.status[class*="status-active"] {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.mvo-domains-table-wrap .label.status[class*="status-expired"],
.mvo-domains-table-wrap .label.status[class*="status-grace"],
.mvo-domains-table-wrap .label.status[class*="status-redemption"] {
    background: rgba(245, 158, 11, 0.14);
    color: #c2410c;
}

.mvo-domains-table-wrap .label.status[class*="status-pending"],
.mvo-domains-table-wrap .label.status[class*="status-pendingtransfer"] {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

.mvo-domains-table-wrap .label.status[class*="status-cancelled"],
.mvo-domains-table-wrap .label.status[class*="status-fraud"] {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

.mvo-domain-open-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #dce7f0;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.mvo-domain-open-btn:hover,
.mvo-domain-open-btn:focus {
    border-color: #0276ac;
    color: #0276ac;
    text-decoration: none;
}

.mvo-domains-table-wrap .dataTables_info {
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.mvo-domains-table-wrap .dataTables_paginate {
    margin: 0;
}

.mvo-domains-table-wrap .pagination {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.mvo-domains-table-wrap .pagination > li {
    display: inline-flex;
}

.mvo-domains-table-wrap .pagination > li > a,
.mvo-domains-table-wrap .pagination > li > span {
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border: 1px solid #dce7f0;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.mvo-domains-table-wrap .pagination > .active > a,
.mvo-domains-table-wrap .pagination > .active > span,
.mvo-domains-table-wrap .pagination > .active > a:hover,
.mvo-domains-table-wrap .pagination > .active > span:hover {
    border-color: #0276ac;
    background: #0276ac;
    color: #fff;
}

.mvo-domains-table-wrap .pagination > .disabled > a,
.mvo-domains-table-wrap .pagination > .disabled > span {
    opacity: .5;
}

.mvo-domains-empty {
    padding: 44px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.mvo-domains-empty-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 18px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: #eef7fd;
    color: #0276ac;
    font-size: 28px;
}

.mvo-domains-empty h3 {
    margin: 0;
    color: #071827;
    font-size: 24px;
    font-weight: 700;
}

.mvo-domains-empty p {
    max-width: 680px;
    margin: 12px 0 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
}

.mvo-domains-empty-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
}

@media (max-width: 991px) {
    .mvo-domains-list-head {
        flex-direction: column;
    }

    .mvo-domains-hero-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .mvo-domains-list-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mvo-domains-table-wrap .dataTables_wrapper > .row:first-child,
    .mvo-domains-table-wrap .dataTables_wrapper > .row:last-child {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-domains-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:last-child {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .mvo-domains-list-hero,
    .mvo-domains-list-card {
        padding: 20px;
        border-radius: 18px;
    }

    .mvo-domains-list-stats {
        grid-template-columns: 1fr;
    }

    .mvo-domains-table-wrap .table > thead {
        display: none;
    }

    .mvo-domains-table-wrap .table > tbody > tr {
        display: block;
        margin-bottom: 14px;
        border: 1px solid #e6edf4;
        border-radius: 18px;
        background: #fff;
        overflow: hidden;
    }

    .mvo-domains-table-wrap .table > tbody > tr > td {
        display: block;
        text-align: left !important;
        border-top: 1px solid #edf3f8;
    }

    .mvo-domains-table-wrap .table > tbody > tr > td:first-child {
        border-top: 0;
    }

    .mvo-domain-date,
    .mvo-domain-due {
        align-items: flex-start;
    }

    .mvo-domain-open-btn {
        width: 100%;
        justify-content: center;
    }
}

.mvo-domain-detail-page {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.mvo-domain-detail-alert-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mvo-domain-detail-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: #fff;
}

.mvo-domain-detail-alert.is-danger {
    border-color: rgba(239, 68, 68, 0.22);
    background: #fff5f5;
}

.mvo-domain-detail-alert.is-warning {
    border-color: rgba(245, 158, 11, 0.24);
    background: #fffaf0;
}

.mvo-domain-detail-alert.is-success {
    border-color: rgba(34, 197, 94, 0.22);
    background: #f3fff7;
}

.mvo-domain-detail-alert.is-info {
    border-color: rgba(14, 165, 233, 0.22);
    background: #f3fbff;
}

.mvo-domain-detail-alert-copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mvo-domain-detail-alert-copy strong {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
}

.mvo-domain-detail-alert-copy span {
    color: #475569;
    font-size: 14px;
    line-height: 1.65;
}

.mvo-domain-detail-alert .btn {
    flex: 0 0 auto;
}

.mvo-domain-detail-hero,
.mvo-domain-detail-card {
    border: 1px solid #dde8f2;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.035);
}

.mvo-domain-detail-hero {
    padding: 28px;
}

.mvo-domain-detail-hero-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.mvo-domain-detail-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mvo-domain-detail-hero-head h1 {
    margin: 14px 0 10px;
    color: #071827;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.08;
    word-break: break-word;
}

.mvo-domain-detail-hero-head p {
    max-width: 760px;
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}

.mvo-domain-detail-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.mvo-domain-detail-hero-actions .btn {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mvo-domain-detail-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.mvo-domain-detail-summary-card {
    padding: 18px 20px;
    border: 1px solid #e5edf5;
    border-radius: 18px;
    background: #f8fbfe;
}

.mvo-domain-detail-summary-card span,
.mvo-domain-detail-summary-card small {
    display: block;
    color: #64748b;
}

.mvo-domain-detail-summary-card span {
    font-size: 13px;
    font-weight: 600;
}

.mvo-domain-detail-summary-card strong {
    display: block;
    margin-top: 10px;
    color: #071827;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-domain-detail-summary-card small {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
}

.mvo-domain-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, .9fr);
    gap: 22px;
}

.mvo-domain-detail-side {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.mvo-domain-detail-card {
    padding: 24px;
}

.mvo-domain-detail-card-head {
    margin-bottom: 18px;
}

.mvo-domain-detail-card-head h3 {
    margin: 12px 0 8px;
    color: #071827;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-domain-detail-card-head p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-domain-detail-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.mvo-domain-detail-info-item {
    padding: 16px 18px;
    border: 1px solid #e6edf4;
    border-radius: 16px;
    background: #fff;
}

.mvo-domain-detail-info-item span,
.mvo-domain-detail-info-item small {
    display: block;
    color: #64748b;
}

.mvo-domain-detail-info-item span {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo-domain-detail-info-item strong {
    display: block;
    margin-top: 10px;
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
    word-break: break-word;
}

.mvo-domain-detail-info-item small {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
}

.mvo-domain-detail-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mvo-domain-detail-action {
    min-height: 50px;
    padding: 12px 16px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #e1ebf3;
    border-radius: 16px;
    background: #f8fbfe;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.mvo-domain-detail-action:hover,
.mvo-domain-detail-action:focus {
    border-color: #0276ac;
    background: #f2f9fe;
    color: #0276ac;
    text-decoration: none;
}

.mvo-domain-detail-action i {
    width: 18px;
    text-align: center;
    color: #0276ac;
}

.mvo-domain-detail-note-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mvo-domain-detail-note-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-domain-detail-note-item i {
    margin-top: 3px;
    color: #38bdf8;
}

.mvo-domain-detail-panel {
    display: none;
}

.mvo-domain-detail-panel.is-open {
    display: block;
}

.mvo-domain-detail-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mvo-domain-detail-tablist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mvo-domain-detail-tab {
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #dce7f0;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    transition: .2s ease;
}

.mvo-domain-detail-tab.is-active {
    border-color: #0276ac;
    background: #0276ac;
    color: #fff;
}

.mvo-domain-detail-tabpanel {
    display: none;
}

.mvo-domain-detail-tabpanel.is-active {
    display: block;
}

.mvo-domain-detail-inline-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid #d7eaf7;
    border-radius: 16px;
    background: #f5fbff;
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-domain-detail-inline-note i {
    margin-top: 3px;
    color: #0276ac;
}

.mvo-domain-detail-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.mvo-domain-detail-form-grid .form-group {
    margin-bottom: 0;
}

.mvo-domain-detail-form-grid label {
    display: block;
    margin-bottom: 8px;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .mvo-domain-detail-alert,
    .mvo-domain-detail-hero-head,
    .mvo-domain-detail-grid {
        flex-direction: column;
        grid-template-columns: 1fr;
    }

    .mvo-domain-detail-hero-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .mvo-domain-detail-summary,
    .mvo-domain-detail-info-grid,
    .mvo-domain-detail-form-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .mvo-domain-detail-hero,
    .mvo-domain-detail-card {
        padding: 20px;
        border-radius: 18px;
    }

    .mvo-domain-detail-alert {
        align-items: flex-start;
    }

    .mvo-domain-detail-alert .btn,
    .mvo-domain-detail-hero-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .mvo-domain-detail-summary,
    .mvo-domain-detail-info-grid,
    .mvo-domain-detail-form-grid {
        grid-template-columns: 1fr;
    }
}

.mvo-domain-contact-page,
.mvo-domain-bulk-page {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.mvo-domain-contact-hero,
.mvo-domain-contact-card,
.mvo-domain-bulk-hero,
.mvo-domain-bulk-card {
    border: 1px solid #dde8f2;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.035);
}

.mvo-domain-contact-hero,
.mvo-domain-bulk-hero {
    padding: 28px;
}

.mvo-domain-contact-card,
.mvo-domain-bulk-card {
    padding: 24px;
}

.mvo-domain-contact-hero-head,
.mvo-domain-bulk-hero-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.mvo-domain-contact-hero-head h1,
.mvo-domain-bulk-hero-head h1 {
    margin: 14px 0 10px;
    color: #071827;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.08;
}

.mvo-domain-contact-hero-head p,
.mvo-domain-bulk-hero-head p {
    max-width: 760px;
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}

.mvo-domain-contact-hero-actions,
.mvo-domain-bulk-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.mvo-domain-contact-hero-actions .btn,
.mvo-domain-bulk-hero-actions .btn {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mvo-domain-contact-card-head,
.mvo-domain-bulk-card-head {
    margin-bottom: 18px;
}

.mvo-domain-contact-card-head h3,
.mvo-domain-bulk-card-head h3 {
    margin: 12px 0 8px;
    color: #071827;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-domain-contact-card-head p,
.mvo-domain-bulk-card-head p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-domain-contact-form,
.mvo-domain-bulk-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mvo-domain-contact-tablist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mvo-domain-contact-tab {
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #dce7f0;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    transition: .2s ease;
}

.mvo-domain-contact-tab.is-active {
    border-color: #0276ac;
    background: #0276ac;
    color: #fff;
}

.mvo-domain-contact-panel {
    display: none;
    padding: 20px;
    border: 1px solid #e5edf5;
    border-radius: 20px;
    background: #fbfdff;
}

.mvo-domain-contact-panel.is-active {
    display: block;
}

.mvo-domain-contact-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.mvo-domain-contact-choice {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid #dfe9f2;
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
    transition: .2s ease;
}

.mvo-domain-contact-choice:hover {
    border-color: #0276ac;
    background: #f7fbfe;
}

.mvo-domain-contact-choice.is-selected {
    border-color: rgba(2, 118, 172, 0.28);
    background: #f3fbff;
    box-shadow: inset 0 0 0 1px rgba(2, 118, 172, 0.08);
}

.mvo-domain-contact-choice input {
    margin-top: 2px;
    flex: 0 0 auto;
}

.mvo-domain-contact-choice-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mvo-domain-contact-choice-copy strong {
    color: #071827;
    font-size: 14px;
    font-weight: 700;
}

.mvo-domain-contact-choice-copy small {
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.mvo-domain-contact-existing,
.mvo-domain-contact-fields {
    margin-bottom: 18px;
}

.mvo-domain-contact-modal .modal-content {
    border: 1px solid #dde8f2;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.16);
}

.mvo-domain-contact-modal .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 24px 18px;
    border-bottom: 1px solid #eef3f8;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.mvo-domain-contact-modal .modal-title {
    margin: 8px 0 0;
    color: #071827;
    font-size: 24px;
    font-weight: 700;
}

.mvo-domain-contact-modal .modal-header p {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-domain-contact-modal .modal-header .close {
    width: 38px;
    height: 38px;
    border: 1px solid #dce7f1;
    border-radius: 12px;
    background: #fff;
    color: #64748b;
    opacity: 1;
}

.mvo-domain-contact-modal .modal-body {
    padding: 24px;
}

.mvo-domain-contact-check {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

.mvo-domain-bulk-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr);
    gap: 22px;
}

.mvo-domain-bulk-main,
.mvo-domain-bulk-side {
    min-width: 0;
}

.mvo-domain-bulk-side {
    display: flex;
    flex-direction: column;
}

.mvo-domain-bulk-side-card,
.mvo-domain-bulk-section {
    padding: 20px;
    border: 1px solid #e5edf5;
    border-radius: 20px;
    background: #fbfdff;
}

.mvo-domain-bulk-domain-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mvo-domain-bulk-domain-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid #e6edf4;
    border-radius: 14px;
    background: #fff;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

.mvo-domain-bulk-domain-item i {
    color: #0276ac;
}

.mvo-domain-bulk-section {
    margin-top: 18px;
}

.mvo-domain-bulk-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.mvo-domain-bulk-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mvo-domain-bulk-status-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 20px;
    border: 1px solid #e3ebf4;
    border-radius: 20px;
    background: #fff;
}

.mvo-domain-bulk-status-card.is-success {
    border-color: rgba(34, 197, 94, 0.22);
    background: linear-gradient(180deg, rgba(240, 253, 244, 0.92), #ffffff);
}

.mvo-domain-bulk-status-card.is-danger {
    border-color: rgba(239, 68, 68, 0.2);
    background: linear-gradient(180deg, rgba(254, 242, 242, 0.92), #ffffff);
}

.mvo-domain-bulk-status-badge {
    width: fit-content;
    min-height: 30px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #edf2f7;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mvo-domain-bulk-status-card.is-success .mvo-domain-bulk-status-badge {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.mvo-domain-bulk-status-card.is-danger .mvo-domain-bulk-status-badge {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.mvo-domain-bulk-status-card h4 {
    margin: 0;
    color: #071827;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
}

.mvo-domain-bulk-status-card p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-domain-bulk-status-card .btn {
    align-self: flex-start;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .mvo-domain-contact-hero-head,
    .mvo-domain-bulk-hero-head,
    .mvo-domain-bulk-grid {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .mvo-domain-contact-hero-actions,
    .mvo-domain-bulk-hero-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .mvo-domain-contact-choice-grid,
    .mvo-domain-bulk-choice-grid,
    .mvo-domain-bulk-status-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .mvo-domain-contact-hero,
    .mvo-domain-contact-card,
    .mvo-domain-bulk-hero,
    .mvo-domain-bulk-card {
        padding: 20px;
        border-radius: 18px;
    }

    .mvo-domain-contact-hero-actions .btn,
    .mvo-domain-bulk-hero-actions .btn {
        width: 100%;
        justify-content: center;
    }
}

.mvo-paymethod-actions .btn-default,
.mvo-paymethods-head-actions .btn-default,
.mvo-paymethod-manage-page .btn-default {
    border: 1px solid #d7e4ef;
    background: #fff;
    color: #071827;
}

.mvo-paymethod-actions .btn-default:hover,
.mvo-paymethods-head-actions .btn-default:hover,
.mvo-paymethod-manage-page .btn-default:hover {
    background: #f5f9fc;
    color: #071827;
}

.mvo-paymethods-empty {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 180px;
    padding: 24px;
    border: 1px dashed #d9e7f2;
    border-radius: 18px;
    background: #fbfdff;
    text-align: center;
}

.mvo-paymethods-empty i {
    color: #9db5c9;
    font-size: 34px;
}

.mvo-paymethods-empty p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.mvo-paymethod-form {
    display: grid;
    gap: 16px;
}

.mvo-paymethod-section {
    padding: 20px;
    border: 1px solid #e8eff6;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.025);
}

.mvo-paymethod-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #edf3f8;
}

.mvo-paymethod-section-head strong {
    display: block;
    color: #071827;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
}

.mvo-paymethod-section-head p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-paymethod-manage-page .gateway-errors {
    margin-bottom: 0;
    border-radius: 14px;
}

.mvo-paymethod-manage-page .form-group.row {
    margin-bottom: 14px;
}

.mvo-paymethod-manage-page .form-group.row:last-child {
    margin-bottom: 0;
}

.mvo-paymethod-manage-page .control-label {
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

.mvo-paymethod-manage-page .form-control,
.mvo-paymethod-manage-page select.form-control,
.mvo-paymethod-manage-page .custom-select {
    height: 48px;
    border: 1px solid #dbe7f2;
    border-radius: 14px;
    background: #ffffff;
    color: #071827;
    box-shadow: none;
}

.mvo-paymethod-manage-page .form-control:focus,
.mvo-paymethod-manage-page select.form-control:focus,
.mvo-paymethod-manage-page .custom-select:focus {
    border-color: #9ecfed;
    box-shadow: 0 0 0 4px rgba(2, 118, 172, 0.08);
}

.mvo-paymethod-manage-page .input-group-text {
    border-color: #dbe7f2;
    border-radius: 0 14px 14px 0;
    background: #f4f8fb;
}

.mvo-paymethod-manage-page .input-group .form-control {
    border-right: 0;
}

.mvo-paymethod-type-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mvo-paymethod-choice {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    margin: 0;
    padding: 10px 16px;
    border: 1px solid #e7eef5;
    border-radius: 14px;
    background: #fff;
    color: #334155;
    font-size: 14px;
    cursor: pointer;
    transition: .2s ease;
}

.mvo-paymethod-type-options .mvo-paymethod-choice {
    min-width: 220px;
}

.mvo-paymethod-choice:hover {
    border-color: #d3e3ef;
    background: #fbfdff;
}

.mvo-paymethod-choice-input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-height: 24px;
    flex: 0 0 24px;
}

.mvo-paymethod-choice .iradio_square-blue,
.mvo-paymethod-choice .icheckbox_square-blue {
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    flex: 0 0 22px;
}

.mvo-paymethod-choice .iradio_square-blue,
.mvo-paymethod-choice .icheckbox_square-blue,
.mvo-paymethod-choice input[type="radio"],
.mvo-paymethod-choice input[type="checkbox"] {
    position: static !important;
}

.mvo-paymethod-choice > span:last-child {
    line-height: 1.45;
}

.mvo-paymethod-choice:has(input:checked) {
    border-color: #b9d8ee;
    background: #f4faff;
    color: #00588f;
    box-shadow: inset 0 0 0 1px rgba(2, 118, 172, 0.05);
}

.mvo-paymethod-manage-page .field-error-msg {
    display: none;
    margin-top: 6px;
    color: #b91c1c;
    font-size: 12px;
}

.mvo-paymethod-manage-page .has-error .field-error-msg {
    display: block;
}

.mvo-paymethod-manage-page .has-error .form-control,
.mvo-paymethod-manage-page .has-error select.form-control,
.mvo-paymethod-manage-page .has-error .custom-select {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

.mvo-paymethod-loading-state {
    display: grid;
    gap: 10px;
    place-items: center;
    min-height: 110px;
    color: #64748b;
}

.mvo-paymethod-loading-state i {
    color: #0276ac;
    font-size: 22px;
}

.mvo-paymethod-billing-container {
    display: grid;
    gap: 10px;
}

.mvo-paymethod-billing-container .list-group,
.mvo-paymethod-billing-container .list-unstyled {
    display: grid;
    gap: 10px;
    margin: 0;
}

.mvo-paymethod-billing-container .list-group-item,
.mvo-paymethod-billing-container .form-check,
.mvo-paymethod-billing-container .radio-inline,
.mvo-paymethod-billing-container label[for^="billingContact"],
.mvo-paymethod-billing-container label[for^="inputBilling"] {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #dfe9f2;
    border-radius: 14px;
    background: #fff;
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option {
    position: relative;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    column-gap: 14px;
    transition: .2s ease;
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option:hover {
    border-color: #cfe0ec;
    background: #fbfdff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option.is-selected,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option:has(input[type="radio"]:checked) {
    border-color: #b9d8ee;
    background: #f4faff;
    box-shadow: inset 0 0 0 1px rgba(2, 118, 172, 0.05);
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option.is-selected::before,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option:has(input[type="radio"]:checked)::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 3px;
    height: calc(100% - 24px);
    border-radius: 999px;
    background: #0276ac;
    opacity: .9;
}

.mvo-paymethod-billing-container input[type="radio"] {
    margin: 3px 0 0;
    position: relative;
    top: 0;
    grid-column: 1;
    grid-row: 1 / span 2;
}

.mvo-paymethod-billing-container .iradio_square-blue,
.mvo-paymethod-billing-container .icheckbox_square-blue {
    margin: 2px 0 0 !important;
    top: auto !important;
    left: auto !important;
    vertical-align: top;
    grid-column: 1;
    grid-row: 1 / span 2;
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option {
    padding: 16px 18px 16px 18px;
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option > *:not(input[type="radio"]):not(.iradio_square-blue):not(.icheckbox_square-blue) {
    grid-column: 2;
    min-width: 0;
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option .name,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option strong {
    display: block;
    color: #071827;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option .address1,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option .address2,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option .city,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option .state,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option .postcode,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option .country,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option small,
.mvo-paymethod-billing-container .mvo-paymethod-billing-option .text-muted {
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}

.mvo-paymethod-billing-container .mvo-paymethod-billing-option br {
    display: block;
    content: "";
    margin-top: 2px;
}

.mvo-paymethod-billing-actions {
    margin-top: 14px;
}

.mvo-paymethod-submit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mvo-paymethod-manage-page #cvvWhereLink {
    margin: 10px 0 0;
    padding: 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.mvo-paymethod-manage-page #cvvWhereLink:hover {
    color: #0276ac;
    text-decoration: none;
}

.mvo-paymethod-manage-page .submit-container .btn {
    min-width: 170px;
    height: 48px;
    border-radius: 14px;
    font-weight: 600;
}

.mvo-paymethod-manage-page .auth3d-area {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: #fff;
}

.mvo-paymethod-modal .modal-dialog {
    max-width: 880px;
}

.mvo-paymethod-modal .modal-content {
    position: relative;
    border: 1px solid #dde8f2;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff, #fcfdff);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.16);
    overflow: hidden;
}

.mvo-paymethod-modal .modal-content::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #0276ac, #4cb7e8);
}

.mvo-paymethod-modal .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 24px 18px;
    border-bottom: 1px solid #eef3f8;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
}

.mvo-paymethod-modal .modal-header .mvo-account-kicker {
    background: #eaf6fd;
    color: #0276ac;
}

.mvo-paymethod-modal .modal-header .modal-title {
    margin: 12px 0 0;
    color: #071827;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.12;
}

.mvo-paymethod-modal .modal-header p {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-paymethod-modal .modal-header .close {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    margin: 0;
    padding: 0;
    border: 1px solid #dde8f2;
    border-radius: 12px;
    background: #ffffff;
    color: #64748b;
    font-size: 28px;
    line-height: 1;
    opacity: 1;
    text-shadow: none;
    box-shadow: none;
}

.mvo-paymethod-modal .modal-header .close span {
    display: block;
    margin-top: -2px;
    color: #64748b !important;
    line-height: 1;
}

.mvo-paymethod-modal .modal-header .close:hover {
    color: #071827;
    background: #f8fbfd;
    border-color: #cfdeea;
}

.mvo-paymethod-modal .modal-header .close:hover span {
    color: #071827 !important;
}

.mvo-paymethod-modal .modal-body {
    padding: 24px 24px 8px;
    background: #ffffff;
}

.mvo-paymethod-modal .modal-body .form-group {
    margin-bottom: 18px;
}

.mvo-paymethod-modal .modal-body .control-label {
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

.mvo-paymethod-modal .modal-body .form-control,
.mvo-paymethod-modal .modal-body .custom-select {
    height: 48px;
    border: 1px solid #dbe7f2;
    border-radius: 14px;
    background: #fff;
    color: #071827;
    box-shadow: none;
}

.mvo-paymethod-modal .modal-body .form-control:focus,
.mvo-paymethod-modal .modal-body .custom-select:focus {
    border-color: #9ecfed;
    box-shadow: 0 0 0 4px rgba(2, 118, 172, 0.08);
}

.mvo-paymethod-modal .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 24px 24px;
    border-top: 1px solid #eef3f8;
    background: #ffffff;
}

.mvo-paymethod-modal .modal-footer .btn {
    min-width: 160px;
    height: 46px;
    border-radius: 14px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .mvo-paymethods-card-head,
    .mvo-paymethod-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-paymethod-actions {
        justify-content: flex-start;
    }

    .mvo-paymethod-manage-page .form-group.row > [class*='col-'] {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .mvo-paymethod-manage-page .submit-container .col-md-8.offset-sm-4 {
        margin-left: 0;
    }

    .mvo-paymethod-modal .modal-footer {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .mvo-paymethod-modal .modal-footer .btn {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .mvo-paymethods-card {
        padding: 20px;
    }

    .mvo-paymethods-head-actions,
    .mvo-paymethod-actions,
    .mvo-paymethod-type-options {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-paymethod-type-options .mvo-paymethod-choice {
        min-width: 0;
        width: 100%;
    }

    .mvo-paymethods-head-actions .btn,
    .mvo-paymethod-actions .btn,
    .mvo-paymethod-manage-page .submit-container .btn {
        width: 100%;
    }

    .mvo-paymethod-section {
        padding: 16px;
    }
}

/* Email History */
.mvo-email-history-page {
    display: grid;
    gap: 20px;
}

.mvo-email-history-card {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
}

.mvo-email-history-head {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-email-history-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-email-history-head h3 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.mvo-email-history-head p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-email-history-list {
    display: grid;
    gap: 12px;
}

.mvo-email-history-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    padding: 16px 18px;
    border: 1px solid #e9f0f6;
    border-radius: 16px;
    background: #fbfdff;
    text-align: left;
    transition: .2s ease;
    cursor: pointer;
}

.mvo-email-history-row:hover {
    border-color: #d7e5f1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.mvo-email-history-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.mvo-email-history-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid #d9e8f3;
    background: #eef7fe;
    color: #0276ac;
    font-size: 18px;
}

.mvo-email-history-copy {
    min-width: 0;
}

.mvo-email-history-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mvo-email-history-title strong {
    color: #071827;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.mvo-email-history-copy small {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-size: 12px;
}

.mvo-email-history-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eff6fb;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mvo-email-history-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    color: #0276ac;
    font-size: 13px;
    font-weight: 600;
}

.mvo-email-history-empty {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 200px;
    padding: 24px;
    border: 1px dashed #d9e7f2;
    border-radius: 18px;
    background: #fbfdff;
    text-align: center;
}

.mvo-email-history-empty i {
    color: #9db5c9;
    font-size: 34px;
}

.mvo-email-history-empty p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

@media (max-width: 767px) {
    .mvo-email-history-card {
        padding: 20px;
    }

    .mvo-email-history-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-email-history-action {
        width: 100%;
        justify-content: space-between;
    }
}

/* Support Ticket List */
.mvo-support-list-page {
    display: grid;
    gap: 20px;
}

.mvo-support-list-hero,
.mvo-support-list-card {
    border: 1px solid #dde8f2;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
}

.mvo-support-list-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.mvo-support-list-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-support-list-head h1 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
}

.mvo-support-list-head p {
    max-width: 720px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-support-list-head .btn {
    min-width: 190px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    font-weight: 100;
}

.mvo-support-list-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.mvo-support-stat-card {
    padding: 18px 18px 16px;
    border: 1px solid #e6eef5;
    border-radius: 10px;
    background: #ffffff;
}

.mvo-support-stat-card span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-support-stat-card strong {
    display: block;
    margin-top: 12px;
    color: #071827;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.mvo-support-table-wrap .dataTables_wrapper {
    color: #475569;
    font-size: 13px;
}

.mvo-support-table-wrap .dataTables_wrapper > .row:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-bottom: 1px solid #eef3f8;
    background: transparent;
}

.mvo-support-table-wrap .dataTables_wrapper > .row:first-child > div {
    float: none;
}

.mvo-support-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:first-child {
    flex: 1 1 auto;
    max-width: none;
    padding: 0;
}

.mvo-support-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:last-child {
    flex: 0 0 auto;
    max-width: none;
    padding: 0;
}

.mvo-support-table-wrap .dataTables_length,
.mvo-support-table-wrap .dataTables_filter {
    margin-bottom: 0;
}

.mvo-support-table-wrap .dataTables_wrapper > .row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding-top: 4px;
}

.mvo-support-table-wrap .dataTables_wrapper > .row:last-child > div {
    float: none;
}

.mvo-support-table-wrap .dataTables_wrapper > .row:last-child .col-sm-5,
.mvo-support-table-wrap .dataTables_wrapper > .row:last-child .col-sm-7 {
    width: auto;
    max-width: none;
    padding: 0;
}

.mvo-support-table-wrap .dataTables_info {
    padding-top: 0 !important;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

.mvo-support-table-wrap .dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.mvo-support-table-wrap .dataTables_filter {
    display: flex;
    justify-content: flex-end;
}

.mvo-support-table-wrap .dataTables_filter label {
    margin: 0;
    font-size: 0;
}

.mvo-support-table-wrap .dataTables_filter input,
.mvo-support-table-wrap .dataTables_length select {
    min-height: 40px;
    border: 1px solid #d9e6f1;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
}

.mvo-support-table-wrap .dataTables_filter input {
    width: 260px !important;
    padding: 0 14px;
}

.mvo-support-table-wrap .dataTables_length select {
    min-width: 74px;
    padding: 0 34px 0 14px;
}

.mvo-support-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.mvo-support-table-head strong {
    display: block;
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-support-table-head span {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
}

#tableTicketsList {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0 12px;
}

#tableTicketsList thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#tableTicketsList tbody td {
    padding: 18px 16px !important;
    border-top: 1px solid #e7eef5 !important;
    border-bottom: 1px solid #e7eef5 !important;
    background: #ffffff;
    vertical-align: middle;
    transition: background-color .18s ease, border-color .18s ease;
}

#tableTicketsList tbody td:first-child {
    border-left: 1px solid #e7eef5 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#tableTicketsList tbody td:last-child {
    border-right: 1px solid #e7eef5 !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    white-space: nowrap;
}

#tableTicketsList tbody tr:hover td {
    background: #fbfdff;
    border-top-color: #dbe7f2 !important;
    border-bottom-color: #dbe7f2 !important;
}

.mvo-ticket-department {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    background: #f5f8fb;
    color: #6b879c;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mvo-ticket-main {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #071827;
    text-decoration: none !important;
}

.mvo-ticket-main-top {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mvo-ticket-id {
    color: #0276ac;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-ticket-unread {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #e8f5ff;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mvo-ticket-subject-text,
.mvo-ticket-subject-text strong {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.mvo-ticket-main-meta {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.mvo-ticket-updated {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.mvo-support-table-wrap .label.status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: #f5f8fb;
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    box-shadow: none;
    white-space: nowrap;
}

.mvo-support-table-wrap .label.status[class*="status-open"],
.mvo-support-table-wrap .label.status[class*="status-active"] {
    background: #eefaf2;
    border-color: #d9efdf;
    color: #2f8f46;
}

.mvo-support-table-wrap .label.status[class*="status-answer"],
.mvo-support-table-wrap .label.status[class*="status-answered"],
.mvo-support-table-wrap .label.status[class*="status-customer"],
.mvo-support-table-wrap .label.status[class*="status-reply"] {
    background: #f2f5fb;
    border-color: #e2e9f5;
    color: #6d5ca8;
}

.mvo-support-table-wrap .label.status[class*="status-closed"] {
    background: #f4f7fa;
    border-color: #e4ebf1;
    color: #6f8193;
}

.mvo-support-table-wrap .label.status.status-custom {
    background: #f8fafc;
    border-color: currentColor;
    padding-inline: 11px;
}

.mvo-ticket-open-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0276ac;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: color .18s ease, transform .18s ease;
}

.mvo-ticket-open-btn:hover {
    color: #00588f;
    text-decoration: none;
    transform: translateX(2px);
}

.mvo-support-table-wrap .dataTables_info,
.mvo-support-table-wrap .dataTables_paginate {
    padding-top: 8px !important;
}

.mvo-support-table-wrap .dataTables_paginate {
    display: flex;
    align-items: center;
}

.mvo-support-table-wrap .pagination {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.mvo-support-table-wrap .pagination > li {
    display: inline-flex;
}

.mvo-support-table-wrap .pagination > li > a,
.mvo-support-table-wrap .pagination > li > span {
    min-width: 38px;
    height: 38px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid #d9e6f1 !important;
    background: #fff !important;
    color: #64748b !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.mvo-support-table-wrap .pagination > .active > a,
.mvo-support-table-wrap .pagination > .active > span,
.mvo-support-table-wrap .pagination > .active > a:hover,
.mvo-support-table-wrap .pagination > .active > span:hover {
    background: #0276ac !important;
    border-color: #0276ac !important;
    color: #fff !important;
}

.mvo-support-table-wrap .pagination > .disabled > a,
.mvo-support-table-wrap .pagination > .disabled > span {
    background: #f8fbfd !important;
    border-color: #e5edf4 !important;
    color: #a0aec0 !important;
    opacity: 1;
}

@media (max-width: 767px) {
    .mvo-support-table-head {
        margin-bottom: 12px;
    }

    .mvo-support-table-wrap .dataTables_wrapper > .row:last-child {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-support-table-wrap .dataTables_paginate {
        width: 100%;
        overflow-x: auto;
    }
}

.mvo-support-empty {
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 44px 20px;
    text-align: center;
}

.mvo-support-empty-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #eef7fd;
    color: #0276ac;
    font-size: 26px;
}

.mvo-support-empty h3 {
    margin: 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
}

.mvo-support-empty p {
    max-width: 520px;
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-support-empty .btn {
    min-width: 210px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
}

/* Services List */
.mvo-services-list-page {
    display: grid;
    gap: 20px;
}

.mvo-quotes-list-page {
    display: grid;
    gap: 20px;
}

.mvo-quotes-list-hero,
.mvo-quotes-list-card {
    border: 1px solid #dde8f2;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
}

.mvo-quotes-list-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.mvo-quotes-list-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-quotes-list-head h1 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
}

.mvo-quotes-list-head p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-quotes-hero-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.mvo-quotes-hero-actions .btn {
    min-width: 180px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    font-weight: 700;
}

.mvo-quotes-list-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.mvo-quotes-stat-card {
    padding: 18px 18px 16px;
    border: 1px solid #e6eef5;
    border-radius: 10px;
    background: #ffffff;
}

.mvo-quotes-stat-card span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-quotes-stat-card strong {
    display: block;
    margin-top: 12px;
    color: #071827;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.mvo-quotes-table-wrap .dataTables_wrapper {
    color: #475569;
    font-size: 13px;
}

.mvo-quotes-table-wrap .dataTables_wrapper > .row:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-bottom: 1px solid #eef3f8;
    background: transparent;
}

.mvo-quotes-table-wrap .dataTables_wrapper > .row:first-child > div {
    float: none;
}

.mvo-quotes-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:first-child {
    flex: 1 1 auto;
    max-width: none;
    padding: 0;
}

.mvo-quotes-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:last-child {
    flex: 0 0 auto;
    max-width: none;
    padding: 0;
}

.mvo-quotes-table-wrap .dataTables_length,
.mvo-quotes-table-wrap .dataTables_filter {
    margin-bottom: 0;
}

.mvo-quotes-table-wrap .dataTables_wrapper > .row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding-top: 4px;
}

.mvo-quotes-table-wrap .dataTables_wrapper > .row:last-child > div {
    float: none;
}

.mvo-quotes-table-wrap .dataTables_wrapper > .row:last-child .col-sm-5,
.mvo-quotes-table-wrap .dataTables_wrapper > .row:last-child .col-sm-7 {
    width: auto;
    max-width: none;
    padding: 0;
}

.mvo-quotes-table-wrap .dataTables_info {
    padding-top: 0 !important;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

.mvo-quotes-table-wrap .dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.mvo-quotes-table-wrap .dataTables_filter {
    display: flex;
    justify-content: flex-end;
}

.mvo-quotes-table-wrap .dataTables_filter label {
    margin: 0;
    font-size: 0;
}

.mvo-quotes-table-wrap .dataTables_filter input,
.mvo-quotes-table-wrap .dataTables_length select {
    min-height: 40px;
    border: 1px solid #d9e6f1;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
}

.mvo-quotes-table-wrap .dataTables_filter input {
    width: 260px !important;
    padding: 0 14px;
}

.mvo-quotes-table-wrap .dataTables_length select {
    min-width: 74px;
    padding: 0 34px 0 14px;
}

.mvo-quotes-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.mvo-quotes-table-head strong {
    display: block;
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-quotes-table-head span {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
}

#tableQuotesList {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0 12px;
}

#tableQuotesList thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#tableQuotesList tbody td {
    padding: 18px 18px 16px !important;
    border-top: 1px solid #e7eef5 !important;
    border-bottom: 1px solid #e7eef5 !important;
    background: #ffffff;
    vertical-align: middle;
    transition: background-color .18s ease, border-color .18s ease;
}

#tableQuotesList tbody td:first-child {
    border-left: 1px solid #e7eef5 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#tableQuotesList tbody td:last-child {
    border-right: 1px solid #e7eef5 !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    white-space: nowrap;
}

#tableQuotesList tbody tr:hover td {
    background: #fbfdff;
    border-top-color: #dbe7f2 !important;
    border-bottom-color: #dbe7f2 !important;
}

.mvo-quote-main {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #071827;
    text-decoration: none !important;
}

.mvo-quote-id {
    color: #0276ac;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-quote-copy {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.mvo-quote-subject {
    display: block;
    color: #071827;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.mvo-quote-date {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.mvo-quotes-table-wrap .label.status[class*="status-delivered"] {
    background: #eef8ff;
    border-color: #d9e9f7;
    color: #0276ac;
}

.mvo-quotes-table-wrap .label.status[class*="status-accepted"] {
    background: #eefaf2;
    border-color: #d9efdf;
    color: #2f8f46;
}

.mvo-quotes-table-wrap .label.status[class*="status-onhold"] {
    background: #fff8e8;
    border-color: #f4e6b8;
    color: #c47b07;
}

.mvo-quotes-table-wrap .label.status[class*="status-lost"],
.mvo-quotes-table-wrap .label.status[class*="status-dead"] {
    background: #fef2f2;
    border-color: #f7d9d9;
    color: #d23b52;
}

.mvo-quote-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.mvo-quote-open-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0276ac;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: color .18s ease, transform .18s ease;
}

.mvo-quote-open-btn:hover {
    color: #00588f;
    text-decoration: none;
    transform: translateX(2px);
}

.mvo-quote-download-form {
    margin: 0;
}

.mvo-quote-download-btn {
    min-height: 38px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #d9e6f1;
    border-radius: 999px;
    background: #ffffff;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    transition: .2s ease;
}

.mvo-quote-download-btn:hover {
    border-color: #0276ac;
    color: #0276ac;
    background: #ffffff;
}

.mvo-quotes-empty {
    padding: 30px 24px;
    border: 1px dashed #d7e5f0;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    text-align: center;
}

.mvo-quotes-empty-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: #eef7fe;
    color: #0276ac;
    font-size: 24px;
}

.mvo-quotes-empty h3 {
    margin: 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
}

.mvo-quotes-empty p {
    max-width: 560px;
    margin: 12px auto 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.mvo-quotes-empty-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.mvo-quotes-empty-actions .btn {
    min-width: 200px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
}

@media (max-width: 991px) {
    .mvo-quotes-list-head {
        flex-direction: column;
    }

    .mvo-quotes-list-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mvo-quotes-table-wrap .dataTables_wrapper > .row:first-child {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-quotes-table-wrap .dataTables_filter {
        justify-content: stretch;
    }

    .mvo-quotes-table-wrap .dataTables_filter input {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .mvo-quotes-list-hero,
    .mvo-quotes-list-card {
        padding: 18px;
    }

    .mvo-quotes-list-head h1 {
        font-size: 24px;
    }

    .mvo-quotes-hero-actions .btn,
    .mvo-quotes-empty-actions .btn {
        width: 100%;
        min-width: 0;
    }

    .mvo-quotes-table-wrap .dataTables_wrapper > .row:last-child {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-quote-actions {
        width: 100%;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .mvo-quote-download-btn {
        width: 100%;
    }
}

.mvo-services-list-hero,
.mvo-services-list-card {
    border: 1px solid #dde8f2;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
    overflow-x: clip;
    overflow-y: visible;
}

#main-body.clientareaproducts-page-20i .mvo-services-table-wrap .listtable {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

.mvo-services-list-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.mvo-services-list-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-services-list-head h1 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
}

.mvo-services-list-head p {
    max-width: 720px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-services-list-head .btn {
    min-width: 220px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    font-weight: 100;
}

.mvo-services-list-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.mvo-services-stat-card {
    padding: 18px 18px 16px;
    border: 1px solid #e6eef5;
    border-radius: 10px;
    background: #ffffff;
}

.mvo-services-stat-card span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-services-stat-card strong {
    display: block;
    margin-top: 12px;
    color: #071827;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.mvo-services-table-wrap .dataTables_wrapper {
    color: #475569;
    font-size: 13px;
    overflow-x: clip;
    overflow-y: visible;
}

.mvo-services-table-wrap .dataTables_wrapper > .row:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-bottom: 1px solid #eef3f8;
    background: transparent;
}

.mvo-services-table-wrap .dataTables_wrapper > .row:first-child > div,
.mvo-services-table-wrap .dataTables_wrapper > .row:last-child > div {
    float: none;
}

.mvo-services-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:first-child {
    flex: 1 1 auto;
    max-width: none;
    padding: 0;
}

.mvo-services-table-wrap .dataTables_wrapper > .row:first-child .col-sm-6:last-child {
    flex: 0 0 auto;
    max-width: none;
    padding: 0;
}

.mvo-services-table-wrap .dataTables_length,
.mvo-services-table-wrap .dataTables_filter {
    margin-bottom: 0;
}

.mvo-services-table-wrap .dataTables_wrapper > .row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding-top: 4px;
}

.mvo-services-table-wrap .dataTables_wrapper > .row:last-child .col-sm-5,
.mvo-services-table-wrap .dataTables_wrapper > .row:last-child .col-sm-7 {
    width: auto;
    max-width: none;
    padding: 0;
    min-width: 0;
}

.mvo-services-table-wrap .dataTables_info {
    padding-top: 0 !important;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

.mvo-services-table-wrap .dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.mvo-services-table-wrap .dataTables_filter {
    display: flex;
    justify-content: flex-end;
}

.mvo-services-table-wrap .dataTables_filter label {
    margin: 0;
    font-size: 0;
}

.mvo-services-table-wrap .dataTables_filter input,
.mvo-services-table-wrap .dataTables_length select {
    min-height: 40px;
    border: 1px solid #d9e6f1;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
}

.mvo-services-table-wrap .dataTables_filter input {
    width: 260px !important;
    padding: 0 14px;
}

.mvo-services-table-wrap .dataTables_length select {
    min-width: 74px;
    padding: 0 34px 0 14px;
}

.mvo-services-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.mvo-services-table-head strong {
    display: block;
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-services-table-head span {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
}

#tableServicesList {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0 12px;
}

#main-body.clientareaproducts-page-20i .mvo-services-table-wrap .dataTables_wrapper table.table-list thead th,
#main-body.clientareaproducts-page-20i .mvo-services-table-wrap .dataTables_wrapper table.table-list tbody td {
    white-space: normal !important;
}

#tableServicesList thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#tableServicesList tbody td {
    padding: 18px 16px !important;
    border-top: 1px solid #e7eef5 !important;
    border-bottom: 1px solid #e7eef5 !important;
    background: #ffffff;
    vertical-align: middle;
    overflow: visible;
    transition: background-color .18s ease, border-color .18s ease;
}

#tableServicesList tbody td:first-child {
    border-left: 1px solid #e7eef5 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#tableServicesList tbody td:last-child {
    border-right: 1px solid #e7eef5 !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    white-space: nowrap !important;
}

#tableServicesList tbody tr:hover td {
    background: #fbfdff;
    border-top-color: #dbe7f2 !important;
    border-bottom-color: #dbe7f2 !important;
}

.mvo-service-main {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #071827;
    text-decoration: none !important;
}

.mvo-service-main-top {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mvo-service-id {
    color: #0276ac;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-service-title {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.mvo-service-main-meta {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.mvo-service-billing {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.mvo-service-billing strong {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-service-billing span,
.mvo-service-due {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.mvo-services-table-wrap .label.status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: #f5f8fb;
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    box-shadow: none;
    white-space: nowrap;
}

.mvo-services-table-wrap .label.status[class*="status-active"] {
    background: #eefaf2;
    border-color: #d9efdf;
    color: #2f8f46;
}

.mvo-services-table-wrap .label.status[class*="status-pending"] {
    background: #fff8e8;
    border-color: #f4e6b8;
    color: #c47b07;
}

.mvo-services-table-wrap .label.status[class*="status-suspended"],
.mvo-services-table-wrap .label.status[class*="status-terminated"],
.mvo-services-table-wrap .label.status[class*="status-cancelled"],
.mvo-services-table-wrap .label.status[class*="status-fraud"] {
    background: #fef2f2;
    border-color: #f7d9d9;
    color: #d23b52;
}

.mvo-service-open-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0276ac;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: color .18s ease, transform .18s ease;
}

.mvo-service-open-btn:hover {
    color: #00588f;
    text-decoration: none;
    transform: translateX(2px);
}

.bento-service-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.bento-service-tooltip::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    width: 22px;
    height: 88px;
    transform: translateY(-50%);
}

.bento-service-hover-card {
    position: absolute;
    right: calc(100% + 18px);
    top: 50%;
    width: 495px;
    padding: 24px;
    border: 1px solid #e5eef7;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 38, 70, .16);
    transform: translateY(-50%) translateX(8px) scale(.96);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .22s ease;
    z-index: 40;
}

.bento-service-hover-card::before {
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    width: 18px;
    height: 18px;
    background: #fff;
    border-top: 1px solid #e5eef7;
    border-right: 1px solid #e5eef7;
    transform: translateY(-50%) rotate(45deg);
}

.bento-service-row.has-suspension-tooltip:hover .bento-service-hover-card,
.bento-service-row.has-suspension-tooltip:focus-within .bento-service-hover-card,
.bento-service-tooltip:hover .bento-service-hover-card,
.bento-service-tooltip:focus-within .bento-service-hover-card {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0) scale(1);
}

.mvo-services-table-wrap .bento-service-tooltip {
    justify-content: center;
}

.mvo-services-table-wrap .bento-service-tooltip::before {
    top: 100%;
    bottom: auto;
    right: 50%;
    width: 100%;
    height: 18px;
    transform: translateX(50%);
}

.mvo-services-table-wrap .bento-service-hover-card {
    top: calc(100% + 14px);
    bottom: auto;
    left: 50%;
    right: auto;
    width: min(450px, calc(100vw - 120px));
    transform: translateX(-50%) translateY(8px) scale(.96);
}

.mvo-services-table-wrap .bento-service-hover-card::before {
    top: -9px;
    bottom: auto;
    right: auto;
    left: 50%;
    border-top: 1px solid #e5eef7;
    border-right: 1px solid #e5eef7;
    border-left: 0;
    border-bottom: 0;
    transform: translateX(-50%) rotate(-45deg);
}

.mvo-services-table-wrap .bento-service-tooltip.is-tooltip-upward::before {
    top: auto;
    bottom: 100%;
}

.mvo-services-table-wrap .bento-service-tooltip.is-tooltip-upward .bento-service-hover-card {
    top: auto;
    bottom: calc(100% + 14px);
}

.mvo-services-table-wrap .bento-service-tooltip.is-tooltip-upward .bento-service-hover-card::before {
    top: auto;
    bottom: -9px;
    border-top: 0;
    border-right: 0;
    border-left: 1px solid #e5eef7;
    border-bottom: 1px solid #e5eef7;
}

.mvo-services-table-wrap .bento-service-tooltip:hover .bento-service-hover-card,
.mvo-services-table-wrap .bento-service-tooltip:focus-within .bento-service-hover-card {
    transform: translateX(-50%) translateY(0) scale(1);
}

.bento-service-hover-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.bento-service-hover-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.bento-service-hover-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 16px;
    background: linear-gradient(180deg, #fff7ed, #ffedd5);
    color: #ea580c;
    border: 1px solid #fed7aa;
    font-size: 18px;
}

.bento-service-hover-brand span,
.bento-service-hover-pill {
    padding: 8px 14px;
    border-radius: 999px;
    background: #eaf5ff;
    color: #0073d8;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.bento-service-hover-pill {
    background: #fff7ed;
    color: #c2410c;
}

.bento-service-hover-card h4 {
    margin: 0 0 12px;
    color: #071b33;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -.5px;
}

.bento-service-hover-card p {
    margin: 0 0 20px;
    color: #52627a;
    font-size: 14px;
    line-height: 1.7;
}

.bento-service-hover-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bento-service-hover-features > div {
    min-width: 0;
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #dde9f4;
    border-radius: 16px;
    background: #f8fbff;
}

.bento-service-hover-features i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #d9e7f2;
    color: #0276ac;
    font-size: 14px;
}

.bento-service-hover-features span {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bento-service-hover-features strong {
    display: block;
    color: #071827;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    word-break: break-word;
}

.bento-service-hover-link {
    height: 42px;
    margin-top: 18px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
    border: 1px solid #dbe8f3;
    background: #fff;
    color: #0276ac;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .2s ease;
}

.bento-service-hover-link:hover {
    border-color: #0276ac;
    color: #0276ac;
    text-decoration: none;
}

.mvo-services-table-wrap .dataTables_info,
.mvo-services-table-wrap .dataTables_paginate {
    padding-top: 8px !important;
}

.mvo-services-table-wrap .dataTables_paginate {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: visible !important;
}

.mvo-services-table-wrap .pagination {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    max-width: 100%;
    flex-wrap: wrap;
}

.mvo-services-table-wrap .pagination > li {
    display: inline-flex;
}

.mvo-services-table-wrap .pagination > li > a,
.mvo-services-table-wrap .pagination > li > span {
    min-width: 38px;
    height: 38px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid #d9e6f1 !important;
    background: #fff !important;
    color: #64748b !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.mvo-services-table-wrap .pagination > .active > a,
.mvo-services-table-wrap .pagination > .active > span,
.mvo-services-table-wrap .pagination > .active > a:hover,
.mvo-services-table-wrap .pagination > .active > span:hover {
    background: #0276ac !important;
    border-color: #0276ac !important;
    color: #fff !important;
}

.mvo-services-table-wrap .pagination > .disabled > a,
.mvo-services-table-wrap .pagination > .disabled > span {
    background: #f8fbfd !important;
    border-color: #e5edf4 !important;
    color: #a0aec0 !important;
    opacity: 1;
}

.mvo-services-empty {
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 44px 20px;
    text-align: center;
}

.mvo-services-empty-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #eef7fd;
    color: #0276ac;
    font-size: 26px;
}

.mvo-services-empty h3 {
    margin: 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
}

.mvo-services-empty p {
    max-width: 520px;
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-services-empty .btn {
    min-width: 220px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
}

@media (max-width: 991px) {
    .mvo-services-list-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bento-service-hover-card {
        top: calc(100% + 14px);
        right: 0;
        width: min(360px, calc(100vw - 88px));
        transform: translateY(8px) scale(.96);
    }

    .bento-service-tooltip::before {
        top: 100%;
        right: 0;
        width: 100%;
        height: 16px;
        transform: none;
    }

    .bento-service-hover-card::before {
        top: -9px;
        right: 26px;
        transform: rotate(-45deg);
    }

    .bento-service-row.has-suspension-tooltip:hover .bento-service-hover-card,
    .bento-service-row.has-suspension-tooltip:focus-within .bento-service-hover-card,
    .bento-service-tooltip:hover .bento-service-hover-card,
    .bento-service-tooltip:focus-within .bento-service-hover-card {
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 767px) {
    .mvo-services-list-head {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-services-list-head .btn {
        width: 100%;
    }

    .mvo-services-table-head {
        margin-bottom: 12px;
    }

    .mvo-services-table-wrap .dataTables_wrapper > .row:first-child,
    .mvo-services-table-wrap .dataTables_wrapper > .row:last-child {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-services-table-wrap .dataTables_paginate {
        width: 100%;
        overflow-x: auto;
    }

    .bento-service-hover-features {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .mvo-support-list-head {
        flex-direction: column;
    }

    .mvo-support-list-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mvo-support-table-wrap .dataTables_wrapper > .row:first-child {
        flex-direction: column;
        align-items: stretch;
    }

    .mvo-support-table-wrap .dataTables_filter {
        justify-content: stretch;
    }

    .mvo-support-table-wrap .dataTables_filter input {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .mvo-support-list-hero,
    .mvo-support-list-card {
        padding: 18px;
    }

    .mvo-support-list-head h1 {
        font-size: 24px;
    }

    .mvo-support-list-stats {
        grid-template-columns: 1fr;
    }

    #tableTicketsList {
        display: block;
        overflow-x: auto;
    }
}

/* View Ticket Chat */
.mvo-ticket-chat-page {
    display: grid;
    gap: 20px;
}

.mvo-ticket-chat-shell,
.mvo-ticket-reply-card {
    border: 1px solid #dde8f2;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.mvo-ticket-chat-head,
.mvo-ticket-reply-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-ticket-chat-head-copy h1 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.1;
}

.mvo-ticket-chat-head-copy p,
.mvo-ticket-reply-head p {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-ticket-chat-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-ticket-chat-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mvo-ticket-chat-state {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-ticket-chat-state.is-open {
    background: #dcfce7;
    color: #15803d;
}

.mvo-ticket-chat-state.is-closed {
    background: #fee2e2;
    color: #b91c1c;
}

.mvo-ticket-chat-thread {
    display: grid;
    gap: 18px;
    padding: 24px;
    background:
        radial-gradient(circle at top left, rgba(2, 118, 172, 0.05), transparent 28%),
        linear-gradient(180deg, #fcfeff 0%, #f7fbfe 100%);
}

.mvo-ticket-bubble {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    max-width: 88%;
}

.mvo-ticket-bubble.is-client {
    margin-left: auto;
    flex-direction: row-reverse;
}

.mvo-ticket-bubble-avatar {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(180deg, #12395b, #0a4f7f);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 0 10px 22px rgba(2, 118, 172, 0.18);
}

.mvo-ticket-bubble-avatar-image {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    object-fit: cover;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-avatar {
    background: linear-gradient(180deg, #0276ac, #0b8dc7);
}

.mvo-ticket-bubble-body {
    flex: 1 1 auto;
    min-width: 0;
    border: 1px solid #dfeaf3;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.mvo-ticket-bubble.is-staff .mvo-ticket-bubble-body {
    border-top-left-radius: 10px;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-body {
    border-top-right-radius: 10px;
    background: linear-gradient(180deg, #0d588d, #0a4a77);
    border-color: rgba(255,255,255,0.08);
}

.mvo-ticket-bubble-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px 0;
}

.mvo-ticket-bubble-author strong {
    display: block;
    color: #071827;
    font-size: 14px;
    font-weight: 600;
}

.mvo-ticket-bubble-author span {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-author strong,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-author span,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-message,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-message p,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-message li,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-message td,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-message th,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-ip,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-files-head strong,
.mvo-ticket-bubble.is-client .mvo-ticket-bubble-files-head span {
    color: #f8fbff;
}

.mvo-ticket-bubble-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eef6fb;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    white-space: nowrap;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-badge {
    background: rgba(255,255,255,0.14);
    color: #fff;
}

.mvo-ticket-bubble-message {
    padding: 16px 20px 20px;
    color: #334155;
    font-size: 14px;
    line-height: 1.8;
}

.mvo-ticket-bubble-message > :last-child {
    margin-bottom: 0;
}

.mvo-ticket-bubble-message a {
    color: #0276ac;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-message a {
    color: #d7f0ff;
}

.mvo-ticket-bubble-message pre,
.mvo-ticket-bubble-message code {
    white-space: pre-wrap;
    word-break: break-word;
}

.mvo-ticket-bubble-ip {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e9f0f6;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-ip {
    border-top-color: rgba(255,255,255,0.12);
}

.mvo-ticket-bubble-rating {
    margin-top: 16px;
}

.mvo-ticket-bubble-files {
    padding: 0 20px 20px;
}

.mvo-ticket-bubble-files-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.mvo-ticket-bubble-file-list {
    display: grid;
    gap: 10px;
}

.mvo-ticket-bubble-file {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 12px 14px;
    border: 1px solid #d9e8f3;
    border-radius: 14px;
    background: linear-gradient(180deg, #fbfdff, #f6fbfe);
    color: #0f172a;
    text-decoration: none !important;
    transition: .2s ease;
}

.mvo-ticket-bubble-file:hover {
    border-color: #b9d8ee;
    background: linear-gradient(180deg, #ffffff, #f2f8fc);
    color: #0276ac;
    transform: translateY(-1px);
}

.mvo-ticket-bubble-file.is-disabled {
    opacity: .78;
    cursor: default;
    transform: none;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-file {
    border-color: rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-file:hover {
    background: rgba(255,255,255,0.12);
    color: #fff;
}

.mvo-ticket-bubble-file-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 16px;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-file-icon {
    background: rgba(255,255,255,0.14);
    color: #fff;
}

.mvo-ticket-bubble-file-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.mvo-ticket-bubble-file-copy strong {
    color: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    word-break: break-word;
}

.mvo-ticket-bubble-file-copy small {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

.mvo-ticket-bubble.is-client .mvo-ticket-bubble-file-copy small {
    color: rgba(255,255,255,0.82);
}

.mvo-ticket-reply-head h3 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.mvo-ticket-reply-form {
    padding: 24px;
}

.mvo-ticket-reply-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mvo-ticket-reply-form .form-group {
    margin-bottom: 18px;
}

.mvo-ticket-reply-form label {
    display: block;
    margin-bottom: 8px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.mvo-ticket-reply-form .form-control,
.mvo-ticket-reply-form .custom-file-label {
    min-height: 46px;
    border: 1px solid #dbe7f2;
    border-radius: 14px;
    background: #fbfdff;
    box-shadow: none;
}

.mvo-ticket-reply-form .custom-file-label {
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.mvo-ticket-reply-form textarea.form-control {
    min-height: 240px;
    padding: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mvo-ticket-reply-form .md-editor {
    border: 1px solid #dbe7f2;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.mvo-ticket-reply-form .md-editor .btn-default {
    border-color: transparent;
    background: transparent;
}

.mvo-ticket-reply-form .md-editor .md-header,
.mvo-ticket-reply-form .md-editor .md-footer {
    background: #f7fbfe;
    border-color: #e8eff5;
}

.mvo-ticket-reply-form .input-group.attachment-group {
    display: flex;
}

.mvo-ticket-reply-form .input-group-append .btn {
    min-height: 46px;
    border-radius: 14px;
}

.mvo-ticket-reply-note small {
    color: #64748b;
    font-size: 12px;
}

.mvo-ticket-reply-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 8px;
}

@media (max-width: 991px) {
    .mvo-ticket-chat-head,
    .mvo-ticket-reply-head {
        flex-direction: column;
    }

    .mvo-ticket-chat-actions {
        justify-content: flex-start;
    }

    .mvo-ticket-bubble {
        max-width: 100%;
    }

    .mvo-ticket-reply-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .mvo-ticket-chat-head,
    .mvo-ticket-reply-head,
    .mvo-ticket-chat-thread,
    .mvo-ticket-reply-form {
        padding: 18px;
    }

    .mvo-ticket-bubble {
        gap: 10px;
    }

    .mvo-ticket-bubble-avatar {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 15px;
    }

    .mvo-ticket-bubble-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-ticket-reply-actions {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Submit Ticket */
.mvo-ticket-submit-page {
    display: grid;
    gap: 20px;
}

.mvo-ticket-submit-card,
.mvo-ticket-confirm-card {
    border: 1px solid #dde8f2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.04);
    padding: 24px;
}

.mvo-ticket-submit-head {
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eef3f8;
}

.mvo-ticket-submit-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-ticket-submit-head h3,
.mvo-ticket-confirm-copy h3 {
    margin: 12px 0 0;
    color: #071827;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-ticket-submit-head p,
.mvo-ticket-confirm-copy p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-ticket-department-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mvo-ticket-department-card {
    display: grid;
    gap: 14px;
    min-height: 220px;
    padding: 22px;
    border: 1px solid #e3edf5;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #f8fbfe);
    text-decoration: none;
    transition: .2s ease;
}

.mvo-ticket-department-card:hover {
    transform: translateY(-2px);
    border-color: #cfe0ed;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.05);
    text-decoration: none;
}

.mvo-ticket-department-icon {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #eaf6fd;
    color: #0276ac;
    font-size: 22px;
}

.mvo-ticket-department-copy {
    display: grid;
    gap: 10px;
}

.mvo-ticket-department-copy strong {
    color: #071827;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.mvo-ticket-department-copy span {
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mvo-ticket-department-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #0276ac;
    font-size: 13px;
    font-weight: 600;
}

.mvo-ticket-open-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.mvo-ticket-open-field-span {
    grid-column: 1 / -1;
}

.mvo-ticket-open-form .form-group {
    margin-bottom: 18px;
}

.mvo-ticket-open-form label {
    display: block;
    margin-bottom: 8px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.mvo-ticket-open-form .form-control,
.mvo-ticket-open-form .custom-file-label {
    min-height: 46px;
    border: 1px solid #dbe7f2;
    border-radius: 14px;
    background: #fbfdff;
    box-shadow: none;
}

.mvo-ticket-open-form .form-control.disabled,
.mvo-ticket-open-form .form-control:disabled,
.mvo-ticket-open-form select.form-control:disabled,
.mvo-ticket-open-form input.form-control[disabled] {
    border-color: #e5edf4;
    background: linear-gradient(180deg, #f5f7fa, #eef3f7);
    color: #6b7280;
    -webkit-text-fill-color: #6b7280;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    cursor: not-allowed;
    opacity: 1;
}

.mvo-ticket-open-form .form-control.disabled::placeholder,
.mvo-ticket-open-form .form-control:disabled::placeholder {
    color: #94a3b8;
}

.mvo-ticket-open-form textarea.form-control {
    min-height: 240px;
    padding: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: linear-gradient(180deg, #ffffff, #fcfeff);
    color: #071827;
    font-size: 15px;
    line-height: 1.8;
    resize: vertical;
}

.mvo-ticket-open-form .md-editor {
    border: 1px solid #dbe7f2;
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.03);
    transition: .2s ease;
}

.mvo-ticket-open-form .md-editor.active,
.mvo-ticket-open-form .md-editor:focus-within {
    border-color: #9ecfed;
    box-shadow: 0 0 0 4px rgba(2, 118, 172, 0.07);
}

.mvo-ticket-open-form .md-editor .md-header,
.mvo-ticket-open-form .md-editor .md-footer {
    background: linear-gradient(180deg, #fbfdff, #f5f9fc);
    border-color: #e8eff5;
}

.mvo-ticket-open-form .md-editor .md-header {
    padding: 10px 12px;
}

.mvo-ticket-open-form .md-editor .md-footer {
    padding: 10px 14px;
    color: #94a3b8;
    font-size: 12px;
}

.mvo-ticket-open-form .md-editor .btn-default {
    min-width: 38px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #64748b;
    box-shadow: none;
    transition: .18s ease;
}

.mvo-ticket-open-form .md-editor .btn-default:hover,
.mvo-ticket-open-form .md-editor .btn-default:focus {
    border-color: #dbe7f2;
    background: #ffffff;
    color: #0276ac;
}

.mvo-ticket-open-form .md-editor .btn-primary,
.mvo-ticket-open-form .md-editor .btn-primary:hover,
.mvo-ticket-open-form .md-editor .btn-primary:focus {
    min-width: 38px;
    height: 36px;
    border-radius: 10px;
    box-shadow: none;
}

.mvo-ticket-open-form .md-editor .btn-group {
    display: inline-flex;
    gap: 6px;
    margin-right: 6px;
}

.mvo-ticket-open-form .md-editor .btn-group > .btn {
    float: none;
}

.mvo-ticket-open-form .md-editor .md-controls {
    padding: 0;
}

.mvo-ticket-open-form .md-editor .md-controls .md-control {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 700;
}

.mvo-ticket-open-form .md-editor .md-preview {
    padding: 18px 20px;
    background: linear-gradient(180deg, #ffffff, #fcfeff);
    color: #334155;
    line-height: 1.8;
}

.mvo-ticket-upload-card {
    margin-bottom: 18px;
    padding: 20px;
    border: 1px solid #e3edf5;
    border-radius: 18px;
    background: linear-gradient(180deg, #fcfeff, #f8fbfe);
}

.mvo-ticket-upload-head {
    display: grid;
    gap: 6px;
    margin-bottom: 14px;
}

.mvo-ticket-upload-head strong {
    color: #071827;
    font-size: 15px;
    font-weight: 700;
}

.mvo-ticket-upload-head span,
.mvo-ticket-upload-note small {
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}

.mvo-ticket-open-form .attachment-group {
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 12px !important;
}

.mvo-ticket-open-form .attachment-group .custom-file {
    position: relative;
    flex: 1 1 auto;
}

.mvo-ticket-open-form .custom-file-input {
    cursor: pointer;
}

.mvo-ticket-open-form .custom-file-label {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 0 16px 0 52px;
    border-style: dashed;
    border-width: 1px;
    border-color: #cfe1ee;
    background: linear-gradient(180deg, #fbfdff, #f6fbff);
    color: #475569;
}

.mvo-ticket-open-form .custom-file-label::before {
    content: "\f0c6";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    color: #0276ac;
    font-size: 16px;
}

.mvo-ticket-open-form .custom-file-label::after {
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    padding: 0 14px;
    border: 1px solid #d7e4ef;
    border-radius: 10px;
    background: #ffffff;
    color: #0276ac;
    font-size: 12px;
    font-weight: 700;
    line-height: 36px;
}

.mvo-ticket-open-form .custom-file-input:focus ~ .custom-file-label,
.mvo-ticket-open-form .custom-file-input:hover ~ .custom-file-label {
    border-color: #9ecfed;
    background: linear-gradient(180deg, #ffffff, #f4faff);
    box-shadow: 0 0 0 4px rgba(2, 118, 172, 0.06);
}

.mvo-ticket-open-form .input-group-append .btn {
    min-height: 54px;
    padding: 0 18px;
    border-radius: 14px;
    border-color: #dbe7f2;
    background: #ffffff;
    color: #071827;
    font-weight: 700;
    white-space: nowrap;
}

.mvo-ticket-open-form .input-group-append .btn:hover {
    border-color: #9ecfed;
    background: #f4faff;
    color: #0276ac;
}

.mvo-ticket-open-form .input-group-append .btn i {
    margin-right: 8px;
}

.mvo-ticket-open-form #fileUploadsContainer {
    display: grid;
    gap: 12px;
}

.mvo-ticket-open-form .file-upload .attachment-group {
    margin-bottom: 0 !important;
}

.mvo-ticket-upload-note {
    margin-top: 4px;
    padding-left: 2px;
}

@media (max-width: 767px) {
    .mvo-ticket-open-form .attachment-group {
        flex-direction: column;
    }

    .mvo-ticket-open-form .input-group-append {
        width: 100%;
    }

    .mvo-ticket-open-form .input-group-append .btn {
        width: 100%;
        justify-content: center;
    }
}

.mvo-ticket-custom-fields .form-group {
    margin-bottom: 18px;
}

.mvo-ticket-custom-fields .form-control,
.mvo-ticket-custom-fields select,
.mvo-ticket-custom-fields textarea,
.mvo-ticket-custom-fields input[type="text"],
.mvo-ticket-custom-fields input[type="email"] {
    min-height: 46px;
    border: 1px solid #dbe7f2;
    border-radius: 14px;
    background: #fbfdff;
    box-shadow: none;
}

.mvo-ticket-open-captcha {
    margin: 8px 0 18px;
}

.mvo-ticket-open-actions,
.mvo-ticket-confirm-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
}

.mvo-ticket-confirm-card {
    display: grid;
    justify-items: center;
    gap: 18px;
    text-align: center;
}

.mvo-ticket-confirm-icon {
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: linear-gradient(180deg, #dcfce7, #bbf7d0);
    color: #15803d;
    font-size: 34px;
}

.mvo-ticket-confirm-number {
    display: grid;
    gap: 8px;
    justify-items: center;
    width: 100%;
    max-width: 520px;
    padding: 18px 20px;
    border: 1px solid #d8e8dc;
    border-radius: 16px;
    background: linear-gradient(180deg, #f5fff7, #effaf2);
}

.mvo-ticket-confirm-number strong {
    color: #15803d;
    font-size: 14px;
    font-weight: 600;
}

.mvo-ticket-confirm-number a {
    color: #071827;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 991px) {
    .mvo-ticket-department-grid,
    .mvo-ticket-open-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .mvo-ticket-submit-card,
    .mvo-ticket-confirm-card {
        padding: 20px;
    }

    .mvo-ticket-open-actions,
    .mvo-ticket-confirm-actions {
        flex-direction: column;
        align-items: stretch;
    }
}

.mvo-client-workspace-secondary:hover {
    color: #00588f;
    text-decoration: none;
    border-color: #9fcae7;
}

.mvo-client-workspace-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.mvo-client-workspace-tags span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e1ebf4;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.mvo-client-workspace-tags i {
    color: #16a34a;
}

.mvo-client-workspace-stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.mvo-stage-panel {
    position: relative;
    overflow: hidden;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid #dfe9f3;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.04);
}

.mvo-stage-panel::after {
    content: "";
    position: absolute;
    inset: auto -30px -40px auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(2,118,172,.12), transparent 70%);
}

.mvo-stage-panel-focus {
    grid-column: 1 / -1;
    min-height: 190px;
    background: linear-gradient(135deg, #071827, #0a2a44);
    border-color: transparent;
}

.mvo-stage-kicker {
    position: relative;
    z-index: 1;
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: #edf7ff;
    color: #00588f;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-stage-panel-focus .mvo-stage-kicker {
    background: rgba(125,211,252,.14);
    color: #7dd3fc;
}

.mvo-stage-panel strong {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 18px;
    color: #071827;
    font-size: 36px;
    line-height: 1.04;
}

.mvo-stage-panel-focus strong {
    color: #fff;
    max-width: 320px;
}

.mvo-stage-panel p {
    position: relative;
    z-index: 1;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mvo-stage-panel-focus p {
    color: rgba(226,232,240,.78);
    max-width: 360px;
}

.mvo-client-shortcuts {
    display: grid;
    gap: 18px;
}

.mvo-client-shortcuts-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.mvo-client-shortcuts-head span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #d9ecfb;
    color: #00588f;
    font-size: 12px;
    font-weight: 600;
}

.mvo-client-shortcuts-head h2 {
    margin: 0;
    color: #071827;
    font-size: 36px;
    line-height: 1.08;
}

.mvo-client-shortcuts-head p {
    max-width: 360px;
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
}

.mvo-client-dashboard-tiles {
    margin-bottom: 0 !important;
}

.mvo-client-dashboard-tiles .row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
}

.mvo-client-dashboard-tiles .row > div {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
}

.mvo-client-dashboard-tiles .row > div:nth-child(1),
.mvo-client-dashboard-tiles .row > div:nth-child(4) {
    grid-column: span 7;
}

.mvo-client-dashboard-tiles .row > div:nth-child(2),
.mvo-client-dashboard-tiles .row > div:nth-child(3) {
    grid-column: span 5;
}

.mvo-client-dashboard-tiles .tile {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 210px;
    padding: 22px;
    border: 1px solid #dde8f2;
    border-radius: 30px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 22px 46px rgba(15, 23, 42, 0.05);
    overflow: hidden;
    transition: .22s ease;
}

.mvo-client-dashboard-tiles .tile:hover {
    transform: translateY(-4px);
    text-decoration: none;
}

.mvo-client-dashboard-tiles .tile::before,
.mvo-client-dashboard-tiles .tile .highlight {
    display: none;
}

.mvo-client-dashboard-tiles .tile i {
    position: relative;
    top: auto;
    left: auto;
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: auto;
    border-radius: 18px;
    font-size: 22px;
}

.mvo-client-dashboard-tiles .row > div:nth-child(1) .tile,
.mvo-client-dashboard-tiles .row > div:nth-child(4) .tile {
    background: linear-gradient(135deg, #071827, #0a2a44);
    border-color: transparent;
}

.mvo-client-dashboard-tiles .row > div:nth-child(1) .tile i,
.mvo-client-dashboard-tiles .row > div:nth-child(4) .tile i {
    background: rgba(125,211,252,.12);
    color: #7dd3fc;
}

.mvo-client-dashboard-tiles .row > div:nth-child(2) .tile i {
    background: #eaf8fc;
    color: #0276ac;
}

.mvo-client-dashboard-tiles .row > div:nth-child(3) .tile i {
    background: #dcfce7;
    color: #16a34a;
}

.mvo-client-dashboard-tiles .tile .stat {
    margin-top: 18px;
    color: #071827;
    font-size: 58px;
    line-height: 1;
    font-weight: 600;
}

.mvo-client-dashboard-tiles .row > div:nth-child(1) .tile .stat,
.mvo-client-dashboard-tiles .row > div:nth-child(4) .tile .stat,
.mvo-client-dashboard-tiles .row > div:nth-child(1) .tile .title,
.mvo-client-dashboard-tiles .row > div:nth-child(4) .tile .title {
    color: #fff;
}

.mvo-client-dashboard-tiles .tile .title {
    margin-top: 12px;
    margin-bottom: 0;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mvo-home-page-slider-panel,
.mvo-client-home-cards .card {
    border: 1px solid #dde8f2;
    border-radius: 30px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.mvo-client-home-cards .row {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 22px;
    margin: 0;
}

.mvo-client-home-cards .row > div {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding: 0;
}

.mvo-client-home-cards .row > .col-12 {
    grid-column: 1 / -1;
}

.mvo-client-home-cards .card {
    position: relative;
}

.mvo-client-home-cards .card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 120px;
    background: radial-gradient(circle at top left, rgba(2,118,172,.10), transparent 55%);
    pointer-events: none;
}

.mvo-client-home-cards .card-header,
.mvo-home-page-slider-panel h3 {
    position: relative;
    padding: 24px 24px 10px !important;
    border: 0;
    background: transparent;
}

.mvo-client-home-cards .card-title,
.mvo-home-page-slider-panel h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: #071827 !important;
    font-size: 17px !important;
    font-weight: 600;
    background: transparent !important;
}

.mvo-client-home-cards .card-title i,
.mvo-home-page-slider-panel h3 i {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eaf8fc;
    color: #0276ac;
}

.mvo-client-home-cards .card-title .badge {
    border-radius: 999px;
    background: #071827;
    color: #fff;
}

.mvo-client-home-cards .card-header .btn,
.mvo-client-home-cards .card-header .btn-default {
    border: 0;
    border-radius: 999px;
    background: #071827 !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
}

.mvo-client-home-cards .card-body {
    padding: 0 24px 18px;
}

.mvo-client-home-cards .list-group {
    padding: 0 20px 20px;
    border: 0 !important;
    background: transparent;
}

.mvo-client-home-cards .list-group-item {
    margin-bottom: 10px;
    padding: 18px;
    border: 1px solid #e5edf5;
    border-radius: 18px;
    background: #fbfdff;
    color: #334155;
    font-size: 14px;
    font-weight: 700;
    transition: .22s ease;
}

.mvo-client-home-cards .list-group-item:hover {
    transform: translateY(-2px);
    background: #f4fbff;
    color: #00588f;
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.04);
}

.mvo-client-home-cards .card-footer {
    padding: 0 24px 24px;
}

.mvo-client-home-cards .card-footer a {
    color: #0276ac;
    font-weight: 600;
}

@media (max-width: 1399px) {
    #main-body.mvo-client-shell-page .mvo-client-shell {
        grid-template-columns: 290px minmax(0, 1fr);
    }

    .mvo-client-workspace {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1199px) {
    #main-body.mvo-client-shell-page .mvo-client-shell {
        grid-template-columns: 1fr;
    }

    #main-body.mvo-client-shell-page .mvo-client-shell-sidebar {
        position: static;
        top: auto;
    }

    .mvo-client-home-cards .row {
        grid-template-columns: 1fr;
    }

    .mvo-client-dashboard-tiles .row > div:nth-child(n) {
        grid-column: span 6;
    }
}

@media (max-width: 767px) {
    #main-body.mvo-client-shell-page {
        padding: 18px 0 44px;
    }

    .mvo-sidebar-profile-metrics {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .mvo-client-workspace {
        padding: 22px;
        border-radius: 28px;
    }

    .mvo-client-workspace-copy h1 {
        font-size: 36px;
    }

    .mvo-client-workspace-actions,
    .mvo-client-workspace-tags {
        flex-direction: column;
    }

    .mvo-client-workspace-primary,
    .mvo-client-workspace-secondary {
        width: 100%;
    }

    .mvo-client-workspace-stage {
        grid-template-columns: 1fr;
    }

    .mvo-client-shortcuts-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .mvo-client-dashboard-tiles .row > div:nth-child(n) {
        grid-column: 1 / -1;
    }

    .mvo-client-dashboard-tiles .tile .stat {
        font-size: 46px;
    }

    .mvo-client-mobile-secondary {
        margin-top: 16px;
    }
}

.footer-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom span {
    color: #94a3b8;
    font-size: 14px;
}

.footer-bottom a {
    text-decoration: none;
    color: #64748b;
    margin-left: 20px;
    font-size: 14px;
}

.footer-bottom a:hover {
    color: #00588f;
}

@media(max-width:1000px){

    .footer-top{
        flex-direction:column;
    }

    .footer-certificacoes{
        text-align:left;
    }

    .certificacoes-lista{
        justify-content:flex-start;
    }

    .footer-columns{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:700px){

    .footer-columns{
        grid-template-columns:1fr;
    }

    .footer-bottom-content{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

}

.mvo_processos {
    padding: 100px 7%;
    background: #f8fbff;
}

/* TITULO */

.section_title {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 70px;
}

.section_title span {
    display: inline-block;
    background: #d9ecfb;
    color: #00588f;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
}

.section_title h2 {
    margin-top: 20px;
    font-size: 54px;
    line-height: 1.1;
    color: #071827;
    font-weight: 600;
}

.section_title p {
    margin-top: 18px;
    font-size: 19px;
    color: #64748b;
    line-height: 1.7;
}

/* GRID */

.processos_adeus_grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
    align-items: stretch;
    margin-top: 70px;
}

.processos_adeus_grid::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16%;
    right: 16%;
    height: 2px;
    background: linear-gradient(90deg, #dce8f3, #00588f, #dce8f3);
    z-index: 0;
}

.processo {
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 28px;
    padding: 38px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
}

.processo b {
    width: 74px;
    height: 74px;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 20px;
    color: #00588f;
    display: grid;
    place-items: center;
    font-size: 34px;
    margin-bottom: 42px;
}

.processo_destaque b {
    background: rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.22);
    color: #fff;
}

.seta {
    display: none;
}

/* SETAS */

.seta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.seta::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #d8e4ef;
}

.seta::after {
    content: "➜";
    color: #00588f;
    font-size: 24px;
    font-weight: 700;
    margin-left: -4px;
    background: #f8fbff;
    padding-left: 8px;
}

/* CARDS */

.processo {
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 28px;
    padding: 40px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    transition: .3s;
}

.processo:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(15, 23, 42, .06);
}


.processo h3 {
    font-size: 30px;
    color: #071827;
    margin-bottom: 18px;
    line-height: 1.2;
    font-weight: 600;
}

.processo p {
    color: #475569;
    font-size: 17px;
    line-height: 1.8;
}

/* CARD CENTRAL */

.processo_destaque {
    background: linear-gradient(
        135deg,
        #00588f,
        #0b7ec0
    );

    border: none;
    color: #fff;

    transform: scale(1.06);

    box-shadow:
        0 25px 60px rgba(0,88,143,.25);
}

.processo_destaque:hover {
    transform: scale(1.08);
}

.processo_destaque h3,
.processo_destaque p,
.processo_destaque b {
    color: #fff;
}

.processo_top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 30px;
}

.processo_top b {
    margin-bottom: 0;
}

.badge {
    background: rgba(255,255,255,.18);
    color: #fff;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

.processo_destaque a {
    margin-top: auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    color: #00588f;

    text-decoration: none;
    font-weight: 700;

    padding: 14px 22px;
    border-radius: 12px;

    width: fit-content;
}

.processo_destaque a:hover {
    background: #f1f5f9;
}

/* RESPONSIVO */

@media (max-width: 1200px) {

    .processos_adeus_grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .seta {
        display: none;
    }

    .processo_destaque {
        transform: none;
    }

    .processo_destaque:hover {
        transform: none;
    }

    .section_title h2 {
        font-size: 38px;
    }
}

.mvo_review_bar {
    min-height: 58px;
    padding: 0 7%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background: #0276ac;
    color: #fff;
    font-size: 14px;
}

.mvo_review_bar > span,
.mvo_review_bar strong,
.mvo_review_bar p,
.review_brand {
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 1;
}

.mvo_review_bar strong {
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
}

.review_stars {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 14px;
    border-left: 1px solid #dce5ef;
    border-right: 1px solid #dce5ef;
}

.review_stars span {
    width: 24px;
    height: 24px;
    background: #FFF;
    color: #0276ac;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1;
}

.review_brand {
    padding-left: 14px;
    border-left: 1px solid #dce5ef;
    font-weight: 600;
    color: #00588f;
}

@media (max-width: 850px) {
    .mvo_review_bar {
        padding: 16px 7%;
        flex-wrap: wrap;
        text-align: center;
    }
}

.mvo_hero {
    position: relative;
    overflow: hidden;
}

.mvo_hero_content {
    position: relative;
    z-index: 3;
}

.hero_motion {
    position: absolute;
    right: 0;
    top: 0;
    width: 48%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

.hero_motion::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 58% 48%, rgba(0, 174, 255, .26), transparent 34%);
    filter: blur(18px);
    animation: jetGlow 3.2s ease-in-out infinite;
}

.speed {
    position: absolute;
    right: -220px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 18%,
        rgba(255,255,255,.95) 45%,
        rgba(0,180,255,.9) 70%,
        transparent 100%
    );
    transform: rotate(-18deg);
    opacity: 0;
    filter: drop-shadow(0 0 8px rgba(0, 180, 255, .65));
    animation: jetSpeed 2.6s linear infinite;
}

.speed_1 {
    top: 28%;
    width: 460px;
    animation-delay: 0s;
}

.speed_2 {
    top: 40%;
    width: 360px;
    animation-delay: .45s;
}

.speed_3 {
    top: 56%;
    width: 520px;
    animation-delay: .9s;
}

.speed_4 {
    top: 70%;
    width: 300px;
    animation-delay: 1.35s;
}

.spark {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 0 10px rgba(255,255,255,.95),
        0 0 22px rgba(0,180,255,.8);
    opacity: 0;
    animation: jetSpark 3s ease-in-out infinite;
}

.spark_1 {
    right: 34%;
    top: 36%;
    animation-delay: .2s;
}

.spark_2 {
    right: 22%;
    top: 54%;
    animation-delay: 1.1s;
}

.spark_3 {
    right: 46%;
    top: 66%;
    animation-delay: 1.8s;
}

@keyframes jetSpeed {
    0% {
        transform: translateX(-760px) translateY(210px) rotate(-18deg);
        opacity: 0;
    }

    15% {
        opacity: .95;
    }

    100% {
        transform: translateX(0) translateY(0) rotate(-18deg);
        opacity: 0;
    }
}

@keyframes jetSpark {
    0%, 100% {
        opacity: 0;
        transform: scale(.6);
    }

    35% {
        opacity: .95;
        transform: scale(1.2);
    }

    70% {
        opacity: 0;
        transform: scale(.8) translateX(-80px);
    }
}

@keyframes jetGlow {
    0%, 100% {
        opacity: .35;
        transform: scale(1);
    }

    50% {
        opacity: .75;
        transform: scale(1.08);
    }
}

.mvo_produtos {
    padding: 95px 7%;
    background: #fff;
}

.produtos_grid_v2 {
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1.15fr repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.produto_card {
    position: relative;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 26px;
    padding: 30px;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    transition: .25s ease;
    overflow: hidden;
}

.produto_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 48px rgba(15, 23, 42, .08);
    border-color: #c7d8e8;
}

.produto_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.produto_icon {
    width: 54px;
    height: 54px;
    background: #d9ecfb;
    color: #00588f;
    border-radius: 16px;
    display: grid;
    place-items: center;
    font-size: 24px;
}

.produto_tag {
    background: #fff;
    color: #00588f;
    border: 1px solid rgba(255,255,255,.45);
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.produto_card h3 {
    font-size: 25px;
    color: #071827;
    margin: 0 0 14px;
    font-weight: 600;
}

.produto_card p {
    color: #475569;
    line-height: 1.6;
    margin: 0 0 24px;
}

.produto_card ul {
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

.produto_card ul li {
    color: #334155;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.produto_card ul li::before {
    content: "✓";
    width: 20px;
    height: 20px;
    background: #eaf8fc;
    color: #00588f;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 600;
}

.produto_destaque {
    background: linear-gradient(135deg, #00588f, #0284c7);
    color: #fff;
    border: none;
    box-shadow: 0 24px 60px rgba(0, 88, 143, .18);
}

.produto_destaque::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -60px;
    top: -60px;
    background: rgba(255,255,255,.13);
    border-radius: 50%;
}

.produto_destaque .produto_icon {
    background: rgba(255,255,255,.18);
    color: #fff;
}

.produto_destaque h3,
.produto_destaque p,
.produto_destaque ul li,
.produto_destaque a {
    color: #fff;
}

.produto_destaque ul li::before {
    background: rgba(255,255,255,.18);
    color: #fff;
}

.produto_destaque a {
    background: #fff;
    color: #00588f;
    padding: 13px 18px;
    border-radius: 12px;
    width: fit-content;
}

@media (max-width: 1200px) {
    .produtos_grid_v2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .produtos_grid_v2 {
        grid-template-columns: 1fr;
    }
}

.mvo_datacenter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #fff;
    min-height: 760px;
}

.dc_image {
    position: relative;
    overflow: hidden;
    min-height: 760px;
}

.dc_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: saturate(.95) contrast(1.05);
}

.dc_image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2,15,35,.05), rgba(2,15,35,.88)),
        linear-gradient(90deg, rgba(0,88,143,.18), transparent);
}



.dc_overlay {
    position: absolute;
    left: 60px;
    bottom: 60px;
    z-index: 2;
    color: #fff;
}

.dc_overlay span {
    display: inline-block;
    background: rgba(255,255,255,.16);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 18px;
}

.dc_overlay h2 {
    margin: 0 0 12px;
    font-size: 42px;
    line-height: 1.1;
}

.dc_overlay p {
    margin: 0;
    color: #e2e8f0;
    font-size: 17px;
}

.dc_content {
    padding: 80px 7%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dc_content > span {
    display: inline-block;
    width: fit-content;
    background: #d9ecfb;
    color: #00588f;
    padding: 9px 16px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 22px;
}

.dc_content h2 {
    font-size: 42px;
    line-height: 1.12;
    margin: 0 0 18px;
    color: #071827;
    font-weight: 600;
}

.dc_content > p {
    font-size: 18px;
    line-height: 1.7;
    color: #475569;
    margin: 0 0 38px;
}

.dc_features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.dc_features b {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #d9ecfb;
    color: #00588f;
    display: grid;
    place-items: center;
    font-size: 20px;
    margin-bottom: 18px;
}

.dc_features h3 {
    margin: 0 0 8px;
    color: #071827;
    font-size: 18px;
    font-weight: 600;
}

.dc_features p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}

.dc_locations {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #dce5ef;
    border-radius: 20px;
    overflow: hidden;
}

.dc_locations div {
    padding: 20px;
    background: #fff;
    border-right: 1px solid #dce5ef;
}

.dc_locations div:last-child {
    border-right: none;
}

.dc_locations strong {
    display: block;
    color: #00588f;
    font-size: 17px;
}

.dc_locations span {
    display: block;
    color: #64748b;
    font-size: 13px;
    margin-top: 5px;
}

.dc_certificados {
    margin-top: 36px;
}

.dc_certificados h3 {
    color: #071827;
    font-size: 24px;
    margin: 0 0 8px;
}

.dc_certificados p {
    color: #64748b;
    margin: 0 0 18px;
}

.cert_grid {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.cert_grid span {
    padding: 12px 16px;
    border-radius: 999px;
    background: #f1f8fd;
    color: #00588f;
    font-weight: 600;
    font-size: 13px;
    border: 1px solid #dce5ef;
}

@media (max-width: 1000px) {
    .mvo_datacenter {
        grid-template-columns: 1fr;
    }

    .dc_image {
        min-height: 420px;
    }

    .dc_overlay {
        left: 30px;
        bottom: 35px;
    }

    .dc_content {
        padding: 55px 7%;
    }

    .dc_features,
    .dc_locations {
        grid-template-columns: 1fr;
    }

    .dc_locations div {
        border-right: none;
        border-bottom: 1px solid #dce5ef;
    }

    .dc_locations div:last-child {
        border-bottom: none;
    }
}

.footer-social {
    display: flex;
    gap: 12px;
    margin-top: 25px;
}

.footer-social a {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dce5ef;
    border-radius: 12px;

    background: #fff;
    color: #64748b;

    text-decoration: none;
    font-size: 18px;

    transition: .25s ease;
}

.footer-social a:hover {
    background: #00588f;
    border-color: #00588f;
    color: #fff;
}

.mvo_faq{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:80px;

    padding:100px 7%;
    background:#fff;
}

.faq_left span{
    display:inline-block;
    padding:8px 16px;
    border-radius:999px;
    background:#d9ecfb;
    color:#00588f;
    font-weight:700;
    font-size:13px;
    margin-bottom:20px;
}

.faq_left h2{
    font-size:50px;
    line-height:1.05;
    color:#071827;
    margin:0 0 25px;
    font-weight: 600;
}

.faq_left p{
    color:#64748b;
    line-height:1.8;
    margin-bottom:25px;
}

.faq_left a{
    color:#00588f;
    text-decoration:none;
    font-weight:700;
}

.faq_right{
    display:flex;
    flex-direction:column;
}

.faq_item{
    border-bottom:1px solid #dce5ef;
}

.faq_item button{
    width:100%;
    border:none;
    background:none;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:28px 0;

    font-size:24px;
    font-weight:700;
    color:#071827;

    cursor:pointer;
}

.faq_item button i{
    color:#00588f;
    font-size:20px;
}

.faq_content{
    display:none;
    padding:0 0 25px;
    color:#64748b;
    line-height:1.8;
    max-width:900px;
}

.faq_item.active .faq_content{
    display:block;
}

.faq_item.active button i{
    transform:rotate(45deg);
}

.faq_content p {
    margin: 0 0 18px;
    color: #5f5574;
    font-size: 16px;
    line-height: 1.8;
}

.faq_content p:last-child {
    margin-bottom: 0;
}

/* =========================
   RESPONSIVO GERAL MVO
========================= */

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

/* TABLET */
@media (max-width: 1200px) {

    .mvo_topo {
        height: auto;
        min-height: 76px;
        padding: 18px 7%;
        flex-wrap: wrap;
        gap: 18px;
    }

    .logo {
        font-size: 42px;
    }

    .mvo_menu {
        order: 3;
        width: 100%;
        flex-wrap: wrap;
        gap: 8px;
    }

    .mvo_menu > li > a {
        height: auto;
        padding: 10px 12px;
    }

    .submenu {
        position: static;
        width: 100%;
        grid-template-columns: 1fr;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        margin-top: 10px;
        border-radius: 18px;
    }

    .has-submenu:hover .submenu {
        display: grid;
    }

    .telefone {
        margin-left: auto;
        font-size: 17px;
    }

    .acoes {
        flex-wrap: wrap;
    }

    .mvo_header_cart_dropdown {
        right: auto;
        left: 0;
    }

    .mvo_hero {
        grid-template-columns: 1fr;
        padding: 70px 7%;
        background-size: auto 60%;
        background-position: right bottom;
    }

    .hero_motion {
        display: none;
    }

    .mvo_hero_content {
        max-width: 720px;
        position: relative;
        z-index: 3;
    }

    .mvo_hero_content h1 {
        font-size: 46px;
    }

    .produtos_grid,
    .produtos_grid_v2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .mvo_datacenter {
        grid-template-columns: 1fr;
    }

    .dc_image {
        min-height: 430px;
    }

    .mvo_faq {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .faq_left h2 {
        font-size: 42px;
    }

    .processos_adeus_grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .seta {
        display: none;
    }

    .processo_destaque,
    .processo_destaque:hover {
        transform: none;
    }

    .footer-columns {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* CELULAR */
@media (max-width: 768px) {

    .mvo_topo {
        padding: 16px 20px;
        align-items: flex-start;
    }

    .logo {
        font-size: 38px;
    }

    .telefone {
        width: 100%;
        margin-left: 0;
        font-size: 16px;
    }

    .acoes {
        width: 100%;
        gap: 4px;
    }

    .acoes li a {
        padding: 8px 10px;
        font-size: 13px;
    }

    .mvo_header_cart_menu {
        width: 100%;
    }

    .mvo_header_cart_menu summary {
        width: 100%;
    }

    .mvo_header_cart_dropdown {
        width: min(100vw - 40px, 390px);
        left: 0;
        right: auto;
    }

    .mvo_header_cart_footer {
        grid-template-columns: 1fr;
    }

    .mvo_menu {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 6px;
    }

    .mvo_menu > li {
        flex-shrink: 0;
    }

    .mvo_hero {
        padding: 55px 22px 260px;
        background-size: auto 260px;
        background-position: right bottom;
    }

    .mvo_hero_content h1 {
        font-size: 38px;
        line-height: 1.12;
    }

    .mvo_hero_content p {
        font-size: 17px;
    }

    .mvo_hero_actions {
        flex-direction: column;
    }

    .btn_azul,
    .btn_branco {
        text-align: center;
        width: 100%;
    }

    .mvo_hero_stats {
        grid-template-columns: 1fr;
        display: grid;
        gap: 20px;
    }

    .mvo_review_bar {
        padding: 18px 20px;
        flex-wrap: wrap;
        gap: 10px;
        text-align: center;
    }

    .review_stars {
        order: 3;
        width: 100%;
        justify-content: center;
        border: none;
        padding: 0;
    }

    .section_title h2 {
        font-size: 34px;
    }

    .section_title p {
        font-size: 16px;
    }

    .produtos_grid,
    .produtos_grid_v2 {
        grid-template-columns: 1fr;
    }

    .produto_card {
        min-height: auto;
    }

    .dc_content {
        padding: 55px 22px;
    }

    .dc_content h2 {
        font-size: 32px;
    }

    .dc_features {
        grid-template-columns: 1fr;
    }

    .dc_locations {
        grid-template-columns: 1fr;
    }

    .dc_locations div {
        border-right: none;
        border-bottom: 1px solid #dce5ef;
    }

    .dc_locations div:last-child {
        border-bottom: none;
    }

    .dc_overlay {
        left: 25px;
        bottom: 30px;
    }

    .dc_overlay h2 {
        font-size: 30px;
    }

    .mvo_processos {
        padding: 70px 22px;
    }

    .processo {
        padding: 28px;
        min-height: auto;
    }

    .processo h3 {
        font-size: 24px;
    }

    .mvo_faq {
        padding: 70px 22px;
    }

    .faq_left h2 {
        font-size: 36px;
    }

    .faq_item button {
        font-size: 18px;
        gap: 20px;
        text-align: left;
    }

    .faq_content p {
        font-size: 15px;
    }

    .footer-top {
        flex-direction: column;
    }

    .footer-certificacoes {
        text-align: left;
    }

    .certificacoes-lista {
        justify-content: flex-start;
    }

    .footer-columns {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .footer-bottom-content {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .footer-bottom a {
        margin: 0 8px;
    }
}

/* CELULAR PEQUENO */
@media (max-width: 480px) {

    .mvo_hero_content h1 {
        font-size: 32px;
    }

    .mvo_badge {
        font-size: 12px;
        padding: 8px 12px;
    }

    .mvo_hero {
        padding-bottom: 220px;
        background-size: auto 220px;
    }

    .produto_card,
    .processo {
        border-radius: 20px;
    }

    .dc_image {
        min-height: 330px;
    }

    .dc_overlay h2 {
        font-size: 26px;
    }

    .cert_grid {
        flex-direction: column;
    }

    .footer-logo {
        font-size: 42px;
    }
}


.chat_card {
    width: 70%;
    background: #fff;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 30px 80px rgba(15,23,42,.14);
    position: relative;
    z-index: 2;
}

.chat_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    color: #071827;
    font-weight: 700;
}

.chat_top div {
    display: flex;
    gap: 10px;
}

.chat_top i {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #dce5ef;
    display: grid;
    place-items: center;
    color: #00588f;
}

.chat_msg {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 18px;
}

.chat_msg p {
    margin: 0;
    padding: 16px 18px;
    border-radius: 18px;
    font-size: 15px;
    line-height: 1.5;
}

.chat_msg.cliente p {
    background: #f1f5f9;
    color: #071827;
}

.chat_msg.mvo {
    justify-content: flex-end;
}

.chat_msg.mvo p {
    background: #0276ac;
    color: #fff;
}

.avatar,
.avatar_mvo {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-weight: 600;
}

.avatar {
    background: #e2e8f0;
    color: #071827;
}

.avatar_mvo {
    background: #d9ecfb;
    color: #00588f;
    font-size: 12px;
    font-family: 'MVO';
    font-weight: 100;
}

.chat_input {
    margin-top: 40px;
    background: #f8fbff;
    border: 1px solid #dce5ef;
    height: 60px;
    border-radius: 999px;
    padding: 0 10px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #94a3b8;
}

.chat_input button {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #0276ac;
    color: #fff;
    cursor: pointer;
}



.mvo_depoimentos {
    padding: 100px 7%;
    background: #f8fbff;
}

.depoimentos_grid {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.depoimento_card {
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 28px;
    padding: 36px;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    transition: .25s ease;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .04);
}

.depoimento_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, .08);
}

.depoimento_card.destaque {
    background: linear-gradient(135deg, #00588f, #0284c7);
    color: #fff;
    border: none;
}

.depoimento_stars {
    color: #0276ac;
    font-size: 20px;
    letter-spacing: 3px;
    margin-bottom: 28px;
}

.depoimento_card.destaque .depoimento_stars {
    color: #fff;
}

.depoimento_card p {
    color: #475569;
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 35px;
}

.depoimento_card.destaque p {
    color: #eaf6ff;
}

.depoimento_cliente {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 14px;
}

.avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #d9ecfb;
    color: #00588f;
    display: grid;
    place-items: center;
    font-weight: 600;
    font-size: 20px;
}

.depoimento_card.destaque .avatar {
    background: rgba(255,255,255,.18);
    color: #fff;
}

.depoimento_cliente strong {
    display: block;
    color: #071827;
    font-size: 17px;
}

.depoimento_card.destaque .depoimento_cliente strong {
    color: #fff;
}

.depoimento_cliente span {
    display: block;
    color: #64748b;
    font-size: 14px;
    margin-top: 4px;
}

.depoimento_card.destaque .depoimento_cliente span {
    color: #dbeafe;
}

@media (max-width: 1000px) {
    .depoimentos_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .mvo_depoimentos {
        padding: 70px 22px;
    }

    .depoimento_card {
        padding: 28px;
        min-height: auto;
    }
}

body.mvo-invoice-page {
    --kang-Base-On: #0276ac;
    --kang-bg-1: #f4f4f2;
    --kang-bg-form: #ffffff;
    --kang-bg-form-select: #f4f4f2;
    --kang-sidebar-bg: #ffffff;
    --kang-gray: #9f9f9f;
    --kang-support-orange: #ffc076;
    --kang-color-dark: #042c41;
    --kang-color-dark-blue: #042c41;
    --kang-color-white: #ffffff;
    --kang-color-orange-dark: #0276ac;
    --kang-color-orange-label: #ffda95;
    --kang-font-color-form: #042c41;
    --kang-border-radius-4: 4px;
    --kang-border-radius-8: 8px;
    --kang-font-size-14: 14px;
    --kang-font-size-16: 16px;
    --kang-font-size-24: 24px;
    --kang-font-weight-600: 600;
    --kang-gap-8: 8px;
    --kang-gap-16: 16px;
    --kang-gap-24: 24px;
    --kang-gap-80: 80px;
    background: var(--kang-bg-1);
    color: var(--kang-color-dark);
    font-family: Arial, Helvetica, sans-serif;
}

body.mvo-invoice-page.dark-mode {
    --kang-Base-On: #ff8025;
    --kang-bg-1: #2f2f2f;
    --kang-bg-form: #1f1f1f;
    --kang-bg-form-select: #2f2f2f;
    --kang-sidebar-bg: #1f1f1f;
    --kang-gray: #bbbbbb;
    --kang-support-orange: #b15204;
    --kang-color-dark: #e0e0e0;
    --kang-color-dark-blue: #e0e0e0;
    --kang-color-white: #ffffff;
    --kang-color-orange-dark: #ffda95;
    --kang-color-orange-label: #4a3b2a;
    --kang-font-color-form: #d3dbdf;
    background: var(--kang-bg-1);
    color: var(--kang-color-dark);
}

body.mvo-invoice-page *,
body.mvo-invoice-page *::before,
body.mvo-invoice-page *::after {
    box-sizing: border-box;
}

body.mvo-invoice-page .kang-container {
    display: flex;
    min-height: 100vh;
}

body.mvo-invoice-page .kang-sidebar {
    width: 60px;
    background: var(--kang-sidebar-bg);
    transition: width .3s ease;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

body.mvo-invoice-page .kang-sidebar.kang-expanded {
    width: 400px;
}

body.mvo-invoice-page .kang-sidebar a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--kang-color-dark);
    text-decoration: none;
    border-radius: 5px;
    font-size: var(--kang-font-size-14);
    position: relative;
}

body.mvo-invoice-page .kang-sidebar a:hover,
body.mvo-invoice-page .kang-sidebar a:hover svg {
    color: #f4a261;
}

body.mvo-invoice-page .kang-sidebar a:hover svg path,
body.mvo-invoice-page .kang-sidebar a:hover svg circle {
    stroke: #f4a261 !important;
}

body.mvo-invoice-page .kang-sidebar a span {
    margin-left: 0;
    transition: opacity .3s ease;
    opacity: 0;
    width: 0;
    overflow: hidden;
}

body.mvo-invoice-page .kang-sidebar.kang-expanded a span {
    opacity: 1;
    width: auto;
    font-size: 55px;
}

body.mvo-invoice-page .kang-header {
    flex-grow: 1;
    padding: 0;
}

body.mvo-invoice-page .kang-main-content {
    padding: 5px 20px;
    transition: margin-left .3s ease;
}

body.mvo-invoice-page .kang-div-registration {
    width: 100%;
}

body.mvo-invoice-page .kang-container-geral {
    padding-left: 4rem;
    transition: padding-left .3s ease;
}

body.mvo-invoice-page .kang-sidebar.kang-expanded ~ .kang-container-geral {
    padding-left: 16rem;
}

body.mvo-invoice-page .kang-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    position: relative;
    z-index: 10;
}

body.mvo-invoice-page .kang-top-bar-registro {
    padding: 24px 0;
}

body.mvo-invoice-page .kang-titulo-pagina {
    display: flex;
    align-items: center;
    gap: var(--kang-gap-16);
    color: var(--kang-gray);
    font-size: var(--kang-font-size-24);
    font-weight: 600;
}

body.mvo-invoice-page .kang-logo-pequena {
    display: flex;
    justify-content: center;
    padding: 20px;
}

body.mvo-invoice-page .mvo-invoice-brandmark {
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;
    text-decoration: none !important;
}

body.mvo-invoice-page .mvo-invoice-brandmark .logo {
    font-size: 46px;
    line-height: .9;
}

body.mvo-invoice-page .mvo-invoice-brandmark-copy {
    color: #071827;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.2;
    transform: translateY(-4px);
}

body.mvo-invoice-page .mvo-invoice-brandmark-mobile {
    align-items: center;
}

body.mvo-invoice-page .mvo-invoice-brandmark-mobile .logo {
    font-size: 38px;
}

body.mvo-invoice-page .mvo-invoice-brandmark-mobile .mvo-invoice-brandmark-copy {
    font-size: 15px;
    transform: translateY(0);
}

body.mvo-invoice-page .mvo-invoice-brandmark:hover .logo,
body.mvo-invoice-page .mvo-invoice-brandmark:hover .mvo-invoice-brandmark-copy {
    color: inherit;
}

body.mvo-invoice-page .kang-logo-expandida {
    display: none;
    width: auto;
    max-width: 165px;
    height: auto;
}

body.mvo-invoice-page .kang-mobile-logo {
    max-width: 180px;
    height: auto;
}

body.mvo-invoice-page .kang-logo-text {
    color: var(--kang-color-dark);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

body.mvo-invoice-page .kang-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

body.mvo-invoice-page .kang-gy-1 {
    row-gap: var(--kang-gap-16);
}

body.mvo-invoice-page .kang-col-12,
body.mvo-invoice-page .kang-col-6,
body.mvo-invoice-page .kang-col-md-4,
body.mvo-invoice-page .kang-col-md-8 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

body.mvo-invoice-page .kang-col-12 {
    flex: 0 0 auto;
    width: 100%;
}

body.mvo-invoice-page .kang-col-6 {
    flex: 0 0 auto;
    width: 50%;
}

@media (min-width: 768px) {
    body.mvo-invoice-page .kang-col-md-4 {
        flex: 0 0 auto;
        width: 33.333333%;
    }

    body.mvo-invoice-page .kang-col-md-8 {
        flex: 0 0 auto;
        width: 66.666667%;
    }

    body.mvo-invoice-page .kang-d-md-none {
        display: none !important;
    }

    body.mvo-invoice-page .kang-d-md-block {
        display: block !important;
    }

    body.mvo-invoice-page .kang-d-md-flex {
        display: flex !important;
    }
}

body.mvo-invoice-page .kang-card {
    margin-bottom: 1rem;
    border-radius: var(--kang-border-radius-4);
    background: var(--kang-sidebar-bg);
    border: 0;
    box-shadow: none;
}

body.mvo-invoice-page .kang-card-body {
    padding: 24px;
}

body.mvo-invoice-page .kang-card-aviso-fatura {
    display: flex;
    justify-content: space-between;
    padding: 18px 24px;
    background: var(--kang-color-orange-label);
}

body.mvo-invoice-page .kang-badge-orange2-label {
    width: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    border-radius: var(--kang-border-radius-8);
    background: var(--kang-support-orange);
    color: var(--kang-color-dark);
    font-size: var(--kang-font-size-14);
}

body.mvo-invoice-page .kang-form-control-1 {
    width: 100%;
    border: 1px solid #dfdfde;
    border-radius: var(--kang-border-radius-8);
    background: var(--kang-bg-form);
    color: var(--kang-font-color-form);
    padding: 8px 16px;
    font-size: var(--kang-font-size-16);
    outline: none;
    min-height: 42px;
}

body.mvo-invoice-page .kang-form-control-1:disabled,
body.mvo-invoice-page select.kang-form-control-1:disabled {
    background: var(--kang-bg-form-select);
    cursor: not-allowed;
}

body.mvo-invoice-page .kang-form-control-1.is-loading {
    opacity: .75;
    pointer-events: none;
}

body.mvo-invoice-page .kang-collapse {
    display: none;
    width: 100%;
    padding-top: 16px;
}

body.mvo-invoice-page .kang-collapse-header {
    display: flex;
    align-items: center;
    gap: var(--kang-gap-8);
    cursor: pointer;
}

body.mvo-invoice-page .kang-collapse-arrow {
    transition: transform .3s ease;
}

body.mvo-invoice-page .kang-collapse-header.active .kang-collapse-arrow {
    transform: rotate(180deg);
}

body.mvo-invoice-page .kang-collapse-header.active + .kang-collapse {
    display: block;
}

body.mvo-invoice-page .kang-div-registration .kang-card-body .kang-collapse-header,
body.mvo-invoice-page .kang-font-16 {
    font-size: var(--kang-font-size-16);
}

body.mvo-invoice-page .kang-font-14,
body.mvo-invoice-page .kang-14-gray {
    font-size: var(--kang-font-size-14);
}

body.mvo-invoice-page .kang-14-gray,
body.mvo-invoice-page .kang-text-gray,
body.mvo-invoice-page .kang-text-gray-16 {
    color: var(--kang-gray) !important;
}

body.mvo-invoice-page .kang-text-gray-16 {
    font-size: var(--kang-font-size-16) !important;
}

body.mvo-invoice-page .kang-text-orange-dark {
    color: var(--kang-color-orange-dark) !important;
}

body.mvo-invoice-page .mvo-invoice-transactions-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.mvo-invoice-page .mvo-invoice-transaction-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid #ece7e2;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.7);
}

body.mvo-invoice-page.dark-mode .mvo-invoice-transaction-row {
    border-color: #3f3f3f;
    background: rgba(255, 255, 255, 0.03);
}

body.mvo-invoice-page .mvo-invoice-transaction-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.mvo-invoice-page .mvo-invoice-transaction-date {
    color: var(--kang-color-dark);
    font-size: var(--kang-font-size-16);
    font-weight: 600;
    line-height: 1.4;
}

body.mvo-invoice-page .mvo-invoice-transaction-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.mvo-invoice-page .mvo-invoice-transaction-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f7f1eb;
    color: var(--kang-gray);
    font-size: 13px;
    line-height: 1.2;
}

body.mvo-invoice-page.dark-mode .mvo-invoice-transaction-meta span {
    background: #383838;
}

body.mvo-invoice-page .mvo-invoice-transaction-amount {
    flex: 0 0 auto;
    color: var(--kang-color-dark);
    font-size: var(--kang-font-size-16);
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

body.mvo-invoice-page .mvo-invoice-transactions-empty {
    padding: 8px 0;
    color: var(--kang-gray);
    font-size: var(--kang-font-size-16);
}

body.mvo-invoice-page .mvo-invoice-transactions-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e8dfd7;
}

body.mvo-invoice-page.dark-mode .mvo-invoice-transactions-balance {
    border-top-color: #3f3f3f;
}

body.mvo-invoice-page .mvo-invoice-transactions-balance-label {
    color: var(--kang-gray);
    font-size: 15px;
    font-weight: 600;
}

body.mvo-invoice-page .mvo-invoice-transactions-balance-value {
    color: var(--kang-color-orange-dark);
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

body.mvo-invoice-page .kang-text-decoration-none {
    text-decoration: none !important;
    color: var(--kang-color-dark);
}

body.mvo-invoice-page .kang-semibold {
    font-weight: var(--kang-font-weight-600);
}

body.mvo-invoice-page .kang-nowrap {
    white-space: nowrap;
}

body.mvo-invoice-page .kang-d-none {
    display: none !important;
}

body.mvo-invoice-page .kang-d-block {
    display: block !important;
}

body.mvo-invoice-page .kang-d-flex {
    display: flex !important;
}

@media (min-width: 768px) {
    body.mvo-invoice-page .kang-d-none.kang-d-md-block {
        display: block !important;
    }

    body.mvo-invoice-page .kang-d-none.kang-d-md-flex {
        display: flex !important;
    }
}

body.mvo-invoice-page .kang-flex-column {
    display: flex;
    flex-direction: column;
}

body.mvo-invoice-page .kang-justify-content-start {
    justify-content: flex-start !important;
}

body.mvo-invoice-page .kang-justify-space-between {
    justify-content: space-between !important;
}

body.mvo-invoice-page .kang-align-items-center {
    align-items: center !important;
}

body.mvo-invoice-page .kang-flex-center {
    display: flex;
    align-items: center;
}

body.mvo-invoice-page .kang-gap-80 {
    gap: var(--kang-gap-80);
}

body.mvo-invoice-page .kang-gap-24 {
    gap: var(--kang-gap-24);
}

body.mvo-invoice-page .kang-gap-16 {
    gap: var(--kang-gap-16);
}

body.mvo-invoice-page .kang-gap-8 {
    gap: var(--kang-gap-8);
}

body.mvo-invoice-page .kang-padding-0 {
    padding: 0 !important;
}

body.mvo-invoice-page .kang-padding-24 {
    padding: 24px !important;
}

body.mvo-invoice-page .kang-border-radius-4 {
    border-radius: var(--kang-border-radius-4) !important;
}

body.mvo-invoice-page .kang-w-100 {
    width: 100% !important;
}

body.mvo-invoice-page .kang-mb-4 {
    margin-bottom: 1rem;
}

body.mvo-invoice-page .kang-mt-05rem {
    margin-top: .5rem !important;
}

body.mvo-invoice-page .kang-botao-modo-noturno {
    position: absolute !important;
    bottom: 20px;
    right: 20px;
    left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: var(--kang-border-radius-8);
    background: transparent;
    padding: 3px 8px;
}

body.mvo-invoice-page .kang-filter-white-black {
    filter: none !important;
}

body.mvo-invoice-page.dark-mode .kang-filter-white-black {
    filter: grayscale(100%) brightness(1000%) !important;
}

body.mvo-invoice-page .payment-btn-container .btn,
body.mvo-invoice-page .payment-btn-container input[type="submit"],
body.mvo-invoice-page .payment-btn-container button {
    width: 100%;
    padding: 20px !important;
    border: 0 !important;
    border-radius: var(--kang-border-radius-8) !important;
    background: var(--kang-Base-On) !important;
    color: #ffffff !important;
    font-size: var(--kang-font-size-16) !important;
    font-weight: 500 !important;
    cursor: pointer;
    box-shadow: none !important;
}

body.mvo-invoice-page .payment-btn-container .btn:hover,
body.mvo-invoice-page .payment-btn-container input[type="submit"]:hover,
body.mvo-invoice-page .payment-btn-container button:hover {
    filter: opacity(.8);
}

body.mvo-invoice-page .mvo-invoice-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(244, 244, 242, 0.82);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}

body.mvo-invoice-page.dark-mode .mvo-invoice-loading-overlay {
    background: rgba(31, 31, 31, 0.82);
}

body.mvo-invoice-page .mvo-invoice-loading-overlay.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.mvo-invoice-page .mvo-invoice-loading-overlay .outer-wrapper {
    width: min(100%, 360px);
}

body.mvo-invoice-page .mvo-invoice-loading-overlay .inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 170px;
    padding: 28px 24px;
    border: 1px solid #e6ddd4;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 22px 60px rgba(4, 44, 65, 0.12);
    text-align: center;
}

body.mvo-invoice-page.dark-mode .mvo-invoice-loading-overlay .inner-wrapper {
    border-color: #3f3f3f;
    background: rgba(31, 31, 31, 0.94);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
}

body.mvo-invoice-page .mvo-invoice-loading-overlay img {
    width: 44px;
    height: 44px;
}

body.mvo-invoice-page .mvo-invoice-loading-overlay .msg {
    color: var(--kang-color-dark);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

body.mvo-invoice-page.mvo-invoice-embedded {
    background: #f4f4f2;
}

body.mvo-invoice-page.mvo-invoice-embedded .kang-container-geral {
    padding-left: 0 !important;
}

body.mvo-invoice-page.mvo-invoice-embedded .kang-main-content,
body.mvo-invoice-page.mvo-invoice-embedded .kang-div-registration {
    width: 100%;
    max-width: none;
}

body.mvo-invoice-page.mvo-invoice-embedded .kang-top-bar-registro {
    padding: 0 0 20px;
}

body.mvo-invoice-page.mvo-invoice-embedded .kang-card {
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    body.mvo-invoice-page .kang-container-geral {
        padding-left: 0 !important;
    }

    body.mvo-invoice-page .kang-flex-colum-mobile {
        flex-direction: column !important;
    }

    body.mvo-invoice-page .kang-gap-0-mobile {
        gap: 0 !important;
    }

    body.mvo-invoice-page .kang-mb-1rem-mobile {
        margin-bottom: 1rem;
    }

    body.mvo-invoice-page .kang-top-bar {
        padding: 25px 24px 10px 24px !important;
        align-items: flex-start;
    }

    body.mvo-invoice-page .mvo-invoice-transaction-row,
    body.mvo-invoice-page .mvo-invoice-transactions-balance {
        flex-direction: column;
        align-items: stretch;
    }

    body.mvo-invoice-page .mvo-invoice-transaction-amount,
    body.mvo-invoice-page .mvo-invoice-transactions-balance-value {
        text-align: left;
    }

    body.mvo-invoice-page .kang-col-6,
    body.mvo-invoice-page .kang-col-md-4,
    body.mvo-invoice-page .kang-col-md-8 {
        width: 100%;
    }
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active,
.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background: transparent;
    border-left: 4px solid #0276ac !important;
}

/* Global Button System */
:root {
    --mvo-btn-height: 44px;
    --mvo-btn-height-sm: 36px;
    --mvo-btn-height-lg: 48px;
    --mvo-btn-radius: 14px;
    --mvo-btn-padding: 0 18px;
    --mvo-btn-padding-sm: 0 14px;
    --mvo-btn-font-size: 13px;
    --mvo-btn-font-size-sm: 12px;
    --mvo-btn-font-size-lg: 14px;
    --mvo-btn-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    --mvo-btn-shadow-hover: 0 14px 28px rgba(15, 23, 42, 0.08);
    --mvo-btn-ring: 0 0 0 4px rgba(2, 118, 172, 0.10);
}

body .btn,
body .btn_azul,
body .btn_branco,
body a.btn,
body button.btn,
body input.btn,
body input[type="submit"].btn,
body input[type="button"].btn,
body input[type="reset"].btn {
    appearance: none !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: 100% !important;
    height: var(--mvo-btn-height) !important;
    min-height: var(--mvo-btn-height) !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    border-radius: var(--mvo-btn-radius) !important;
    border: 1px solid transparent !important;
    box-shadow: var(--mvo-btn-shadow) !important;
    font-size: var(--mvo-btn-font-size) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease !important;
}

body .btn:hover,
body .btn_azul:hover,
body .btn_branco:hover,
body a.btn:hover,
body button.btn:hover,
body input.btn:hover,
body input[type="submit"].btn:hover,
body input[type="button"].btn:hover,
body input[type="reset"].btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: var(--mvo-btn-shadow-hover) !important;
}

body .btn:focus,
body .btn_azul:focus,
body .btn_branco:focus,
body a.btn:focus,
body button.btn:focus,
body input.btn:focus,
body input[type="submit"].btn:focus,
body input[type="button"].btn:focus,
body input[type="reset"].btn:focus {
    outline: none !important;
    box-shadow: var(--mvo-btn-shadow-hover), var(--mvo-btn-ring) !important;
}

body .btn i,
body .btn_azul i,
body .btn_branco i,
body .btn .fas,
body .btn .far,
body .btn .fal,
body .btn .fa-light,
body .btn .fa-regular,
body .btn .fa-solid {
    font-size: 12px !important;
    line-height: 1 !important;
}

body .btn.btn-sm,
body a.btn.btn-sm,
body button.btn.btn-sm,
body input.btn.btn-sm {
    width: auto !important;
    min-width: max-content !important;
    height: var(--mvo-btn-height-sm) !important;
    min-height: var(--mvo-btn-height-sm) !important;
    padding: 0 14px !important;
    font-size: var(--mvo-btn-font-size-sm) !important;
    border-radius: 12px !important;
}

body .btn.btn-lg,
body a.btn.btn-lg,
body button.btn.btn-lg,
body input.btn.btn-lg {
    width: auto !important;
    min-width: max-content !important;
    height: var(--mvo-btn-height-lg) !important;
    min-height: var(--mvo-btn-height-lg) !important;
    padding: 0 22px !important;
    font-size: var(--mvo-btn-font-size-lg) !important;
    border-radius: 15px !important;
}

body .btn.btn-xs,
body a.btn.btn-xs,
body button.btn.btn-xs,
body input.btn.btn-xs {
    width: auto !important;
    min-width: max-content !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
    border-radius: 10px !important;
}

body .btn-block,
body a.btn-block,
body button.btn-block,
body input.btn-block {
    width: 100% !important;
    min-width: 0 !important;
}

body .btn-primary,
body .btn_azul,
body a.btn-primary,
body button.btn-primary,
body input.btn-primary,
body input[type="submit"].btn-primary,
body input[type="button"].btn-primary {
    background: linear-gradient(180deg, #0c87c1, #0276ac) !important;
    border-color: #0276ac !important;
    color: #ffffff !important;
}

body .btn-primary:hover,
body .btn_azul:hover,
body .btn-primary:focus,
body .btn_azul:focus,
body a.btn-primary:hover,
body a.btn-primary:focus,
body button.btn-primary:hover,
body button.btn-primary:focus,
body input.btn-primary:hover,
body input.btn-primary:focus {
    background: linear-gradient(180deg, #1594d0, #0a82ba) !important;
    border-color: #0a82ba !important;
    color: #ffffff !important;
}

body .btn-default,
body .btn_branco,
body a.btn-default,
body button.btn-default,
body input.btn-default,
body .btn-secondary,
body a.btn-secondary,
body button.btn-secondary,
body input.btn-secondary {
    background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
    border-color: #d5e3ef !important;
    color: #071827 !important;
}

body .btn-default:hover,
body .btn_branco:hover,
body .btn-default:focus,
body .btn_branco:focus,
body a.btn-default:hover,
body a.btn-default:focus,
body button.btn-default:hover,
body button.btn-default:focus,
body input.btn-default:hover,
body input.btn-default:focus,
body .btn-secondary:hover,
body .btn-secondary:focus {
    background: linear-gradient(180deg, #ffffff, #f1f7fc) !important;
    border-color: #c3d7e8 !important;
    color: #0276ac !important;
}

body .btn-success,
body a.btn-success,
body button.btn-success,
body input.btn-success {
    background: linear-gradient(180deg, #31b85f, #22a24e) !important;
    border-color: #22a24e !important;
    color: #ffffff !important;
}

body .btn-success:hover,
body .btn-success:focus,
body a.btn-success:hover,
body a.btn-success:focus,
body button.btn-success:hover,
body button.btn-success:focus,
body input.btn-success:hover,
body input.btn-success:focus {
    background: linear-gradient(180deg, #3cc96b, #29b158) !important;
    border-color: #29b158 !important;
    color: #ffffff !important;
}

body .btn-danger,
body a.btn-danger,
body button.btn-danger,
body input.btn-danger {
    background: linear-gradient(180deg, #f06e7b, #e45867) !important;
    border-color: #e45867 !important;
    color: #ffffff !important;
}

body .btn-danger:hover,
body .btn-danger:focus,
body a.btn-danger:hover,
body a.btn-danger:focus,
body button.btn-danger:hover,
body button.btn-danger:focus,
body input.btn-danger:hover,
body input.btn-danger:focus {
    background: linear-gradient(180deg, #f47f8b, #ea6876) !important;
    border-color: #ea6876 !important;
    color: #ffffff !important;
}

body .btn-warning,
body a.btn-warning,
body button.btn-warning,
body input.btn-warning {
    background: linear-gradient(180deg, #fff7e6, #ffefcb) !important;
    border-color: #f6d894 !important;
    color: #b76a00 !important;
}

body .btn-warning:hover,
body .btn-warning:focus,
body a.btn-warning:hover,
body a.btn-warning:focus,
body button.btn-warning:hover,
body button.btn-warning:focus,
body input.btn-warning:hover,
body input.btn-warning:focus {
    background: linear-gradient(180deg, #fff9eb, #ffe7ba) !important;
    border-color: #efc86d !important;
    color: #9f5d00 !important;
}

body .btn-info,
body a.btn-info,
body button.btn-info,
body input.btn-info {
    background: linear-gradient(180deg, #eef8ff, #dff1ff) !important;
    border-color: #b8dbf4 !important;
    color: #0276ac !important;
}

body .btn-info:hover,
body .btn-info:focus,
body a.btn-info:hover,
body a.btn-info:focus,
body button.btn-info:hover,
body button.btn-info:focus,
body input.btn-info:hover,
body input.btn-info:focus {
    background: linear-gradient(180deg, #f4fbff, #d5ecfb) !important;
    border-color: #9fd0ec !important;
    color: #00588f !important;
}

body .btn.disabled,
body .btn:disabled,
body a.btn.disabled,
body button.btn.disabled,
body button.btn:disabled,
body input.btn:disabled {
    opacity: .58 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

body .btn-link,
body a.btn-link,
body button.btn-link {
    min-width: 0 !important;
    height: auto !important;
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0276ac !important;
}

body .btn-link:hover,
body .btn-link:focus,
body a.btn-link:hover,
body a.btn-link:focus,
body button.btn-link:hover,
body button.btn-link:focus {
    transform: none !important;
    box-shadow: none !important;
    color: #00588f !important;
}

body .md-editor .btn,
body .md-editor .btn:hover,
body .md-editor .btn:focus {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: auto !important;
    padding: 5px 10px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
}

.view-announcement-20i, .server-status-20i .card, .knowledgebase-20i .card, .view-ticket .card-body.p-3, .card.view-ticket, div#ticketReplyContainer, .knowledgebase-article-20i .card, .knowledgebase-base-cat-20i .card, .download-20i .card, .download-cat-20i .card, .payment-methods-20i .card, .submit-ticket-two-20i .card, .payment-method-add-card .card, #frmCheckout div#totalDueToday, #frmCheckout div#paymentGatewaysContainer, #order-standard_cart #frmCheckout .cc-input-container, div#DomainSearchResults div#searchDomainInfo, div#DomainSearchResults .spotlight-tld, #order-standard_cart #frmConfigureProduct .product-info, #order-standard_cart #frmConfigureProduct .field-container, #order-standard_cart #frmConfigureProduct .addon-products .card, form#frmConfigureProduct div#orderSummary, .home-page-slider-panel, #order-standard_cart .mc-promos.viewcart .mc-promo, #order-standard_cart .mc-promos.checkout .mc-promo, form#frmAddToCart, .card-body.store-promoted-product, form#frmCheckout .marketing-email-optin, .user-management-20i .card, form#frmConfigureProduct div#productConfigurableOptions, .contact-page-20i {
    box-shadow: none;
}

/* DataTables global */
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper {
    color: #475569 !important;
    font-size: 13px !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
}

#main-body.mvo-client-shell-page .primary-content .listtable,
#main-body.mvo-client-shell-page .primary-content .table-container,
#main-body.mvo-client-shell-page .primary-content .table-responsive,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .table-list {
    max-width: 100% !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper table,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .table-list table {
    width: 100% !important;
    max-width: 100% !important;
}

@media (min-width: 768px) {
    #main-body.mvo-client-shell-page .primary-content .mvo-invoices-list-card,
    #main-body.mvo-client-shell-page .primary-content .mvo-domains-list-card,
    #main-body.mvo-client-shell-page .primary-content .mvo-services-list-card,
    #main-body.mvo-client-shell-page .primary-content .mvo-support-list-card,
    #main-body.mvo-client-shell-page .primary-content .mvo-quotes-list-card {
        overflow-x: clip !important;
        overflow-y: visible !important;
    }
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:first-child,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:first-child {
    margin: 0 0 18px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid #eef3f8 !important;
    background: transparent !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:last-child {
    margin: 18px 0 0 !important;
    padding-top: 6px !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:first-child > div,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:last-child > div {
    float: none !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:first-child .col-sm-6:first-child {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:first-child .col-sm-6:last-child {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    padding: 0 !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:last-child .col-sm-5,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:last-child .col-sm-7 {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_length,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_filter {
    margin: 0 !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_filter {
    display: flex !important;
    justify-content: flex-end !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_filter label {
    display: block !important;
    margin: 0 !important;
    font-size: 0 !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_filter input,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_length select {
    min-width: 84px !important;
    min-height: 40px !important;
    height: 40px !important;
    border: 1px solid #d9e6f1 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #475569 !important;
    font-size: 13px !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_filter input {
    width: min(280px, 100%) !important;
    padding: 0 16px !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_length select {
    padding: 0 38px 0 14px !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_info {
    padding-top: 8px !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_paginate {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-top: 8px !important;
    max-width: 100% !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    max-width: 100% !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > li {
    display: inline-flex !important;
    margin: 0 !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > li > a,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > li > span {
    min-width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid #d9e6f1 !important;
    background: #ffffff !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > li > a:hover,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > li > span:hover {
    border-color: #bdd5e7 !important;
    background: #f8fbfd !important;
    color: #00588f !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > .active > a,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > .active > span,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > .active > a:hover,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > .active > span:hover {
    background: #0276ac !important;
    border-color: #0276ac !important;
    color: #ffffff !important;
}

#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > .disabled > a,
#main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .pagination > .disabled > span {
    background: #f8fbfd !important;
    border-color: #e5edf4 !important;
    color: #a0aec0 !important;
    opacity: 1 !important;
}

@media (max-width: 991px) {
    #main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:first-child,
    #main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:last-child {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:first-child .col-sm-6:last-child,
    #main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:last-child .col-sm-5,
    #main-body.mvo-client-shell-page .primary-content .dataTables_wrapper > .row:last-child .col-sm-7 {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    #main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_filter,
    #main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_paginate {
        justify-content: flex-start !important;
    }

    #main-body.mvo-client-shell-page .primary-content .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
    }
}
#registration .field, #registration .form-control, #order-standard_cart #frmCheckout .form-group .form-control, .landing-page select.form-control.currency-selector, form.using-password-strength .form-control {
    font-size: 14px;
    color: #2e3442;
    font-weight: 100;
}
#main-body.body-background-20i, body .master-breadcrumb, .master-breadcrumb .breadcrumb {
    background-color: transparent;
}
#frmCheckout div#containerNewUserSecurity div#containerPassword {
    padding: 0;
}

/* SSL landing */
.mvo-ssl-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mvo-ssl-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 28px 0 18px;
}

.mvo-ssl-hero-actions .btn {
    min-width: 210px;
    border-radius: 14px;
    font-weight: 700;
}

.mvo-ssl-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-top: 18px;
}

.mvo-ssl-hero-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
}

.mvo-ssl-hero-visual {
    position: relative;
    padding: 32px 0;
}

.mvo-ssl-browser-card {
    position: relative;
    z-index: 2;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 30px 70px rgba(2, 18, 58, 0.24);
    overflow: hidden;
}

.mvo-ssl-browser-top {
    display: flex;
    gap: 8px;
    padding: 18px 20px 10px;
    background: #edf4ff;
}

.mvo-ssl-browser-top span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bfd5fb;
}

.mvo-ssl-browser-url {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 20px 0;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f7faff;
    color: #0b2e6f;
}

.mvo-ssl-browser-url i {
    color: #1fa971;
}

.mvo-ssl-browser-body {
    padding: 20px;
}

.mvo-ssl-browser-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
}

.mvo-ssl-browser-status.success {
    background: #e8fbf2;
    color: #167a52;
}

.mvo-ssl-browser-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mvo-ssl-browser-grid div {
    padding: 16px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid #e0ebfb;
}

.mvo-ssl-browser-grid small {
    display: block;
    margin-bottom: 8px;
    color: #6f7f99;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mvo-ssl-browser-grid strong {
    display: block;
    color: #16346c;
    font-size: 15px;
    line-height: 1.5;
}

.mvo-ssl-floating-card {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 220px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 20px 40px rgba(5, 27, 72, 0.18);
    color: #123a7a;
    font-size: 14px;
    font-weight: 700;
}

.mvo-ssl-floating-card.floating-left {
    left: -18px;
    bottom: 34px;
}

.mvo-ssl-floating-card.floating-right {
    right: -18px;
    top: 56px;
}

.mvo-ssl-compare-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.mvo-ssl-compare-card {
    display: grid;
    gap: 10px;
    padding: 22px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
}

.mvo-ssl-compare-card strong {
    color: #fff;
    font-size: 20px;
}

.mvo-ssl-compare-card span {
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.6;
}

.mvo-ssl-compare-card.danger {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.mvo-ssl-compare-card.success {
    border: 1px solid rgba(110, 255, 191, 0.35);
}

.mvo-ssl-trust-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    margin-bottom: 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, #0f72ff, #12b886);
    color: #fff;
    font-size: 34px;
}

.mvo-ssl-final-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.mvo-ssl-final-actions .btn {
    min-width: 220px;
    border-radius: 14px;
}

.primary-content .landing-page.ssl .validation-levels {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
    padding: 28px 24px !important;
    border: 1px solid #dce8f4;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
    text-align: left;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-card.is-featured {
    border-color: #9fc8ff;
    box-shadow: 0 24px 54px rgba(0, 88, 143, 0.16);
    transform: translateY(-6px);
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #edf5ff;
    color: #0d4f92;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-badge.is-featured {
    background: linear-gradient(135deg, #00588f, #0f72ff);
    color: #ffffff;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-card h4 {
    margin-bottom: 10px;
    color: #0f172a;
    font-size: 30px;
    line-height: 1.15;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-card p {
    margin-bottom: 16px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-target {
    margin-bottom: 18px;
    color: #16346c;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-list {
    display: grid;
    gap: 12px;
    padding: 0;
    margin: 0 0 24px;
    list-style: none;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #334155;
    font-size: 14px;
    line-height: 1.6;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-list li i {
    margin-top: 3px;
    color: #12b886;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-card .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    margin-top: auto;
    border-radius: 14px;
    background: #edf5ff;
    color: #00588f;
    font-size: 15px;
    font-weight: 600;
    box-shadow: none;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-card.is-featured .btn {
    background: linear-gradient(135deg, #00588f, #0f72ff);
    color: #ffffff;
}

.primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-card .btn:hover {
    transform: translateY(-1px);
}

.primary-content .landing-page.ssl .content-block.standout.standout-1 {
    background: linear-gradient(135deg, #0f172a 0%, #123b7c 100%) !important;
    margin: 0;
}

.primary-content .landing-page.ssl .content-block.standout.standout-1 h3,
.primary-content .landing-page.ssl .content-block.standout.standout-1 p {
    color: #ffffff;
}

.primary-content .landing-page.ssl .content-block.standout.standout-1 p.text-white-50 {
    color: rgba(255, 255, 255, 0.82) !important;
}

.primary-content .landing-page.ssl .content-block.standout.standout-1 .mvo-ssl-compare-card {
    background: rgba(255, 255, 255, 0.12);
}

.primary-content .landing-page.ssl .content-block.standout.standout-1 .mvo-ssl-compare-card strong {
    color: #ffffff;
}

.primary-content .landing-page.ssl .content-block.standout.standout-1 .mvo-ssl-compare-card span {
    color: rgba(255, 255, 255, 0.88);
}

@media (max-width: 991.98px) {
    .mvo-ssl-hero-visual {
        margin-top: 36px;
    }

    .mvo-ssl-floating-card.floating-left,
    .mvo-ssl-floating-card.floating-right {
        position: static;
        max-width: none;
        margin-top: 14px;
    }
}

@media (max-width: 767.98px) {
    .mvo-ssl-browser-grid,
    .mvo-ssl-compare-grid {
        grid-template-columns: 1fr;
    }

    .primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-card.is-featured {
        transform: none;
    }

    .primary-content .landing-page.ssl .validation-levels .mvo-ssl-plan-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .mvo-ssl-hero-actions .btn,
    .mvo-ssl-final-actions .btn {
        width: 100%;
        min-width: 0;
    }
}

/* AntiSpam landing */
.mvo-antispam-hero {
    background: linear-gradient(135deg, #004fac 0%, #023b80 55%, #0f172a 100%);
}

.mvo-antispam-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mvo-antispam-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 28px 0 18px;
}

.mvo-antispam-actions .btn {
    min-width: 210px;
    border-radius: 14px;
    font-weight: 700;
}

.mvo-antispam-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-top: 18px;
}

.mvo-antispam-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
}

.mvo-antispam-visual {
    position: relative;
    padding: 32px 0;
}

.mvo-antispam-mail-card {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 30px 70px rgba(2, 18, 58, 0.24);
}

.mvo-antispam-mail-top {
    display: flex;
    gap: 8px;
    padding: 18px 20px 10px;
    background: #edf4ff;
}

.mvo-antispam-mail-top span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bfd5fb;
}

.mvo-antispam-mail-list {
    display: grid;
    gap: 14px;
    padding: 22px;
}

.mvo-antispam-mail-item {
    display: grid;
    gap: 6px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #f8fbff;
}

.mvo-antispam-mail-item strong {
    color: #123a7a;
    font-size: 15px;
    line-height: 1.5;
}

.mvo-antispam-mail-item span {
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
}

.mvo-antispam-mail-item.safe {
    border-color: #cdeedd;
    background: #edfdf5;
}

.mvo-antispam-mail-item.blocked {
    border-color: #fde0e0;
    background: #fff5f5;
}

.mvo-antispam-mail-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.mvo-antispam-mail-summary div {
    padding: 16px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid #e0ebfb;
}

.mvo-antispam-mail-summary small {
    display: block;
    margin-bottom: 8px;
    color: #6f7f99;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mvo-antispam-mail-summary strong {
    color: #16346c;
    font-size: 24px;
}

.mvo-antispam-floating {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 230px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 20px 40px rgba(5, 27, 72, 0.18);
    color: #123a7a;
    font-size: 14px;
    font-weight: 700;
}

.mvo-antispam-floating.left {
    left: -18px;
    bottom: 34px;
}

.mvo-antispam-floating.right {
    right: -18px;
    top: 56px;
}

.mvo-antispam-overview,
.mvo-antispam-usecases,
.mvo-antispam-faq {
    padding: 80px 0;
}

.mvo-antispam-overview {
    background: #ffffff;
}

.mvo-antispam-usecases {
    background: #f8fbff;
}

.mvo-antispam-faq {
    background: #ffffff;
}

.mvo-antispam-page .section-title {
    max-width: 860px;
    margin: 0 auto 46px;
}

.mvo-antispam-page .section-title span,
.mvo-antispam-cta span {
    display: inline-block;
    margin-bottom: 12px;
    color: #00588f;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mvo-antispam-page .section-title h3,
.mvo-antispam-block h3,
.mvo-antispam-cta h3 {
    margin-bottom: 18px;
    color: #0f172a;
    font-size: 40px;
    line-height: 1.18;
    font-weight: 600;
}

.mvo-antispam-page .section-title p,
.mvo-antispam-block p,
.mvo-antispam-cta p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.8;
}

.mvo-antispam-feature,
.mvo-antispam-usecase {
    height: 100%;
    padding: 28px 24px;
    border: 1px solid #dce8f4;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.mvo-antispam-feature i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, #edf5ff, #d9ecff);
    color: #00588f;
    font-size: 24px;
}

.mvo-antispam-feature h4,
.mvo-antispam-usecase h4 {
    margin-bottom: 12px;
    color: #0f172a;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
}

.mvo-antispam-feature p,
.mvo-antispam-usecase p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
}

.mvo-antispam-block {
    padding: 80px 0;
    background: linear-gradient(135deg, #0f172a 0%, #123b7c 100%);
}

.mvo-antispam-block h3 {
    color: #ffffff;
}

.mvo-antispam-block p {
    color: rgba(255, 255, 255, 0.82);
}

.mvo-antispam-risk-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mvo-antispam-risk-card {
    display: grid;
    gap: 10px;
    padding: 24px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
}

.mvo-antispam-risk-card strong {
    color: #ffffff;
    font-size: 21px;
}

.mvo-antispam-risk-card span {
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.65;
}

.mvo-antispam-risk-card.danger {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.mvo-antispam-risk-card.success {
    border: 1px solid rgba(110, 255, 191, 0.35);
}

.mvo-antispam-faq .accordion .card {
    margin-bottom: 18px;
    border: 1px solid #dce8f4;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05);
}

.mvo-antispam-faq .accordion .card-header {
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 0;
}

.mvo-antispam-faq .accordion .card-header a {
    display: block;
    padding: 22px 26px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

.mvo-antispam-faq .accordion .card-header .arrow {
    float: right;
}

.mvo-antispam-faq .accordion .card-body {
    padding: 0 26px 24px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
    border: 0;
}

.mvo-antispam-faq .accordion .card-body p:last-child {
    margin-bottom: 0;
}

.mvo-antispam-cta {
    padding: 84px 0;
    background: linear-gradient(180deg, #edf6ff 0%, #ffffff 100%);
}

.mvo-antispam-final-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 28px;
}

.mvo-antispam-final-actions .btn {
    min-width: 220px;
    border-radius: 14px;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .mvo-antispam-visual {
        margin-top: 36px;
    }

    .mvo-antispam-floating.left,
    .mvo-antispam-floating.right {
        position: static;
        max-width: none;
        margin-top: 14px;
    }
}

@media (max-width: 767.98px) {
    .mvo-antispam-actions .btn,
    .mvo-antispam-final-actions .btn {
        width: 100%;
        min-width: 0;
    }

    .mvo-antispam-mail-summary,
    .mvo-antispam-risk-grid {
        grid-template-columns: 1fr;
    }

    .mvo-antispam-page .section-title h3,
    .mvo-antispam-block h3,
    .mvo-antispam-cta h3 {
        font-size: 32px;
    }
}

/* SSL landing v2 */
.mvo-ssl-page-v2 {
    background: #ffffff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-hero {
    position: relative;
    overflow: hidden;
    padding: 92px 0 42px;
    background: linear-gradient(135deg, #05152f 0%, #0d3f84 52%, #0a78bf 100%);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-hero::before {
    content: "";
    position: absolute;
    inset: auto auto -140px -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    filter: blur(8px);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-hero::after {
    content: "";
    position: absolute;
    inset: 60px -120px auto auto;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    filter: blur(10px);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 48px;
    align-items: center;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    margin-bottom: 20px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-copy h1 {
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 56px;
    line-height: 1.05;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-copy p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 18px;
    line-height: 1.8;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 30px 0 20px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-actions .btn {
    min-width: 220px;
    min-height: 54px;
    border-radius: 14px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-checks span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-visual {
    position: relative;
    padding: 18px 0 24px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-panel {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 34px 70px rgba(2, 18, 58, 0.26);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-panel-top {
    display: flex;
    gap: 8px;
    padding: 18px 22px 12px;
    background: #edf4ff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-panel-top span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bfd5fb;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-url {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px 22px 0;
    padding: 15px 18px;
    border-radius: 16px;
    background: #f7fbff;
    color: #0c346d;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-url i {
    color: #16a34a;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-status {
    padding: 22px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #e8fbf2;
    color: #167a52;
    font-size: 14px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-status-grid div {
    padding: 16px;
    border: 1px solid #e0ebfb;
    border-radius: 18px;
    background: #f8fbff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-status-grid small {
    display: block;
    margin-bottom: 8px;
    color: #6f7f99;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-status-grid strong {
    display: block;
    color: #16346c;
    font-size: 15px;
    line-height: 1.55;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-float {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 250px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 42px rgba(5, 27, 72, 0.18);
    color: #123a7a;
    font-size: 14px;
    font-weight: 700;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-float.float-left {
    left: -18px;
    bottom: 24px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-float.float-right {
    right: -20px;
    top: 54px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-trust-row {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-trust-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-trust-card i {
    color: #ffffff;
    font-size: 24px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-trust-card strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-trust-card span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.6;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview,
.mvo-ssl-page-v2 .mvo-ssl-v2-plans,
.mvo-ssl-page-v2 .mvo-ssl-v2-scenarios,
.mvo-ssl-page-v2 .mvo-ssl-v2-process,
.mvo-ssl-page-v2 .mvo-ssl-v2-faq,
.mvo-ssl-page-v2 .mvo-ssl-v2-final {
    padding: 92px 0;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview {
    background: #ffffff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plans {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-scenarios {
    background: #f8fbff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-process {
    background: #ffffff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-faq {
    background: #f8fbff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-final {
    padding-top: 0;
    background: #ffffff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-section-head {
    max-width: 860px;
    margin: 0 auto 46px;
    text-align: center;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-section-head span,
.mvo-ssl-page-v2 .mvo-ssl-v2-process-copy span,
.mvo-ssl-page-v2 .mvo-ssl-v2-final-box > span {
    display: inline-block;
    margin-bottom: 12px;
    color: #00588f;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-section-head h2,
.mvo-ssl-page-v2 .mvo-ssl-v2-process-copy h2,
.mvo-ssl-page-v2 .mvo-ssl-v2-final-box h2 {
    margin-bottom: 18px;
    color: #0f172a;
    font-size: 44px;
    line-height: 1.12;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-section-head p,
.mvo-ssl-page-v2 .mvo-ssl-v2-process-copy p,
.mvo-ssl-page-v2 .mvo-ssl-v2-final-box p {
    margin-bottom: 0;
    color: #64748b;
    font-size: 17px;
    line-height: 1.8;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-card {
    padding: 28px;
    border: 1px solid #ecdede;
    border-radius: 28px;
    background: #fff7f7;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-card.is-positive {
    border-color: #cdeedd;
    background: #edfdf5;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-card h3 {
    margin-bottom: 18px;
    color: #0f172a;
    font-size: 28px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-card ul {
    display: grid;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-card li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #334155;
    font-size: 15px;
    line-height: 1.7;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-card li i {
    margin-top: 4px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-card.is-positive li i {
    color: #16a34a;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-overview-card:not(.is-positive) li i {
    color: #dc2626;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px 24px;
    border: 1px solid #dce8f4;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-card.is-featured {
    border-color: #9fc8ff;
    box-shadow: 0 26px 60px rgba(0, 88, 143, 0.16);
    transform: translateY(-6px);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #edf5ff;
    color: #0d4f92;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-tag.is-featured {
    background: linear-gradient(135deg, #00588f, #0f72ff);
    color: #ffffff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-top i {
    color: #00588f;
    font-size: 32px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-card h3 {
    margin-bottom: 12px;
    color: #0f172a;
    font-size: 31px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-card p {
    margin-bottom: 16px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-label {
    display: block;
    margin-bottom: 10px;
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-highlight {
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    background: #f8fbff;
    color: #16346c;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 700;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-list {
    display: grid;
    gap: 12px;
    padding: 0;
    margin: 0 0 24px;
    list-style: none;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #334155;
    font-size: 14px;
    line-height: 1.65;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-list li i {
    margin-top: 3px;
    color: #12b886;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-meta {
    margin: 0 0 18px;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-card .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    margin-top: auto;
    border-radius: 14px;
    background: #edf5ff;
    color: #00588f;
    font-size: 15px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-plan-card.is-featured .btn {
    background: linear-gradient(135deg, #00588f, #0f72ff);
    color: #ffffff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-help {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 24px;
    margin-top: 28px;
    padding: 20px 24px;
    border: 1px solid #dce8f4;
    border-radius: 22px;
    background: #ffffff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-help strong {
    color: #0f172a;
    font-size: 20px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-help span {
    flex: 1 1 360px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-help a {
    color: #00588f;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-scenario-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-scenario-card {
    height: 100%;
    padding: 28px 24px;
    border: 1px solid #dce8f4;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.05);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-scenario-card i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
    border-radius: 20px;
    background: linear-gradient(135deg, #edf5ff, #d9ecff);
    color: #00588f;
    font-size: 26px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-scenario-card h3 {
    margin-bottom: 12px;
    color: #0f172a;
    font-size: 24px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-scenario-card p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-process-box {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 28px;
    padding: 34px;
    border-radius: 30px;
    background: linear-gradient(135deg, #0f172a 0%, #123b7c 100%);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-process-copy span {
    color: rgba(255, 255, 255, 0.72);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-process-copy h2,
.mvo-ssl-page-v2 .mvo-ssl-v2-process-copy p {
    color: #ffffff;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-process-copy p {
    color: rgba(255, 255, 255, 0.82);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-steps {
    display: grid;
    gap: 18px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.08);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-step b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f72ff, #12b886);
    color: #ffffff;
    font-size: 18px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-step strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-step span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.65;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-faq .accordion .card {
    margin-bottom: 18px;
    border: 1px solid #dce8f4;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05);
}

.mvo-ssl-page-v2 .mvo-ssl-v2-faq .accordion .card-header {
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 0;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-faq .accordion .card-header a {
    display: block;
    padding: 22px 26px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-faq .accordion .card-header .arrow {
    float: right;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-faq .accordion .card-body {
    padding: 0 26px 24px;
    border: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-faq .accordion .card-body p:last-child {
    margin-bottom: 0;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-final-box {
    padding: 40px 34px;
    border: 1px solid #dce8f4;
    border-radius: 30px;
    background: linear-gradient(180deg, #edf6ff 0%, #ffffff 100%);
    text-align: center;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-final-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 28px;
}

.mvo-ssl-page-v2 .mvo-ssl-v2-final-actions .btn {
    min-width: 220px;
    min-height: 54px;
    border-radius: 14px;
    font-weight: 600;
}

.mvo-ssl-v2-offcanvas-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(15, 23, 42, 0.58);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.mvo-ssl-v2-offcanvas-backdrop.is-open {
    opacity: 1;
    visibility: visible;
}

.mvo-ssl-v2-offcanvas {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1210;
    display: flex;
    flex-direction: column;
    width: min(1120px, calc(100vw - 80px));
    height: 100vh;
    background: #ffffff;
    box-shadow: -18px 0 40px rgba(15, 23, 42, 0.18);
    transform: translateX(100%);
    transition: transform 0.28s ease;
}

.mvo-ssl-v2-offcanvas.is-open {
    transform: translateX(0);
}

body.mvo-ssl-offcanvas-open {
    overflow: hidden;
}

.mvo-ssl-v2-offcanvas-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 26px 32px 18px;
    border-bottom: 1px solid #e2e8f0;
}

.mvo-ssl-v2-offcanvas-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: #00588f;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mvo-ssl-v2-offcanvas-header h3 {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 600;
}

.mvo-ssl-v2-offcanvas-header p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.65;
}

.mvo-ssl-v2-offcanvas-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 14px;
    background: #eff6ff;
    color: #00588f;
    font-size: 20px;
    cursor: pointer;
}

.mvo-ssl-v2-offcanvas-body {
    flex: 1 1 auto;
    padding: 22px 32px 32px;
    overflow-y: auto;
}

.mvo-ssl-v2-offcanvas-intro {
    margin-bottom: 16px;
}

.mvo-ssl-v2-offcanvas-intro span {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
}

.mvo-ssl-v2-product-selector {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.mvo-ssl-v2-product-selector[data-single-product="true"] {
    display: none;
}

.mvo-ssl-v2-product-choice {
    display: grid;
    gap: 6px;
    min-width: 180px;
    padding: 14px 16px;
    border: 1px solid #dce8f4;
    border-radius: 18px;
    background: #f8fbff;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.mvo-ssl-v2-product-choice.is-active {
    border-color: #8fc0ff;
    background: linear-gradient(180deg, #edf6ff 0%, #ffffff 100%);
    transform: translateY(-1px);
}

.mvo-ssl-v2-product-choice-name {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}

.mvo-ssl-v2-product-choice-meta {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: #00588f;
}

.mvo-ssl-v2-product-choice-meta strong {
    font-size: 18px;
    font-weight: 600;
}

.mvo-ssl-v2-product-choice-meta small {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mvo-ssl-v2-product-stage {
    display: grid;
}

.mvo-ssl-v2-product-panel {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 20px 18px 18px;
    border: 1px solid #dce8f4;
    border-radius: 5px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.mvo-ssl-v2-product-panel.is-active {
    animation: mvoSslFadeUp 0.2s ease;
}

@keyframes mvoSslFadeUp {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mvo-ssl-v2-product-main {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
}

.mvo-ssl-v2-product-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0f72ff, #12b886);
    color: #ffffff;
    font-size: 24px;
    box-shadow: 0 14px 28px rgba(15, 114, 255, 0.22);
}

.mvo-ssl-v2-product-content {
    min-width: 0;
    width: 100%;
}

.mvo-ssl-v2-product-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.mvo-ssl-v2-product-tag {
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #0d4f92;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mvo-ssl-v2-product-tag.is-muted {
    background: #f1f5f9;
    color: #475569;
}

.mvo-ssl-v2-product-head {
    margin-bottom: 6px;
}

.mvo-ssl-v2-product-head h4 {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 600;
}

.mvo-ssl-v2-product-kicker {
    display: block;
    color: #00588f;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 700;
}

.mvo-ssl-v2-product-card p {
    margin-bottom: 14px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.mvo-ssl-v2-product-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.mvo-ssl-v2-product-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #334155;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 600;
}

.mvo-ssl-v2-product-points i {
    color: #12b886;
}

.mvo-ssl-v2-product-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}

.mvo-ssl-v2-product-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    background: transparent;
    border: 0;
}

.mvo-ssl-v2-product-side-label {
    display: inline-block;
    margin-bottom: 6px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mvo-ssl-v2-product-price-line {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.mvo-ssl-v2-product-side strong {
    display: block;
    margin-bottom: 0;
    color: #00588f;
    font-size: 38px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.03em;
    text-align: left;
}

.mvo-ssl-v2-product-side small {
    display: inline-block;
    margin-bottom: 0;
    color: #64748b;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: left;
}

.mvo-ssl-v2-product-footer .btn {
    min-width: 134px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    font-weight: 600;
}

.mvo-ssl-v2-offcanvas-empty {
    padding: 24px;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    background: #f8fbff;
}

.mvo-ssl-v2-offcanvas-empty strong {
    display: block;
    margin-bottom: 8px;
    color: #0f172a;
    font-size: 19px;
    font-weight: 600;
}

.mvo-ssl-v2-offcanvas-empty p {
    margin-bottom: 16px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

@media (max-width: 1199.98px) {
    .mvo-ssl-page-v2 .mvo-ssl-v2-copy h1 {
        font-size: 48px;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-plan-grid,
    .mvo-ssl-page-v2 .mvo-ssl-v2-scenario-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .mvo-ssl-page-v2 .mvo-ssl-v2-hero-grid,
    .mvo-ssl-page-v2 .mvo-ssl-v2-process-box {
        grid-template-columns: 1fr;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-trust-row,
    .mvo-ssl-page-v2 .mvo-ssl-v2-overview-grid {
        grid-template-columns: 1fr;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-visual {
        margin-top: 24px;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-float.float-left,
    .mvo-ssl-page-v2 .mvo-ssl-v2-float.float-right {
        position: static;
        max-width: none;
        margin-top: 14px;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-plan-card.is-featured {
        transform: none;
    }
}

@media (max-width: 767.98px) {
    .mvo-ssl-page-v2 .mvo-ssl-v2-hero,
    .mvo-ssl-page-v2 .mvo-ssl-v2-overview,
    .mvo-ssl-page-v2 .mvo-ssl-v2-plans,
    .mvo-ssl-page-v2 .mvo-ssl-v2-scenarios,
    .mvo-ssl-page-v2 .mvo-ssl-v2-process,
    .mvo-ssl-page-v2 .mvo-ssl-v2-faq,
    .mvo-ssl-page-v2 .mvo-ssl-v2-final {
        padding: 72px 0;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-copy h1,
    .mvo-ssl-page-v2 .mvo-ssl-v2-section-head h2,
    .mvo-ssl-page-v2 .mvo-ssl-v2-process-copy h2,
    .mvo-ssl-page-v2 .mvo-ssl-v2-final-box h2 {
        font-size: 34px;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-actions .btn,
    .mvo-ssl-page-v2 .mvo-ssl-v2-final-actions .btn {
        width: 100%;
        min-width: 0;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-status-grid,
    .mvo-ssl-page-v2 .mvo-ssl-v2-plan-grid,
    .mvo-ssl-page-v2 .mvo-ssl-v2-scenario-grid {
        grid-template-columns: 1fr;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-help {
        padding: 18px;
    }

    .mvo-ssl-page-v2 .mvo-ssl-v2-process-box,
    .mvo-ssl-page-v2 .mvo-ssl-v2-final-box {
        padding: 28px 22px;
    }

    .mvo-ssl-v2-offcanvas {
        width: 100vw;
    }

    .mvo-ssl-v2-offcanvas-header,
    .mvo-ssl-v2-offcanvas-body {
        padding-left: 18px;
        padding-right: 18px;
    }

    .mvo-ssl-v2-product-head {
        margin-bottom: 10px;
    }

    .mvo-ssl-v2-product-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .mvo-ssl-v2-product-side strong {
        font-size: 32px;
    }

    .mvo-ssl-v2-product-footer .btn {
        min-width: 0;
        width: 100%;
    }
}