/* T6 UI refresh. Load after style.css; theme variables remain the source of color. */
:root {
    --ui-surface: var(--color-id-1);
    --ui-canvas: var(--color-id-9);
    --ui-text: var(--color-id-20);
    --ui-accent: var(--color-id-18);
    --ui-line: var(--color-id-12);
    --ui-muted: var(--color-id-20);
    --ui-radius: 16px;
    --ui-shadow: 0 8px 30px var(--color-id-7);
}
[hidden] { display: none !important; }
html, body, .body, h1, h2, h3, h4, h5, h6, input, button, select, textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
}
body { line-height: 1.65; -webkit-font-smoothing: antialiased; }
.body h1, .body h2, .body h3 { letter-spacing: -.025em; color: var(--ui-text); }
.body h1 { font-size: 28px; line-height: 1.3; }
.body h2 { font-size: 22px; line-height: 1.4; }
.body h3 { font-size: 17px; line-height: 1.5; }
.body button, .body a, .body input, .body select, .body textarea { -webkit-tap-highlight-color: transparent; }
.body :focus-visible { outline: 3px solid var(--ui-accent) !important; outline-offset: 3px; }
.body .card, .body .table-bg, .body .modal-content {
    border: 1px solid var(--ui-line); border-radius: var(--ui-radius); box-shadow: var(--ui-shadow);
    background: var(--ui-surface); color: var(--ui-text);
}
.body .card { padding: 28px; }
.body .form-group { margin-bottom: 22px; }
.body .form-group label { margin-bottom: 8px; font-weight: 600; }
.body .form-control {
    min-height: 46px; border: 1px solid var(--ui-line); border-radius: 9px;
    background: var(--ui-canvas); color: var(--ui-text); font-size: 14px;
}
.body textarea.form-control { min-height: 110px; }
.body select.form-control { height: auto; padding-right: 30px; }
.body .form-control:focus { background: var(--ui-surface) !important; border-color: var(--ui-accent); box-shadow: 0 0 0 3px var(--color-id-7); }
.body .btn { border-radius: 9px; font-weight: 600; text-decoration: none; }
.body .btn-big-primary, .body .btn-big-secondary { min-height: 44px; padding: 10px 18px; }
.body .btn-big-primary { background: var(--ui-accent); border-color: var(--ui-accent); box-shadow: none; }
.body .btn-big-primary:hover { background: var(--color-id-16); border-color: var(--color-id-16); }
.body .btn:disabled { cursor: wait; opacity: .55; }
.body .btn-actions { padding: 8px 12px; min-height: 40px; }
.body .alert { border-radius: 10px; overflow-wrap: anywhere; }
.ui-muted { color: var(--ui-muted); opacity: .76; }
.ui-small { font-size: 12px; line-height: 1.75; }
.ui-eyebrow { margin: 0 0 10px; color: var(--ui-accent); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.ui-card-title { margin: 0 0 8px; font-size: 20px !important; }
.ui-text-button, .ui-copy { color: var(--ui-accent); background: transparent; border: 0; cursor: pointer; padding: 6px 8px; font: inherit; }
.body .wrapper-sidebar-navbar { display: flex; }
.body .wrapper-sidebar-navbar > #block_3 { width: 250px; flex: 0 0 250px; }
.body .wrapper-sidebar-navbar > .wrapper-content { flex: 1; min-width: 0; }
#block_3 .component-navbar__navbar-private { position: fixed; top: 0; right: 0; width: calc(100% - 250px); border-bottom: 1px solid var(--ui-line); background: var(--ui-surface); z-index: 30; }
#block_3 .component-sidebar { background: var(--ui-surface); border-right: 1px solid var(--ui-line); }
#block_3 .component-sidebar__menu-logo { border-bottom: 1px solid var(--ui-line); background: var(--ui-surface); }
#block_3 .component-sidebar__menu-brand a { color: var(--ui-accent); }
#block_3 .sidebar-block__left-menu { padding: 20px 14px 50px !important; }
#block_3 .component-sidebar__menu-item { margin: 4px 0; }
#block_3 .component-sidebar__menu-item-link {
    border: 0; border-radius: 9px; color: var(--ui-text) !important; background: transparent;
    padding: 11px 14px; min-height: 44px; font-size: 14px; line-height: 1.6;
}
#block_3 .component-sidebar__menu-item-link:hover { background: var(--ui-canvas); color: var(--ui-accent) !important; }
#block_3 .component-sidebar__menu-item-active > .component-sidebar__menu-item-link {
    background: var(--ui-canvas); color: var(--ui-accent) !important; font-weight: 700;
    box-shadow: inset 3px 0 0 var(--ui-accent);
}
#block_3 .sidebar-block__left-menu ul { padding-left: 22px; }
.ui-mobile-navigation { display: none; }
.ui-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 28px 32px 20px; }
.ui-page-heading .ui-eyebrow { margin-bottom: 5px; }
.ui-page-heading h1 { margin: 0; }
.ui-heading-link { white-space: nowrap; font-size: 13px; }
.body-internal .wrapper-content__body > div > .container-fluid,
.body-internal .wrapper-content__body > div > .container { padding-left: 32px; padding-right: 32px; max-width: 1600px; }
.body-internal #block_37, .body-internal #block_33, .body-internal #block_31, .body-internal #block_14, .body-internal #block_15 { padding-top: 0; }
.body .navbar-dropdown__name_2 { background: var(--ui-surface); color: var(--ui-text); border-color: var(--ui-line); font-size: 13px; border-radius: 8px; }
.body .navbar-dropdown__container { max-height: 60vh; overflow-y: auto; border: 1px solid var(--ui-line); border-radius: 9px; }
.body .wx-hover-link { color: var(--ui-text); }
.ui-order-aside > .card { margin-bottom: 20px; }
.ui-order-summary dl { margin: 20px 0; }
.ui-order-summary dl > div { display: flex; gap: 20px; justify-content: space-between; margin-bottom: 14px; }
.ui-order-summary dt { flex-shrink: 0; font-size: 13px; font-weight: 400; opacity: .76; }
.ui-order-summary dd { margin: 0; text-align: right; font-size: 13px; overflow-wrap: anywhere; }
.ui-summary-total { padding: 20px 0 12px; border-top: 1px solid var(--ui-line); display: flex; flex-wrap: wrap; align-items: center; gap: 8px; justify-content: space-between; }
.ui-summary-total span { font-size: 13px; }
.ui-summary-total strong { font-size: 26px; line-height: 1.3; color: var(--ui-accent); overflow-wrap: anywhere; }
.body .ui-charge { background: transparent; font-size: 22px; font-weight: 700; color: var(--ui-accent); }
.ui-order-aside .new-order__content-text { font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.ui-order-aside .new-order__content-text img { max-width: 100%; height: auto; }
.ui-announcement-title h4 { font-size: 16px; }
.body #pay_form.ui-payment-checkout, .body .ui-payment-history {
    max-width: 1040px;
    margin-inline: auto;
}
.ui-payment-panel {
    display: grid;
    border: 1px solid var(--ui-line);
    border-radius: 16px;
    background: var(--ui-surface);
    color: var(--ui-text);
    box-shadow: var(--ui-shadow);
    overflow: hidden;
}
.ui-payment-fields, .ui-payment-summary {
    min-width: 0;
    padding: 28px;
}
.ui-payment-fields-heading {
    margin-bottom: 24px;
}
.body .ui-payment-fields-heading h2 {
    margin: 0 0 6px;
    font-size: 22px;
}
.ui-payment-fields-heading p,
#pay_form .ui-payment-fields .form-group:last-child {
    margin-bottom: 0;
}
#pay_form .ui-payment-fields .form-group {
    margin-bottom: 18px;
}
#pay_form .ui-payment-fields .form-control {
    min-height: 48px;
}
.ui-payment-summary {
    background: var(--ui-heading-bg);
    border-top: 1px solid var(--ui-line);
}
.ui-payment-summary-heading {
    display: flex;
    align-items: center;
    gap: 10px;
}
.body .ui-payment-summary-heading h3 {
    margin: 0;
    font-size: 16px;
    color: var(--ui-text);
}
.ui-payment-summary-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 9px;
    background: var(--ui-fee-bg);
    color: var(--ui-accent);
}
.ui-payment-summary-details {
    margin: 14px 0 0;
}
.ui-payment-summary-details dt {
    font-size: 12px;
    font-weight: 500;
    color: var(--ui-muted);
}
.ui-payment-summary-details dd {
    margin: 0;
    overflow-wrap: anywhere;
}
.ui-payment-summary-total {
    padding: 12px 14px;
    border-radius: 10px;
    background: var(--ui-fee-bg);
}
.ui-payment-summary-total dd {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px 8px;
    margin-top: 4px;
    color: var(--ui-accent);
}
#ui-payment-amount {
    min-width: 0;
    font-size: clamp(25px, 3vw, 36px);
    font-weight: 700;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}
.ui-payment-currency {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .045em;
}
.ui-payment-summary-method {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: baseline;
    gap: 12px;
    padding: 12px 0;
}
.ui-payment-summary-method dd {
    font-size: 13px;
    font-weight: 600;
    text-align: end;
}
.ui-payment-guidance {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding-top: 11px;
    border-top: 1px solid var(--ui-line);
    color: var(--ui-muted);
    font-size: 12px;
    line-height: 1.6;
}
.ui-payment-guidance-icon {
    flex: 0 0 16px;
    height: 16px;
    margin-top: 1px;
    border: 1px solid currentColor;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
}
.ui-payment-guidance p {
    margin: 0;
    overflow-wrap: anywhere;
}
.ui-payment-guidance p + p {
    margin-top: 5px;
    color: var(--ui-text);
}
.ui-payment-actions {
    margin-top: 20px;
}
#pay_form .ui-payment-actions .btn {
    min-height: 48px;
    margin: 0;
}
#pay_form #pay_policy {
    margin: 16px 0 0;
    padding: 12px 16px;
    font-size: 12px;
    line-height: 1.65;
}
.body .ui-payment-history-title {
    margin: 24px 0 10px;
    font-size: 17px;
}
@media (min-width: 992px) {
    .ui-payment-panel {
        grid-template-columns: minmax(0, 1.5fr) minmax(290px, 1fr);
    }
    .ui-payment-summary {
        border-top: 0;
        border-inline-start: 1px solid var(--ui-line);
    }
}
@media (max-width: 575px) {
    .ui-payment-fields, .ui-payment-summary {
        padding: 18px;
    }
    .ui-payment-fields-heading {
        margin-bottom: 18px;
    }
    .body .ui-payment-fields-heading h2 {
        font-size: 19px;
    }
}
.body .table { color: var(--ui-text); margin-bottom: 0; }
.body .table thead th { padding: 15px 16px; font-size: 12px; font-weight: 600; color: var(--ui-text); background: var(--ui-canvas); border-color: var(--ui-line); vertical-align: middle; white-space: nowrap; }
.body .table td { padding: 17px 16px; border-color: var(--ui-line); vertical-align: middle; font-size: 13px; overflow-wrap: anywhere; }
.body .table tbody tr:hover { background: var(--color-id-7); }
.body .table td:first-child, .body .table th:first-child { padding-left: 20px; }
.body .table-2 tbody tr td, .body .cattr strong { color: var(--ui-text); }
.body .cattr td { background: var(--ui-canvas); }
.body .service-name { font-weight: 600; min-width: 180px; }
.body .services-filters .dropdown-menu {
    width: max-content;
    min-width: max(100%, 12rem);
    max-width: min(500px, calc(100vw - 48px));
    max-height: 400px;
    overflow-y: auto;
}
.body .services-filters .dropdown-item,
.body .services-filters .dropdown-toggle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.body .services-filters .dropdown-toggle {
    max-width: min(360px, 45vw);
}
.ui-service-toolbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin-bottom: 14px;
    border: 1px solid var(--ui-line);
    border-radius: 12px;
    background: var(--ui-surface);
}
.body .ui-service-toolbar .dropdown-toggle {
    max-width: min(240px, 28vw);
}
.body .ui-service-toolbar .btn,
.body .ui-service-toolbar .form-control {
    height: 44px;
    min-height: 44px;
}
.body .ui-service-toolbar .btn {
    padding: 8px 12px;
}
.ui-service-search {
    min-width: 0;
}
.ui-service-resultbar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline: 4px;
    color: var(--ui-muted);
    font-size: 13px;
    white-space: nowrap;
}
.ui-service-resultbar #ui-service-reset {
    padding: 4px 2px;
}
@media (max-width: 767px) {
    .ui-service-toolbar {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }
    .body .services-filters .dropdown-menu {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .body .ui-service-toolbar .dropdown-toggle {
        width: 100%;
        max-width: 100%;
    }
    .ui-service-resultbar {
        justify-content: space-between;
    }
    .ui-service-resultbar #ui-service-reset {
        min-height: 44px;
    }
}
.ui-services-table-wrap { border: 1px solid var(--ui-line); border-radius: 12px; overflow: auto; background: var(--ui-surface); }
.body .ui-services-table-wrap .table .ui-service-number {
    text-align: end;
    font-variant-numeric: tabular-nums;
}
.ui-service-price > span {
    vertical-align: middle;
}
.ui-service-price-unit {
    margin-inline-start: 4px;
    color: var(--ui-muted);
    font-size: 11px;
}
.ui-service-standard-price {
    display: inline-block;
    white-space: nowrap;
}
.ui-service-custom-price {
    display: inline-block;
    max-width: 24ch;
    overflow-wrap: anywhere;
}
.body .ui-services-table-wrap .table .ui-service-action-cell {
    text-align: end;
}
.ui-service-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}
/* Keep service rows compact while giving touch users larger controls. */
.body .ui-services-table-wrap .table thead th {
    padding-top: 10px;
    padding-bottom: 10px;
}
.body .ui-services-table-wrap .table tbody td {
    padding-top: 8px;
    padding-bottom: 8px;
}
.body .ui-services-table-wrap .ui-service-row > td:is(:first-child, :nth-child(4), :nth-child(5), :last-child) {
    white-space: nowrap;
}
.body .ui-services-table-wrap .ui-service-row .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 5px 11px;
    margin: 0;
    font-size: 12px;
    vertical-align: middle;
    box-shadow: none;
}
@media (max-width: 767px), (pointer: coarse) {
    .body .ui-services-table-wrap .ui-service-row .btn {
        min-width: 44px;
        min-height: 44px;
    }
}
.ui-empty { padding: 32px 20px; text-align: center; border: 1px dashed var(--ui-line); border-radius: 12px; }
.body .ui-orders .nav-pills { flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding-bottom: 8px; }
.body .ui-orders .nav-pills .nav-link { white-space: nowrap; font-size: 13px; padding: 8px 14px; }
.body .ui-orders .nav-pills .nav-item { flex-shrink: 0; width: auto; margin: 0; }
.ui-order-id { font-size: 11px !important; max-width: 175px; font-variant-numeric: tabular-nums; }
.ui-order-id .ui-copy { display: block; padding-left: 0; font-size: 12px; }
.ui-order-link {
    display: block;
    min-width: 0;
    max-width: 34ch;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.ui-status { display: inline-block; border: 1px solid currentColor; background: transparent !important; border-radius: 999px; padding: 3px 9px; font-size: 11px; line-height: 1.7; white-space: normal; color: var(--ui-accent) !important; }
.ui-status.btn-gray { color: var(--ui-text) !important; opacity: .7; }
.body .progress { min-width: 90px; border-radius: 6px; background: var(--ui-canvas); color: var(--ui-text); }
.body .progress-bar { opacity: .25; }
.ui-landing { padding-bottom: 60px; }
.ui-hero { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 64px; padding-top: 80px; padding-bottom: 64px; }
.ui-hero-copy h1 { font-size: clamp(32px, 3.7vw, 52px); line-height: 1.2; margin: 18px 0 24px; }
.ui-lead { font-size: 16px; line-height: 1.9; opacity: .8; margin-bottom: 30px; }
.ui-hero-notes { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 26px; font-size: 12px; opacity: .8; }
.body .ui-login-card { padding: 34px; }
.ui-label-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.ui-label-row a { font-size: 12px; }
.ui-password-wrap { position: relative; }
.body .ui-password-wrap input { padding-right: 70px; }
.ui-password-toggle { position: absolute; right: 8px; top: 3px; min-height: 40px; padding: 6px 10px; color: var(--ui-accent); background: none; border: 0; font-size: 12px; cursor: pointer; }
.ui-remember { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; font-size: 13px; }
.ui-remember input { width: 16px; height: 16px; accent-color: var(--ui-accent); }
.ui-auth-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 9px 12px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--ui-line);
    color: var(--ui-muted);
    font-size: 13px;
}
.body .ui-signup-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 7px 14px;
    border: 1px solid var(--ui-accent);
    background: var(--ui-surface);
    color: var(--ui-accent);
    font-size: 13px;
}
.body .ui-signup-link:hover, .body .ui-signup-link:focus-visible {
    background: var(--ui-heading-bg);
    color: var(--ui-accent);
}
.ui-feature-section { padding-top: 24px; }
.ui-feature-section > h2 { margin-bottom: 26px; }
.ui-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ui-step-number { color: var(--ui-accent); font-size: 13px; font-weight: 700; margin-bottom: 26px; display: block; }
.ui-feature-card h3 { font-size: 17px; margin-bottom: 12px; }
.ui-feature-card p { opacity: .75; margin-bottom: 0; font-size: 14px; }
.ui-api-strip { padding: 28px; margin-top: 24px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); }
.ui-api-strip h3 { margin-bottom: 6px; }
.ui-api-strip p { margin: 0; opacity: .75; font-size: 13px; }
.ui-api-strip a { flex-shrink: 0; }
.body .sign-up-center-alignment > .col-lg-8 { max-width: 620px; }
.ui-auth-heading {
    margin-bottom: 24px;
}
.body .ui-auth-heading h1, .body .ui-auth-heading h2 {
    margin: 0 0 7px;
}
.ui-auth-heading .ui-muted {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
}
.body .ui-api-docs {
    display: grid;
    gap: 18px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 24px 20px 40px;
    align-items: start;
}
.ui-api-nav, .ui-api-section {
    min-width: 0;
    border: 1px solid var(--ui-line);
    border-radius: 14px;
    background: var(--ui-surface);
    color: var(--ui-text);
}
.ui-api-nav { padding: 15px; }
.body .ui-api-nav h2 {
    margin: 0 0 8px;
    padding-inline: 8px;
    font-size: 14px;
}
.ui-api-nav ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ui-api-nav a {
    display: block;
    padding: 7px 8px;
    border-radius: 7px;
    color: var(--ui-text);
    font-size: 13px;
    overflow-wrap: anywhere;
}
.ui-api-nav a:hover, .ui-api-nav a:focus-visible {
    background: var(--ui-heading-bg);
    color: var(--ui-accent);
    text-decoration: none;
}
.ui-api-content {
    display: grid;
    min-width: 0;
    gap: 16px;
}
.ui-api-section {
    padding: 20px;
    scroll-margin-top: 88px;
}
.body .ui-api-section h2 {
    margin: 0 0 13px;
    font-size: 18px;
}
.body .ui-api-intro h1, .body .ui-api-intro h2 {
    margin: 0 0 14px;
    font-size: 22px;
}
.ui-api-endpoint {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid var(--ui-line);
    border-radius: 9px;
    background: var(--ui-heading-bg);
}
.ui-api-method {
    flex: none;
    padding: 2px 7px;
    border-radius: 5px;
    background: var(--ui-fee-bg);
    color: var(--ui-accent);
    font-size: 11px;
    font-weight: 700;
}
.ui-api-endpoint code { overflow-wrap: anywhere; }
.ui-api-intro-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 12px;
    color: var(--ui-muted);
    font-size: 12px;
}
.ui-api-section code { color: var(--ui-text); }
.body .ui-api-section .table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
    border: 1px solid var(--ui-line);
}
.body .ui-api-section .table th, .body .ui-api-section .table td {
    height: auto;
    padding: 8px 12px;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
}
.body .ui-api-section .table th:first-child { width: 31%; }
.ui-api-section #service_type { max-width: 320px; }
.ui-api-example {
    margin-top: 14px;
    border: 1px solid var(--ui-line);
    border-radius: 9px;
    background: var(--ui-alt);
}
.ui-api-example summary {
    padding: 10px 12px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}
.ui-api-example summary code {
    float: inline-end;
    color: var(--ui-muted);
    font-size: 11px;
}
.body .ui-api-example pre {
    max-height: 232px;
    margin: 0;
    padding: 13px;
    overflow: auto;
    border-top: 1px solid var(--ui-line);
    border-radius: 0 0 8px 8px;
    white-space: pre;
    font-size: 12px;
    line-height: 1.65;
}
@media (min-width: 992px) {
    .body .ui-api-docs { grid-template-columns: 200px minmax(0, 1fr); }
    .ui-api-nav {
        position: sticky;
        top: 84px;
        max-height: calc(100vh - 100px);
        overflow: auto;
    }
    .ui-api-nav ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575px) {
    .body .ui-api-docs { padding: 16px 12px 28px; }
    .ui-api-section, .ui-api-nav { padding: 13px; }
    .body .ui-api-section .table th, .body .ui-api-section .table td { padding: 7px 8px; }
    .ui-api-example summary { min-height: 44px; }
}
.ui-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 1100; max-width: calc(100vw - 32px); border: 1px solid var(--ui-line); border-radius: 10px; padding: 12px 20px; background: var(--ui-surface); color: var(--ui-text); box-shadow: var(--ui-shadow); font-size: 13px; }
@media (max-width: 1199px) {
    .ui-hero { gap: 32px; }
    .body-internal .wrapper-content__body > div > .container-fluid, .body-internal .wrapper-content__body > div > .container { padding-left: 22px; padding-right: 22px; }
    .ui-page-heading { padding-left: 22px; padding-right: 22px; }
    .body .card { padding: 22px; }
}
@media (max-width: 991px) {
    .body .wrapper-sidebar-navbar { display: block; }
    .body .wrapper-sidebar-navbar > #block_3 { width: 100%; }
    #block_3 .component-navbar__navbar-private { position: relative; width: 100%; }
    .body .wrapper-sidebar-navbar > .wrapper-content { padding-top: 0; }
    #block_3 .component-navbar-private__wrapper { height: auto; }
    #block_3 .component-navbar__navbar-private .navbar-collapse { max-height: 75vh; overflow-y: auto; }
    #block_3 .component-navbar-collapse { flex-wrap: wrap; }
    .ui-mobile-navigation { display: block; width: 100%; }
    #block_3 .ui-mobile-navigation .sidebar-block__left-menu { padding: 8px 0 !important; }
    #block_3 .ui-mobile-navigation .component-sidebar__menu-item-link { display: flex; align-items: center; }
    .ui-order-summary { margin-top: 0; }
    .ui-hero { padding-top: 44px; padding-bottom: 40px; gap: 26px; }
    .body .ui-login-card { padding: 24px; }
}
@media (max-width: 767px) {
    .body h1 { font-size: 24px; }
    .body .card { padding: 20px; border-radius: 12px; }
    .body-internal .wrapper-content__body > div > .container-fluid, .body-internal .wrapper-content__body > div > .container { padding-left: 16px; padding-right: 16px; }
    .ui-page-heading { padding: 24px 16px 18px; }
    .ui-heading-link { font-size: 12px; }
    .ui-page-heading h1 { font-size: 23px; }
    .ui-hero { grid-template-columns: 1fr; gap: 32px; padding-top: 36px; }
    .ui-hero-copy h1 { font-size: 34px; }
    .ui-feature-grid { grid-template-columns: 1fr; gap: 14px; }
    .ui-step-number { margin-bottom: 12px; }
    .ui-api-strip { flex-direction: column; align-items: flex-start; padding: 20px; }
    .ui-api-strip a { width: 100%; }
    .body .ui-orders .table-responsive { overflow: visible; }
    .body .ui-orders .table, .body .ui-orders .table tbody { display: block; width: 100%; }
    .body .ui-orders .table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
    .body .ui-orders .table tbody tr { display: block; padding: 8px 16px; border-bottom: 1px solid var(--ui-line); }
    .body .ui-orders .table tbody td { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 9px 0; border: 0; width: auto; height: auto; min-height: 40px; max-width: none; text-align: right; }
    .body .ui-orders .table tbody td::before { content: attr(data-title); flex: 0 0 72px; color: var(--ui-text); opacity: .7; text-align: left; font-size: 12px; }
    .body .ui-orders .table td[colspan] { display: block; text-align: center; padding: 24px 0; }
    .body .ui-orders .table td[colspan]::before { content: none; }
    .body .ui-orders .table tbody .ui-order-id { display: grid; grid-template-columns: 72px minmax(0, 1fr); row-gap: 0; }
    .ui-order-id::before { grid-row: 1 / span 2; }
    .ui-order-number { overflow-wrap: anywhere; }
    .ui-order-id .ui-copy { grid-column: 2; justify-self: end; padding-right: 0; }
    .ui-order-link { max-width: 65%; }
    .ui-orders .table td:last-child { flex-wrap: wrap; }
    .ui-orders .table td:last-child .ui-status { margin-left: auto; }
    .ui-orders .table-bg { overflow: hidden; }
    .ui-orders .pagination { flex-wrap: wrap; }
    .body .ui-services-table-wrap .table { min-width: 750px; }
    .body .form-control { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ui2: persistent announcement column and an inline cost confirmation. */
html[data-ui-theme="default"] { --ui-canvas:#f5f6fb; --ui-line:#e6e9f3; --ui-text:#242740; --ui-accent:#5a5fd2; --ui-field:#fafbfe; }
html[data-ui-theme="default"] .ui-order-main .form-control { background:#fafbfe !important; }
.ui-announcement-body .ui-notice-important { padding:14px; margin-bottom:20px; border:1px solid var(--color-id-4); border-radius:8px; }
.ui-announcement-body .ui-notice-important h3 { margin-top:0; }
.body-internal { background:var(--ui-canvas); color:var(--ui-text); }
.body .form-control { background:var(--ui-field,var(--ui-canvas)); color:var(--ui-text); }
.ui-page-heading .ui-page-subtitle { color:var(--ui-text); opacity:.6; font-size:12px; margin:7px 0 0; }
.body .wrapper-sidebar-navbar > #block_3 { width:228px; flex-basis:228px; }
#block_3 .component-sidebar_wrapper, #block_3 .component-sidebar { width:228px; flex-basis:228px; }
#block_3 .component-navbar__navbar-private { width:calc(100% - 228px); }
#block_3 .component-sidebar__menu-brand { padding-left:12px; padding-right:12px; }
#block_3 .component-sidebar__menu-brand strong { font-size:21px; letter-spacing:.5px; }
.body-internal #block_37 > .container-fluid { max-width:2280px; }
#block_37 .ui-order-announcement-layout { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:24px; margin-left:0; margin-right:0; align-items:start; }
.ui-order-announcement-layout > .ui-order-main, .ui-order-announcement-layout > .ui-order-aside { width:auto; min-width:0; max-width:none; padding:0; }
.body .ui-order-main .card { padding:25px 28px; border-radius:13px; box-shadow:0 5px 20px var(--color-id-7); }
.ui-order-main h2.ui-card-title { font-size:17px !important; margin-bottom:8px; }
.ui-order-main #order-form > .ui-muted { font-size:12px; margin-bottom:23px; }
.ui-order-main #neworder_fields .component_service_description { padding:13px 15px; border:1px solid var(--ui-line); background:var(--ui-canvas); border-radius:9px; font-size:12px; line-height:1.8; }
.ui-order-main #neworder_fields .component_service_description label { font-size:12px; margin-bottom:4px; }
.ui-order-main .form-group label { font-size:12px; }
.ui-order-main #neworder_quantity_link { height:90px; min-height:80px; }
.ui-order-main .min-max { display:block; color:var(--ui-text); opacity:.65; margin:7px 0 18px; font-size:11px; }
.ui-order-fee { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 18px; margin:20px 0 18px; background:var(--ui-canvas); border:1px solid var(--ui-line); border-radius:10px; }
.ui-order-fee p { margin:0 0 4px; font-size:12px; opacity:.7; }
.ui-order-fee strong { font-size:28px; line-height:1.3; letter-spacing:-.6px; color:var(--ui-accent); overflow-wrap:anywhere; }
.ui-fee-account { text-align:right; font-size:11px; flex-shrink:0; }
.ui-fee-account b { font-size:13px; margin-left:6px; }
.ui-fee-account a { display:block; font-size:11px; margin-top:6px; }
.ui-order-submit-note { text-align:center; font-size:10px; opacity:.6; margin:11px 0 0; }
#ui-order-submit span { margin-left:10px; }
.body .ui-announcement { padding:0; overflow:visible; border-radius:13px; }
.ui-announcement.is-sticky { position:sticky; top:84px; }
.ui-order-aside { align-self:stretch; }
.ui-announcement-heading { display:flex; align-items:center; gap:11px; border-bottom:1px solid var(--ui-line); padding:21px 22px; }
.ui-announcement-heading h2 { font-size:16px; margin:0; }
.ui-announcement-icon { display:grid; place-items:center; background:var(--ui-canvas); color:var(--ui-accent); border-radius:9px; width:34px; height:34px; }
.ui-announcement-content { padding:22px; }
.ui-announcement-content .ui-announcement-title { font-size:16px; margin:0 0 8px; line-height:1.7; overflow-wrap:anywhere; }
.ui-announcement-date { font-size:10px; opacity:.55; margin:0 0 18px; }
.ui-announcement-content .ui-announcement-body { font-size:14px; line-height:1.8; color:var(--ui-text); overflow-wrap:anywhere; }
.ui-announcement-body h1,.ui-announcement-body h2,.ui-announcement-body h3,.ui-announcement-body h4 { font-size:14px; line-height:1.7; margin:19px 0 8px; }
.ui-announcement-body p { margin-bottom:13px; }
.ui-announcement-body img,.ui-announcement-body video,.ui-announcement-body iframe { max-width:100%; }
.ui-announcement-body img,.ui-announcement-body video { height:auto; }
.ui-announcement-body pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.ui-announcement-body table { width:100% !important; table-layout:fixed; }
.ui-announcement-body td { overflow-wrap:anywhere; }
.ui-announcement-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--ui-line); padding:17px 22px; }
.ui-announcement-footer strong { font-size:12px; font-weight:600; }
.ui-announcement-footer p { font-size:10px; opacity:.6; margin:4px 0 0; }
.ui-support-button { padding:7px 9px; border:1px solid var(--ui-line); color:var(--ui-accent); background:var(--ui-surface); border-radius:7px; font-size:11px; flex-shrink:0; }
@media (min-width:992px) and (max-width:1199px) {
    #block_37 .ui-order-announcement-layout { gap:18px; }
    .body .ui-order-main .card { padding:22px; }
    .ui-order-fee { padding:15px; gap:12px; }
}
@media (max-width:991px) {
    .body .wrapper-sidebar-navbar > #block_3 { width:100%; }
    #block_3 .component-navbar__navbar-private { width:100%; }
    #block_37 .ui-order-announcement-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
    .ui-order-announcement-layout > .ui-order-main { margin-bottom:0 !important; }
    .ui-announcement.is-sticky { position:static; }
}
@media (max-width:480px) {
    .body .ui-order-main .card { padding:20px; }
    .ui-order-fee { gap:12px; padding:15px; }
    .ui-order-fee strong { font-size:25px; }
    .ui-fee-account { flex-shrink:1; }
    .ui-fee-account span { display:block; }
    .ui-fee-account b { display:block; margin-left:0; }
}

/* ui3: purple is the brand color; surfaces and semantic colors have separate roles. */
html[data-ui-theme="default"] {
    --color-id-2:#2563eb; --color-id-3:#15803d; --color-id-4:#b45309;
    --color-id-5:#8993a8; --color-id-6:#e9edf4; --color-id-7:rgba(30,41,59,.045);
    --color-id-8:#826bc6; --color-id-9:#f5f6fa; --color-id-10:#b42318;
    --color-id-11:#eaf2ff; --color-id-12:#dfe4ed; --color-id-13:#6b4cc4;
    --color-id-15:linear-gradient(180deg,#7153ca,#6244b5); --color-id-16:#593da6;
    --color-id-17:#fff0ee; --color-id-18:#6b4cc4; --color-id-19:#eaf7ef;
    --color-id-20:#263246; --color-id-21:#5f42b2;
    --ui-canvas:#f5f6fa; --ui-surface:#fff; --ui-line:#e4e8ef; --ui-text:#263246;
    --ui-muted:#66748a; --ui-accent:#6b4cc4; --ui-field:#fbfcfe;
    --ui-success:#167547; --ui-info:#235daa; --ui-warning:#946018;
    --ui-shadow:0 5px 22px rgba(30,41,59,.035);
}
html[data-ui-theme="default"] .body-public { background:var(--ui-canvas); }
html[data-ui-theme="default"] .ui-muted { color:var(--ui-muted); opacity:1; }
html[data-ui-theme="default"] .ui-page-heading h1 { color:#273247; }
html[data-ui-theme="default"] .ui-page-subtitle { color:#78849a; opacity:1; }
html[data-ui-theme="default"] .body .card { box-shadow:var(--ui-shadow); }
html[data-ui-theme="default"] .body .form-control { background:var(--ui-field) !important; color:#334155; border-color:#dce3ec; }
html[data-ui-theme="default"] .body .form-control::placeholder { color:#8895a8; }
html[data-ui-theme="default"] .body .form-control:focus { background:#fff !important; border-color:#9b84d8; box-shadow:0 0 0 3px #eee8fa; }
html[data-ui-theme="default"] .body .btn-big-primary { background:#6b4cc4; background-image:linear-gradient(110deg,#7655cf,#6547b9); border-color:#6b4cc4; color:#fff; box-shadow:0 3px 8px #6b4cc418; }
html[data-ui-theme="default"] .body .btn-big-primary:hover { background:#5e3fac; background-image:none; border-color:#5e3fac; }
html[data-ui-theme="default"] .body .btn-big-secondary { background:#f0f4fa; color:#405a7e; border:1px solid #dce4ef; box-shadow:none; }
html[data-ui-theme="default"] .body .btn-big-secondary:hover { background:#e5edf7; color:#29466d; }
html[data-ui-theme="default"] .body .btn-actions { background:#fff; color:#50627e; border:1px solid #dfe6ef; box-shadow:none; }
html[data-ui-theme="default"] .body .btn-actions,
html[data-ui-theme="default"] .body .btn-actions span,
html[data-ui-theme="default"] .body .btn-big-secondary,
html[data-ui-theme="default"] .body .btn-big-secondary span,
html[data-ui-theme="default"] .body .btn-big-secondary i { color:#405a7e !important; }
html[data-ui-theme="default"] #block_3 .component-sidebar { background:#fff; }
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-item-link { color:#59677e !important; }
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-item-link:hover { background:#f6f4fb; color:#6b4cc4 !important; }
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-item-active > .component-sidebar__menu-item-link { background:#f0ebfa; color:#6545b7 !important; box-shadow:inset 3px 0 0 #795acb; }
html[data-ui-theme="default"] #block_3 .sidebar-block__menu-item-icon { color:#8490a4; }
html[data-ui-theme="default"] #block_3 a[href="/orders"] .sidebar-block__menu-item-icon { color:#557ba8; }
html[data-ui-theme="default"] #block_3 a[href="/addfunds"] .sidebar-block__menu-item-icon { color:#398775; }
html[data-ui-theme="default"] #block_3 a[href="/notice"] .sidebar-block__menu-item-icon { color:#b18b48; }
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-item-active .sidebar-block__menu-item-icon { color:#6b4cc4; }
html[data-ui-theme="default"] #block_3 .navbar-dropdown__name { color:#617088; background:#fff; border:1px solid #e1e6ef; border-radius:8px; font-weight:500; }
html[data-ui-theme="default"] #block_3 [data-ui-balance] { color:#176a50; background:#edf7f2; border-color:#d6ebdf; font-weight:650; }
html[data-ui-theme="default"] .ui-order-main #neworder_fields .component_service_description { background:#f4f8fe; border-color:#dce7f6; color:#536c8d; }
html[data-ui-theme="default"] .ui-order-main .panel-description { background:transparent; border:0; box-shadow:none; padding:0; color:#536c8d; }
html[data-ui-theme="default"] .ui-order-main .component_service_description label { color:#3d638f; }
html[data-ui-theme="default"] .ui-order-main .component_service_description h1,
html[data-ui-theme="default"] .ui-order-main .component_service_description h2,
html[data-ui-theme="default"] .ui-order-main .component_service_description h3 { font-size:13px; color:#3d638f; }
html[data-ui-theme="default"] .ui-order-fee { background:#faf7ff; border-color:#e6ddf5; border-left:3px solid #aa91dc; }
html[data-ui-theme="default"] .ui-order-fee strong { color:#6b4cc4; }
html[data-ui-theme="default"] .ui-fee-account b { color:#157052; }
html[data-ui-theme="default"] .ui-announcement-heading { background:#fffaf2; border-bottom-color:#eee5d7; border-radius:13px 13px 0 0; }
html[data-ui-theme="default"] .ui-announcement-heading h2 { color:#67583f; }
html[data-ui-theme="default"] .ui-announcement-icon { color:#a37424; background:#fbefd5; }
html[data-ui-theme="default"] .ui-announcement-body .ui-notice-important,
html[data-ui-theme="default"] .ui-announcement-body .alert-warning { background:#fffbef; border-color:#f0dfb5; color:#856127; }
html[data-ui-theme="default"] .ui-announcement-body .ui-notice-important h3 { color:#856127; }
html[data-ui-theme="default"] .ui-announcement-footer { background:#f8fafc; border-radius:0 0 13px 13px; }
html[data-ui-theme="default"] .ui-support-button { color:#456894; border-color:#dbe5f1; }
html[data-ui-theme="default"] .body .table thead th { background:#f4f6f9; color:#59677e; }
html[data-ui-theme="default"] .body .cattr td { background:#f8fafc; }
html[data-ui-theme="default"] .body .table tbody tr:hover { background:#faf9fd; }
html[data-ui-theme="default"] .body .ui-status { opacity:1; }
html[data-ui-theme="default"] .body .ui-status--completed { background:#eaf7ef !important; color:#167547 !important; border-color:#cae7d5; }
html[data-ui-theme="default"] .body .ui-status--processing { background:#edf4ff !important; color:#235daa !important; border-color:#d3e2f7; }
html[data-ui-theme="default"] .body .ui-status--pending,
html[data-ui-theme="default"] .body .ui-status--partial { background:#fff7e8 !important; color:#946018 !important; border-color:#f0dfb8; }
html[data-ui-theme="default"] .body .ui-status--canceled,
html[data-ui-theme="default"] .body .ui-status--refunded { background:#f1f4f8 !important; color:#64748b !important; border-color:#dfe5ed; }
html[data-ui-theme="default"] .body .progress { background:#edf4f0; }
html[data-ui-theme="default"] .body .progress-bar { background:#b7dfc8 !important; opacity:1; }
html[data-ui-theme="default"] .ui-feature-card:nth-child(1) { border-top:3px solid #aa91dc; }
html[data-ui-theme="default"] .ui-feature-card:nth-child(2) { border-top:3px solid #92b4d9; }
html[data-ui-theme="default"] .ui-feature-card:nth-child(3) { border-top:3px solid #8cc6b6; }
html[data-ui-theme="default"] .ui-feature-card:nth-child(2) .ui-step-number { color:#456e9d; }
html[data-ui-theme="default"] .ui-feature-card:nth-child(3) .ui-step-number { color:#277d68; }
html[data-ui-theme="default"] .ui-api-strip { background:#f0f5fc; border-color:#dce6f4; }
@media (min-width:768px) {
    html[data-ui-theme="default"] .ui-orders .table { min-width:1020px; }
    html[data-ui-theme="default"] .ui-orders tbody td:nth-child(4),
    html[data-ui-theme="default"] .ui-orders tbody td:nth-child(5),
    html[data-ui-theme="default"] .ui-orders tbody td:nth-child(6),
    html[data-ui-theme="default"] .ui-orders tbody td:nth-child(7) { white-space:nowrap; }
}

/* ui4: separate the navigation, workspace, primary cards and supporting content. */
html[data-ui-theme="default"] {
    --ui-canvas:#eae8f2;
    --ui-line:#ddd9e9;
    --ui-field:#f8f7fc;
    --ui-shadow:0 8px 24px rgba(49,35,80,.07),0 1px 3px rgba(49,35,80,.035);
}
html[data-ui-theme="default"] .body-internal,
html[data-ui-theme="default"] .body-public {
    background-color:#eae8f2;
    background-image:linear-gradient(135deg,#e6e0f2 0%,#eef0f7 58%,#e8edf5 100%);
    background-attachment:fixed;
}
html[data-ui-theme="default"] #block_3 .component-sidebar {
    background:#30254c;
    border-right-color:#30254c;
}
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-logo {
    background:#291f41;
    border-bottom-color:#49395f;
}
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-brand a { color:#f0e9ff; }
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-item-link { color:#e0d8ef !important; }
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-item-link:hover {
    background:#44345f;
    color:#fff !important;
}
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-item-active > .component-sidebar__menu-item-link {
    background:#7452c1;
    color:#fff !important;
    box-shadow:inset 3px 0 0 #c4aff4,0 4px 12px #1f153b30;
}
html[data-ui-theme="default"] #block_3 .sidebar-block__menu-item-icon,
html[data-ui-theme="default"] #block_3 a[href] .sidebar-block__menu-item-icon { color:#bdaed4; }
html[data-ui-theme="default"] #block_3 .component-sidebar__menu-item-active .sidebar-block__menu-item-icon { color:#fff; }
html[data-ui-theme="default"] #block_3 .component-navbar__navbar-private {
    background:#f6f3fc;
    border-bottom-color:#dcd5eb;
    box-shadow:0 2px 8px #35234e08;
}
html[data-ui-theme="default"] .body .card { border-color:#ded9eb; box-shadow:var(--ui-shadow); }
html[data-ui-theme="default"] .ui-order-main .card { border-top:3px solid #9475cf; }
html[data-ui-theme="default"] .ui-order-main h2.ui-card-title {
    background:#f2edf9;
    margin:-25px -28px 0;
    padding:23px 28px 8px;
    border-radius:10px 10px 0 0;
    color:#45335f;
}
html[data-ui-theme="default"] .ui-order-main #order-form > .ui-muted {
    background:#f2edf9;
    margin:0 -28px 24px;
    padding:0 28px 20px;
    border-bottom:1px solid #e1d8ee;
    color:#726482;
}
html[data-ui-theme="default"] .ui-order-main .form-control { background:#f8f7fc !important; border-color:#dcd5e9; }
html[data-ui-theme="default"] .ui-order-main .form-control:focus { background:#fff !important; }
html[data-ui-theme="default"] .ui-order-main #neworder_fields .component_service_description {
    background:#edf3fc;
    border-color:#d5e1f1;
    border-left:3px solid #8baad2;
}
html[data-ui-theme="default"] .ui-order-fee { background:#eee7fa; border-color:#d9cbed; border-left-color:#9370cf; }
html[data-ui-theme="default"] .body .ui-announcement { background:#fffaf1; border-color:#e8dcc6; box-shadow:0 8px 24px #634d240a; }
html[data-ui-theme="default"] .ui-announcement-heading { background:#f3e8d2; border-bottom-color:#e4d3b2; }
html[data-ui-theme="default"] .ui-announcement-icon { background:#e9d7ae; color:#805714; }
html[data-ui-theme="default"] .ui-announcement-footer { background:#f7efdf; border-top-color:#e8dcc6; }
html[data-ui-theme="default"] .ui-announcement-body .ui-notice-important,
html[data-ui-theme="default"] .ui-announcement-body .alert-warning { background:#fff4d9; border-color:#e9d29a; }
html[data-ui-theme="default"] .body .table thead th { background:#ede8f5; color:#655577; }
html[data-ui-theme="default"] .body .cattr td { background:#f5f1fa; }
html[data-ui-theme="default"] .ui-feature-card:nth-child(1) { background:#f5f0fc; }
html[data-ui-theme="default"] .ui-feature-card:nth-child(2) { background:#eef4fc; }
html[data-ui-theme="default"] .ui-feature-card:nth-child(3) { background:#edf6f2; }
html[data-ui-theme="default"] .ui-api-strip { background:#e8e1f4; border-color:#d5c8e9; }
@media (min-width:992px) and (max-width:1199px) {
    html[data-ui-theme="default"] .ui-order-main h2.ui-card-title { margin:-22px -22px 0; padding:20px 22px 8px; }
    html[data-ui-theme="default"] .ui-order-main #order-form > .ui-muted { margin:0 -22px 24px; padding:0 22px 18px; }
}
@media (max-width:991px) {
    html[data-ui-theme="default"] #block_3 .ui-mobile-navigation { background:#30254c; border-radius:12px; margin-top:12px; }
}
@media (max-width:767px) {
    html[data-ui-theme="default"] .ui-order-main h2.ui-card-title { margin:-20px -20px 0; padding:18px 20px 8px; }
    html[data-ui-theme="default"] .ui-order-main #order-form > .ui-muted { margin:0 -20px 22px; padding:0 20px 16px; }
}





/* ui5: palette-specific surfaces derived from each existing theme. */
html[data-ui-theme="candycolor"] {
    --ui-canvas:#ede6ee;
    --ui-canvas-end:#f1ecf2;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#99546c;
    --ui-line:#e4d9e5;
    --ui-field:#fffbfc;
    --ui-nav:#3e232c;
    --ui-nav-logo:#341d25;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#ffe8f0;
    --ui-nav-hover:#57313e;
    --ui-nav-active:#99546c;
    --ui-primary-bg:#99546c;
    --ui-primary-end:#8a4c61;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#fff4f8;
    --ui-fee-bg:#ffeef4;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#fff8fa;
    color-scheme:light;
}
html[data-ui-theme="coffeebrown"] {
    --ui-canvas:#e5e4e6;
    --ui-canvas-end:#ebeaec;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#8b6046;
    --ui-line:#d8d5d8;
    --ui-field:#fcfaf9;
    --ui-nav:#3e2d23;
    --ui-nav-logo:#34261d;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#ece2dc;
    --ui-nav-hover:#4b3529;
    --ui-nav-active:#8b6046;
    --ui-primary-bg:#8b6046;
    --ui-primary-end:#7d563f;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#f6f0ee;
    --ui-fee-bg:#f1e9e5;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#f9f6f4;
    color-scheme:light;
}
html[data-ui-theme="darkblack"] {
    --ui-canvas:#0e121b;
    --ui-canvas-end:#12161f;
    --ui-surface:#1e232e;
    --ui-text:#e7edf5;
    --ui-muted:#adbbcc;
    --ui-accent:#78a0ff;
    --ui-line:#33405e;
    --ui-field:#171b25;
    --ui-nav:#0a0d14;
    --ui-nav-logo:#080b11;
    --ui-nav-text:#e7edf5;
    --ui-nav-icon:#c8d7f8;
    --ui-nav-hover:#182033;
    --ui-nav-active:#1f2941;
    --ui-primary-bg:#78a0ff;
    --ui-primary-end:#88abff;
    --ui-primary-text:#101923;
    --ui-heading-bg:#262e41;
    --ui-fee-bg:#252d3f;
    --ui-info:#9fc4f2;
    --ui-info-bg:#213144;
    --ui-info-line:#3a4e67;
    --ui-success:#80dbb1;
    --ui-success-bg:#1e3b30;
    --ui-warning:#f1cd87;
    --ui-warning-bg:#41331e;
    --ui-danger:#ffaaaa;
    --ui-danger-bg:#42232c;
    --ui-note-bg:#292725;
    --ui-note-heading:#373024;
    --ui-note-line:#584b33;
    --ui-note-text:#e7edf5;
    --ui-alt:#232a3b;
    color-scheme:dark;
}
html[data-ui-theme="darkmode"] {
    --ui-canvas:#161e2c;
    --ui-canvas-end:#192130;
    --ui-surface:#242d3e;
    --ui-text:#e7edf5;
    --ui-muted:#adbbcc;
    --ui-accent:#78a0ff;
    --ui-line:#37476a;
    --ui-field:#1e2636;
    --ui-nav:#101620;
    --ui-nav-logo:#0d121b;
    --ui-nav-text:#e7edf5;
    --ui-nav-icon:#c8d7f8;
    --ui-nav-hover:#1e283d;
    --ui-nav-active:#24304a;
    --ui-primary-bg:#78a0ff;
    --ui-primary-end:#88abff;
    --ui-primary-text:#101923;
    --ui-heading-bg:#2c374f;
    --ui-fee-bg:#2b364d;
    --ui-info:#9fc4f2;
    --ui-info-bg:#213144;
    --ui-info-line:#3a4e67;
    --ui-success:#80dbb1;
    --ui-success-bg:#1e3b30;
    --ui-warning:#f1cd87;
    --ui-warning-bg:#41331e;
    --ui-danger:#ffaaaa;
    --ui-danger-bg:#42232c;
    --ui-note-bg:#292725;
    --ui-note-heading:#373024;
    --ui-note-line:#584b33;
    --ui-note-text:#e7edf5;
    --ui-alt:#29344a;
    color-scheme:dark;
}
html[data-ui-theme="default"] {
    --ui-canvas:#eae8f2;
    --ui-canvas-end:#efedf5;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#6b4cc4;
    --ui-line:#ddd9e9;
    --ui-field:#f8f7fc;
    --ui-nav:#30254c;
    --ui-nav-logo:#281f40;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#dcddf4;
    --ui-nav-hover:#342b5c;
    --ui-nav-active:#7452c1;
    --ui-primary-bg:#6b4cc4;
    --ui-primary-end:#6547b9;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#f2edf9;
    --ui-fee-bg:#eee7fa;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#f4f5fc;
    color-scheme:light;
}
html[data-ui-theme="freshgreen"] {
    --ui-canvas:#ddebeb;
    --ui-canvas-end:#e4efef;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#237653;
    --ui-line:#cbe0e0;
    --ui-field:#f8fdfb;
    --ui-nav:#233e32;
    --ui-nav-logo:#1d342a;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#d8f4e8;
    --ui-nav-hover:#26503e;
    --ui-nav-active:#237653;
    --ui-primary-bg:#237653;
    --ui-primary-end:#206a4b;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#ecfaf4;
    --ui-fee-bg:#e2f7ee;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#f3fcf8;
    color-scheme:light;
}
html[data-ui-theme="grapewine"] {
    --ui-canvas:#e7e2f0;
    --ui-canvas-end:#ece8f3;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#944aac;
    --ui-line:#dad2e9;
    --ui-field:#fcf9fd;
    --ui-nav:#37233e;
    --ui-nav-logo:#2e1d34;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#f0def6;
    --ui-nav-hover:#472a51;
    --ui-nav-active:#944aac;
    --ui-primary-bg:#944aac;
    --ui-primary-end:#85439b;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#f8eefa;
    --ui-fee-bg:#f4e6f8;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#faf5fc;
    color-scheme:light;
}
html[data-ui-theme="iceblue"] {
    --ui-canvas:#e3ecf4;
    --ui-canvas-end:#e9f0f6;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#496d85;
    --ui-line:#d5e2ee;
    --ui-field:#fbfdff;
    --ui-nav:#23333e;
    --ui-nav-logo:#1d2b34;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#e8f6ff;
    --ui-nav-hover:#314857;
    --ui-nav-active:#496d85;
    --ui-primary-bg:#496d85;
    --ui-primary-end:#426278;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#f4faff;
    --ui-fee-bg:#eef8ff;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#f8fcff;
    color-scheme:light;
}
html[data-ui-theme="mintfresh"] {
    --ui-canvas:#d8edef;
    --ui-canvas-end:#e1f1f3;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#007767;
    --ui-line:#c3e3e6;
    --ui-field:#f6fefd;
    --ui-nav:#233e3a;
    --ui-nav-logo:#1d3431;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#ccf8f2;
    --ui-nav-hover:#1e534b;
    --ui-nav-active:#007767;
    --ui-primary-bg:#007767;
    --ui-primary-end:#006b5d;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#e6fcf8;
    --ui-fee-bg:#d9faf5;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#f0fdfb;
    color-scheme:light;
}
html[data-ui-theme="neoncyber"] {
    --ui-canvas:#0c171c;
    --ui-canvas-end:#0f1b1f;
    --ui-surface:#19272b;
    --ui-text:#e7edf5;
    --ui-muted:#adbbcc;
    --ui-accent:#00ffc8;
    --ui-line:#13594f;
    --ui-field:#132024;
    --ui-nav:#091114;
    --ui-nav-logo:#080e11;
    --ui-nav-text:#e7edf5;
    --ui-nav-icon:#a6f2e8;
    --ui-nav-hover:#08302b;
    --ui-nav-active:#073e36;
    --ui-primary-bg:#00ffc8;
    --ui-primary-end:#1fffcf;
    --ui-primary-text:#101923;
    --ui-heading-bg:#173a39;
    --ui-fee-bg:#173838;
    --ui-info:#9fc4f2;
    --ui-info-bg:#213144;
    --ui-info-line:#3a4e67;
    --ui-success:#80dbb1;
    --ui-success-bg:#1e3b30;
    --ui-warning:#f1cd87;
    --ui-warning-bg:#41331e;
    --ui-danger:#ffaaaa;
    --ui-danger-bg:#42232c;
    --ui-note-bg:#292725;
    --ui-note-heading:#373024;
    --ui-note-line:#584b33;
    --ui-note-text:#e7edf5;
    --ui-alt:#183434;
    color-scheme:dark;
}
html[data-ui-theme="oceanblue"] {
    --ui-canvas:#dee1f0;
    --ui-canvas-end:#e5e8f3;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#4650d2;
    --ui-line:#ccd1e9;
    --ui-field:#f9f9fd;
    --ui-nav:#23253e;
    --ui-nav-logo:#1d1f34;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#dadcf6;
    --ui-nav-hover:#282b51;
    --ui-nav-active:#4650d2;
    --ui-primary-bg:#4650d2;
    --ui-primary-end:#3f48bd;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#eceefa;
    --ui-fee-bg:#e3e5f8;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#f4f4fc;
    color-scheme:light;
}
html[data-ui-theme="purpletech"] {
    --ui-canvas:#e3e4f4;
    --ui-canvas-end:#e9eaf6;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#6f57c9;
    --ui-line:#d5d5ee;
    --ui-field:#fbfaff;
    --ui-nav:#28233e;
    --ui-nav-logo:#221d34;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#e8e2ff;
    --ui-nav-hover:#352d57;
    --ui-nav-active:#6f57c9;
    --ui-primary-bg:#6f57c9;
    --ui-primary-end:#644eb5;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#f4f0ff;
    --ui-fee-bg:#eee9ff;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#f8f6ff;
    color-scheme:light;
}
html[data-ui-theme="rosepink"] {
    --ui-canvas:#ede6ef;
    --ui-canvas-end:#f1ecf3;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#995472;
    --ui-line:#e4d9e6;
    --ui-field:#fffbfd;
    --ui-nav:#3e232f;
    --ui-nav-logo:#341d27;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#ffe8f2;
    --ui-nav-hover:#573142;
    --ui-nav-active:#995472;
    --ui-primary-bg:#995472;
    --ui-primary-end:#8a4c67;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#fff4f8;
    --ui-fee-bg:#ffeef5;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#fff8fb;
    color-scheme:light;
}
html[data-ui-theme="sunsetorange"] {
    --ui-canvas:#ede7e7;
    --ui-canvas-end:#f1ecec;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#995a36;
    --ui-line:#e4dad9;
    --ui-field:#fffbf9;
    --ui-nav:#3e2d23;
    --ui-nav-logo:#34261d;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#ffeade;
    --ui-nav-hover:#573b2a;
    --ui-nav-active:#995a36;
    --ui-primary-bg:#995a36;
    --ui-primary-end:#8a5131;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#fff4ee;
    --ui-fee-bg:#ffefe6;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#fff9f5;
    color-scheme:light;
}
html[data-ui-theme="tropicalaqua"] {
    --ui-canvas:#d8edf4;
    --ui-canvas-end:#e1f1f6;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#007285;
    --ui-line:#c3e3ee;
    --ui-field:#f6feff;
    --ui-nav:#233a3e;
    --ui-nav-logo:#1d3134;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#ccf8ff;
    --ui-nav-hover:#1e4f57;
    --ui-nav-active:#007285;
    --ui-primary-bg:#007285;
    --ui-primary-end:#006778;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#e6fcff;
    --ui-fee-bg:#d9faff;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#f0fdff;
    color-scheme:light;
}
html[data-ui-theme="warmsand"] {
    --ui-canvas:#ebeae9;
    --ui-canvas-end:#efefee;
    --ui-surface:#ffffff;
    --ui-text:#263246;
    --ui-muted:#606c7e;
    --ui-accent:#7f6540;
    --ui-line:#e2dfdd;
    --ui-field:#fefdfa;
    --ui-nav:#3e3323;
    --ui-nav-logo:#342b1d;
    --ui-nav-text:#ffffff;
    --ui-nav-icon:#fcf2e4;
    --ui-nav-hover:#55452e;
    --ui-nav-active:#7f6540;
    --ui-primary-bg:#7f6540;
    --ui-primary-end:#725b3a;
    --ui-primary-text:#ffffff;
    --ui-heading-bg:#fef8f2;
    --ui-fee-bg:#fdf5eb;
    --ui-info:#355985;
    --ui-info-bg:#edf3fc;
    --ui-info-line:#c8d4e4;
    --ui-success:#176f4c;
    --ui-success-bg:#eaf7ef;
    --ui-warning:#855b1b;
    --ui-warning-bg:#fff4d9;
    --ui-danger:#a2272d;
    --ui-danger-bg:#ffeced;
    --ui-note-bg:#fffaf1;
    --ui-note-heading:#f3e8d2;
    --ui-note-line:#e8dcc6;
    --ui-note-text:#263246;
    --ui-alt:#fefbf7;
    color-scheme:light;
}
html[data-ui-theme] {
    --color-id-1:var(--ui-surface); --color-id-2:var(--ui-info); --color-id-3:var(--ui-success);
    --color-id-4:var(--ui-warning); --color-id-5:var(--ui-muted); --color-id-6:var(--ui-alt);
    --color-id-7:rgba(35,30,55,.07); --color-id-8:var(--ui-accent); --color-id-9:var(--ui-canvas);
    --color-id-10:var(--ui-danger); --color-id-11:var(--ui-info-bg); --color-id-12:var(--ui-line);
    --color-id-13:var(--ui-accent); --color-id-15:linear-gradient(110deg,var(--ui-primary-bg),var(--ui-primary-end));
    --color-id-16:var(--ui-primary-end); --color-id-17:var(--ui-danger-bg); --color-id-18:var(--ui-accent);
    --color-id-19:var(--ui-success-bg); --color-id-20:var(--ui-text); --color-id-21:var(--ui-primary-end);
    --ui-shadow:0 8px 24px rgba(20,25,45,.08),0 1px 3px rgba(20,25,45,.04);
}
html[data-ui-theme] .body-internal, html[data-ui-theme] .body-public {
    background-color:var(--ui-canvas);
    background-image:linear-gradient(135deg,var(--ui-canvas),var(--ui-canvas-end));
    background-attachment:fixed; color:var(--ui-text);
}
html[data-ui-theme] .ui-muted, html[data-ui-theme] .ui-page-subtitle { color:var(--ui-muted); opacity:1; }
html[data-ui-theme] .ui-page-heading h1 { color:var(--ui-text); }
html[data-ui-theme] .body .card, html[data-ui-theme] .body .table-bg, html[data-ui-theme] .body .modal-content {
    background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-line); box-shadow:var(--ui-shadow);
}
html[data-ui-theme] .body .form-control, html[data-ui-theme] .ui-order-main .form-control {
    background:var(--ui-field) !important; color:var(--ui-text); border-color:var(--ui-line);
}
html[data-ui-theme] .body .form-control::placeholder { color:var(--ui-muted); opacity:1; }
html[data-ui-theme] .body .form-control:focus, html[data-ui-theme] .ui-order-main .form-control:focus {
    background:var(--ui-surface) !important; border-color:var(--ui-accent); box-shadow:0 0 0 3px var(--ui-fee-bg);
}
html[data-ui-theme] .body .btn-big-primary {
    background-color:var(--ui-primary-bg); background-image:linear-gradient(110deg,var(--ui-primary-bg),var(--ui-primary-end));
    border-color:var(--ui-primary-bg); color:var(--ui-primary-text) !important; box-shadow:0 3px 9px rgba(20,25,45,.1);
}
html[data-ui-theme] .body .btn-big-primary:hover { background:var(--ui-primary-end); color:var(--ui-primary-text); border-color:var(--ui-primary-end); }
html[data-ui-theme] .body .btn-big-primary span, html[data-ui-theme] .body .btn-big-primary i { color:var(--ui-primary-text); }
html[data-ui-theme] .body .btn-big-secondary, html[data-ui-theme] .body .btn-actions {
    background:var(--ui-alt); border:1px solid var(--ui-line); box-shadow:none;
}
html[data-ui-theme] .body .btn-big-secondary, html[data-ui-theme] .body .btn-big-secondary span,
html[data-ui-theme] .body .btn-big-secondary i, html[data-ui-theme] .body .btn-actions,
html[data-ui-theme] .body .btn-actions span { color:var(--ui-info) !important; }
html[data-ui-theme] .body .btn-big-secondary:hover, html[data-ui-theme] .body .btn-actions:hover { background:var(--ui-info-bg); }
html[data-ui-theme] #block_3 .component-sidebar { background:var(--ui-nav); border-right-color:var(--ui-nav); }
html[data-ui-theme] #block_3 .component-sidebar__menu-logo { background:var(--ui-nav-logo); border-bottom-color:var(--ui-nav-hover); }
html[data-ui-theme] #block_3 .component-sidebar__menu-brand a { color:var(--ui-nav-text); }
html[data-ui-theme] #block_3 .component-sidebar__menu-item-link { color:var(--ui-nav-text) !important; }
html[data-ui-theme] #block_3 .component-sidebar__menu-item-link:hover { background:var(--ui-nav-hover); color:var(--ui-nav-text) !important; }
html[data-ui-theme] #block_3 .component-sidebar__menu-item-active > .component-sidebar__menu-item-link {
    background:var(--ui-nav-active); color:var(--ui-nav-text) !important; box-shadow:inset 3px 0 0 var(--ui-nav-icon),0 3px 9px rgba(0,0,0,.12);
}
html[data-ui-theme] #block_3 .sidebar-block__menu-item-icon, html[data-ui-theme] #block_3 a[href] .sidebar-block__menu-item-icon { color:var(--ui-nav-icon); }
html[data-ui-theme] #block_3 .component-sidebar__menu-item-active .sidebar-block__menu-item-icon { color:var(--ui-nav-text); }
html[data-ui-theme] #block_3 .component-navbar__navbar-private, html[data-ui-theme] .component-navbar__navbar-public {
    background:var(--ui-heading-bg); border-bottom-color:var(--ui-line); box-shadow:0 2px 8px rgba(20,25,45,.04);
}
html[data-ui-theme] #block_3 .component-navbar__navbar-private {
    --navbar_private_background_color: var(--ui-heading-bg);
}
html[data-ui-theme] .navbar-burger-line { background:var(--ui-text); }
html[data-ui-theme] #block_3 .navbar-dropdown__name, html[data-ui-theme] .body .navbar-dropdown__name_2 {
    color:var(--ui-text); background:var(--ui-surface); border:1px solid var(--ui-line); border-radius:8px;
}
html[data-ui-theme] #block_3 [data-ui-balance] { color:var(--ui-success); background:var(--ui-success-bg); border-color:var(--ui-line); }
html[data-ui-theme] .dropdown-menu, html[data-ui-theme] .navbar-dropdown__container { background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-line); }
html[data-ui-theme] .dropdown-item, html[data-ui-theme] .navbar-dropdown__link { color:var(--ui-text); }
html[data-ui-theme] .dropdown-item:hover, html[data-ui-theme] .navbar-dropdown__link:hover { background:var(--ui-alt); color:var(--ui-accent); }
html[data-ui-theme] .ui-order-main .card { border-top:3px solid var(--ui-accent); }
html[data-ui-theme] .ui-order-main h2.ui-card-title {
    background:var(--ui-heading-bg); color:var(--ui-text); margin:-25px -28px 0; padding:23px 28px 8px; border-radius:10px 10px 0 0;
}
html[data-ui-theme] .ui-order-main #order-form > .ui-muted {
    background:var(--ui-heading-bg); color:var(--ui-muted); border-bottom:1px solid var(--ui-line); margin:0 -28px 24px; padding:0 28px 20px;
}
html[data-ui-theme] .ui-order-main #neworder_fields .component_service_description {
    background:var(--ui-info-bg); border-color:var(--ui-info-line); border-left:3px solid var(--ui-info); color:var(--ui-info);
}
html[data-ui-theme] .ui-order-main .panel-description { background:transparent; color:var(--ui-info); border:0; box-shadow:none; padding:0; }
html[data-ui-theme] .ui-order-main .component_service_description label,
html[data-ui-theme] .ui-order-main .component_service_description h1,
html[data-ui-theme] .ui-order-main .component_service_description h2,
html[data-ui-theme] .ui-order-main .component_service_description h3 { color:var(--ui-info); font-size:13px; }
html[data-ui-theme] .ui-order-fee { background:var(--ui-fee-bg); border-color:var(--ui-line); border-left-color:var(--ui-accent); }
html[data-ui-theme] .ui-order-fee strong { color:var(--ui-accent); }
html[data-ui-theme] .ui-fee-account b { color:var(--ui-success); }
html[data-ui-theme] .body .ui-announcement { background:var(--ui-note-bg); border-color:var(--ui-note-line); }
html[data-ui-theme] .ui-announcement-heading { background:var(--ui-note-heading); border-bottom-color:var(--ui-note-line); border-radius:13px 13px 0 0; }
html[data-ui-theme] .ui-announcement-heading h2 { color:var(--ui-warning); }
html[data-ui-theme] .ui-announcement-icon { background:var(--ui-warning-bg); color:var(--ui-warning); }
html[data-ui-theme] .ui-announcement-content .ui-announcement-body { color:var(--ui-note-text); }
html[data-ui-theme] .ui-announcement-footer { background:var(--ui-note-heading); border-top-color:var(--ui-note-line); border-radius:0 0 13px 13px; }
html[data-ui-theme] .ui-announcement-body .ui-notice-important,
html[data-ui-theme] .ui-announcement-body .alert-warning { background:var(--ui-warning-bg); color:var(--ui-warning); border-color:var(--ui-note-line); }
html[data-ui-theme] .ui-announcement-body .ui-notice-important h3 { color:var(--ui-warning); }
html[data-ui-theme] .ui-support-button { background:var(--ui-surface); color:var(--ui-info); border-color:var(--ui-info-line); }
html[data-ui-theme] .body .table thead th { background:var(--ui-heading-bg); color:var(--ui-muted); }
html[data-ui-theme] .body .cattr td { background:var(--ui-alt); }
html[data-ui-theme] .body .table tbody tr:hover { background:var(--ui-alt); }
html[data-ui-theme] .body .ui-status { opacity:1; }
html[data-ui-theme] .body .ui-status--completed { background:var(--ui-success-bg) !important; color:var(--ui-success) !important; border-color:var(--ui-success); }
html[data-ui-theme] .body .ui-status--processing { background:var(--ui-info-bg) !important; color:var(--ui-info) !important; border-color:var(--ui-info); }
html[data-ui-theme] .body .ui-status--pending, html[data-ui-theme] .body .ui-status--partial { background:var(--ui-warning-bg) !important; color:var(--ui-warning) !important; border-color:var(--ui-warning); }
html[data-ui-theme] .body .ui-status--canceled, html[data-ui-theme] .body .ui-status--refunded { background:var(--ui-alt) !important; color:var(--ui-muted) !important; border-color:var(--ui-line); }
html[data-ui-theme] .body .progress { background:var(--ui-success-bg); }
html[data-ui-theme] .body .progress-bar { background:var(--ui-success) !important; opacity:.3; }
html[data-ui-theme] .ui-feature-card:nth-child(1) { background:var(--ui-heading-bg); border-top-color:var(--ui-accent); }
html[data-ui-theme] .ui-feature-card:nth-child(2) { background:var(--ui-info-bg); border-top-color:var(--ui-info); }
html[data-ui-theme] .ui-feature-card:nth-child(3) { background:var(--ui-success-bg); border-top-color:var(--ui-success); }
html[data-ui-theme] .ui-feature-card:nth-child(2) .ui-step-number { color:var(--ui-info); }
html[data-ui-theme] .ui-feature-card:nth-child(3) .ui-step-number { color:var(--ui-success); }
html[data-ui-theme] .ui-api-strip { background:var(--ui-fee-bg); border-color:var(--ui-line); }
html[data-ui-theme] .body .alert-info { background:var(--ui-info-bg); color:var(--ui-info); border-color:var(--ui-info-line); }
html[data-ui-theme] .body .alert-warning { background:var(--ui-warning-bg); color:var(--ui-warning); border-color:var(--ui-note-line); }
html[data-ui-theme] .body .alert-danger { background:var(--ui-danger-bg); color:var(--ui-danger); border-color:var(--ui-danger); }
html[data-ui-theme] .body .alert-success { background:var(--ui-success-bg); color:var(--ui-success); border-color:var(--ui-success); }
html[data-ui-theme] .body .ui-orders .nav-pills .nav-link { color:var(--ui-muted); background:var(--ui-alt); border:1px solid var(--ui-line); }
html[data-ui-theme] .body .ui-orders .nav-pills .nav-link.active { color:var(--ui-primary-text); background:var(--ui-primary-bg); border-color:var(--ui-primary-bg); }
html[data-ui-theme] .body .modal-header, html[data-ui-theme] .body .modal-footer { border-color:var(--ui-line); }
html[data-ui-theme] .body .close { color:var(--ui-text); text-shadow:none; opacity:.75; }
html[data-ui-theme] .body .affbox, html[data-ui-theme] .body .afperbox { background:var(--ui-surface); border-color:var(--ui-line); color:var(--ui-text); box-shadow:var(--ui-shadow); }
html[data-ui-theme] .body .result-table { background:var(--ui-surface); }
html[data-ui-theme] .body .result-table th { background:var(--ui-heading-bg); }
html[data-ui-theme] .body .input-tip, html[data-ui-theme] .body .sec-uid, html[data-ui-theme] .body .summary-card .label { color:var(--ui-muted); }
html[data-ui-theme] .body .status-success { color:var(--ui-success); }
html[data-ui-theme] .body .status-error { color:var(--ui-danger); }
html[data-ui-theme] .body .status-loading { color:var(--ui-warning); }
html[data-ui-theme] .body pre { background:var(--ui-alt); color:var(--ui-text); border-color:var(--ui-line); }
@media (min-width:992px) and (max-width:1199px) {
    html[data-ui-theme] .ui-order-main h2.ui-card-title { margin:-22px -22px 0; padding:20px 22px 8px; }
    html[data-ui-theme] .ui-order-main #order-form > .ui-muted { margin:0 -22px 24px; padding:0 22px 18px; }
}
@media (max-width:991px) {
    html[data-ui-theme] #block_3 .ui-mobile-navigation { background:var(--ui-nav); border-radius:12px; margin-top:12px; }
}
@media (max-width:767px) {
    html[data-ui-theme] .ui-order-main h2.ui-card-title { margin:-20px -20px 0; padding:18px 20px 8px; }
    html[data-ui-theme] .ui-order-main #order-form > .ui-muted { margin:0 -20px 22px; padding:0 20px 16px; }
}

/* Keep site branding within the sidebar and navigation header. */
.ui-brand-link {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}
#block_3 .component-sidebar__menu-logo {
    height: 64px;
    min-height: 64px;
    align-items: center;
}
#block_3 .component-sidebar__menu-brand {
    height: 100%;
    min-width: 0;
    padding-inline: 16px;
}
#block_3 .component-sidebar__menu-brand .ui-brand-link { width: 100%; }
#block_2 .component-navbar-public-brand,
#block_3 .component-navbar-public-brand { min-width: 0; }
#block_2 .component-navbar-public-brand .ui-brand-link {
    max-width: min(36vw, 360px);
    color: var(--ui-accent);
}
@media (max-width: 991px) {
    #block_2 .navbar-public__header,
    #block_3 .navbar-private__header { gap: 12px; min-width: 0; }
    #block_2 .sidebar-block__top-brand,
    #block_3 .sidebar-block__top-brand { flex: 1; min-width: 0; }
    #block_2 .component-navbar-public-brand,
    #block_3 .component-navbar-public-brand { width: 100%; }
    #block_2 .component-navbar-public-brand .ui-brand-link,
    #block_3 .component-navbar-public-brand .ui-brand-link { max-width: 100%; }
    #block_2 .navbar-toggler,
    #block_3 .navbar-toggler { flex: none; }
}