/* Typography: Golos UI font faces */
@font-face {
    font-family: "Golos UI";
    src: url("../Fonts/Golos-UI_Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Golos UI";
    src: url("../Fonts/Golos-UI_Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Golos UI";
    src: url("../Fonts/Golos-UI_Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Theme tokens */
:root {
    --fp-header-height: 72px;
    --fp-shell-border: var(--fp-color-border, #ebebeb);
    --fp-shell-bg: #ffffff;
    --fp-shell-text: #000000;
    --fp-shell-text-muted: rgba(0, 0, 0, 0.6);
    --fp-shell-shadow: 0 16px 48px rgba(0, 0, 0, 0.03);
}

button,
button:focus {
    outline: none;
}

/* Header: layout, controls, icons */
.fp-header {
    height: var(--fp-header-height);
    background: var(--fp-shell-bg);
    color: var(--fp-shell-text);
    border-bottom: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: stretch;
}

.fp-header a,
.fp-header button,
.fp-header p,
.fp-header span {
    color: inherit;
}

.fp-header .back-header-button {
    display: none;
}

.fp-header-rail {
    width: 260px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-right: 1px solid var(--fp-shell-border);
    border-bottom: none !important;
    background: var(--fp-shell-bg);
    flex: 0 0 260px;
}

.k-list .k-item.k-state-selected,
.k-list-optionlabel.k-state-selected {
    color: #fa5935 !important;
}

.fp-header-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px;
    gap: 16px;
    border-bottom: 1px solid var(--fp-shell-border);
}

.fp-header-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.fp-header-logo img {
    display: block;
    height: 56px;
    width: auto;
    border: 0;
}

@media (max-width: 640px) {
    .fp-header-rail {
        width: auto;
        flex-basis: auto;
        padding: 0 12px;
    }
    .fp-header-main {
        padding-left: 12px;
        padding-right: 12px;
    }
    .fp-header-logo img {
        height: 40px;
    }
}

/* Monitoring prices (new UI) */
.fp-monitoring-prices-page {
    padding: 24px;
    background: #f7f7f8;
    min-height: calc(100vh - var(--fp-header-height));
}

.fp-monitoring-prices-title {
    font-size: 36px;
    line-height: 1.08;
    font-weight: 700;
    color: #262626;
    margin: 0 0 20px 0;
}

.fp-monitoring-prices-subtitle {
    font-size: 24px;
    line-height: 1.24;
    font-weight: 500;
    color: #262626;
    max-width: 1600px;
}

.fp-monitoring-prices-note {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.35;
    color: rgba(0, 0, 0, 0.54);
}

.fp-monitoring-prices-filters {
    margin-top: 32px;
    margin-bottom: 24px;
}

.fp-monitoring-prices-region {
    min-width: 460px;
    max-width: 100%;
    height: 56px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background: #ffffff;
    padding: 0 18px;
    font-size: 18px;
    color: #262626;
}

.fp-monitoring-prices-table-wrap {
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    background: #ffffff;
    overflow: auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.fp-monitoring-prices-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.fp-monitoring-prices-cards {
    display: none;
}

.fp-monitoring-prices-table thead th {
    background: #ffffff;
    color: #707070;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 18px 20px;
    border-bottom: 1px solid #ececec;
    white-space: nowrap;
}

.fp-monitoring-prices-table tbody td {
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f0;
    color: #2d2d2d;
    font-size: 16px;
}

.fp-monitoring-prices-price-min {
    color: #2e7d32 !important;
    font-weight: 700;
}

.fp-monitoring-prices-table tbody tr:last-child td {
    border-bottom: none;
}

.fp-monitoring-prices-empty {
    padding: 22px 20px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 16px;
}

.fp-monitoring-prices-footer {
    margin-top: 12px;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
}

.fp-monitoring-prices-pager {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fp-monitoring-prices-pages {
    display: flex;
    align-items: center;
    gap: 6px;
}

.fp-monitoring-prices-pager-btn {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 14px;
}

.fp-monitoring-prices-pager-btn:hover {
    background: #f0f0f0;
}

.fp-monitoring-prices-pager-btn:disabled {
    opacity: 0.35;
    cursor: default;
}

.fp-monitoring-prices-page-btn {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border: none;
    border-radius: 17px;
    background: transparent;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.fp-monitoring-prices-page-btn:hover {
    background: #f0f0f0;
}

.fp-monitoring-prices-page-btn.is-active {
    background: #ffd0c4;
    color: #d85b3b;
    cursor: default;
}

.fp-monitoring-prices-page-btn:disabled {
    opacity: 1;
}

.fp-monitoring-prices-page-ellipsis {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 1;
    padding: 0 2px;
}

.fp-monitoring-prices-pager-current {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    background: #ffd0c4;
    color: #d85b3b;
    font-weight: 600;
}

.fp-monitoring-prices-pager-info {
    color: rgba(0, 0, 0, 0.54);
    font-size: 16px;
}

@media (max-width: 1280px) {
    .fp-monitoring-prices-page {
        padding: 16px;
    }

    .fp-monitoring-prices-title {
        font-size: 32px;
        margin-bottom: 12px;
    }

    .fp-monitoring-prices-subtitle {
        font-size: 16px;
        line-height: 1.35;
        max-width: 980px;
    }

    .fp-monitoring-prices-note {
        font-size: 13px;
        margin-top: 8px;
    }

    .fp-monitoring-prices-region {
        min-width: 0;
        width: 100%;
        max-width: 360px;
        height: 40px;
        font-size: 14px;
        border-radius: 4px;
    }

    .fp-monitoring-prices-filters {
        margin-top: 16px;
        margin-bottom: 12px;
    }

    .fp-monitoring-prices-table {
        display: none;
    }

    .fp-monitoring-prices-cards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 10px;
    }

    .fp-monitoring-prices-card {
        background: transparent;
        border: 1px solid #ececec;
        border-radius: 8px;
        padding: 10px 12px;
    }

    .fp-monitoring-prices-card-title {
        font-size: 14px;
        font-weight: 600;
        color: #2d2d2d;
        margin-bottom: 8px;
    }

    .fp-monitoring-prices-card-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 14px;
        row-gap: 4px;
    }

    .fp-monitoring-prices-card-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dashed #efefef;
        padding: 2px 0;
        min-height: 22px;
    }

    .fp-monitoring-prices-card-brand {
        color: rgba(0, 0, 0, 0.6);
        font-size: 12px;
        padding-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fp-monitoring-prices-card-price {
        color: #2d2d2d;
        font-size: 12px;
        font-weight: 500;
        flex: 0 0 auto;
    }

    .fp-monitoring-prices-footer {
        margin-top: 8px;
        min-height: 48px;
        padding: 8px 12px;
    }

    .fp-monitoring-prices-pager-btn {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .fp-monitoring-prices-pager-info {
        font-size: 13px;
    }
}

@media (max-width: 640px) {
    .fp-monitoring-prices-page {
        padding: 14px 10px;
    }

    .fp-monitoring-prices-title {
        font-size: 30px;
        margin-bottom: 12px;
    }

    .fp-monitoring-prices-subtitle {
        font-size: 14px;
    }

    .fp-monitoring-prices-note {
        font-size: 11px;
        margin-top: 10px;
    }

    .fp-monitoring-prices-region {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: 38px;
        font-size: 14px;
    }

    .fp-monitoring-prices-cards {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 8px;
    }

    .fp-monitoring-prices-card {
        background: transparent;
        border: 1px solid #ececec;
        border-radius: 8px;
        padding: 10px;
    }

    .fp-monitoring-prices-card-title {
        font-size: 14px;
    }

    .fp-monitoring-prices-card-brand {
        font-size: 11px;
    }

    .fp-monitoring-prices-card-price {
        font-size: 12px;
    }

    .fp-monitoring-prices-footer {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0;
        min-height: 42px;
        padding: 6px 10px;
    }

    .fp-monitoring-prices-pager {
        width: 100%;
        justify-content: center;
    }

    .fp-monitoring-prices-pager-info {
        display: none;
    }
}

.fp-header-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.fp-header-ddl.k-dropdown,
.fp-header-ddl.k-widget.k-dropdown {
    height: 40px;
}

.fp-header-ddl.k-dropdown .k-dropdown-wrap,
.fp-header-ddl.k-widget.k-dropdown .k-dropdown-wrap {
    height: 38px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #ffffff;
    display: flex;
    align-items: center;
}

.fp-header-ddl.k-dropdown .k-input,
.fp-header-ddl.k-widget.k-dropdown .k-input {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 9px 16px !important;
}

.fp-header-ddl.k-dropdown .k-select,
.fp-header-ddl.k-widget.k-dropdown .k-select {
    width: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}

.fp-header-ddl-no-arrow.k-dropdown .k-select,
.fp-header-ddl-no-arrow.k-widget.k-dropdown .k-select {
    display: none !important;
}

.fp-header-ddl-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    opacity: 0.7;
    flex: 0 0 20px;
}

.fp-header-ddl-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    top: 2px;
    position: relative;
}

.fp-header-ddl-item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.fp-header-ddl-item-company {
    margin-left: 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-header-ddl-item-inactive {
    color: rgba(0, 0, 0, 0.54) !important;
}

.k-list .fp-header-ddl-item-company {
    display: inline-flex;
}

.fp-header-ddl-contract {
    width: 340px;
}

.fp-header-ddl-company {
    width: 420px;
    height: 38px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #ffffff;
    display: flex;
    align-items: center;
    padding: 9px 16px;
    gap: 8px;
}

.fp-header-ddl-billing-type {
    width: 360px;
}

@media (max-width: 640px) {
    .fp-header-ddl-contract {
        width: 240px;
    }
    .fp-header-ddl-company {
        width: 100%;
    }
    .fp-header-ddl-billing-type {
        width: 240px;
    }
}

.fp-header-select {
    height: 40px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    text-decoration: none;
    cursor: pointer;
}

.k-widget.fpTopupModal {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
}

@media (min-width: 768px) {
    .fp-topup-window.k-window.fpTopupModal {
        width: auto !important;
        min-width: 415px !important;
        max-width: 415px !important;
        height: auto !important;
        max-height: none !important;
    }
}

.fp-header-select:hover {
    background: rgba(0, 0, 0, 0.02);
}

.fp-header-select-contract {
    min-width: 220px;
}

.fp-header-select-company {
    min-width: 260px;
    max-width: 420px;
}

.fp-header-select-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
}

.fp-header-select-text-ellipsis {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-header-select-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    opacity: 0.7;
    flex: 0 0 20px;
}

.fp-header-select-caret {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-image: url("/img/figma/assets/614f84e5-88b4-4c7b-9782-40b2ce4fbe80.svg");
    opacity: 0.7;
    margin-left: auto;
    flex: 0 0 16px;
}

.fp-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.fp-header-menu-toggle {
    height: 32px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.74);
    display: none;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.fp-header-menu-toggle-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.fp-header-menu-toggle-icon::before,
.fp-header-menu-toggle-icon::after {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    height: 2px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
}

.fp-header-menu-toggle-icon::before {
    top: 4px;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.6);
}

.fp-header-menu-toggle-icon::after {
    top: 12px;
}

.fp-header-menu-toggle.is-open .fp-header-menu-toggle-icon::before {
    top: 7px;
    box-shadow: none;
    transform: rotate(45deg);
}

.fp-header-menu-toggle.is-open .fp-header-menu-toggle-icon::after {
    top: 7px;
    transform: rotate(-45deg);
}

.fp-header-menu-toggle-text {
    display: inline-block;
}

.fp-header-api {
    height: 28px;
    padding: 0 10px;
    border-radius: 4px;
    background: #fa5935;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-decoration: none;
}

.fp-header-edo {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.6) !important;
    text-decoration: none;
    padding: 4px 6px;
}

.fp-header-edo:hover {
    color: rgba(0, 0, 0, 0.87) !important;
}

.fp-api-modal {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 8px 4px;
}

.fp-api-modal__text {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.84);
}

.fp-api-modal__info {
    border: 1px solid #d7d7d7;
    padding: 10px 12px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fp-api-modal__link {
    color: #2166f3;
    text-decoration: underline;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
}

.fp-api-modal__actions {
    display: flex;
    justify-content: flex-end;
}

.fp-api-modal__btn {
    min-width: 160px;
    height: 38px;
    border-radius: 8px;
    font-weight: 700;
}

.fp-api-modal__btn-primary {
    background: #1f7a3f !important;
    border-color: #1f7a3f !important;
    color: #fff !important;
}

.fp-api-modal__btn-danger {
    background: #d63a2f !important;
    border-color: #d63a2f !important;
    color: #fff !important;
}

.fp-header-icon-btn {
    width: 32px;
    height: 32px;
    border: 0;
    padding: 0;
    background: transparent;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
}

.fp-header-icon-btn:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.fp-header-icon-btn-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.fp-header-ico-briefcase {
    background-image: url("/img/figma/assets/19e18ab9-0909-49aa-b936-14da116419b2.svg");
}
.fp-header-ico-bell {
    background-image: url("/img/figma/assets/9c1519cf-be82-4d35-949d-c1822a5de283.svg");
}
.fp-header-ico-gear {
    background-image: url("/img/figma/assets/c78e00b0-c24b-432a-8737-0d8d6d1345f0.svg");
}
.fp-header-ico-logout {
    background-image: url("/img/figma/assets/ff2dc3c8-6a80-4b04-ac66-bf75d80a434d.svg");
}

.fp-header-icon-badge {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fa5935;
    box-shadow: 0 0 0 2px #ffffff;
}

.fp-header-logout-form {
    display: flex;
    margin: 0;
}

/* Sidebar + menu: desktop navigation */
.fp-sidebar {
    width: 260px;
    background: var(--fp-shell-bg);
    color: var(--fp-shell-text);
    border-right: 1px solid var(--fp-shell-border);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: calc(100vh - var(--fp-header-height));
    flex: 0 0 260px;
    overflow: hidden;
}

/* Sidebar + menu: mobile navigation */
.fp-menu-mobile-head,
.fp-menu-mobile-controls {
    display: none;
}

.fp-menu-mobile-head {
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--fp-shell-border);
    background: #ffffff;
}

.fp-menu-mobile-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.fp-menu-mobile-logo img {
    height: 36px;
    width: auto;
    display: block;
}

.fp-menu-mobile-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fp-menu-mobile-actions .fp-header-icon-btn {
    width: 28px;
    height: 28px;
    background-size: 20px 20px;
}

.fp-menu-mobile-close {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.fp-menu-mobile-close-icon {
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
}

.fp-menu-mobile-close-icon::before,
.fp-menu-mobile-close-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
}

.fp-menu-mobile-close-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.fp-menu-mobile-close-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.fp-menu-mobile-controls {
    padding: 12px 12px 8px;
    border-bottom: 1px solid var(--fp-shell-border);
    background: #ffffff;
}

.fp-menu-mobile-controls .fp-header-controls {
    width: 100%;
    display: grid !important;
    gap: 10px;
}

.fp-menu-mobile-controls .fp-header-controls .k-dropdown {
    margin-bottom: 0;
}

.fp-menu-mobile-controls .fp-header-ddl.k-dropdown,
.fp-menu-mobile-controls .fp-header-ddl.k-widget.k-dropdown {
    width: 100% !important;
}

.fp-menu-mobile-controls .fp-header-api {
    width: 100%;
    height: 32px;
    border-radius: 6px;
    justify-content: center;
    margin-bottom: 8px;
}

.fp-menu-mobile-controls .fp-header-edo {
    width: 100%;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #ebebeb;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.6) !important;
    margin-top: 8px;
    background: #ffffff;
}

.fp-menu-mobile-controls .fp-header-api,
.fp-menu-mobile-controls .fp-header-edo {
    display: inline-flex !important;
}

.fp-menu-mobile-controls .fp-header-edo::before {
    top: 2px;
    position: relative;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACmSURBVHgB7ZLRCoIwGIVPZmUrogi66P2fLwiM0MI6B7cY4pqtK8EPvpv9cjz7GTAxPuaReUbXdEFftAl9OPsScKSmc17SK31iYKMzXfWcL234zTYMBm3pPhDit1VI1Rek4Ynu0O4jRk4f8K7ogtRig+Hox2pf0LsaZnZgkIaCDi7ZVU3F+EEV/sQFlUhHO/osu0b7OAv8hm5yoU33ZeeeMWrrxGh5A49aFrYtjz8+AAAAAElFTkSuQmCC);
}

.fp-menu-mobile-controls .fp-header-edo::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMTYgNS4zMzMzM0M1LjMyMDE2IDUuMzMzMzMgMi4zMzM1IDguMzE5OTkgMi4zMzM1IDEyQzIuMzMzNSAxNS42OCA1LjMyMDE2IDE4LjY2NjcgOS4wMDAxNiAxOC42NjY3QzEyLjY4MDIgMTguNjY2NyAxNS42NjY4IDE1LjY4IDE1LjY2NjggMTJDMTUuNjY2OCA4LjMxOTk5IDEyLjY4MDIgNS4zMzMzMyA5LjAwMDE2IDUuMzMzMzNaTTkuMDAwMTYgMTUuMzMzM0M4LjYzMzUgMTUuMzMzMyA4LjMzMzUgMTUuMDMzMyA4LjMzMzUgMTQuNjY2N1YxMkM4LjMzMzUgMTEuNjMzMyA4LjYzMzUgMTEuMzMzMyA5LjAwMDE2IDExLjMzMzNDOS4zNjY4MyAxMS4zMzMzIDkuNjY2ODMgMTEuNjMzMyA5LjY2NjgzIDEyVjE0LjY2NjdDOS42NjY4MyAxNS4wMzMzIDkuMzY2ODMgMTUuMzMzMyA5LjAwMDE2IDE1LjMzMzNaTTkuNjY2ODMgOS45OTk5OUg4LjMzMzVWOC42NjY2Nkg5LjY2NjgzVjkuOTk5OTlaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+Cjwvc3ZnPgo=);
    top: 2px;
    position: relative;
    margin-left: auto;
}

/* Mobile menu overlay + toggles */
.fp-menu-overlay {
    position: fixed;
    top: var(--fp-header-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 1200;
}

body.fp-menu-open {
    overflow: hidden;
}

/* Menu header/logo */
.fp-menu-top {
    height: 72px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid var(--fp-shell-border);
}

.fp-menu-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.fp-menu-logo img {
    display: block;
    height: 40px;
    width: auto;
}

/* Menu items */
.fp-sidebar .menu .item {
    display: flex;
    align-items: center;
    color: var(--fp-shell-text);
    padding: 8px 10px;
    border-radius: 8px;
    margin: 2px 8px;
    text-decoration: none;
}

.fp-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

/* Users page (new UI) */
.fp-users-page--super {
    padding: 24px 28px;
    min-height: calc(100vh - var(--fp-header-height));
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #f4f4f4 !important;
}

.fp-users-page--super .k-grid {
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.fp-users-page--super .k-grid-content {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
}

.fp-users-page--super .k-grid-pager {
    margin-top: auto;
}

.fp-users-page--super .k-grid-header {
    background: #fafafa;
}

.fp-users-page--super .k-grid-header th {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #7b8086;
    border-bottom: 1px solid #eceef1;
}

.fp-users-page--super .k-grid td {
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    border-color: #eceef1;
}

.fp-users-page--super .k-grid tr {
    border-bottom: 1px solid #eceef1;
}

.fp-users-page--super .k-grid .k-alt {
    background: #fbfbfb;
}

.fp-users-page--super .k-grid-toolbar {
    display: none;
}

.fp-users-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0;
}

.fp-users-title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-users-controls {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.fp-users-search {
    position: relative;
    width: 360px;
    max-width: 48vw;
}

.fp-users-search input {
    width: 100%;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #e6e8ec;
    padding: 0 38px 0 12px;
    font-size: 13px;
    line-height: 18px;
}

.fp-users-search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='16.5' y1='16.5' x2='21' y2='21'/></svg>");
    opacity: 0.6;
}

.fp-users-add {
    height: 36px;
    border-radius: 8px;
    padding: 0 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #fa5935;
    border: 1px solid #fa5935;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.fp-users-add:hover {
    background: #e24f31;
    border-color: #e24f31;
}

.fp-users-add-plus {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
}

.fp-users-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.fp-users-status--active {
    background: #e9f7df;
    color: #2f9d2f;
}

.fp-users-status--blocked {
    background: #ffe9e4;
    color: #ff3b30;
}

.fp-users-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
}

.fp-users-action {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.fp-users-action-trigger {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fp-users-action-trigger::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #7b8086;
    box-shadow:
        0 -6px 0 #7b8086,
        0 6px 0 #7b8086;
}

.fp-users-action-menu {
    position: fixed;
    min-width: 160px;
    padding: 6px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    display: none;
    z-index: 10000;
}

.fp-users-action.is-open .fp-users-action-menu {
    display: block;
}

.fp-users-action-item {
    width: 100%;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
    cursor: pointer;
    text-align: left;
}

.fp-users-action-item:hover {
    background: #f5f6f8;
}

.fp-users-mobile {
    display: none;
    flex-direction: column;
    gap: 12px;
}

.fp-users-mobile-controls {
    display: flex;
    width: 100%;
}

.fp-users-mobile-filter-toggle {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-users-mobile-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.fp-users-mobile-card__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-users-mobile-card__status {
    flex: 0 0 auto;
}

.fp-users-mobile-card__status .fp-users-status {
    font-size: 11px;
    line-height: 14px;
    padding: 4px 6px;
}

.fp-users-mobile-card__main {
    display: grid;
    gap: 6px;
}

.fp-users-mobile-card__line {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
}

.fp-users-mobile-card__line span:first-child {
    color: #7b8086;
}

.fp-users-mobile-card__line span:last-child {
    text-align: right;
    max-width: 68%;
    overflow-wrap: anywhere;
}

.fp-users-mobile-card__footer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fp-users-actions-panel__name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-users-actions-panel__status .fp-users-status {
    font-size: 11px;
    line-height: 14px;
    padding: 4px 6px;
}

/* Company settings page (new UI) */
.fp-company-settings-page--super {
    padding: 24px 28px 32px;
    background: #f4f4f4 !important;
    height: 100%;
}

.fp-company-settings-title {
    margin: 0 0 14px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-company-settings-card {
    width: 430px;
    max-width: 100%;
    background: #ffffff;
    border: 1px solid #ebecef;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}

.fp-company-settings-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.fp-company-settings-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fp-company-settings-label {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #4b4f54;
}

.fp-company-settings-input {
    width: 100%;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #d6d8db;
    background: #ffffff;
    padding: 9px 16px;
    font-size: 16px;
    line-height: 16px;
    color: #2b2b2b;
    box-sizing: border-box;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.fp-company-settings-input:focus {
    outline: none;
}

.fp-company-settings-input[readonly],
.fp-company-settings-input[aria-readonly="true"] {
    background: #f8f8f9;
    color: #666b72;
}

.fp-company-settings-state {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 18px;
    color: #7b8086;
}

.fp-company-settings-save {
    margin-top: 12px;
    height: 34px;
    min-width: 112px;
    border-radius: 3px;
    padding: 0 16px;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #fa5935;
    border: 1px solid #fa5935;
    color: #ffffff;
    cursor: pointer;
}

.fp-company-settings-save:hover {
    background: #e24f31;
    border-color: #e24f31;
}

.fp-company-settings-save:disabled {
    opacity: 0.55;
    cursor: default;
}

@media (max-width: 768px) {
    .fp-company-settings-page--super {
        padding: 16px;
    }

    .fp-company-settings-card {
        width: 100%;
        max-width: 100%;
    }

    .fp-company-settings-save {
        width: 100%;
        min-width: 0;
    }
}

/* Menu state: active/expanded */
.fp-menu-item.is-active {
    background: #f5f6f8;
}

.fp-menu-section-active > .expand_trigger {
    background: #f5f6f8;
}

.fp-menu-item.is-active .fp-menu-icon,
.fp-menu-section-active > .expand_trigger .fp-menu-icon {
    filter: brightness(0) saturate(100%) invert(48%) sepia(86%) saturate(4275%)
        hue-rotate(347deg) brightness(98%) contrast(100%);
}

/* Menu item layout + icons */
.fp-menu-item-left {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.fp-menu-text {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fp-menu-item-child {
    padding-left: 18px;
}

/* Menu icons */
.fp-menu-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    flex: 0 0 20px;
}

.fp-menu-icon-home {
    background-image: url("/img/figma/assets/cb4e55b5-f967-40fd-beb8-406f6946c7be.svg");
}
.fp-menu-icon-news {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'><path d='M12.7667 0.288333L12.22 0.835L11.5867 0.195C11.3267 -0.065 10.9067 -0.065 10.64 0.195L10 0.835L9.36 0.195C9.1 -0.065 8.67333 -0.065 8.41333 0.195L7.78 0.835L7.14 0.195C6.88 -0.065 6.46 -0.065 6.2 0.195L5.56 0.835L4.92 0.195C4.66 -0.065 4.24 -0.065 3.97333 0.195L3.33333 0.835L2.69333 0.195C2.43333 -0.065 2.00667 -0.065 1.74667 0.195L1.11333 0.835L0.566667 0.288333C0.36 0.0816666 0 0.228333 0 0.528333V10.3883C0 11.1217 0.6 11.7217 1.33333 11.7217H12C12.7333 11.7217 13.3333 11.1217 13.3333 10.3883V0.528333C13.3333 0.228333 12.9733 0.0816666 12.7667 0.288333ZM6 10.3883H1.33333V6.38833H6V10.3883ZM12 10.3883H7.33333V9.055H12V10.3883ZM12 7.72167H7.33333V6.38833H12V7.72167ZM12 5.055H1.33333V3.055H12V5.055Z' fill='black' fill-opacity='0.87'/></svg>");
}
.fp-menu-icon-transactions {
    background-image: url("/img/figma/assets/45bfbb6f-5aea-46ed-8dff-189bfc88b6f4.svg");
}
.fp-menu-icon-owners {
    background-image: url("/img/figma/assets/0e5cb0ee-71ca-4708-a925-60683bf51fcc.svg");
}
.fp-menu-icon-cards {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'><path d='M12 0H1.33333C0.593333 0 0.00666666 0.593333 0.00666666 1.33333L0 9.33333C0 10.0733 0.593333 10.6667 1.33333 10.6667H12C12.74 10.6667 13.3333 10.0733 13.3333 9.33333V1.33333C13.3333 0.593333 12.74 0 12 0ZM11.3333 9.33333H2C1.63333 9.33333 1.33333 9.03333 1.33333 8.66667V5.33333H12V8.66667C12 9.03333 11.7 9.33333 11.3333 9.33333ZM12 2.66667H1.33333V1.33333H12V2.66667Z' fill='black' fill-opacity='0.87'/></svg>");
}
.fp-menu-icon-limits {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M3.33333 6.66667C3.33333 7.03333 3.63333 7.33333 4 7.33333H9.33333C9.7 7.33333 10 7.03333 10 6.66667C10 6.3 9.7 6 9.33333 6H4C3.63333 6 3.33333 6.3 3.33333 6.66667ZM6.66667 0C2.98667 0 0 2.98667 0 6.66667C0 10.3467 2.98667 13.3333 6.66667 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66667 0ZM6.66667 12C3.72667 12 1.33333 9.60667 1.33333 6.66667C1.33333 3.72667 3.72667 1.33333 6.66667 1.33333C9.60667 1.33333 12 3.72667 12 6.66667C12 9.60667 9.60667 12 6.66667 12Z' fill='black' fill-opacity='0.87'/></svg>");
}
.fp-menu-icon-azs {
    background-image: url("/img/figma/assets/d80de2f1-94c0-48ac-9960-e428032d2962.svg");
}
.fp-menu-icon-reports {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M8.66667 0H1.33333C0.6 0 0 0.6 0 1.33333V10.6667C0 11.4 0.6 12 1.33333 12H10.6667C11.4 12 12 11.4 12 10.6667V3.33333L8.66667 0ZM3.33333 2.66667H5.33333C5.7 2.66667 6 2.96667 6 3.33333C6 3.7 5.7 4 5.33333 4H3.33333C2.96667 4 2.66667 3.7 2.66667 3.33333C2.66667 2.96667 2.96667 2.66667 3.33333 2.66667ZM8.66667 9.33333H3.33333C2.96667 9.33333 2.66667 9.03333 2.66667 8.66667C2.66667 8.3 2.96667 8 3.33333 8H8.66667C9.03333 8 9.33333 8.3 9.33333 8.66667C9.33333 9.03333 9.03333 9.33333 8.66667 9.33333ZM8.66667 6.66667H3.33333C2.96667 6.66667 2.66667 6.36667 2.66667 6C2.66667 5.63333 2.96667 5.33333 3.33333 5.33333H8.66667C9.03333 5.33333 9.33333 5.63333 9.33333 6C9.33333 6.36667 9.03333 6.66667 8.66667 6.66667ZM8 3.33333V1.33333L10.6667 4H8.66667C8.3 4 8 3.7 8 3.33333Z' fill='black' fill-opacity='0.87'/></svg>");
}
.fp-menu-icon-monitor {
    background-image: url("/img/figma/assets/fp-monitor-icon.svg");
}
.fp-menu-icon-settings {
    background-image: url("/img/figma/assets/c78e00b0-c24b-432a-8737-0d8d6d1345f0.svg");
}
.fp-menu-icon-bill {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'><path d='M11 1L10 0L9 1L8 0L7 1L6 0L5 1L4 0L3 1L2 0V9.33333H0V11.3333C0 12.44 0.893333 13.3333 2 13.3333H10C11.1067 13.3333 12 12.44 12 11.3333V0L11 1ZM10.6667 11.3333C10.6667 11.7 10.3667 12 10 12C9.63333 12 9.33333 11.7 9.33333 11.3333V9.33333H3.33333V2H10.6667V11.3333Z' fill='black' fill-opacity='0.87'/><path d='M8 3.33333H4V4.66667H8V3.33333Z' fill='black' fill-opacity='0.87'/><path d='M10 3.33333H8.66667V4.66667H10V3.33333Z' fill='black' fill-opacity='0.87'/><path d='M8 5.33333H4V6.66667H8V5.33333Z' fill='black' fill-opacity='0.87'/><path d='M10 5.33333H8.66667V6.66667H10V5.33333Z' fill='black' fill-opacity='0.87'/></svg>");
}
.fp-menu-icon-mobile-app {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='15' viewBox='0 0 12 15' fill='none'><path d='M8 11.3333H1.33333V3.33333H8V4H9.33333V1.33333C9.33333 0.6 8.73333 0 8 0H1.33333C0.6 0 0 0.6 0 1.33333V13.3333C0 14.0667 0.6 14.6667 1.33333 14.6667H8C8.73333 14.6667 9.33333 14.0667 9.33333 13.3333V10.6667H8V11.3333Z' fill='black' fill-opacity='0.87'/><path d='M10.2533 5.74667L10.52 6.32667C10.58 6.46 10.7667 6.46 10.8267 6.32667L11.0933 5.74667L11.6733 5.48C11.8067 5.42 11.8067 5.23333 11.6733 5.17333L11.0933 4.90667L10.8267 4.32667C10.7667 4.19333 10.58 4.19333 10.52 4.32667L10.2533 4.90667L9.67333 5.17333C9.54 5.23333 9.54 5.42 9.67333 5.48L10.2533 5.74667Z' fill='black' fill-opacity='0.87'/><path d='M7.02667 5.33333L6.5 6.5L5.33333 7.02667C5.07333 7.14667 5.07333 7.51333 5.33333 7.63333L6.5 8.16L7.02667 9.33333C7.14667 9.59333 7.51333 9.59333 7.63333 9.33333L8.16 8.16667L9.33333 7.64C9.59333 7.52 9.59333 7.15333 9.33333 7.03333L8.16667 6.50667L7.64 5.33333C7.52 5.07333 7.14667 5.07333 7.02667 5.33333Z' fill='black' fill-opacity='0.87'/><path d='M10.5133 8.33333L10.2467 8.91333L9.66667 9.18C9.53333 9.24 9.53333 9.42667 9.66667 9.48667L10.2467 9.75333L10.5133 10.3333C10.5733 10.4667 10.76 10.4667 10.82 10.3333L11.0867 9.75333L11.6667 9.48667C11.8 9.42667 11.8 9.24 11.6667 9.18L11.0867 8.91333L10.82 8.33333C10.76 8.20667 10.5733 8.20667 10.5133 8.33333Z' fill='black' fill-opacity='0.87'/></svg>");
}
.fp-menu-icon-logout {
    background-image: url("/img/figma/assets/ff2dc3c8-6a80-4b04-ac66-bf75d80a434d.svg");
}

/* Menu footer */
.fp-menu-bottom {
    position: sticky;
    bottom: 0;
    background: var(--fp-shell-bg);
    border-top: 1px solid var(--fp-shell-border);
    padding: 8px 10px;
}

.fp-menu-collapse {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: 0;
    padding: 8px 10px;
    border-radius: 10px;
    color: var(--fp-shell-text-muted);
    cursor: pointer;
}

.fp-menu-collapse:hover {
    background: rgba(0, 0, 0, 0.04);
}

.fp-menu {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.fp-menu-bottom {
    margin-top: auto;
    padding: 8px 12px 12px;
    background: var(--fp-shell-bg);
}

.fp-menu-logout-form {
    display: none;
    padding: 6px 0 10px;
    border-top: 1px solid #f0f0f0;
}

.fp-menu-logout-form .fp-menu-item {
    width: 100%;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
}

.fp-menu-banner {
    padding: 8px 12px 6px;
    transition: padding 150ms ease;
}

.fp-menu-banner-link {
    display: block;
}

.fp-menu-banner img {
    display: block;
    width: 100%;
    max-width: 280px;
    height: auto;
    margin: 0 auto;
    border-radius: 8px;
    transition: max-width 150ms ease;
}

@media (min-width: 1025px) {
    .menu-block.fp-menu-has-open-section .fp-menu-banner {
        padding: 8px 12px 6px;
    }
    .menu-block.fp-menu-has-open-section .fp-menu-banner img {
        max-width: 280px;
    }
}

.fp-menu-collapse-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-image: url("/img/figma/assets/fec6b0e7-7b82-4839-84b9-0e76c71bdf25.svg");
    opacity: 0.7;
    transition: transform 150ms ease;
}

.fp-menu-collapsed .fp-menu-collapse-icon {
    transform: scaleX(-1);
}

.fp-menu-collapse-text {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
}

.fp-menu-collapsed.fp-sidebar {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
    flex: 0 0 72px;
}

.fp-menu-collapsed .fp-menu-text,
.fp-menu-collapsed .fp-menu-collapse-text,
.fp-menu-collapsed .fp-menu-banner {
    display: none;
}

.fp-menu-collapsed .fp-menu-item {
    justify-content: center;
}

.fp-menu-collapsed .fp-menu-item-left {
    gap: 0;
}

.fp-menu-collapsed .fp-menu-item,
.fp-menu-collapsed .fp-menu-collapse {
    padding-left: 12px;
    padding-right: 12px;
}

.fp-sidebar.fp-menu-collapsed .menu .item {
    min-height: 44px;
    margin: 4px 8px;
    padding: 8px 0;
    border-radius: 10px;
}

.fp-sidebar.fp-menu-collapsed .fp-menu-item {
    justify-content: center;
    gap: 0;
}

.fp-sidebar.fp-menu-collapsed .fp-menu-item-left {
    width: 100%;
    justify-content: center;
    gap: 0;
}

.fp-sidebar.fp-menu-collapsed .fp-menu-chevron,
.fp-sidebar.fp-menu-collapsed .expand_section .icon {
    display: none !important;
}

.fp-sidebar.fp-menu-collapsed .fp-menu-collapse {
    justify-content: center;
    padding: 8px 0;
}

.fp-menu-collapsed .fp-menu-logo {
    width: 40px;
    overflow: hidden;
}

.fp-menu-collapsed .fp-menu-logo img {
    height: 32px;
}

/* Responsive: header/menu behavior */
@media (max-width: 1024px) {
    body {
        height: auto;
        min-height: 100vh;
    }
    #body-parent {
        height: auto;
    }
    .contentBlock {
        overflow: visible;
    }
    .contentBlock > .flex-grow {
        overflow: auto;
    }
    .fp-header {
        border-bottom: 1px solid #ebebeb !important;
    }
    .fp-header-rail {
        width: auto;
        flex: 0 0 auto;
        padding: 0 12px;
        border-right: none;
    }
    .fp-header-main {
        padding: 12px 16px;
    }
    .fp-header-controls {
        display: none;
    }
    .fp-header-right {
        margin-left: auto;
    }
    .fp-header-menu-toggle {
        display: inline-flex;
    }
    .fp-sidebar {
        position: fixed;
        top: var(--fp-header-height);
        left: 0;
        bottom: 0;
        height: auto;
        width: 320px;
        max-width: 100%;
        transform: translateX(-100%);
        transition: transform 0.2s ease;
        z-index: 1300;
        border-right: none;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    }
    .fp-sidebar.fp-menu-collapsed {
        width: 320px;
    }
    .fp-sidebar.fp-menu-collapsed .fp-menu-text,
    .fp-sidebar.fp-menu-collapsed .fp-menu-collapse-text,
    .fp-sidebar.fp-menu-collapsed .fp-menu-banner {
        display: block;
    }
    .fp-sidebar.fp-menu-collapsed .fp-menu-item {
        justify-content: flex-start;
    }
    .fp-sidebar.fp-menu-collapsed .fp-menu-item-left {
        gap: 10px;
    }
    body.fp-menu-open .fp-sidebar {
        transform: translateX(0);
    }
    body.fp-menu-open .fp-menu-overlay {
        opacity: 1;
        pointer-events: auto;
    }
    .fp-menu-bottom {
        display: none;
    }
    .fp-menu-mobile-head {
        display: flex;
    }
    .fp-menu-mobile-controls {
        display: block;
    }
    .fp-header-logout-form {
        display: none;
    }
    .fp-menu-logout-form {
        display: block;
        padding: 8px 12px;
        order: 3;
    }
    .fp-menu-banner {
        padding: 0 12px 6px;
        order: 2;
    }
    .fp-menu-banner img {
        max-width: 250px;
    }
    .fp-menu-logout-form .fp-menu-icon {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        flex: 0 0 16px;
    }
    body.fp-menu-open .fp-sidebar .menu .item {
        margin: 0;
        border-radius: 0;
        padding: 9px 12px;
        border-bottom: 1px solid #f0f0f0;
    }
    body.fp-menu-open .fp-sidebar .expand_section {
        border-bottom: 1px solid #f0f0f0;
    }
    body.fp-menu-open .fp-sidebar .expand_wrapper {
        padding-left: 0;
    }
    body.fp-menu-open .fp-sidebar .expand_wrapper .fp-menu-item {
        padding-left: 28px;
    }
    body.fp-menu-open .fp-sidebar .fp-menu-bottom {
        border-top: 1px solid #f0f0f0;
    }
}

@media (max-height: 860px) {
    .fp-sidebar .menu .item {
        padding: 6px 8px;
        margin: 1px 6px;
    }
    .fp-menu-text {
        font-size: 12px;
        line-height: 16px;
    }
    .fp-menu-icon {
        width: 18px;
        height: 18px;
        background-size: 18px 18px;
        flex: 0 0 18px;
    }
    .fp-menu-bottom {
        padding: 6px 10px 8px;
    }
    .fp-menu-collapse {
        padding: 6px 8px;
    }
    .fp-menu-collapse-text {
        font-size: 12px;
        line-height: 16px;
    }
    .fp-menu-banner {
        padding: 6px 10px 4px;
    }
    .fp-menu-banner img {
        max-width: 280px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .fp-menu-banner {
        padding: 6px 10px 4px;
    }
    .fp-menu-banner img {
        max-width: 220px;
    }
}

/* Top up balance modal (FuelOnline 2.0) */
.fp-topup-window .k-window-titlebar {
    display: none !important;
}

.fp-topup-window.k-window {
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.24);
}

.fp-topup-window .k-window-content {
    padding: 0 !important;
}

.fp-topup-modal {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    font-family:
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
}

.fp-topup-head {
    height: 56px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fp-topup-title {
    font-family:
        "Golos Text",
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.fp-topup-close {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    border-radius: 8px;
    font-size: 22px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

.fp-topup-close:hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
}

.fp-topup-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.fp-topup-tab {
    height: 48px;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    position: relative;
    cursor: pointer;
}

.fp-topup-tab.is-active {
    color: rgba(0, 0, 0, 0.87);
}

.fp-topup-tab.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #fa5935;
}

.fp-topup-body {
    padding: 16px;
}

.fp-topup-pane {
    display: none;
}

.fp-topup-pane.is-active {
    display: block;
}

.fp-topup-field {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.fp-topup-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0;
}

.fp-topup-control .k-textbox,
.fp-topup-control .k-textbox .k-input,
.fp-topup-control .k-dropdown .k-dropdown-wrap {
    border-radius: 4px !important;
}

.fp-topup-control .k-textbox,
.fp-topup-control .k-dropdown,
.fp-topup-control .k-widget {
    width: 100% !important;
}

.fp-topup-control .k-dropdown .k-dropdown-wrap {
    width: 100% !important;
    box-sizing: border-box;
}

.fp-topup-control .k-textbox .k-input {
    width: 100% !important;
    box-sizing: border-box;
}

.fp-topup-window input,
.fp-topup-window .k-input,
.fp-topup-window .k-input-inner {
    text-align: left !important;
}

.fp-topup-primary {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    border: 0;
    background: #fa5935;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 6px;
}

.fp-topup-primary:hover {
    background: #e24f31;
}
.fp-topup-primary:active {
    background: #c9442b;
}

.fp-topup-sbp {
    display: grid;
    gap: 14px;
}

.fp-topup-qr {
    display: grid;
    place-items: center;
    padding: 6px 0;
}

.fp-topup-qr img {
    width: 220px;
    height: 220px;
    object-fit: contain;
}

.fp-topup-sbp-text {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6);
    padding: 0 10px;
}

.fp-topup-sbp-content {
    font-size: 10px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.54);
    text-align: center;
}

.fp-topup-sbp-content a {
    color: #fa5935;
}

/* Menu hover (legacy shell) */
.fp-sidebar .menu .item:hover {
    background: rgba(0, 0, 0, 0.04);
}

.fp-sidebar .expand_section .expand_wrapper {
    padding-left: 8px;
}

.fp-menu-chevron {
    font-family: "Material Icons Outlined";
    font-size: 20px;
    line-height: 20px;
}

.fp-sidebar .expand_section .icon {
    color: var(--fp-shell-text-muted);
}

/* Billing: toolbar + filters */
.fp-billing-actions {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 6px;
}

/* Billing: top up card (new UI) */
.fp-billing-topup-page {
    padding: 24px 28px;
    min-height: calc(100vh - var(--fp-header-height));
    background: #f4f4f4 !important;
}

.fp-billing-topup-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 16px;
}

.fp-billing-topup-card {
    width: 420px;
    max-width: 100%;
    background: #ffffff;
    border: 1px solid #e6e8ec;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
}

.fp-billing-topup-card-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 10px;
}

.fp-billing-topup-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #eceef1;
    margin: 0 -16px 12px;
    padding: 0 16px;
}

.fp-billing-topup-tab {
    height: 44px;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    position: relative;
    cursor: pointer;
}

.fp-billing-topup-tab.is-active {
    color: rgba(0, 0, 0, 0.87);
}

.fp-billing-topup-tab.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #fa5935;
}

.fp-billing-topup-pane {
    display: none;
}

.fp-billing-topup-pane.is-active {
    display: block;
}

.fp-billing-topup-field {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
}

.fp-billing-topup-label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #7b8086;
}

.fp-billing-topup-input {
    height: 36px;
    border-radius: 8px;
    border: 1px solid #e6e8ec;
    padding: 0 12px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    background: #ffffff;
    box-sizing: border-box;
    width: 100%;
}

.fp-billing-topup-input:focus {
    outline: none;
    border-color: #d0d4da;
}

.fp-billing-topup-error {
    font-size: 11px;
    line-height: 14px;
    color: #ff3b30;
}

.fp-billing-topup-submit {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 0;
    background: #fa5935;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 6px;
}

.fp-billing-topup-submit:hover {
    background: #e24f31;
}

.fp-billing-topup-last {
    margin-top: 16px;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #eceef1;
    background: #fafafa;
    display: grid;
    gap: 4px;
}

.fp-billing-topup-last-title {
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    color: #7b8086;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.fp-billing-topup-last-value {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-billing-topup-sbp-text {
    font-size: 13px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.7);
    word-break: break-word;
}

.fp-billing-topup-qr {
    margin-top: 14px;
    display: grid;
    place-items: center;
}

.fp-billing-topup-qr img {
    width: 220px;
    height: 220px;
    object-fit: contain;
}

.fp-billing-topup-link {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 0;
    background: #fa5935;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 14px;
}

.fp-billing-topup-link:hover {
    background: #e24f31;
}

.fp-billing-muted {
    color: rgba(0, 0, 0, 0.54);
}

@media (max-width: 520px) {
    .fp-billing-topup-card {
        width: 100%;
    }
}

.fp-orange-button.k-button,
.fp-orange-button.k-button:hover,
.fp-orange-button.k-button:focus {
    background: #fa5935;
    border-color: #fa5935;
    color: #ffffff;
    border-radius: 22px;
    height: 40px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.fp-orange-button.k-button:active {
    background: #e24f31;
    border-color: #e24f31;
}

.fp-orange-button.k-button .k-icon {
    color: #ffffff;
}

.fp-billing-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border-radius: 28px;
    background: #f6f6f6;
    border: 1px solid #ebebeb;
    margin: 14px 0 10px;
}

.fp-billing-filters-left,
.fp-billing-filters-right {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.fp-billing-ddl.k-dropdown,
.fp-billing-ddl.k-widget.k-dropdown {
    height: 40px;
}

.fp-billing-ddl.k-dropdown .k-dropdown-wrap,
.fp-billing-ddl.k-widget.k-dropdown .k-dropdown-wrap {
    height: 40px;
    border: 1px solid #d8dbe0;
    border-radius: 20px;
    background: #ffffff;
    padding: 0 14px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.fp-billing-ddl.k-dropdown .k-input,
.fp-billing-ddl.k-widget.k-dropdown .k-input {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-billing-ddl-company {
    width: 360px;
}

.fp-billing-ddl-type {
    width: 360px;
}

.k-pager-wrap .k-pager-numbers li {
    padding: 0;
    margin: 0 4px;
}

.k-pager-wrap .k-pager-numbers .k-link {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    border-color: transparent;
    color: #fa5935 !important;
    text-decoration: none;
    line-height: 1;
}

.fp-archive-footer .k-pager-wrap .k-pager-numbers .k-link {
    transition: background 0.2s ease;
}

.fp-archive-footer .k-pager-wrap .k-pager-numbers .k-link:hover {
    background: #fee5dd;
}

.k-pager-wrap .k-pager-numbers .k-link:hover {
    background: #fed7cf;
}

.k-pager-wrap .k-pager-numbers .k-state-selected,
.k-pager-wrap .k-pager-numbers .k-selected {
    background: transparent;
}

.k-pager-wrap .k-pager-numbers .k-state-selected .k-link,
.k-pager-wrap .k-pager-numbers .k-selected .k-link {
    background: #fa5935;
    border-color: #fa5935;
    color: #ffffff !important;
    font-weight: 700;
}

.k-pager-wrap .k-pager-numbers li.k-state-selected > .k-link,
.k-pager-wrap .k-pager-numbers li.k-selected > .k-link,
.k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
.k-pager-wrap .k-pager-numbers .k-link.k-selected {
    background: #fa5935 !important;
    border-color: #fa5935 !important;
    color: #ffffff !important;
}

/* Notifications popup */
.fp-notifications-popup {
    position: absolute;
    top: 72px;
    right: 24px;
    width: 400px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 14px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    max-height: 640px;
}

.fp-notifications-popup.is-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.fp-notifications-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid #f0f0f0;
}

.fp-notifications-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-notifications-close {
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    position: relative;
    cursor: pointer;
    display: none;
}

.fp-notifications-close::before,
.fp-notifications-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background: #8c8c8c;
    border-radius: 2px;
}

.fp-notifications-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.fp-notifications-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.fp-notifications-tabs {
    display: flex;
    gap: 18px;
    padding: 10px 18px 0;
    border-bottom: 1px solid #f0f0f0;
}

.fp-notifications-tab {
    padding: 10px 0 12px;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    position: relative;
}

.fp-notifications-tab.is-active {
    color: #2b2b2b;
}

.fp-notifications-tab.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #fa5935;
    border-radius: 2px;
}

.fp-notifications-body {
    padding: 12px 18px 16px;
    overflow: auto;
    flex: 1 1 auto;
}

.fp-notifications-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.fp-notifications-link {
    border: 0;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    cursor: pointer;
}

.fp-notifications-link:disabled {
    opacity: 0.45;
    cursor: default;
}

.fp-notifications-pane {
    display: none;
}

.fp-notifications-pane.is-active {
    display: block;
}

.fp-notifications-list {
    display: grid;
    gap: 12px;
}

.fp-notification-item {
    border: 1px solid #f2f2f2;
    border-radius: 12px;
    padding: 12px;
    background: #f7f7f7;
    display: grid;
    gap: 8px;
}

.fp-notification-item.is-unread {
    border-color: #fed7cf;
    background: #fff8f4;
}

.fp-notification-item-warn {
    border-left: 3px solid #fa5935;
}

.fp-notification-item-top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fp-notification-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 6px;
    background: #e9e9e9;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7);
}

.fp-notification-item-title {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-notification-item-text {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.72);
}

.fp-notification-item-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fp-notification-item-time {
    font-size: 11px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.45);
}

.fp-notification-item-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fa5935;
}

.fp-notifications-empty {
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
    text-align: center;
    padding: 24px 0;
}

.fp-notifications-footer {
    padding: 12px 18px 18px;
    border-top: 1px solid #f0f0f0;
    background: #ffffff;
}

.fp-notifications-all {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border-radius: 8px;
    background: #fa5935;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(250, 89, 53, 0.35);
}

.fp-notifications-all:hover {
    background: #e24f31;
    color: #ffffff;
}

/* Archive/news list page (new UI) */
.fp-archive-page {
    padding: 24px;
    background: #f4f4f4;
    min-height: calc(100vh - 72px);
    display: grid;
    gap: 16px;
}

body .fp-archive-page {
    background: #f4f4f4;
}

.fp-archive-page-title {
    margin: 0 0 6px 0;
    font-family:
        "Golos Text",
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-archive-card {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.03);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fp-archive-title {
    font-family:
        "Golos Text",
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    color: rgba(0, 0, 0, 0.87);
}

.fp-archive-list {
    display: grid;
    gap: 12px;
}

.fp-archive-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.fp-archive-footer .k-pager-wrap {
    padding: 12px 18px;
    gap: 8px;
    align-items: center;
    border: none;
    border-radius: 100px;
}

.fp-archive-footer .k-pager-wrap .k-pager-numbers li {
    margin: 0 6px;
}

.fp-archive-footer .k-pager-wrap .k-pager-numbers .k-link {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fa5935 !important;
}

.fp-archive-footer .k-pager-wrap .k-pager-nav .k-link,
.fp-archive-footer .k-pager-wrap .k-pager-nav .k-icon {
    color: #2b2b2b !important;
}

.fp-archive-footer .k-pager-wrap .k-pager-nav .k-link {
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.fp-archive-footer .k-pager-wrap .k-pager-numbers .k-state-selected .k-link,
.fp-archive-footer .k-pager-wrap .k-pager-numbers .k-selected .k-link {
    background: #fed7cf;
    border-color: #fed7cf;
    color: #fa5935 !important;
    font-weight: 700;
}

.fp-archive-footer .k-pager-wrap .k-pager-numbers li.k-state-selected > .k-link,
.fp-archive-footer .k-pager-wrap .k-pager-numbers li.k-selected > .k-link,
.fp-archive-footer .k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
.fp-archive-footer .k-pager-wrap .k-pager-numbers .k-link.k-selected {
    background: #fed7cf !important;
    border-color: #fed7cf !important;
    color: #fa5935 !important;
}

.fp-archive-item {
    background: #f8f8f8;
    border: 1px solid #ededed;
    border-radius: 12px;
    padding: 16px;
    display: grid;
    gap: 10px;
}

.fp-archive-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fp-archive-item .fp-chip {
    height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 4px;
    background: #ededed;
    font-family:
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.fp-archive-meta {
    font-family:
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.54);
}

.fp-archive-text {
    font-family:
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
}

.fp-archive-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family:
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

.fp-archive-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fa5935;
    display: inline-block;
}

.fp-archive-item .fp-news-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family:
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
}

.fp-archive-item .fp-news-status-new {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.fp-archive-item .fp-news-markread {
    display: none;
    align-items: center;
    gap: 8px;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    font: inherit;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    text-transform: none;
}

.fp-archive-item .fp-news-markread:hover {
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.87);
}

.fp-archive-item:hover .fp-news-status-new {
    display: none;
}

.fp-archive-item:hover .fp-news-markread {
    display: inline-flex;
}

.fp-archive-item .fp-news-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fa5935;
    display: inline-block;
}

.fp-archive-pager-info {
    font-family:
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
    padding-right: 18px;
}

.fp-archive-empty {
    font-family:
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.54);
    padding: 24px 0;
    text-align: center;
}

/* Transaction history (new UI): header, actions, grids */
.fp-transaction-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.fp-transaction-title {
    margin: 0;
    font-family:
        "Golos Text",
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-transaction-actions {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.fp-transaction-page {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    min-height: calc(100vh - var(--fp-header-height, 72px));
    background: #f4f4f4 !important;
}

.fp-transaction-grid {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: auto;
}

.fp-transaction-grid .k-grid {
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ebebeb;
    width: 100%;
    height: 100%;
}

.fp-transaction-grouped {
    padding: 24px;
    display: none;
    flex-direction: column;
    box-sizing: border-box;
    min-height: calc(100vh - var(--fp-header-height, 72px));
    background: #f4f4f4 !important;
}

.fp-transaction-grouped-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.fp-transaction-grouped-heading {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fp-transaction-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #9aa0a6;
}

.fp-transaction-breadcrumb-sep {
    color: #c2c7ce;
}

.fp-grouped-back {
    background: none;
    border: 0;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #ff5a3c;
    cursor: pointer;
}

.fp-transaction-grouped-title {
    margin: 0;
    font-family:
        "Golos Text",
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-transaction-grouped-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.fp-transaction-grouped-filters {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.fp-transaction-grouped .grouped-transaction {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
}

.fp-transaction-grouped-ddl.k-dropdown,
.fp-transaction-grouped-ddl.k-widget.k-dropdown {
    height: 40px;
    width: 320px;
}

.fp-transaction-grouped-ddl.k-dropdown .k-dropdown-wrap,
.fp-transaction-grouped-ddl.k-widget.k-dropdown .k-dropdown-wrap {
    height: 40px;
    border: 1px solid #d8dbe0;
    border-radius: 6px;
    background: #ffffff;
    padding: 0 12px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.fp-transaction-grouped-checkbox {
    display: flex;
    align-items: center;
}

.fp-transaction-grouped-checkbox .k-checkbox {
    margin-left: 0 !important;
}

.fp-transaction-grouped .k-grid {
    border-radius: 12px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.fp-transaction-grouped .k-grid-header {
    background: #fafafa;
    flex: 0 0 auto;
}

.fp-transaction-grouped .k-grid-header th {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #7b8086;
}

.fp-transaction-grouped .k-grid td {
    padding: 12px 16px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    border-color: #f0f1f3;
}

.fp-transaction-grouped .k-grid tr {
    border-bottom: 1px solid #f0f1f3;
}

.fp-transaction-grouped .k-grid .k-alt {
    background: #fbfbfb;
}

.fp-transaction-grouped .k-grid-footer {
    background: #fafafa;
    font-weight: 600;
    flex: 0 0 auto;
}

.fp-grouped-download {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    height: 46px;
    padding: 0 30px;
    border-radius: 5px !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    box-shadow: none;
}

.fp-transaction-grouped .report-download {
    background: #ffffff;
    border: 2px solid #ff5a3c;
    color: #ff5a3c;
}

.fp-transaction-grouped .report-download::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDN2MTIiLz48cGF0aCBkPSJNNyAxMGw1IDUgNS01Ii8+PHBhdGggZD0iTTUgMjFoMTQiLz48L3N2Zz4=")
        no-repeat center / contain;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDN2MTIiLz48cGF0aCBkPSJNNyAxMGw1IDUgNS01Ii8+PHBhdGggZD0iTTUgMjFoMTQiLz48L3N2Zz4=")
        no-repeat center / contain;
}

.fp-grouped-download::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDN2MTIiLz48cGF0aCBkPSJNNyAxMGw1IDUgNS01Ii8+PHBhdGggZD0iTTUgMjFoMTQiLz48L3N2Zz4=")
        no-repeat center / contain;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDN2MTIiLz48cGF0aCBkPSJNNyAxMGw1IDUgNS01Ii8+PHBhdGggZD0iTTUgMjFoMTQiLz48L3N2Zz4=")
        no-repeat center / contain;
}

.fp-grouped-download {
    border-radius: 0 !important;
}

.fp-grouped-download::before {
    content: none !important;
}

.fp-grouped-download .fp-download-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDN2MTIiLz48cGF0aCBkPSJNNyAxMGw1IDUgNS01Ii8+PHBhdGggZD0iTTUgMjFoMTQiLz48L3N2Zz4=")
        no-repeat center / contain;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDN2MTIiLz48cGF0aCBkPSJNNyAxMGw1IDUgNS01Ii8+PHBhdGggZD0iTTUgMjFoMTQiLz48L3N2Zz4=")
        no-repeat center / contain;
}

.fp-transaction-grouped .k-grid-content {
    flex: 1 1 auto;
    min-height: 0;
}

.fp-transaction-grouped .report-download:hover,
.fp-transaction-grouped .report-download:focus,
.fp-transaction-grouped .report-download:focus-visible,
.fp-transaction-grouped .report-download.k-state-focused,
.fp-transaction-grouped .report-download.k-button:focus,
.fp-transaction-grouped .report-download.k-button.k-state-hover,
.fp-transaction-grouped .report-download.k-button.k-state-hover:hover,
.fp-transaction-grouped .report-download.k-button:hover,
.fp-transaction-grouped .report-download.k-button:active {
    background: rgba(255, 90, 60, 0.08) !important;
    color: #ff5a3c !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}

.fp-transaction-grid .k-grid-header,
.fp-transaction-grid .k-grid-header-wrap {
    width: 100%;
}

.fp-transaction-grid .k-grid-header table,
.fp-transaction-grid .k-grid-content table {
    min-width: 100%;
    table-layout: fixed;
}

.fp-transaction-page .fp-orange-button.k-button,
.fp-transaction-page .fp-orange-button.k-button:hover,
.fp-transaction-page .fp-orange-button.k-button:focus {
    height: 44px;
    border-radius: 10px;
    padding: 0 24px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.fp-transaction-actions .k-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 28px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: none;
}

.fp-transaction-actions .fp-transaction-filters-toggle {
    display: none;
}

.fp-transaction-actions .report-download {
    background: transparent;
    border: 2px solid #ff5a3c;
    color: #ff5a3c;
}

.fp-transaction-actions .report-download::before {
    content: none;
}

.fp-transaction-actions .fp-transaction-filters-toggle {
    background: transparent;
    border: 2px solid #ff5a3c;
    color: #ff5a3c;
}

.fp-transaction-actions .fp-transaction-filters-toggle::before {
    content: none;
}

.fp-transaction-actions .report-swod-open {
    background: #ff5a3c;
    border: 1px solid #ff5a3c;
    color: #ffffff;
}

.fp-transaction-actions .report-download:hover,
.fp-transaction-actions .report-download:focus,
.fp-transaction-actions .report-download:focus-visible,
.fp-transaction-actions .report-download.k-state-focused {
    background: rgba(255, 90, 60, 0.08) !important;
    color: #ff5a3c !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}

.fp-transaction-actions .fp-transaction-filters-toggle:hover,
.fp-transaction-actions .fp-transaction-filters-toggle:focus,
.fp-transaction-actions .fp-transaction-filters-toggle:focus-visible,
.fp-transaction-actions .fp-transaction-filters-toggle.k-state-focused {
    background: rgba(255, 90, 60, 0.08) !important;
    color: #ff5a3c !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}

.fp-transaction-actions .report-download.k-button:focus,
.fp-transaction-actions .report-download.k-button.k-state-hover,
.fp-transaction-actions .report-download.k-button.k-state-hover:hover,
.fp-transaction-actions .report-download.k-button:hover,
.fp-transaction-actions .report-download.k-button:active {
    background: rgba(255, 90, 60, 0.08) !important;
    color: #ff5a3c !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}

.fp-transaction-actions .report-swod-open:hover,
.fp-transaction-actions .report-swod-open:focus {
    background: #ff4a2b;
    border-color: #ff4a2b;
}

.fp-transaction-mobile {
    display: none;
    flex-direction: column;
    gap: 12px;
    position: relative;
    min-height: 120px;
}

.fp-transaction-mobile-loader {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 88px;
    font-size: 13px;
    line-height: 18px;
    color: #7b8086;
}

.fp-transaction-mobile-loader::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid #d7dce1;
    border-top-color: #ff5a3c;
    border-radius: 50%;
    animation: fp-transaction-mobile-spin 0.8s linear infinite;
}

.fp-transaction-mobile.is-loading .fp-transaction-mobile-loader {
    display: inline-flex;
}

.fp-transaction-mobile.is-loading .fp-transaction-mobile-list,
.fp-transaction-mobile.is-loading .fp-transaction-mobile-empty,
.fp-transaction-mobile.is-loading .fp-transaction-mobile-pagination {
    display: none !important;
}

@keyframes fp-transaction-mobile-spin {
    to {
        transform: rotate(360deg);
    }
}

.fp-transaction-mobile-list {
    display: grid;
    gap: 12px;
}

.fp-transaction-mobile-card {
    background: #ffffff;
    border: 1px solid #eceef1;
    border-radius: 14px;
    padding: 16px;
    display: grid;
    gap: 12px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
}

.fp-transaction-mobile-card--request-type {
    background: #ffff00;
    border-color: #dddd13;
}

.fp-transaction-mobile-card--negative-balance {
    background: #e2e2e2;
    border-color: #d3d3d3;
}

.fp-transaction-mobile-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.fp-transaction-mobile-card__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.fp-transaction-mobile-card__title .fp-transaction-mobile-card__meta-icon {
    opacity: 0.6;
}

.fp-transaction-mobile-card__date {
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
    text-align: right;
    white-space: nowrap;
}

.fp-transaction-mobile-card__meta {
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fp-transaction-mobile-card__meta-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    opacity: 0.7;
}

.fp-transaction-mobile-card__meta-icon--driver {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M6.66667 0C2.98667 0 0 2.98667 0 6.66667C0 10.3467 2.98667 13.3333 6.66667 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66667 0ZM6.66667 2.66667C7.95333 2.66667 9 3.71333 9 5C9 6.28667 7.95333 7.33333 6.66667 7.33333C5.38 7.33333 4.33333 6.28667 4.33333 5C4.33333 3.71333 5.38 2.66667 6.66667 2.66667ZM6.66667 12C5.31333 12 3.71333 11.4533 2.57333 10.08C3.7 9.2 5.12 8.66667 6.66667 8.66667C8.21333 8.66667 9.63333 9.2 10.76 10.08C9.62 11.4533 8.02 12 6.66667 12Z' fill='%23c7c7c7'/></svg>");
}

.fp-transaction-mobile-card__meta-icon--card {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'><path d='M12 0H1.33333C0.593333 0 0.00666666 0.593333 0.00666666 1.33333L0 9.33333C0 10.0733 0.593333 10.6667 1.33333 10.6667H12C12.74 10.6667 13.3333 10.0733 13.3333 9.33333V1.33333C13.3333 0.593333 12.74 0 12 0ZM11.3333 9.33333H2C1.63333 9.33333 1.33333 9.03333 1.33333 8.66667V5.33333H12V8.66667C12 9.03333 11.7 9.33333 11.3333 9.33333ZM12 2.66667H1.33333V1.33333H12V2.66667Z' fill='%23c7c7c7'/></svg>");
}

.fp-transaction-mobile-card__meta-icon--cardtype {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'><path d='M7.33333 8.66667H6C5.63333 8.66667 5.33333 8.36667 5.33333 8H0.673333V10.6667C0.673333 11.4 1.27333 12 2.00667 12H11.3333C12.0667 12 12.6667 11.4 12.6667 10.6667V8H8C8 8.36667 7.7 8.66667 7.33333 8.66667ZM12 2.66667H9.33333C9.33333 1.19333 8.14 0 6.66667 0C5.19333 0 4 1.19333 4 2.66667H1.33333C0.6 2.66667 0 3.26667 0 4V6C0 6.74 0.593333 7.33333 1.33333 7.33333H5.33333V6.66667C5.33333 6.3 5.63333 6 6 6H7.33333C7.7 6 8 6.3 8 6.66667V7.33333H12C12.7333 7.33333 13.3333 6.73333 13.3333 6V4C13.3333 3.26667 12.7333 2.66667 12 2.66667ZM5.33333 2.66667C5.33333 1.93333 5.93333 1.33333 6.66667 1.33333C7.4 1.33333 8 1.93333 8 2.66667H5.32667H5.33333Z' fill='%23ffffff'/><path d='M7.33333 8.66667H6C5.63333 8.66667 5.33333 8.36667 5.33333 8H0.673333V10.6667C0.673333 11.4 1.27333 12 2.00667 12H11.3333C12.0667 12 12.6667 11.4 12.6667 10.6667V8H8C8 8.36667 7.7 8.66667 7.33333 8.66667ZM12 2.66667H9.33333C9.33333 1.19333 8.14 0 6.66667 0C5.19333 0 4 1.19333 4 2.66667H1.33333C0.6 2.66667 0 3.26667 0 4V6C0 6.74 0.593333 7.33333 1.33333 7.33333H5.33333V6.66667C5.33333 6.3 5.63333 6 6 6H7.33333C7.7 6 8 6.3 8 6.66667V7.33333H12C12.7333 7.33333 13.3333 6.73333 13.3333 6V4C13.3333 3.26667 12.7333 2.66667 12 2.66667ZM5.33333 2.66667C5.33333 1.93333 5.93333 1.33333 6.66667 1.33333C7.4 1.33333 8 1.93333 8 2.66667H5.32667H5.33333Z' fill='%23000000' fill-opacity='0.16'/></svg>");
}

.fp-transaction-mobile-card__meta-icon--brand {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'><path d='M7.33333 8.66667H6C5.63333 8.66667 5.33333 8.36667 5.33333 8H0.673333V10.6667C0.673333 11.4 1.27333 12 2.00667 12H11.3333C12.0667 12 12.6667 11.4 12.6667 10.6667V8H8C8 8.36667 7.7 8.66667 7.33333 8.66667ZM12 2.66667H9.33333C9.33333 1.19333 8.14 0 6.66667 0C5.19333 0 4 1.19333 4 2.66667H1.33333C0.6 2.66667 0 3.26667 0 4V6C0 6.74 0.593333 7.33333 1.33333 7.33333H5.33333V6.66667C5.33333 6.3 5.63333 6 6 6H7.33333C7.7 6 8 6.3 8 6.66667V7.33333H12C12.7333 7.33333 13.3333 6.73333 13.3333 6V4C13.3333 3.26667 12.7333 2.66667 12 2.66667ZM5.33333 2.66667C5.33333 1.93333 5.93333 1.33333 6.66667 1.33333C7.4 1.33333 8 1.93333 8 2.66667H5.32667H5.33333Z' fill='%23ffffff'/><path d='M7.33333 8.66667H6C5.63333 8.66667 5.33333 8.36667 5.33333 8H0.673333V10.6667C0.673333 11.4 1.27333 12 2.00667 12H11.3333C12.0667 12 12.6667 11.4 12.6667 10.6667V8H8C8 8.36667 7.7 8.66667 7.33333 8.66667ZM12 2.66667H9.33333C9.33333 1.19333 8.14 0 6.66667 0C5.19333 0 4 1.19333 4 2.66667H1.33333C0.6 2.66667 0 3.26667 0 4V6C0 6.74 0.593333 7.33333 1.33333 7.33333H5.33333V6.66667C5.33333 6.3 5.63333 6 6 6H7.33333C7.7 6 8 6.3 8 6.66667V7.33333H12C12.7333 7.33333 13.3333 6.73333 13.3333 6V4C13.3333 3.26667 12.7333 2.66667 12 2.66667ZM5.33333 2.66667C5.33333 1.93333 5.93333 1.33333 6.66667 1.33333C7.4 1.33333 8 1.93333 8 2.66667H5.32667H5.33333Z' fill='%23000000' fill-opacity='0.16'/></svg>");
}

.fp-transaction-mobile-card__sum {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-transaction-mobile-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fp-transaction-mobile-card__details-toggle {
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
}

.fp-transaction-mobile-card.is-open
    .fp-transaction-mobile-card__details-toggle
    svg {
    transform: rotate(-180deg);
}

.fp-transaction-mobile-card__details {
    display: none;
    border-top: 1px solid #eceef1;
    padding-top: 10px;
    gap: 8px;
}

.fp-transaction-mobile-card.is-open .fp-transaction-mobile-card__details {
    display: grid;
}

.fp-transaction-mobile-card__detail {
    display: grid;
    gap: 4px;
}

.fp-transaction-mobile-card__detail + .fp-transaction-mobile-card__detail {
    border-top: 1px solid #eceef1;
    padding-top: 8px;
}

.fp-transaction-mobile-card__detail-label {
    font-size: 11px;
    line-height: 14px;
    color: #9aa0a6;
    font-weight: 600;
}

.fp-transaction-mobile-card__detail-value {
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    word-break: break-word;
}

.fp-transaction-mobile-empty {
    display: none;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #7b8086;
    padding: 12px 0;
}

.fp-transaction-mobile-empty.is-visible {
    display: block;
}

.fp-transaction-mobile-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}

.fp-transaction-mobile-pagination.fp-archive-footer {
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 16px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    padding: 0;
}

.fp-transaction-page .fp-page-btn {
    height: 28px;
    min-width: 28px;
    padding: 0 8px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-transaction-page .fp-page-btn.is-active {
    background: #ff5a3c;
    color: #ffffff;
    border-color: #ff5a3c;
    font-weight: 700;
}

.fp-transaction-page .fp-page-btn.is-disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.fp-transaction-filters-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 14px 16px 16px;
    display: none;
    flex-direction: column;
    gap: 12px;
    z-index: 1350;
    box-sizing: border-box;
}

.fp-transaction-filters-panel.is-open {
    display: flex;
}

.fp-transaction-filters-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fp-transaction-filters-panel__title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-transaction-filters-close {
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fp-transaction-filters-list {
    display: grid;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
}

.fp-transaction-filters-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
}

.fp-transaction-filter-field {
    display: grid;
    gap: 6px;
}

.fp-transaction-filter-label {
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
    font-weight: 600;
}

.fp-transaction-filter-range {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.fp-transaction-filter-input {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 0 12px;
    font-size: 13px;
    line-height: 18px;
    box-sizing: border-box;
    background: #ffffff;
    color: #2b2b2b;
}

.fp-multi-select {
    position: relative;
}

.fp-multi-select__toggle {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 0 38px 0 12px;
    font-size: 13px;
    line-height: 18px;
    box-sizing: border-box;
    background: #ffffff;
    color: #2b2b2b;
    text-align: left;
    cursor: pointer;
    position: relative;
}

.fp-multi-select__toggle::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #2b2b2b;
    transform: translateY(-50%);
    opacity: 0.6;
}

.fp-multi-select__text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.fp-multi-select__dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    display: none;
    z-index: 20;
}

.fp-multi-select.is-open .fp-multi-select__dropdown {
    display: block;
}

.fp-multi-select__search {
    width: 100%;
    height: 34px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 16px;
    box-sizing: border-box;
    margin-bottom: 6px;
}

.fp-multi-select__options {
    max-height: 180px;
    overflow: auto;
    display: grid;
    gap: 6px;
}

.fp-multi-select__option {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-multi-select__option input {
    width: 14px;
    height: 14px;
    accent-color: #ff5a3c;
}

.fp-transaction-filter-input::placeholder {
    color: #9aa0a6;
}

.fp-transaction-filter-item {
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    padding: 0 14px;
    font-size: 14px;
    line-height: 20px;
    color: #2b2b2b;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.fp-transaction-filter-item::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #2b2b2b;
    opacity: 0.8;
}

.fp-transaction-filters-apply {
    height: 44px;
    border-radius: 8px;
    border: 0;
    background: #ff5a3c;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
}

/* Cards owner (new UI): page header + actions */
.fp-cardsowner-page {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    min-height: calc(100vh - var(--fp-header-height, 72px));
    background: #f4f4f4 !important;
}

.fp-cardsowner-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.fp-cardsowner-title {
    margin: 0;
    font-family:
        "Golos Text",
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-cardsowner-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.fp-cardsowner-button {
    height: 40px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    outline: none;
}

.fp-cardsowner-button--outline {
    background: #ffffff;
    border: 1px solid #ff5a3c;
    color: #ff5a3c;
}

.fp-cardsowner-button--outline:hover,
.fp-cardsowner-button--outline:focus {
    background: #fff1ec;
}

.fp-cardsowner-button--outline:focus,
.fp-cardsowner-button--outline:focus-visible,
.fp-cardsowner-button--outline:active,
.fp-cardsowner-button--outline.k-focus,
.fp-cardsowner-button--outline.k-state-focused {
    outline: none;
    box-shadow: none;
    border-color: #ff5a3c;
}

.fp-cardsowner-actions .fp-cardsowner-button--outline:hover,
.fp-cardsowner-actions .fp-cardsowner-button--outline:focus,
.fp-cardsowner-actions .fp-cardsowner-button--outline:focus-visible,
.fp-cardsowner-actions .fp-cardsowner-button--outline.k-state-focused,
.fp-cardsowner-actions .fp-cardsowner-button--outline.k-button:focus,
.fp-cardsowner-actions .fp-cardsowner-button--outline.k-button.k-state-hover,
.fp-cardsowner-actions
    .fp-cardsowner-button--outline.k-button.k-state-hover:hover,
.fp-cardsowner-actions .fp-cardsowner-button--outline.k-button:hover,
.fp-cardsowner-actions .fp-cardsowner-button--outline.k-button:active {
    background: rgba(255, 90, 60, 0.08) !important;
    color: #ff5a3c !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
    border-color: #ff5a3c !important;
}

.fp-cardsowner-button:focus,
.fp-cardsowner-button:active,
.fp-cardsowner-button:focus-visible {
    outline: none;
    box-shadow: none;
}

.fp-cardsowner-button::-moz-focus-inner {
    border: 0;
}

.fp-cardsowner-actions .fp-cardsowner-button,
.fp-cardsowner-actions .fp-cardsowner-button:visited,
.fp-cardsowner-actions .fp-cardsowner-button:hover,
.fp-cardsowner-actions .fp-cardsowner-button:active {
    text-decoration: none;
}

.fp-cardsowner-actions a.fp-cardsowner-button:hover {
    text-decoration: none !important;
    color: inherit !important;
}

.fp-cardsowner-actions .fp-cardsowner-button:focus,
.fp-cardsowner-actions .fp-cardsowner-button:focus-visible,
.fp-cardsowner-actions .fp-cardsowner-button:active {
    outline: none;
    box-shadow: none;
}

.fp-cardsowner-actions .k-button {
    box-shadow: none;
}

.fp-cardsowner-actions .k-button:focus,
.fp-cardsowner-actions .k-button:focus-visible,
.fp-cardsowner-actions .k-button:active {
    outline: none;
    box-shadow: none;
}

.fp-cardsowner-actions .k-button:focus,
.fp-cardsowner-actions .k-button:focus-visible {
    border-color: inherit;
}

.fp-cardsowner-actions .k-button.k-focus,
.fp-cardsowner-actions .k-button.k-state-focused,
.fp-cardsowner-actions .k-button:focus-within {
    outline: none;
    box-shadow: none;
}

.fp-cardsowner-button--solid {
    background: #ff5a3c;
    border: 1px solid #ff5a3c;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(255, 90, 60, 0.28);
}

.fp-cardsowner-button--solid:hover,
.fp-cardsowner-button--solid:focus {
    background: #ff4a2b;
    border-color: #ff4a2b;
}

.fp-cardsowner-button--solid:focus,
.fp-cardsowner-button--solid:focus-visible,
.fp-cardsowner-button--solid:active,
.fp-cardsowner-button--solid.k-focus,
.fp-cardsowner-button--solid.k-state-focused {
    outline: none;
    box-shadow: 0 8px 18px rgba(255, 90, 60, 0.28);
    border-color: #ff4a2b;
}

.fp-cardsowner-actions .fp-cardsowner-button--solid:hover,
.fp-cardsowner-actions .fp-cardsowner-button--solid:focus,
.fp-cardsowner-actions .fp-cardsowner-button--solid:focus-visible,
.fp-cardsowner-actions .fp-cardsowner-button--solid.k-state-focused,
.fp-cardsowner-actions .fp-cardsowner-button--solid.k-button:focus,
.fp-cardsowner-actions .fp-cardsowner-button--solid.k-button.k-state-hover,
.fp-cardsowner-actions
    .fp-cardsowner-button--solid.k-button.k-state-hover:hover,
.fp-cardsowner-actions .fp-cardsowner-button--solid.k-button:hover,
.fp-cardsowner-actions .fp-cardsowner-button--solid.k-button:active {
    background: #ff4a2b !important;
    color: #ffffff !important;
    text-shadow: none !important;
    outline: none !important;
    border-color: #ff4a2b !important;
}

/* Fuel cards (new UI): page header + actions */
.fp-vinkcards-page {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    height: calc(100vh - var(--fp-header-height, 72px));
    min-height: calc(100vh - var(--fp-header-height, 72px));
    background: #f4f4f4;
}

body .fp-vinkcards-page {
    background: #f4f4f4;
}

.fp-vinkcards-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.fp-vinkcards-title {
    margin: 0;
    font-family:
        "Golos Text",
        "Golos UI",
        Roboto,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-vinkcards-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fp-vinkcards-filter {
    height: 32px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #ff5a3c;
    background: #ffffff;
    color: #ff5a3c;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.fp-vinkcards-filter:hover {
    background: #fff1ec;
}

.fp-vinkcards-filter-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M0.153409 1.0725C1.80674 3.06 4.25 6 4.25 6V9.33333C4.25 10.0667 4.85 10.6667 5.58333 10.6667C6.31666 10.6667 6.91666 10.0667 6.91666 9.33333V6C6.91666 6 9.36 3.06 11.0133 1.0725C11.3533 0.633333 11.04 0 10.48 0H0.686076C0.126076 0 -0.186591 0.633333 0.153409 1.0725Z' fill='%23FA5935'/></svg>")
        no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M0.153409 1.0725C1.80674 3.06 4.25 6 4.25 6V9.33333C4.25 10.0667 4.85 10.6667 5.58333 10.6667C6.31666 10.6667 6.91666 10.0667 6.91666 9.33333V6C6.91666 6 9.36 3.06 11.0133 1.0725C11.3533 0.633333 11.04 0 10.48 0H0.686076C0.126076 0 -0.186591 0.633333 0.153409 1.0725Z' fill='%23FA5935'/></svg>")
        no-repeat center / contain;
}

.fp-vinkcards-export {
    height: 32px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #ff5a3c;
    background: #ffffff;
    color: #ff5a3c;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.fp-vinkcards-export:hover {
    background: #fff1ec;
}

.fp-vinkcards-export-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='M7 10l5 5 5-5'/><path d='M5 21h14'/></svg>")
        no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='M7 10l5 5 5-5'/><path d='M5 21h14'/></svg>")
        no-repeat center / contain;
}

.fp-vinkcards-grid .k-grid-toolbar {
    border: 0;
    background: transparent;
    padding: 0 0 12px;
}

.fp-vinkcards-grid .k-grid-toolbar:empty {
    display: none;
}

.fp-vinkcards-grid .k-grid-toolbar .k-grid-excel {
    display: none;
}

.fp-vinkcards-grid .k-grid {
    border-radius: 14px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    overflow: visible;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.fp-vinkcards-grid .k-grid-header {
    background: #fafafa;
}

.fp-vinkcards-grid .k-grid-header th {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #7b8086;
    white-space: normal;
}

.fp-vinkcards-grid .k-grid-content {
    overflow: auto !important;
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
}

.fp-vinkcards-grid .k-grid td {
    padding: 12px 14px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    border-color: #f0f1f3;
}

.fp-vinkcards-grid .k-grid tr {
    border-bottom: 1px solid #f0f1f3;
}

.fp-vinkcards-grid {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.fp-vinkcards-grid .k-pager-wrap {
    margin-top: auto;
    background: #ffffff;
    border-top: 1px solid #ebebeb;
}

.fp-vinkcards-actions-head {
    text-align: right;
    min-width: 110px;
}

.fp-vinkcards-grid .k-grid-header table,
.fp-vinkcards-grid .k-grid-content table {
    min-width: 1400px;
    table-layout: fixed;
}

.fp-vinkcards-grid .k-grid-header th.fp-vinkcards-sticky-left,
.fp-vinkcards-grid .k-grid-content td.fp-vinkcards-sticky-left {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #ffffff;
    box-shadow: 1px 0 0 #f0f1f3;
}

.fp-vinkcards-grid .k-grid-header th.fp-vinkcards-sticky-right,
.fp-vinkcards-grid .k-grid-content td.fp-vinkcards-sticky-right {
    position: sticky;
    right: 0;
    z-index: 2;
    background: #ffffff;
    box-shadow: -1px 0 0 #f0f1f3;
}

.fp-vinkcards-grid .k-grid-header th.fp-vinkcards-sticky-left,
.fp-vinkcards-grid .k-grid-header th.fp-vinkcards-sticky-right {
    z-index: 3;
    background: #fafafa;
}

.fp-vinkcards-grid .k-grid .k-alt td.fp-vinkcards-sticky-left,
.fp-vinkcards-grid .k-grid .k-alt td.fp-vinkcards-sticky-right {
    background: #fbfbfb;
}

.fp-vinkcards-card-number-head,
.fp-vinkcards-card-number-cell {
    min-width: 190px;
}

.fp-vinkcards-actions-head,
.fp-vinkcards-actions-cell {
    min-width: 120px;
    text-align: right;
}

.fp-vinkcards-number {
    font-weight: 600;
    color: #2b2b2b;
}

.fp-vinkcards-status {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.fp-vinkcards-status--yes {
    background: #e9f7df;
    color: #2f9d2f;
}

.fp-vinkcards-status--no {
    background: #ededed;
    color: #6b6b6b;
}

.fp-vinkcards-type {
    display: inline-flex;
    align-items: center;
}

.fp-vinkcards-type-icon {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    border: 1px solid #d0d5dd;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.fp-vinkcards-type-icon--virtual {
    border-color: #6aa6ff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%233a7be0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12c4-4 10-4 14 0'/><path d='M8.5 15.5c2.5-2.5 4.5-2.5 7 0'/><circle cx='12' cy='19' r='1'/></svg>");
}

.fp-vinkcards-type-icon--plastic {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 9h18'/></svg>");
}

.fp-vinkcards-menu {
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 110px;
}

.fp-vinkcards-menu-toggle {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fp-vinkcards-menu-icon {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #7b8086;
    box-shadow:
        0 -6px 0 #7b8086,
        0 6px 0 #7b8086;
}

.fp-vinkcards-menu-dropdown {
    position: absolute;
    top: 36px;
    right: 0;
    min-width: 200px;
    padding: 6px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    display: none;
    z-index: 10000;
}

.fp-vinkcards-menu.is-open .fp-vinkcards-menu-dropdown {
    display: block;
}

.fp-vinkcards-menu-item {
    width: 100%;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
    cursor: pointer;
    text-align: left;
}

.fp-vinkcards-menu-item:hover {
    background: #f5f6f8;
}

.fp-vinkcards-menu-item .k-icon {
    font-size: 14px;
}

/* Fuel cards (mobile list + actions panel) */
.fp-vinkcards-mobile {
    display: none;
    flex-direction: column;
    gap: 12px;
}

.fp-vinkcards-mobile-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.fp-vinkcards-mobile-card__number {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-vinkcards-mobile-card__tags {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fp-vinkcards-mobile-card__tag {
    height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    border: 1px solid transparent;
    background: #f1f3f5;
    color: #4a4f55;
}

.fp-vinkcards-mobile-card__tag--virtual {
    background: #e8f1ff;
    border-color: #bcd6ff;
    color: #2d6cdf;
}

.fp-vinkcards-mobile-card__tag--plastic {
    background: #f5f5f5;
    border-color: #e0e0e0;
    color: #4a4f55;
}

.fp-vinkcards-mobile-card__tag--type {
    background: #fff3e8;
    border-color: #ffd6bd;
    color: #d55a2a;
}

.fp-vinkcards-mobile-card__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
}

.fp-vinkcards-mobile-card__meta-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    opacity: 0.6;
}

.fp-vinkcards-mobile-card__meta-icon--owner {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0ZM7 2.8C8.352 2.8 9.45 3.898 9.45 5.25C9.45 6.602 8.352 7.7 7 7.7C5.648 7.7 4.55 6.602 4.55 5.25C4.55 3.898 5.648 2.8 7 2.8ZM7 12.6C5.45 12.6 3.633 11.95 2.513 10.325C3.71 9.31 5.3 8.75 7 8.75C8.7 8.75 10.29 9.31 11.487 10.325C10.367 11.95 8.55 12.6 7 12.6Z' fill='%239aa0a6'/></svg>");
}

.fp-vinkcards-mobile-card__meta-icon--contract {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M3.5 0C2.671 0 2 0.671 2 1.5V12.5C2 13.329 2.671 14 3.5 14H10.5C11.329 14 12 13.329 12 12.5V4.5L7.5 0H3.5ZM7.5 1.8L10.2 4.5H7.5V1.8ZM4.2 7.2H9.8V8.4H4.2V7.2ZM4.2 9.6H9.8V10.8H4.2V9.6Z' fill='%239aa0a6'/></svg>");
}

.fp-vinkcards-mobile-card__meta-icon--type {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><rect x='1.25' y='3' width='11.5' height='8' rx='1.5' fill='none' stroke='%239aa0a6' stroke-width='1.2'/><path d='M1.25 6H12.75' stroke='%239aa0a6' stroke-width='1.2'/></svg>");
}

.fp-vinkcards-mobile-card__footer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fp-vinkcards-mobile-card__manage-toggle {
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
}

.fp-vinkcards-actions-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 14px 16px 16px;
    display: none;
    flex-direction: column;
    gap: 12px;
    z-index: 1351;
    box-sizing: border-box;
}

.fp-vinkcards-actions-panel.is-open {
    display: flex;
}

.fp-vinkcards-actions-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fp-vinkcards-actions-panel__title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-vinkcards-actions-panel__close {
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-vinkcards-actions-panel__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #eceef1;
    background: #ffffff;
}

.fp-vinkcards-actions-panel__number {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-vinkcards-actions-panel__tags {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.fp-vinkcards-actions-panel__list {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #eceef1;
    padding: 6px;
    display: grid;
    gap: 4px;
}

.fp-vinkcards-actions-panel__item {
    width: 100%;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    cursor: pointer;
    text-align: left;
}

.fp-vinkcards-actions-panel__item:hover {
    background: #f5f6f8;
}

.fp-vinkcards-actions-panel__item .k-icon {
    font-size: 14px;
}

.fp-vinkcards-filters-panel .fp-transaction-filter-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fp-vinkcards-filters-panel .fp-transaction-filter-label {
    align-self: flex-start;
}

/* Fuel cards (new UI): card history modal */
.fp-card-history {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 18px 18px;
    background: #ffffff;
    border-radius: 16px;
}

.fp-card-history-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 2px 10px;
    border-bottom: 1px solid #f0f0f0;
}

.fp-card-history-title {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-card-history-close {
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    position: relative;
    cursor: pointer;
    border-radius: 6px;
}

.fp-card-history-close::before,
.fp-card-history-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background: #8c8c8c;
    border-radius: 2px;
}

.fp-card-history-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.fp-card-history-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.fp-card-history-close:hover {
    background: rgba(0, 0, 0, 0.05);
}

.fp-card-history-body {
    display: block;
}

.fp-card-history-grid.k-grid {
    border-radius: 12px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    overflow: hidden;
}

.fp-card-history-grid .k-grid-header {
    background: #fafafa;
}

.fp-card-history-grid .k-grid-header th {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #7b8086;
}

.fp-card-history-grid .k-grid td {
    padding: 12px 16px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    border-color: #f0f1f3;
}

.fp-card-history-grid .k-grid tr {
    border-bottom: 1px solid #f0f1f3;
}

.fp-card-history-status {
    display: block;
    align-items: center;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;

    max-width: 220px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fp-card-history-status--positive {
    background: #e9f7df;
    color: #2f9d2f;
}

.fp-card-history-status--negative {
    background: #ffe9e4;
    color: #ff3b30;
}

.fp-card-history-status--neutral {
    background: #ededed;
    color: #6b6b6b;
}

.fp-card-history-grid .k-pager-wrap {
    background: #ffffff;
    border-top: 1px solid #ebebeb;
}

.fp-card-history-grid .k-pager-numbers .k-link {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
}

.fp-card-history-grid .k-pager-numbers .k-state-selected .k-link,
.fp-card-history-grid .k-pager-numbers .k-selected .k-link {
    background: #fee5dd;
    border-color: transparent;
    color: #fa5935 !important;
    font-weight: 700;
}

.fp-card-history-mobile-shell {
    display: none;
}

.fp-card-history-mobile-empty {
    display: none;
}

.fp-card-history-mobile-empty.is-visible {
    display: block;
    padding: 14px 16px 18px;
    font-size: 13px;
    line-height: 18px;
    color: #9aa0a6;
    text-align: center;
}

@media (max-width: 768px) {
    .fp-card-history-modal-window {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }

    .fp-card-history-modal-window .k-window-titlebar {
        display: none;
    }

    .fp-card-history-modal-window .k-window-content {
        padding: 0 !important;
        background: transparent;
    }

    .fp-card-history {
        padding: 0;
        border-radius: 0;
        background: transparent;
        height: 100%;
    }

    .fp-card-history-body--desktop {
        display: none;
    }

    .fp-card-history-mobile-shell {
        display: flex;
        border: 1px solid #eceef1;
        background: #ffffff;
        flex-direction: column;
        height: 100%;
    }

    .fp-card-history-mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        border-bottom: 1px solid #eceef1;
    }

    .fp-card-history-mobile-title {
        margin: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        color: #2b2b2b;
    }

    .fp-card-history-mobile-close {
        width: 32px;
        height: 32px;
        border: 1px solid #d8d8d8;
        border-radius: 6px;
        background: #f9f9f9;
        font-size: 22px;
        line-height: 1;
        color: #2b2b2b;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .fp-card-history-mobile-meta {
        padding: 10px 14px;
        border-bottom: 1px solid #eceef1;
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        color: #8d8d8d;
    }

    .fp-card-history-mobile-item {
        padding: 10px 14px;
        border-bottom: 1px solid #eceef1;
    }

    .fp-card-history-mobile-item__date {
        margin-bottom: 8px;
        font-size: 13px;
        line-height: 18px;
        color: #2b2b2b;
        font-weight: 400;
    }

    .fp-card-history-mobile-item .fp-card-history-status {
        display: inline-block;
        max-width: none;
        font-size: 12px;
        line-height: 16px;
        padding: 4px 10px;
        border-radius: 6px;
        text-align: left;
    }

    .fp-card-history-mobile-list {
        margin-top: 24px;
    }

    .fp-card-history-mobile-pagination {
        padding: 10px 12px 12px;
        margin-top: auto;
    }

    .fp-card-history-mobile-pager {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 46px;
        border: 1px solid #dadde2;
        border-radius: 10px;
    }

    .fp-card-history-mobile-pager__btn,
    .fp-card-history-mobile-pager__num {
        min-width: 28px;
        height: 28px;
        border: 0;
        background: transparent;
        font-size: 14px;
        line-height: 1;
        color: #2b2b2b;
        cursor: pointer;
    }

    .fp-card-history-mobile-pager__num {
        font-size: 13px;
        color: #fa5935;
    }

    .fp-card-history-mobile-pager__num.is-active {
        border-radius: 999px;
        background: #fee5dd;
        font-weight: 700;
    }

    .fp-card-history-mobile-pager__btn.is-disabled {
        opacity: 0.35;
        pointer-events: none;
    }
}

/* Fuel cards (new UI): edit form checkbox overrides */
.fp-vinkcards-edit-form .k-checkbox {
    width: 16px;
    height: 16px;
    accent-color: #fa5935;
    border-color: #fa5935;
}

.fp-vinkcards-edit-form .k-checkbox:checked {
    background-color: #fa5935;
    border-color: #fa5935;
}

.fp-vinkcards-edit-form .k-checkbox:focus {
    box-shadow: 0 0 0 2px rgba(250, 89, 53, 0.2);
    outline: none;
}

/* Limits page (new UI) */
.fp-limits-toolbar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 18px 10px;
}

.fp-limits-page {
    padding: 16px 18px 20px;
    background: #f4f4f4 !important;
    height: 100%;
}

.fp-limits-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.fp-limits-title {
    margin: 0;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-limits-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.fp-limits-actions .k-button {
    height: 32px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #ff5a3c;
    background: #ffffff;
    color: #ff5a3c;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: none;
}

.fp-limits-filter {
    display: none;
}

.fp-limits-actions #all-cards {
    background: #ff5a3c;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(255, 90, 60, 0.28);
}

.fp-limits-actions #select-cards {
    background: #ffffff !important;
    color: #ff5a3c !important;
    border: 1px solid #ff5a3c !important;
}

.fp-limits-actions #all-cards:hover {
    background: #ff4a2b;
    border-color: #ff4a2b;
}

.fp-limits-actions #select-cards:hover {
    background: #fff1ec;
}

.fp-limits-grid.k-grid {
    border-radius: 14px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.fp-limits-grid .k-grid-header-wrap,
.fp-limits-grid .k-grid-content {
    border-radius: 14px;
}

.fp-limits-grid .k-grid-header {
    background: #fafafa;
}

.fp-limits-grid .k-grid-header th {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #7b8086;
}

.fp-limits-grid .k-grid td {
    padding: 12px 14px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    border-color: #f0f1f3;
}

.fp-limits-grid .k-grid tr {
    border-bottom: 1px solid #f0f1f3;
}

.fp-limits-grid .k-grid .k-alt {
    background: #fbfbfb;
}

.fp-limits-grid .k-checkbox {
    width: 16px;
    height: 16px;
    accent-color: #ff5a3c;
    border-color: #ff5a3c;
}

.fp-limits-grid .k-checkbox:checked {
    background-color: #ff5a3c;
    border-color: #ff5a3c;
}

.fp-limits-card-settings {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-limits-card-settings .k-icon {
    font-size: 14px;
}

.fp-limits-card-settings:hover {
    background: transparent;
}

.fp-limits-card-more {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

.fp-limits-card-more .k-icon {
    font-size: 16px;
    color: #7b8086;
}

.fp-limits-card-more:hover {
    background: #f5f6f8;
}

.fp-limits-menu {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.fp-limits-menu-dropdown {
    position: absolute;
    top: 36px;
    right: 0;
    min-width: 220px;
    padding: 6px;
    border-radius: 12px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    display: none;
    z-index: 10000;
}

.fp-limits-menu.is-open .fp-limits-menu-dropdown {
    display: block;
}

.fp-limits-menu-item {
    width: 100%;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    text-align: left;
    cursor: pointer;
}

.fp-limits-menu-item.fp-limits-card-settings {
    width: 100%;
    justify-content: flex-start;
}

.fp-limits-menu-item .k-icon {
    font-size: 14px;
}

.fp-limits-legacy-settings .k-icon {
    color: #2b6cb0;
}

.fp-limits-legacy-settings {
    background: transparent;
    border: 0;
    padding: 0;
    min-width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.fp-limits-legacy-settings .k-button-text {
    display: none;
}

.fp-limits-legacy-settings.k-disabled .k-icon {
    color: #9bb6d6;
}

.fp-limits-mobile {
    display: none;
    flex-direction: column;
    gap: 12px;
}

.fp-limits-mobile-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.fp-limits-mobile-card__number {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-limits-mobile-card__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.fp-limits-mobile-card__checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.fp-limits-mobile-card__checkmark {
    width: 22px;
    height: 22px;
    border: 1px solid #cdd3d9;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
    position: relative;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.fp-limits-mobile-card__checkbox:checked + .fp-limits-mobile-card__checkmark,
.fp-limits-mobile-card.is-selected .fp-limits-mobile-card__checkmark {
    background: #ff5a3c;
    border-color: #ff5a3c;
}

.fp-limits-mobile-card__checkbox:checked
    + .fp-limits-mobile-card__checkmark::after,
.fp-limits-mobile-card.is-selected .fp-limits-mobile-card__checkmark::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 48%;
    width: 9px;
    height: 5px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.fp-limits-mobile-card__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
}

.fp-limits-mobile-card__meta-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    opacity: 0.6;
}

.fp-limits-mobile-card__meta-icon--owner {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0ZM7 2.8C8.352 2.8 9.45 3.898 9.45 5.25C9.45 6.602 8.352 7.7 7 7.7C5.648 7.7 4.55 6.602 4.55 5.25C4.55 3.898 5.648 2.8 7 2.8ZM7 12.6C5.45 12.6 3.633 11.95 2.513 10.325C3.71 9.31 5.3 8.75 7 8.75C8.7 8.75 10.29 9.31 11.487 10.325C10.367 11.95 8.55 12.6 7 12.6Z' fill='%239aa0a6'/></svg>");
}

.fp-limits-mobile-card__meta-icon--type {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><rect x='1.25' y='3' width='11.5' height='8' rx='1.5' fill='none' stroke='%239aa0a6' stroke-width='1.2'/><path d='M1.25 6H12.75' stroke='%239aa0a6' stroke-width='1.2'/></svg>");
}

.fp-limits-mobile-card__footer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fp-limits-mobile-card__manage-toggle {
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
}

.fp-limits-actions-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 14px 16px 16px;
    display: none;
    flex-direction: column;
    gap: 12px;
    z-index: 1351;
    box-sizing: border-box;
}

.fp-limits-actions-panel.is-open {
    display: flex;
}

.fp-limits-actions-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fp-limits-actions-panel__title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-limits-actions-panel__close {
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-limits-actions-panel__card {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #eceef1;
    background: #ffffff;
}

.fp-limits-actions-panel__number {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-limits-actions-panel__meta {
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
    position: relative;
    padding-left: 16px;
}

.fp-limits-actions-panel__type {
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
    position: relative;
    padding-left: 16px;
}

.fp-limits-actions-panel__meta:empty,
.fp-limits-actions-panel__type:empty {
    display: none;
}

.fp-limits-actions-panel__meta::before,
.fp-limits-actions-panel__type::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    opacity: 0.65;
}

.fp-limits-actions-panel__meta::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M6 0C2.69 0 0 2.69 0 6s2.69 6 6 6 6-2.69 6-6S9.31 0 6 0zm0 2.4c1.16 0 2.1.94 2.1 2.1S7.16 6.6 6 6.6 3.9 5.66 3.9 4.5 4.84 2.4 6 2.4zm0 8.4c-1.33 0-2.88-.56-3.84-1.95.87-.74 2.02-1.15 3.24-1.15 1.22 0 2.37.41 3.24 1.15-.96 1.39-2.51 1.95-3.84 1.95z' fill='%239aa0a6'/></svg>");
}

.fp-limits-actions-panel__type::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><rect x='1' y='2.5' width='10' height='7' rx='1.4' fill='none' stroke='%239aa0a6' stroke-width='1.1'/><path d='M1 5h10' stroke='%239aa0a6' stroke-width='1.1'/></svg>");
}

.fp-limits-actions-panel__list {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #eceef1;
    padding: 6px;
    display: grid;
    gap: 4px;
}

.fp-limits-actions-panel__item {
    width: 100%;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    cursor: pointer;
    text-align: left;
}

.fp-limits-actions-panel__item:hover {
    background: #f5f6f8;
}

.fp-limits-actions-panel__item .k-icon {
    font-size: 14px;
}

.fp-limits-filters-panel .fp-transaction-filter-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fp-limits-filters-panel .fp-transaction-filter-label {
    align-self: flex-start;
}

.fp-limits-actions .fp-limits-filter .k-icon {
    font-size: 13px;
    margin-right: 6px;
}

.fp-limits-actions #select-cards.is-disabled {
    opacity: 0.5;
    pointer-events: none;
    color: #ff5a3c;
}

.fp-map-page {
    height: calc(100vh - var(--fp-header-height, 72px));
    padding: 16px;
}

.fp-map-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    background: #eef1f5;
    overflow: hidden;
}

.fp-map-canvas {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .fp-map-panel {
        inset: 0 !important;
        width: 100% !important;
    }
}

.fp-map-panel {
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: 16px;
    width: 320px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
    pointer-events: all;
    z-index: 10;
}

.fp-map-field:not(:last-of-type) {
    margin-bottom: 1rem;
}

.fp-map-empty {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(60, 60, 60, 0.9);
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    display: none;
    z-index: 10;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.fp-map-intro {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(60, 60, 60, 0.9);
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    z-index: 9;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.fp-map-panel.is-collapsed {
    width: 0;
    min-width: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    overflow: hidden;
    pointer-events: none;
}

.fp-map-panel.is-collapsed .fp-map-panel-body {
    display: none;
}

.fp-map-panel.is-collapsed .fp-map-panel-head {
    display: none;
}

.fp-map-panel-open {
    position: absolute;
    top: 16px;
    right: 16px;
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    color: #2b2b2b;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: none;
    align-items: center;
    gap: 8px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.fp-map-panel-open-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ff5a3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='4' y1='6' x2='14' y2='6'/><line x1='4' y1='12' x2='20' y2='12'/><line x1='4' y1='18' x2='12' y2='18'/><circle cx='18' cy='6' r='2'/><circle cx='16' cy='18' r='2'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.fp-map-panel.is-collapsed + .fp-map-panel-open {
    display: inline-flex;
}

.fp-map-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f1f3;
}

.fp-map-panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-map-panel-title-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff5a3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='4' y1='6' x2='14' y2='6'/><line x1='4' y1='12' x2='20' y2='12'/><line x1='4' y1='18' x2='12' y2='18'/><circle cx='18' cy='6' r='2'/><circle cx='16' cy='18' r='2'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.fp-map-panel-toggle {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.fp-map-panel.is-collapsed .fp-map-panel-toggle::before {
    left: 9px;
    transform: rotate(-180deg);
}

.fp-map-panel-body {
    padding: 14px 16px;
    overflow: auto;
}

.fp-map-section {
    margin-bottom: 16px;
}

.fp-map-label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
}

.fp-map-select {
    width: 100%;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

.fp-map-panel .k-widget,
.fp-map-panel .k-multiselect {
    width: 100% !important;
}

.fp-map-panel .k-multiselect-wrap {
    border-radius: 10px;
    border-color: #e0e0e0;
    padding: 4px 6px;
}

.fp-map-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
}

.fp-map-toggle-label {
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
    margin-bottom: 0;
}

.fp-map-toggle .k-checkbox {
    width: 36px;
    height: 20px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 999px;
    background: #ececef;
    position: relative;
    cursor: pointer;
    outline: none;
    margin-left: 0;
}

.fp-map-toggle .k-checkbox::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #ff5a3c;
    box-shadow: 0 2px 6px rgba(255, 90, 60, 0.35);
    transition: left 0.2s ease;
}

.fp-map-toggle .k-checkbox:checked {
    background: #ff7a61;
}

.fp-map-toggle .k-checkbox:checked::after {
    left: 18px;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.fp-map-section-title {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 8px;
}

.fp-map-fuel-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    background: #ffffff;
}

.fp-map-fuel-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fp-map-fuel-item .badge-checkbox {
    position: absolute;
    inset: 0;
    opacity: 0;
    margin: 0;
}

.fp-map-fuel-item .checkbox-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 8px;
    background: #f2f3f5;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
}

.fp-map-fuel-item input:checked + .checkbox-container {
    background: #e9eaee;
    padding-right: 26px;
}

.fp-map-fuel-item input:checked + .checkbox-container::after {
    content: "x";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #1f1f1f;
    color: #ffffff;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
}

.fp-map-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-block: 16px;
}

.fp-map-actions .fp-map-btn {
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fp-map-btn {
    border: 1px solid #e0e0e0;
    background: #ffffff;
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    cursor: pointer;
}

.fp-map-btn-primary {
    border-color: #ff5a3c;
    background: #ff5a3c;
    color: #ffffff;
}

.fp-map-btn-secondary {
    background: #fff6f2;
    border-color: #ffd9cc;
    color: #ff5a3c;
}

.fp-map-btn-ghost {
    background: #ffffff;
    border-color: #e6e8ec;
    color: #2b2b2b;
}

.fp-map-btn-full {
    width: 100%;
}

.fp-map-guide {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fp-map-guide-title {
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
    margin-bottom: 4px;
}

.fp-map-guide-item {
    border: 1px solid #eef0f3;
    border-radius: 10px;
    padding: 8px 10px;
    background: #ffffff;
}

.fp-map-guide-item summary {
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #2b2b2b;
    list-style: none;
}

.fp-map-guide-item summary::-webkit-details-marker {
    display: none;
}

.fp-map-guide-item summary::after {
    content: "›";
    float: right;
    color: #7b8086;
    transform: rotate(90deg);
}

.fp-map-guide-item[open] summary::after {
    transform: rotate(-90deg);
}

.fp-map-guide-text {
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
}

.fp-map-cluster {
    width: 380px;
    height: auto;
    max-width: 90vw;
    max-height: 70vh;
    border-radius: 12px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    font-family: inherit;
    display: flex;
    flex-direction: column;
}

.fp-map-cluster-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid #f0f1f3;
}

.fp-map-cluster-title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-map-cluster-close {
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 6px;
    background: #f5f6f8;
    color: #2b2b2b;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
}

.fp-map-cluster-list {
    flex: 1 1 auto;
    max-height: none;
    overflow: auto;
    padding: 4px 12px;
}

.fp-map-cluster-item {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #f0f1f3;
}

.fp-map-cluster-item:last-child {
    border-bottom: 0;
}

.fp-map-cluster-item-title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-map-cluster-item-subtitle {
    margin-top: 2px;
    font-size: 11px;
    line-height: 15px;
    color: #7b8086;
}

.fp-map-cluster-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 12px 12px;
    border-top: 1px solid #f0f1f3;
}

.fp-map-cluster-actions button {
    height: 32px;
    border-radius: 8px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
}

.fp-map-cluster-actions .fp-map-cluster-zoom {
    background: #ff5a3c;
    border-color: #ff5a3c;
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(255, 90, 60, 0.28);
}

.fp-map-cluster-list::-webkit-scrollbar {
    width: 6px;
}

.fp-map-cluster-list::-webkit-scrollbar-thumb {
    background: #d7dbe0;
    border-radius: 999px;
}

.fp-map-cluster-list::-webkit-scrollbar-track {
    background: transparent;
}

.ymaps-2-1-79-balloon__close,
.ymaps-2-1-79-balloon__close-button {
    display: none !important;
}

.ymaps-2-1-79-balloon__layout,
.ymaps-2-1-79-balloon__content {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ymaps-2-1-79-balloon__content {
    padding: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

.ymaps-2-1-79-balloon__tail {
    display: none !important;
}

.ymaps-2-1-79-balloon__layout {
    height: auto !important;
    max-height: none !important;
}

.fp-map-pin {
    position: relative;
    width: 52px;
    height: 62px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: var(--fp-pin-color, #6b7280);
    pointer-events: auto;
}

.fp-map-pin-circle {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    background: #ffffff;
    border: 3px solid currentColor;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
    position: relative;
}

.fp-map-pin-circle::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid currentColor;
    transform: translateX(-50%);
}

.fp-map-pin-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 22h14'/><path d='M5 9h10v10H5z'/><path d='M7 4h6v5H7z'/><path d='M15 6h3l2 3v9h-3'/><path d='M20 14a2 2 0 0 1-2 2h-1'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    color: currentColor;
}

.fp-map-pin-label {
    max-width: 44px;
    font-size: 9px;
    line-height: 11px;
    color: #2b2b2b;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fp-userreports-page {
    padding: 18px 20px 24px;
    background: #f4f4f4 !important;
    height: 100%;
}

.fp-userreports-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.fp-userreports-title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #2b2b2b;
    margin: 0;
}

.fp-userreports-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}

.fp-userreports-filter {
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #ff5a3c;
    background: #ffffff;
    color: #ff5a3c;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.fp-userreports-filter:hover {
    background: #fff1ec;
}

.fp-userreports-filter-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M0.153409 1.0725C1.80674 3.06 4.25 6 4.25 6V9.33333C4.25 10.0667 4.85 10.6667 5.58333 10.6667C6.31666 10.6667 6.91666 10.0667 6.91666 9.33333V6C6.91666 6 9.36 3.06 11.0133 1.0725C11.3533 0.633333 11.04 0 10.48 0H0.686076C0.126076 0 -0.186591 0.633333 0.153409 1.0725Z' fill='%23FA5935'/></svg>")
        no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M0.153409 1.0725C1.80674 3.06 4.25 6 4.25 6V9.33333C4.25 10.0667 4.85 10.6667 5.58333 10.6667C6.31666 10.6667 6.91666 10.0667 6.91666 9.33333V6C6.91666 6 9.36 3.06 11.0133 1.0725C11.3533 0.633333 11.04 0 10.48 0H0.686076C0.126076 0 -0.186591 0.633333 0.153409 1.0725Z' fill='%23FA5935'/></svg>")
        no-repeat center / contain;
}

.fp-userreports-generate,
.fp-userreports-restore {
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #ff5a3c;
    background: #ff5a3c;
    color: #ffffff;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(255, 90, 60, 0.24);
}

.fp-userreports-restore {
    background: #ffffff;
    color: #ff5a3c;
}

.fp-userreports-grid-wrap {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.fp-userreports-grid.k-grid {
    border: 0;
}

.fp-userreports-grid .k-grid-header {
    background: #fafafa;
}

.fp-userreports-grid .k-grid-header th {
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    color: #7b8086;
}

.fp-userreports-grid .k-grid td {
    padding: 12px 16px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
    border-color: #f0f1f3;
}

.fp-userreports-grid .k-grid tr {
    border-bottom: 1px solid #f0f1f3;
}

.fp-userreports-grid .k-grid .k-alt {
    background: #fcfcfc;
}

.fp-userreports-grid .k-grid-header table,
.fp-userreports-grid .k-grid-content table {
    min-width: 1100px;
    table-layout: fixed;
}

.fp-userreports-grid .k-grid-header th.fp-userreports-sticky-right,
.fp-userreports-grid .k-grid-content td.fp-userreports-sticky-right {
    position: sticky;
    right: 0;
    z-index: 2;
    background: #ffffff;
    box-shadow: -1px 0 0 #f0f1f3;
}

.fp-userreports-grid .k-grid-header th.fp-userreports-sticky-right {
    z-index: 3;
    background: #fafafa;
}

.fp-userreports-grid .k-grid .k-alt td.fp-userreports-sticky-right {
    background: #fcfcfc;
}

.fp-userreports-actions-head,
.fp-userreports-actions-cell {
    min-width: 150px;
    text-align: right;
}

.fp-userreports-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
}

.fp-userreports-status--ready {
    background: #e9f7df;
    color: #2f9d2f;
}

.fp-userreports-status--progress {
    background: #e7f1ff;
    color: #2b6fe3;
}

.fp-userreports-status--error {
    background: #ffe9e9;
    color: #d64242;
}

.fp-userreports-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #ff5a3c;
    background: #ffffff;
    color: #ff5a3c;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}

.fp-userreports-download::before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ff5a3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='M7 10l5 5 5-5'/><path d='M5 21h14'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.fp-userreports-download .k-icon {
    color: currentColor;
}

.fp-userreports-download:hover {
    background: #fff1ec;
}

.fp-userreports-download.is-disabled {
    background: #f5f6f8;
    border-color: #e0e0e0;
    color: #a0a0a0;
    cursor: not-allowed;
    box-shadow: none;
    pointer-events: none;
}

.fp-userreports-download.is-disabled::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='M7 10l5 5 5-5'/><path d='M5 21h14'/></svg>");
}

.fp-userreports-mobile {
    display: none;
    flex-direction: column;
    gap: 12px;
}

.fp-userreports-mobile-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.fp-userreports-mobile-card__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-userreports-mobile-card__status .fp-userreports-status {
    font-size: 11px;
    line-height: 14px;
}

.fp-userreports-mobile-card__meta-list {
    display: grid;
    gap: 6px;
}

.fp-userreports-mobile-card__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #5f646a;
}

.fp-userreports-mobile-card__meta .k-icon {
    font-size: 14px;
    color: #a7adb4;
}

.fp-userreports-mobile-card__footer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 2px;
}

.fp-userreports-mobile-card__download.fp-userreports-download {
    height: 32px;
    padding: 0 12px;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.fp-userreports-mobile-card__manage-toggle {
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
}

.fp-userreports-mobile-card__manage-toggle::before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M1.2 3H10.8' stroke='%232b2b2b' stroke-width='1.4' stroke-linecap='round'/><path d='M1.2 6H10.8' stroke='%232b2b2b' stroke-width='1.4' stroke-linecap='round'/><path d='M1.2 9H10.8' stroke='%232b2b2b' stroke-width='1.4' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.fp-userreports-actions-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 14px 16px 16px;
    display: none;
    flex-direction: column;
    gap: 12px;
    z-index: 1351;
    box-sizing: border-box;
}

.fp-userreports-actions-panel.is-open {
    display: flex;
}

.fp-userreports-actions-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fp-userreports-actions-panel__title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-userreports-actions-panel__close {
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-userreports-actions-panel__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #eceef1;
    background: #ffffff;
}

.fp-userreports-actions-panel__type {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-userreports-actions-panel__status .fp-userreports-status {
    font-size: 11px;
    line-height: 14px;
}

.fp-userreports-actions-panel__list {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #eceef1;
    padding: 6px;
    display: grid;
    gap: 4px;
}

.fp-userreports-actions-panel__item {
    width: 100%;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    cursor: pointer;
    text-align: left;
}

.fp-userreports-actions-panel__item:hover {
    background: #f5f6f8;
}

.fp-userreports-actions-panel__item .k-icon {
    font-size: 14px;
}

.fp-userreports-filters-panel .fp-transaction-filter-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fp-userreports-filters-panel .fp-transaction-filter-label {
    align-self: flex-start;
}

.fp-userreports-grid .k-grid-toolbar {
    background: transparent;
    border: 0;
    padding: 12px 16px 0;
}

.fp-userreports-grid .k-dropdown {
    width: 320px !important;
}

.fp-userreports-window .k-window-titlebar {
    display: none;
}

.fp-userreports-window .k-window-content {
    padding: 0;
    background: transparent;
}

.fp-userreports-modal {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.fp-userreports-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 10px;
    border-bottom: 1px solid #f0f1f3;
}

.fp-userreports-modal__title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-userreports-modal__close {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: #f5f6f8;
    color: #2b2b2b;
    cursor: pointer;
    font-size: 16px;
    line-height: 28px;
}

.fp-userreports-modal__body {
    padding: 6px 20px 4px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fp-userreports-field .k-edit-label {
    margin: 0 0 6px;
}

.fp-userreports-window .fp-userreports-field .k-edit-label,
.fp-userreports-window .fp-userreports-field .k-edit-field {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fp-userreports-label {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
    margin-bottom: 6px;
}

.fp-userreports-sub-label {
    display: block;
    font-size: 11px;
    line-height: 14px;
    color: #7b8086;
    margin-bottom: 6px;
}

.fp-userreports-control .k-widget,
.fp-userreports-control .k-multiselect {
    width: 100% !important;
}

.fp-userreports-control .k-dropdown,
.fp-userreports-control .k-datetimepicker {
    width: 100% !important;
}

.fp-userreports-control .k-dropdown-wrap,
.fp-userreports-control .k-picker-wrap {
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    background: #ffffff;
    padding: 0 10px;
    height: 40px;
    min-height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    box-shadow: none !important;
}

.fp-userreports-control .k-multiselect-wrap {
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    background: #ffffff;
    padding: 6px 10px;
    min-height: 40px;
    box-sizing: border-box;
    box-shadow: none !important;
}

.fp-userreports-control .k-dropdown-wrap .k-input,
.fp-userreports-control .k-picker-wrap .k-input {
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    border: 0 !important;
    box-shadow: none !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.fp-userreports-control .k-floatwrap {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.fp-userreports-control .k-select {
    background: transparent;
    border-left: 0;
}

.fp-userreports-window
    .fp-userreports-control
    .k-datetimepicker
    .k-picker-wrap {
    gap: 4px;
}

.fp-userreports-window .k-dropdown .k-dropdown-wrap .k-select,
.fp-userreports-window .k-numerictextbox .k-numeric-wrap .k-select,
.fp-userreports-window .k-datepicker .k-picker-wrap .k-select,
.fp-userreports-window .k-datetimepicker .k-picker-wrap .k-select {
    margin-right: 0 !important;
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
}

.fp-userreports-window
    .fp-userreports-control
    .k-datetimepicker
    .k-picker-wrap
    .k-icon {
    font-size: 18px;
    line-height: 1;
}

.fp-userreports-window
    .fp-userreports-control
    .k-datetimepicker
    .k-picker-wrap
    .k-select:last-child {
    margin-right: 4px !important;
}

.fp-userreports-control .k-select .k-icon {
    color: #6b6b6b;
}

.fp-userreports-control .k-multiselect-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.fp-userreports-control .k-multiselect-wrap .k-button {
    border-radius: 999px;
    background: #f1f1f1;
    border: 0;
    color: #2b2b2b;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
}

.fp-userreports-control .k-multiselect-wrap .k-i-close {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #1f1f1f;
    color: #ffffff;
    font-size: 10px;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fp-userreports-period {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.fp-userreports-period-item--to .k-picker-wrap {
    position: relative;
}

.fp-userreports-period-item--to .k-picker-wrap::before {
    content: attr(data-prefix);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 16px;
    color: #7b8086;
    pointer-events: none;
}

.fp-userreports-period-item--to .k-input {
    padding-left: 28px;
}

.fp-userreports-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
}

.fp-userreports-modal__actions {
    padding: 10px 20px 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.fp-userreports-modal__btn {
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}

.fp-userreports-modal__btn--primary {
    background: #ff5a3c;
    border-color: #ff5a3c;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(255, 90, 60, 0.25);
}

.fp-userreports-modal__btn--ghost {
    background: #ffffff;
    color: #2b2b2b;
}

.fp-userreports-window .k-calendar {
    border-radius: 10px;
    border-color: #e0e0e0;
    overflow: hidden;
}

.fp-userreports-window .k-calendar .k-header {
    background: #fafafa;
    border-bottom: 1px solid #f0f1f3;
}

.fp-userreports-window .k-calendar td.k-state-selected,
.fp-userreports-window .k-calendar td.k-selected {
    background: #ff5a3c;
    color: #ffffff;
}

.fp-userreports-window .k-calendar td.k-state-hover {
    background: #fff1ec;
}

@media (max-width: 768px) {
    .fp-userreports-window.k-window,
    .fp-userreports-window.k-widget.k-window {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    .fp-userreports-window .k-window-content {
        padding: 0 !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    .fp-userreports-window .fp-userreports-modal {
        border-radius: 0;
        box-shadow: none;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }

    .fp-userreports-window .fp-userreports-modal__body {
        flex: 1 1 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 12px;
    }

    .fp-userreports-window .fp-userreports-modal__actions {
        margin-top: auto;
        position: sticky;
        bottom: 0;
        z-index: 3;
        background: #ffffff;
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }
}

#GasStationModal .modal-window > button,
#GasStationAuthModal .modal-window > button {
    display: none;
}

#GasStationModal .modal-window,
#GasStationAuthModal .modal-window {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.fp-map-gas-modal {
    width: 720px;
    max-width: calc(100vw - 32px);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .fp-map-gas-modal {
        width: 100%;
        height: 100%;
        max-width: none;
    }

    .fp-map-gas-modal__table-wrap {
        display: none !important;
    }

    .fp-map-gas-modal__mobile {
        display: block !important;
    }
    .fp-map-gas-modal__actions {
        margin-top: auto;
    }
    .fp-map-gas-modal__body {
        height: 100%;
        overflow: auto;
    }
}

.fp-map-gas-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f1f3;
}

.fp-map-gas-modal__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-map-gas-modal__close {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: #f5f6f8;
    color: #2b2b2b;
    cursor: pointer;
    font-size: 16px;
    line-height: 28px;
}

.fp-map-gas-modal__body {
    padding: 12px 20px 0;
}

.fp-map-gas-modal__row {
    padding: 10px 0;
    border-bottom: 1px solid #f0f1f3;
}

.fp-map-gas-modal__label {
    font-size: 11px;
    line-height: 14px;
    color: #7b8086;
    margin-bottom: 4px;
}

.fp-map-gas-modal__value {
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fp-map-gas-modal__copy {
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 6px;
    background: #ffe7e1;
    color: #ff5a3c;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fp-map-gas-modal__table-wrap {
    padding: 12px 20px;
}

.fp-map-gas-modal__mobile {
    display: none;
}

.fp-map-gas-modal__mobile.is-hidden {
    display: none;
}

.fp-map-gas-modal__group + .fp-map-gas-modal__group {
    border-top: 1px solid #f0f1f3;
}

.fp-map-gas-modal__group
    + .fp-map-gas-modal__group
    .fp-map-gas-modal__row:first-child {
    padding-top: 12px;
}

.fp-map-gas-modal__group .fp-map-gas-modal__row:last-child {
    border-bottom: 0;
}

.fp-map-gas-modal__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #eef0f3;
    border-radius: 10px;
    overflow: hidden;
}

.fp-map-gas-modal__table thead th {
    background: #fafafa;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    color: #7b8086;
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #eef0f3;
}

.fp-map-gas-modal__table td {
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
    padding: 10px 12px;
    border-bottom: 1px solid #eef0f3;
}

.fp-map-gas-modal__table tbody tr:last-child td {
    border-bottom: 0;
}

.fp-map-gas-modal__actions {
    padding: 8px 20px 18px;
}

.fp-map-gas-modal__btn {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    border: 1px solid #ff5a3c;
    background: #ff5a3c;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow: 0 8px 18px rgba(255, 90, 60, 0.24);
    cursor: pointer;
}

/* Limits page: pager tweaks */
.fp-limits-grid .k-pager-wrap {
    background: #ffffff;
    border-top: 1px solid #ebebeb;
}

.fp-limits-grid .k-pager-numbers .k-link {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
}

.fp-limits-grid .k-pager-numbers .k-state-selected .k-link,
.fp-limits-grid .k-pager-numbers .k-selected .k-link {
    background: #fee5dd;
    border-color: transparent;
    color: #fa5935 !important;
    font-weight: 700;
}

/* Import modal (new UI): upload flow + actions */
.fp-import-window.k-window {
    max-width: 400px !important;
    max-height: calc(100dvh - 24px) !important;
}

.fp-import-window .k-window-titlebar {
    display: none;
}

.fp-import-window .k-window-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-import-window .k-window-action {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.fp-import-window .k-window-action:hover {
    background: rgba(0, 0, 0, 0.05);
}

.fp-import-window .k-window-content {
    padding: 0;
}

.fp-import-modal {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
    padding: 24px 22px 20px;
    display: grid;
    gap: 12px;
}

.fp-import-title {
    margin: 0;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-import-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    border-radius: 6px;
    font-size: 28px;
    line-height: 1;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-import-close:hover {
    background: rgba(0, 0, 0, 0.05);
}

.fp-import-lead {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: #2b2b2b;
}

.fp-import-link {
    font-size: 15px;
    line-height: 20px;
    color: #fa5935;
    text-decoration: none;
}

.fp-import-link:hover {
    text-decoration: underline;
}

.fp-import-dropzone {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 16px;
    height: 56px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
}

.fp-import-dropzone.is-dragover {
    border-color: #fa5935;
    background: #fff8f4;
}

.fp-import-input {
    display: none;
}

.fp-import-choose {
    height: 36px;
    padding: 0 18px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background: #ededed;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-import-choose:hover {
    background: #e6e6e6;
}

.fp-import-drop-text {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
}

.fp-import-file-name {
    font-size: 14px;
    line-height: 20px;
    color: #2b2b2b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-import-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 6px;
}

.fp-import-submit {
    min-width: 170px;
    height: 44px;
    border-radius: 8px;
    border: 0;
    background: #fa5935;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
}

.fp-import-submit:disabled {
    background: #ededed;
    color: rgba(0, 0, 0, 0.3);
    cursor: default;
}

.fp-import-cancel {
    min-width: 150px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    color: #2b2b2b;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.fp-import-cancel:hover {
    background: #f5f5f5;
}

@media (max-width: 768px) {
    .fp-import-window.k-window {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: calc(100vw - 24px) !important;
        max-width: 420px !important;
        height: auto !important;
        min-height: 0 !important;
        border-radius: 12px !important;
    }

    .fp-import-window .k-window-content {
        padding: 0 !important;
    }

    .fp-import-modal {
        max-width: none;
        padding: 14px 14px 16px;
        gap: 10px;
    }

    .fp-import-title {
        font-size: 22px;
        line-height: 28px;
        padding-right: 32px;
    }

    .fp-import-lead {
        font-size: 16px;
        line-height: 22px;
    }

    .fp-import-link {
        font-size: 15px;
        line-height: 20px;
    }

    .fp-import-dropzone {
        height: 58px;
        padding: 8px 10px;
        gap: 8px;
    }

    .fp-import-choose {
        height: 34px;
        padding: 0 14px;
        letter-spacing: 1.2px;
    }

    .fp-import-drop-text,
    .fp-import-file-name {
        font-size: 14px;
        line-height: 20px;
    }

    .fp-import-actions {
        margin-top: 2px;
        gap: 8px;
    }

    .fp-import-submit,
    .fp-import-cancel {
        min-width: 0;
        width: 50%;
        height: 42px;
        letter-spacing: 1.6px;
    }
}

.fp-download-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDN2MTIiLz48cGF0aCBkPSJNNyAxMGw1IDUgNS01Ii8+PHBhdGggZD0iTTUgMjFoMTQiLz48L3N2Zz4=")
        no-repeat center / contain;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDN2MTIiLz48cGF0aCBkPSJNNyAxMGw1IDUgNS01Ii8+PHBhdGggZD0iTTUgMjFoMTQiLz48L3N2Zz4=")
        no-repeat center / contain;
}

/* Cards owner (new UI): grid, row layout, menus */
.fp-cardsowner-grid {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
}

.fp-cardsowner-grid .k-grid {
    border-radius: 12px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    overflow: auto;
    width: 100%;
    height: auto;
    position: relative;
}

.fp-cardsowner-grid .k-grid-header {
    background: #fafafa;
}

.fp-cardsowner-grid .k-grid-content {
    overflow: auto;
    position: relative;
    z-index: 1;
    height: auto !important;
    max-height: none !important;
}

.fp-cardsowner-grid .k-grid-content table,
.fp-cardsowner-grid .k-grid-content tbody {
    width: 100% !important;
    max-width: 100%;
}

.fp-cardsowner-grid .k-grid-content table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    table-layout: fixed;
}

.fp-cardsowner-grid .k-grid-content tr,
.fp-cardsowner-grid .k-grid-content td {
    max-width: 100%;
}

.fp-cardsowner-grid .k-grid-header th {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #7b8086;
    white-space: normal;
}

.fp-cardsowner-grid .k-grid td {
    padding: 14px 16px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    border-color: #f0f1f3;
}

.fp-cardsowner-grid .k-grid tr {
    border-bottom: 1px solid #f0f1f3;
}

.fp-cardsowner-grid .k-grid .k-alt {
    background: #fbfbfb;
}

.fp-cardsowner-grid .k-grid-header th:last-child,
.fp-cardsowner-grid .k-grid td:last-child {
    text-align: right;
}

.fp-cardsowner-name {
    font-weight: 600;
    color: #2b2b2b;
}

.fp-cardsowner-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #4a4f55;
}

.fp-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.fp-status-badge--success {
    background: #e9f7df;
    color: #2f9d2f;
}

.fp-status-badge--danger {
    background: #ffe9e4;
    color: #ff3b30;
}

.fp-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
}

.fp-cardsowner-menu {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.fp-cardsowner-menu-toggle {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fp-cardsowner-menu-icon {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #7b8086;
    box-shadow:
        0 -6px 0 #7b8086,
        0 6px 0 #7b8086;
}

.fp-cardsowner-menu-dropdown {
    position: absolute;
    top: 36px;
    right: 0;
    min-width: 200px;
    padding: 6px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    display: none;
    z-index: 10000;
}

.fp-cardsowner-menu.is-open .fp-cardsowner-menu-dropdown {
    display: block;
}

.fp-cardsowner-menu-item {
    width: 100%;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
    cursor: pointer;
    text-align: left;
}

.fp-cardsowner-menu-item:hover {
    background: #f5f6f8;
}

.fp-cardsowner-menu-item .k-icon {
    font-size: 14px;
}

/* Cards owner (mobile list + actions panel) */
.fp-cardsowner-mobile {
    display: none;
    flex-direction: column;
    gap: 12px;
}

.fp-cardsowner-mobile-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.fp-cardsowner-mobile-card__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-cardsowner-mobile-card__status .fp-status-badge {
    font-size: 11px;
    line-height: 14px;
    padding: 4px 6px;
}

.fp-cardsowner-mobile-card__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.fp-cardsowner-mobile-card__group {
    border-radius: 12px;
    display: grid;
    gap: 6px;
}

.fp-cardsowner-mobile-card__group-title {
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    color: #7b8086;
}

.fp-cardsowner-mobile-card__group-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b;
}

.fp-cardsowner-mobile-card__group-row span:first-child {
    color: #7b8086;
}

.fp-cardsowner-mobile-card__footer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fp-cardsowner-mobile-card__manage-toggle {
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
}

.fp-cardsowner-actions-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 14px 16px 16px;
    display: none;
    flex-direction: column;
    gap: 12px;
    z-index: 1351;
    box-sizing: border-box;
}

.fp-cardsowner-actions-panel.is-open {
    display: flex;
}

.fp-cardsowner-actions-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fp-cardsowner-actions-panel__title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-cardsowner-actions-panel__close {
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #e6e8ec;
    background: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2b2b2b;
    cursor: pointer;
}

.fp-cardsowner-actions-panel__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #eceef1;
    background: #ffffff;
}

.fp-cardsowner-actions-panel__name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-cardsowner-actions-panel__list {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #eceef1;
    padding: 6px;
    display: grid;
    gap: 4px;
}

.fp-cardsowner-actions-panel__item {
    width: 100%;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
    cursor: pointer;
    text-align: left;
}

.fp-cardsowner-actions-panel__item:hover {
    background: #f5f6f8;
}

.fp-cardsowner-actions-panel__item.is-hidden {
    display: none;
}

.fp-cardsowner-actions-panel__item .k-icon {
    font-size: 14px;
}

.fp-cardsowner-filters-panel .fp-transaction-filter-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fp-cardsowner-filters-panel .fp-transaction-filter-label {
    align-self: flex-start;
}

/* Cards owner (new UI): edit window + dialogs */
.fp-owner-edit-window.k-window {
    border-radius: 12px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}

.fp-owner-edit-window .k-window-titlebar {
    padding: 14px 18px;
    border-bottom: 1px solid #f2f2f2;
    background: #ffffff;
}

.fp-owner-edit-window .k-window-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-owner-edit-window .k-window-action {
    width: 28px;
    height: 28px;
    border-radius: 6px;
}

.fp-owner-edit-window .k-window-action:hover {
    background: rgba(0, 0, 0, 0.04);
}

.fp-owner-edit-window .k-window-content {
    padding: 12px 18px 18px;
    background: #ffffff;
}

.fp-owner-edit-window .user-edit-form {
    display: block;
}

/* Common edit windows (user-edit-form) */
.fp-common-edit-window.k-window {
    border-radius: 12px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    max-width: calc(100vw - 24px);
}

.fp-common-edit-window .k-window-titlebar {
    padding: 14px 18px;
    border-bottom: 1px solid #f2f2f2;
    background: #ffffff;
}

.fp-common-edit-window .k-window-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #2b2b2b;
}

.fp-common-edit-window .k-window-action {
    width: 28px;
    height: 28px;
    border-radius: 6px;
}

.fp-common-edit-window .k-window-action:hover {
    background: rgba(0, 0, 0, 0.04);
}

.fp-common-edit-window .k-window-content {
    padding: 12px 18px 18px;
    background: #ffffff;
    overflow: hidden !important;
}

.fp-common-edit-window .user-edit-form {
    display: block;
    max-height: calc(100vh - 220px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.fp-common-edit-window .user-edit-form::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.fp-common-edit-window {
    overflow: hidden;
}

.fp-common-edit-window .k-window-content * {
    max-width: 100%;
}

.fp-common-edit-window .user-edit-form .k-edit-label,
.fp-common-edit-window .user-edit-form .k-edit-field {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
}

.fp-common-edit-window .user-edit-form .k-edit-label {
    margin-top: 12px;
    margin-bottom: 6px;
}

.fp-common-edit-window .user-edit-form .k-edit-field {
    margin-bottom: 8px;
}

.fp-common-edit-window .user-edit-form .k-textbox,
.fp-common-edit-window .user-edit-form input,
.fp-common-edit-window .user-edit-form .k-input,
.fp-common-edit-window .user-edit-form .k-dropdown,
.fp-common-edit-window .user-edit-form .k-dropdowntree,
.fp-common-edit-window .user-edit-form .k-multiselect,
.fp-common-edit-window .user-edit-form .k-numerictextbox,
.fp-common-edit-window .user-edit-form .k-datepicker,
.fp-common-edit-window .user-edit-form .k-datetimepicker,
.fp-common-edit-window .user-edit-form .k-maskedtextbox {
    width: 100% !important;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .fp-common-edit-window.k-window {
        width: 100% !important;
        height: 100% !important;
        max-width: none;
        max-height: none;
        border-radius: 0;
        left: 0 !important;
        top: 0 !important;
    }

    .fp-common-edit-window .k-window-content {
        height: calc(100vh - 56px);
        padding: 12px 16px 16px;
    }

    .fp-common-edit-window .user-edit-form {
        max-height: none;
        height: calc(100vh - 110px);
    }
}

.fp-owner-edit-window .user-edit-form .k-edit-label,
.fp-owner-edit-window .user-edit-form .k-edit-field {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.fp-owner-edit-window .user-edit-form .k-edit-label {
    margin: 12px 0 6px;
}

.fp-owner-edit-window .user-edit-form .k-edit-label:first-of-type {
    margin-top: 0;
}

.fp-owner-edit-window .user-edit-form .k-edit-label label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #2b2b2b;
}

.fp-owner-edit-window .k-textbox,
.fp-owner-edit-window .k-textbox .k-input,
.fp-owner-edit-window .k-multiselect {
    width: 100% !important;
    border-radius: 6px;
    border-color: #d4d7dc;
}

.fp-owner-edit-window .k-textbox,
.fp-owner-edit-window .k-multiselect {
    min-height: 38px;
    box-sizing: border-box;
}

.fp-owner-edit-window .k-textbox .k-input {
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
}

.fp-owner-edit-window .k-multiselect .k-input {
    min-height: 34px;
    line-height: 34px;
}

.fp-owner-edit-window .k-multiselect .k-button,
.fp-owner-edit-window .k-multiselect .k-chip {
    border-radius: 6px;
    background: #f6f7f9;
    border: 1px solid #e1e4e8;
    color: #2b2b2b;
}

.fp-owner-edit-window .k-multiselect .k-chip .k-chip-content {
    padding: 2px 6px;
    font-size: 12px;
    line-height: 16px;
}

.fp-owner-edit-window .k-multiselect .k-chip .k-chip-action,
.fp-owner-edit-window .k-multiselect .k-chip .k-chip-remove-action {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 50%;
    background: #2b2b2b;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
}

.fp-owner-edit-window .k-multiselect .k-chip .k-chip-action .k-icon,
.fp-owner-edit-window .k-multiselect .k-chip .k-chip-remove-action .k-icon {
    font-size: 10px;
    line-height: 10px;
    color: #ffffff;
    opacity: 1;
}

.fp-owner-edit-window .k-multiselect .k-button .k-i-close,
.fp-owner-edit-window .k-multiselect .k-chip .k-i-close {
    color: #2b2b2b;
    opacity: 0.8;
}

.fp-owner-edit-window .k-edit-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px !important;
    margin-inline: 0;
    background: #ffffff;
    text-align: center;
}

.fp-owner-edit-window .k-edit-buttons .k-button {
    height: 38px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fp-owner-edit-window .k-edit-buttons .k-button.k-primary {
    background-color: #fa5935 !important;
    border-color: #fa5935 !important;
    color: #ffffff !important;
}

.fp-owner-edit-window .k-edit-buttons .k-button.k-primary:hover {
    background-color: #e24f31 !important;
    border-color: #e24f31 !important;
}

.fp-owner-edit-window .k-edit-buttons .k-button:not(.k-primary) {
    background: #ffffff !important;
    border: 1px solid #e1e4e8 !important;
    color: #2b2b2b !important;
}

.fp-owner-edit-window .k-edit-buttons .k-button:not(.k-primary):hover {
    background: #f5f6f8;
}

.fp-owner-edit-window .k-edit-buttons .k-button .k-icon {
    display: none;
}

@media (max-width: 768px) {
    .fp-owner-edit-window .k-window-content {
        padding: 12px 16px 16px;
        overflow-x: hidden !important;
    }

    .fp-owner-edit-window .user-edit-form {
        max-height: none;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .fp-owner-edit-window .k-edit-form-container {
        max-width: 100%;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }

    .fp-owner-edit-window .k-edit-form-container * {
        max-width: 100%;
        box-sizing: border-box;
    }
}

.fp-unlock-dialog.k-dialog {
    border-radius: 12px;
    border: 1px solid #ebebeb;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.fp-unlock-dialog .k-dialog-titlebar {
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
    background: #ffffff;
}

.fp-unlock-dialog .k-dialog-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-unlock-dialog .k-dialog-titlebar .k-dialog-close {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.fp-unlock-dialog .k-dialog-titlebar .k-dialog-close:hover {
    background: rgba(0, 0, 0, 0.05);
}

.fp-unlock-dialog .k-dialog-content {
    padding: 8px 20px 14px;
    font-size: 13px;
    line-height: 18px;
    color: #4a4f55;
}

.fp-unlock-dialog .k-dialog-actions {
    gap: 12px;
    border-top: 1px solid #f0f0f0;
    background: #ffffff;
}

.fp-unlock-dialog .k-dialog-actions .k-button {
    height: 40px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: none;
}

.fp-unlock-dialog .k-dialog-actions .k-button.k-primary,
.fp-unlock-dialog .k-dialog-actions .k-button-solid-primary,
.fp-unlock-dialog .k-dialog-actions .k-button-solid.k-button-solid-primary,
#dialog.k-dialog .k-dialog-actions .k-button.k-primary,
#dialog.k-dialog .k-dialog-actions .k-button-solid-primary,
#dialog.k-dialog .k-dialog-actions .k-button-solid.k-button-solid-primary {
    background: #fa5935 !important;
    border-color: #fa5935 !important;
    color: #ffffff !important;
}

.fp-unlock-dialog .k-dialog-actions .k-button.k-primary:hover,
.fp-unlock-dialog .k-dialog-actions .k-button-solid-primary:hover,
.fp-unlock-dialog
    .k-dialog-actions
    .k-button-solid.k-button-solid-primary:hover,
#dialog.k-dialog .k-dialog-actions .k-button.k-primary:hover,
#dialog.k-dialog .k-dialog-actions .k-button-solid-primary:hover,
#dialog.k-dialog
    .k-dialog-actions
    .k-button-solid.k-button-solid-primary:hover {
    background: #e24f31 !important;
    border-color: #e24f31 !important;
}

.fp-unlock-dialog .k-dialog-actions .k-button:not(.k-primary) {
    background: #ffffff !important;
    border: 1px solid #e6e8ec !important;
    color: #2b2b2b !important;
}

.fp-unlock-dialog .k-dialog-actions .k-button:not(.k-primary):hover {
    background: #f5f6f8 !important;
}

.fp-unlock-dialog .k-dialog-actions .k-button .k-icon {
    display: none;
}

/* Global modal style: align with user-edit-form look */
.k-window {
    border-radius: 12px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    background: #ffffff;
}

.k-window-titlebar {
    padding: 14px 18px;
    border-bottom: 1px solid #f2f2f2;
    background: #ffffff;
}

.k-window-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #2b2b2b;
    overflow: initial;
    text-overflow: initial;
}

.k-window-action {
    width: 28px;
    height: 28px;
    border-radius: 6px;
}

.k-calendar .k-footer,
.k-calendar-footer {
    display: none !important;
}

.k-window-action:hover {
    background: rgba(0, 0, 0, 0.04);
}

.k-window-content {
    padding: 12px 18px 18px;
    background: #ffffff;
}

@media (max-width: 768px) {
    .k-window,
    .k-widget.k-window {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        display: flex;
        flex-direction: column;
        transform: translate(0, 0) !important;
    }

    .k-window-titlebar {
        border-radius: 0 !important;
        padding: 14px 16px;
    }

    .k-window-content,
    .k-window .k-window-content {
        flex: 1 1 auto;
        height: auto !important;
        max-height: none !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 12px 16px calc(16px + env(safe-area-inset-bottom));
    }
}

.k-edit-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #f2f2f2;
    background: #ffffff;
    text-align: center;
    margin: 0 !important;
}

.k-edit-buttons .k-button {
    height: 38px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.k-edit-buttons .k-button.k-primary {
    background: #fa5935 !important;
    border-color: #fa5935 !important;
    color: #ffffff !important;
}

.k-popup-edit-form
    .k-edit-form-container
    .k-edit-buttons
    .k-button.k-grid-update,
.k-popup-edit-form
    .k-edit-form-container
    .k-edit-buttons
    .k-button.k-grid-update:hover,
.k-popup-edit-form
    .k-edit-form-container
    .k-edit-buttons
    .k-button.k-grid-update:focus,
.k-popup-edit-form
    .k-edit-form-container
    .k-edit-buttons
    .k-button.k-grid-update:active,
.k-window .k-edit-buttons .k-button.k-grid-update,
.k-window .k-edit-buttons .k-button.k-grid-update:hover,
.k-window .k-edit-buttons .k-button.k-grid-update:focus,
.k-window .k-edit-buttons .k-button.k-grid-update:active,
.k-dialog .k-dialog-actions .k-button.k-primary,
.k-dialog .k-dialog-actions .k-button.k-primary:hover,
.k-dialog .k-dialog-actions .k-button.k-primary:focus,
.k-dialog .k-dialog-actions .k-button.k-primary:active {
    background: #fa5935 !important;
    background-color: #fa5935 !important;
    border-color: #fa5935 !important;
}

.k-edit-buttons .k-button.k-primary:hover {
    background: #e24f31 !important;
    border-color: #e24f31 !important;
}

.k-edit-buttons .k-button:not(.k-primary) {
    background: #ffffff !important;
    border: 1px solid #e1e4e8 !important;
    color: #2b2b2b !important;
}

.k-edit-buttons .k-button:not(.k-primary):hover {
    background: #f5f6f8;
}

.k-edit-buttons .k-button .k-icon {
    display: none;
}

@media (max-width: 768px) {
    .k-popup-edit-form .k-window-content {
        display: flex;
        flex-direction: column;
        min-height: 0;
        overflow: hidden !important;
        padding-bottom: 0;
    }

    .k-popup-edit-form .k-edit-form-container {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
    }

    .k-popup-edit-form .k-edit-form-container .user-edit-form {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 12px;
    }

    .k-popup-edit-form .k-edit-form-container .k-edit-buttons {
        position: sticky;
        bottom: 0;
        z-index: 3;
        margin-top: auto !important;
        padding: 12px 0 calc(12px + env(safe-area-inset-bottom));
    }

    .k-dialog {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .k-dialog-content {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .k-dialog-actions,
    .k-dialog-buttongroup {
        position: sticky;
        bottom: 0;
        z-index: 3;
        margin-top: auto;
        box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.06);
    }

    .k-dialog-actions {
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
    }

    .k-dialog-buttongroup {
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }
}

.k-dialog {
    border-radius: 12px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    background: #ffffff;
}

.k-dialog-titlebar {
    padding: 14px 18px;
    border-bottom: 1px solid #f2f2f2;
    background: #ffffff;
}

.k-dialog-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #2b2b2b;

    white-space: nowrap;
    text-overflow: initial;
    overflow: initial;
}

.k-dialog-titlebar .k-dialog-close {
    width: 28px;
    height: 28px;
    border-radius: 6px;
}

.k-dialog-titlebar .k-dialog-close:hover {
    background: rgba(0, 0, 0, 0.04);
}

.k-dialog-content {
    padding: 12px 18px 14px;
    font-size: 13px;
    line-height: 18px;
    color: #4a4f55;
    background: #ffffff;
}

.k-dialog-actions {
    gap: 10px;
    border-top: 1px solid #f2f2f2;
    background: #ffffff;
}

.k-dialog-buttongroup {
    padding: 12px 18px 18px;
    gap: 10px;
    border-top: 1px solid #f2f2f2;
    background: #ffffff;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.k-dialog-buttongroup .k-button {
    height: 38px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}

.k-dialog-buttongroup .k-button.k-primary {
    background: #fa5935 !important;
    border-color: #fa5935 !important;
    color: #ffffff !important;
}

.k-dialog-buttongroup .k-button.k-primary:hover {
    background: #e24f31 !important;
    border-color: #e24f31 !important;
}

.k-dialog-buttongroup .k-button:not(.k-primary) {
    background: #ffffff !important;
    border: 1px solid #e1e4e8 !important;
    color: #2b2b2b !important;
}

.k-dialog-buttongroup .k-button:not(.k-primary):hover {
    background: #f5f6f8;
}

/* Limits modal (new UI): settings dialog layout */

.fp-limit-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.fp-limit-modal__title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    text-transform: none;
    color: #2b2b2b;
}

.fp-limit-modal__close {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 0;
    background: transparent;
    color: #8c8c8c;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
}

.fp-limit-modal__close:hover {
    background: rgba(0, 0, 0, 0.04);
    color: #2b2b2b;
}

.fp-limit-modal__select {
    width: 280px;
    margin: 0;
    justify-self: start;
}

.fp-limit-modal__select .k-dropdown,
.fp-limit-modal__select .k-dropdowntree {
    width: 250px !important;
    border-radius: 4px !important;
}

.fp-limit-modal__select .k-dropdown .k-dropdown-wrap,
.fp-limit-modal__select .k-widget.k-dropdown .k-dropdown-wrap,
.fp-limit-modal__select .k-picker,
.fp-limit-modal__select .k-picker-wrap {
    border-radius: 4px !important;
}

.fp-limit-modal__meta {
    font-size: 14px;
    line-height: 16px;
    color: #7b8086;
    margin-bottom: 24px;
}

.fp-limit-modal__meta::empty {
    display: none;
}

.fp-limit-modal__meta-item {
    margin-right: 6px;
}

.fp-limit-modal__select select {
    width: 100%;
    height: 36px;
    padding: 0 32px 0 12px;
    border: 1px solid #e6e8ec;
    border-radius: 4px;
    background: #ffffff
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%232f5be7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>")
        no-repeat right 12px center;
    appearance: none;
    font-size: 13px;
    line-height: 18px;
    color: #2b2b2b;
}

.fp-limit-modal__table-wrap {
    width: 100%;
}

.fp-limit-modal__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #eceef1;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    text-align: left;
}

.fp-limit-modal__table thead th {
    background: #fafafa;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #7b8086;
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #eceef1;
}

.fp-limit-modal__table td {
    padding: 10px 12px;
    border-top: 1px solid #eceef1;
    color: #2b2b2b;
    font-size: 13px;
    line-height: 18px;
}

.fp-limit-modal__table tbody tr:first-child td {
    border-top: none;
}

.fp-limit-modal .row-without-padding td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.fp-limit-modal .k-checkbox {
    width: 16px;
    height: 16px;
    accent-color: #fa5935;
    border-color: #fa5935;
}

.fp-limit-modal .k-checkbox:checked {
    background-color: #fa5935;
    border-color: #fa5935;
}

.fp-limit-modal .k-checkbox:focus {
    box-shadow: 0 0 0 2px rgba(250, 89, 53, 0.2);
    outline: none;
}

.fp-limit-modal .k-textbox.settings-table-cell {
    width: 100%;
    height: 32px;
    border: 1px solid #e6e8ec;
    border-radius: 6px;
    padding: 0 8px;
    text-align: center;
    box-sizing: border-box;
}

.fp-limit-modal__mobile-label {
    display: none;
}

.fp-limit-modal__actions {
    width: 100%;
    margin-top: 8px;
}

.fp-limit-modal__submit {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    border: 0;
    background: #fa5935;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
}

.fp-limit-modal__submit:hover {
    background: #e24f31;
}

.fp-limit-modal-window .k-window-titlebar {
    padding: 16px;
    border-bottom: 1px solid #eceef1;
}

.fp-limit-modal-window .k-window-title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #2b2b2b;
}

.fp-limit-modal-window .k-window-action {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    border: 1px solid #d8dbe0;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.fp-limit-modal-window .k-window-action:hover {
    background: #f5f6f8;
}

.fp-limit-modal-window .k-window-content {
    padding: 14px 16px 16px;
    overflow-x: hidden !important;
}

@media (max-width: 768px) {
    .fp-limit-modal-window .k-window-titlebar {
        padding: 14px 14px 12px;
    }

    .fp-limit-modal-window .k-window-title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
    }

    .fp-limit-modal-window .k-window-content {
        padding: 12px 14px 14px;
    }

    .fp-limit-modal-window .k-window-action {
        width: 34px;
        height: 34px;
    }

    .fp-limit-modal {
        padding: 0;
        gap: 12px;
    }

    .fp-limit-modal__select {
        width: 100%;
        max-width: 100%;
    }

    .fp-limit-modal__select .k-dropdown,
    .fp-limit-modal__select .k-dropdowntree {
        width: 100% !important;
    }

    .fp-limit-modal__meta {
        font-size: 13px;
        line-height: 18px;
        color: #80858c;
        margin-bottom: 8px;
    }

    .fp-limit-modal__table {
        border: none;
        background: transparent;
        border-radius: 0;
    }

    .fp-limit-modal__table thead {
        display: none;
    }

    .fp-limit-modal__table tbody {
        display: block;
    }

    .fp-limit-modal__table tr {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 12px 0;
        border-bottom: 1px solid #dfe3e8;
        align-items: flex-start;
    }

    .fp-limit-modal__table td {
        padding: 0;
        border-top: 0;
        font-size: 12px;
        line-height: 16px;
    }

    .fp-limit-modal__cell--title {
        order: 2;
        flex: 1 1 calc(100% - 30px);
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        padding-left: 0 !important;
        margin-top: -2px;
    }

    .fp-limit-modal__cell--toggle {
        order: 1;
        flex: 0 0 22px;
        max-width: 22px;
        align-self: flex-start;
        padding-top: 1px !important;
    }

    .fp-limit-modal__cell--toggle .k-edit-field {
        margin: 0 !important;
    }

    .fp-limit-modal__cell--toggle .remove-margin-b {
        margin: 0 !important;
    }

    .fp-limit-modal__cell--toggle .remove-margin-t,
    .fp-limit-modal__cell--toggle .mt-4 {
        margin-top: 0 !important;
    }

    .fp-limit-modal__row--all .fp-limit-modal__cell--toggle {
        display: none;
    }

    .fp-limit-modal__row--all .fp-limit-modal__cell--title {
        flex-basis: 100%;
    }

    .fp-limit-modal__cell--day,
    .fp-limit-modal__cell--week,
    .fp-limit-modal__cell--month {
        display: none;
    }

    .fp-limit-modal__cell--day {
        order: 3;
        flex: 1 1 calc((100% - 16px) / 3);
        min-width: 0;
    }

    .fp-limit-modal__cell--week {
        order: 4;
        flex: 1 1 calc((100% - 16px) / 3);
        min-width: 0;
    }

    .fp-limit-modal__cell--month {
        order: 5;
        flex: 1 1 calc((100% - 16px) / 3);
        min-width: 0;
    }

    .fp-limit-modal__row.is-open .fp-limit-modal__cell--day,
    .fp-limit-modal__row.is-open .fp-limit-modal__cell--week,
    .fp-limit-modal__row.is-open .fp-limit-modal__cell--month,
    .fp-limit-modal__row--all .fp-limit-modal__cell--day,
    .fp-limit-modal__row--all .fp-limit-modal__cell--week,
    .fp-limit-modal__row--all .fp-limit-modal__cell--month {
        display: block;
    }

    .fp-limit-modal__mobile-label {
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        line-height: 16px;
        color: #80858c;
    }

    .fp-limit-modal .k-textbox.settings-table-cell {
        height: 40px;
        border-radius: 5px;
        border-color: #cfd5dc;
        padding: 0 10px;
        text-align: left;
        font-size: 16px;
        line-height: 22px;
    }

    .fp-limit-modal__row--all {
        display: flex;
    }

    .fp-limit-modal__row--all .fp-limit-modal__cell--toggle {
        display: none;
    }

    .fp-limit-modal__row--all .fp-limit-modal__cell--day,
    .fp-limit-modal__row--all .fp-limit-modal__cell--week,
    .fp-limit-modal__row--all .fp-limit-modal__cell--month {
        flex: 1 1 calc((100% - 16px) / 3);
        min-width: 0;
    }

    .fp-limit-modal .k-checkbox {
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
        margin: 0;
        vertical-align: top;
        appearance: auto;
    }

    .fp-limit-modal__actions {
        margin-top: 14px;
        padding-top: 4px;
    }

    .fp-limit-modal__submit {
        height: 44px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1.8px;
    }
}

@media (max-width: 1024px) {
    .fp-transaction-page {
        padding: 20px 16px;
        gap: 12px;
    }
    .fp-transaction-grid .k-grid {
        border-radius: 12px;
    }
}

@media (max-width: 1024px) {
    .fp-transaction-grouped {
        padding: 20px 16px;
    }

    .fp-transaction-grouped-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .fp-transaction-grouped-filters {
        width: 100%;
        order: 2;
        gap: 10px;
    }

    .fp-transaction-grouped-ddl.k-dropdown,
    .fp-transaction-grouped-ddl.k-widget.k-dropdown {
        width: 100%;
    }

    .fp-grouped-download {
        width: 100%;
        justify-content: center;
        order: 1;
    }

    .fp-transaction-grouped-checkbox {
        width: 100%;
        justify-content: flex-start;
        align-self: flex-start;
        text-align: left;
    }

    .fp-transaction-grouped-checkbox .k-checkbox-label {
        font-size: 12px;
        line-height: 16px;
        color: #4a4f55;
    }

    .fp-transaction-grouped .k-grid-header {
        display: none;
    }

    .fp-transaction-grouped .k-grid-content table {
        display: block;
        width: 100%;
    }

    .fp-transaction-grouped .k-grid-content tbody {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 12px;
    }

    .fp-transaction-grouped .k-grid-content tr {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px;
        border: 1px solid #eceef1;
        border-radius: 12px;
        background: #ffffff;
    }

    .fp-transaction-grouped .k-grid-content td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0;
        border: 0;
    }

    .fp-transaction-grouped .k-grid-content td::before {
        content: attr(data-title);
        font-size: 11px;
        line-height: 14px;
        color: #9aa0a6;
        font-weight: 500;
        flex: 0 0 auto;
    }

    .fp-transaction-grouped .k-grid-footer {
        display: block;
        border-top: 1px solid #eceef1;
        background: #ffffff;
    }

    .fp-transaction-grouped .k-grid-footer-wrap {
        overflow: visible;
    }

    .fp-transaction-grouped .k-grid-footer table,
    .fp-transaction-grouped .k-grid-footer tbody {
        display: block;
        width: 100%;
    }

    .fp-transaction-grouped .k-grid-footer tr {
        display: grid;
        grid-template-columns: minmax(80px, 0.9fr) repeat(3, minmax(0, 1fr));
        justify-content: center;
        align-content: start;
        align-items: start;
        gap: 8px 10px;
        padding: 10px 12px;
    }

    .fp-transaction-grouped .k-grid-footer td {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 0;
        border: 0;
        align-items: flex-start;
        text-align: left;
        min-width: 0;
        white-space: normal;
        word-break: break-word;
        font-size: 12px;
        line-height: 16px;
        overflow: visible;
    }

    .fp-transaction-grouped .k-grid-footer td::before {
        content: attr(data-title);
        font-size: 10px;
        line-height: 12px;
        color: #9aa0a6;
        font-weight: 500;
    }

    .fp-transaction-grouped .k-grid-footer td.fp-grouped-footer-label {
        grid-column: auto;
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        color: #2b2b2b;
        justify-content: center;
    }

    .fp-transaction-grouped .k-grid-footer td.fp-grouped-footer-label::before {
        content: none;
    }
}

@media (max-width: 768px) {
    html.fp-transaction-page-open {
        overflow-x: hidden;
    }

    body.fp-transaction-page-open {
        overflow-x: hidden;
    }

    body.fp-transaction-filters-open {
        overflow: hidden;
    }

    .fp-transaction-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .fp-transaction-title {
        font-size: 24px;
        line-height: 30px;
    }

    .fp-transaction-actions {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .fp-transaction-actions .report-swod-open {
        order: 1;
    }

    .fp-transaction-actions .fp-transaction-filters-toggle {
        display: inline-flex;
        order: 2;
    }

    .fp-transaction-actions .report-download {
        order: 3;
    }

    .fp-transaction-actions .k-button {
        width: 100%;
        justify-content: center;
        height: 44px;
        padding: 0 16px;
        letter-spacing: 1.2px;
        position: relative;
    }

    .fp-transaction-actions .fp-transaction-filters-toggle,
    .fp-transaction-actions .report-download {
        padding-left: 40px;
        background-position: 14px center;
        background-repeat: no-repeat;
        background-size: 11px 11px;
    }

    .fp-transaction-actions .fp-transaction-filters-toggle {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'><path d='M0.141069 1.07333C1.68774 3.06 3.9744 6 3.9744 6V9.33333C3.9744 10.0667 4.5744 10.6667 5.30774 10.6667C6.04107 10.6667 6.64107 10.0667 6.64107 9.33333V6C6.64107 6 8.92774 3.06 10.4744 1.07333C10.8144 0.633333 10.5011 0 9.94107 0H0.667736C0.114403 0 -0.198931 0.633333 0.141069 1.07333Z' fill='%23FA5935'/></svg>");
    }

    .fp-transaction-actions .report-download {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'><path d='M9.33333 7.33333V9.33333H1.33333V7.33333H0V9.33333C0 10.0667 0.6 10.6667 1.33333 10.6667H9.33333C10.0667 10.6667 10.6667 10.0667 10.6667 9.33333V7.33333H9.33333ZM8.66667 4.66667L7.72667 3.72667L6 5.44667V0H4.66667V5.44667L2.94 3.72667L2 4.66667L5.33333 8L8.66667 4.66667Z' fill='%23FA5935'/></svg>");
    }

    .fp-transaction-page {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .fp-transaction-grid {
        display: none;
    }

    .fp-transaction-mobile {
        display: flex;
    }

    .fp-transaction-filters-panel {
        padding: 12px;
        gap: 10px;
    }

    .fp-transaction-filters-close {
        height: 34px;
        padding: 0 12px;
    }

    .fp-transaction-filter-item {
        height: 36px;
        font-size: 13px;
    }

    .fp-transaction-filter-input {
        height: 36px;
        font-size: 12px;
    }

    .fp-multi-select__toggle {
        height: 36px;
        font-size: 12px;
    }

    .fp-transaction-filter-range {
        grid-template-columns: 1fr;
    }

    .fp-transaction-filters-apply {
        height: 40px;
    }

    .fp-transaction-grid {
        overflow: visible;
        max-width: 100%;
        width: 100% !important;
    }

    .fp-transaction-grid .k-grid {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        max-width: 100%;
        width: 100% !important;
    }

    .fp-transaction-grid .k-grid-header {
        display: none;
    }

    .fp-transaction-grid .k-grid-content {
        overflow: hidden;
        max-width: 100%;
        width: 100% !important;
    }

    .fp-transaction-grid .k-grid-content table {
        display: block;
        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;
        table-layout: fixed;
    }

    .fp-transaction-grid .k-grid-content colgroup,
    .fp-transaction-grid .k-grid-content col {
        width: auto !important;
    }

    .fp-transaction-grid .k-grid-pager,
    .fp-transaction-grid .k-pager-wrap {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .fp-transaction-grid .k-pager-wrap {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .fp-transaction-grid .k-pager-numbers {
        flex-wrap: wrap;
        max-width: 100%;
        justify-content: center;
    }

    .fp-transaction-grid .k-pager-numbers li {
        margin: 0 2px;
    }

    .fp-transaction-grid .k-grid-content tbody {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 4px 0;
        max-width: 100%;
    }

    .fp-transaction-grid .k-grid-content tr {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px;
        border: 1px solid #eceef1;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
        max-width: 100%;
        box-sizing: border-box;
    }

    .fp-transaction-grid .k-grid-content td {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 0;
        border: 0;
        align-items: flex-start;
        text-align: left;
        min-width: 0;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
        max-width: 100%;
    }

    .fp-transaction-grid .k-grid-content td::before {
        content: attr(data-title);
        font-size: 11px;
        line-height: 14px;
        color: #9aa0a6;
        font-weight: 500;
    }

    .fp-transaction-grid .k-grid-content td ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 4px;
    }

    .fp-transaction-grouped {
        padding: 16px 0;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .fp-transaction-grouped-top,
    .fp-transaction-grouped-controls {
        padding: 0 12px;
    }

    .fp-transaction-grouped-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .fp-transaction-grouped-filters {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .fp-transaction-grouped .k-grid-content tbody {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px;
    }

    .fp-transaction-grouped .k-grid-content tr {
        padding: 12px;
        border: 1px solid #eceef1;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
        gap: 0;
    }

    .fp-transaction-grouped .k-grid {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .fp-transaction-grouped .k-grid-content td {
        padding: 10px 0;
        border-top: 1px solid #eceef1;
        font-size: 13px;
        line-height: 18px;
    }

    .fp-transaction-grouped .k-grid-content td:first-child {
        padding-top: 0;
        border-top: 0;
    }

    .fp-transaction-grouped .k-grid-content td:last-child {
        padding-bottom: 0;
    }

    .fp-transaction-grouped .k-grid-content td[data-title="Карта"] {
        font-weight: 700;
    }

    .fp-transaction-grouped .k-grid-content td[data-title="Карта"]::before {
        font-weight: 700;
        color: #9aa0a6;
    }

    .fp-transaction-grouped .k-grid-footer tr {
        display: grid;
        grid-template-columns: minmax(80px, 0.9fr) repeat(3, minmax(0, 1fr));
        gap: 8px 10px;
        padding: 12px;
    }

    .fp-transaction-grouped .k-grid-footer td {
        width: 100%;
    }

    .fp-transaction-grouped .k-grid-footer td.fp-grouped-footer-label {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: #2b2b2b;
        align-self: center;
    }

    .fp-transaction-grouped .k-grid-footer td:not(.fp-grouped-footer-label) {
        padding-top: 0;
        border-top: 0;
    }

    .fp-users-page--super {
        padding: 16px;
        gap: 12px;
    }

    .fp-users-head {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .fp-users-controls {
        width: 100%;
        flex-wrap: wrap;
        gap: 8px;
    }

    .fp-users-search {
        width: 100%;
        max-width: none;
    }

    .fp-users-add {
        width: 100%;
        justify-content: center;
    }

    .fp-users-page--super .fp-users-grid {
        display: none;
    }

    .fp-users-mobile {
        display: flex;
    }

    .fp-cardsowner-page {
        padding: 16px;
    }

    .fp-cardsowner-actions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .fp-cardsowner-button {
        width: 100%;
        justify-content: center;
    }

    .fp-cardsowner-action-add {
        order: 1;
        width: 100%;
    }

    .fp-cardsowner-action-filter {
        order: 2;
        width: calc(50% - 5px);
    }

    .fp-cardsowner-action-import {
        order: 3;
        width: calc(50% - 5px);
    }

    .fp-cardsowner-grid {
        display: none;
    }

    .fp-cardsowner-mobile {
        display: flex;
    }

    .fp-vinkcards-page {
        padding: 16px;
    }

    .fp-vinkcards-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .fp-vinkcards-filter,
    .fp-vinkcards-export {
        width: calc(50% - 6px);
        justify-content: center;
        height: 40px;
        font-size: 12px;
        letter-spacing: 1.2px;
    }

    .fp-vinkcards-grid {
        display: none;
    }

    .fp-vinkcards-mobile {
        display: flex;
    }

    .fp-limits-page {
        padding: 16px;
    }

    .fp-limits-page .table-container {
        display: none !important;
    }

    .fp-limits-page .fp-limits-grid {
        display: none !important;
    }

    .fp-limits-page .k-grid {
        display: none !important;
    }

    .fp-limits-toolbar {
        padding: 0;
        gap: 12px;
    }

    .fp-limits-header {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .fp-limits-actions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .fp-limits-actions .k-button {
        width: 100%;
        justify-content: center;
        height: 36px;
        font-size: 11px;
        letter-spacing: 1.2px;
        margin: 0;
    }

    .fp-limits-actions .fp-limits-filter {
        display: inline-flex;
        order: 1;
    }

    .fp-limits-actions .card_command {
        display: block !important;
        order: 2;
        width: 100%;
    }

    .fp-limits-actions #all-cards {
        order: 3;
    }

    .fp-limits-actions .card_command #select-cards {
        width: 100%;
    }

    .fp-limits-grid {
        display: none;
    }

    .fp-limits-mobile {
        display: flex;
    }

    .fp-userreports-page {
        padding: 16px;
    }

    .fp-userreports-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .fp-userreports-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .fp-userreports-filter,
    .fp-userreports-generate,
    .fp-userreports-restore {
        width: 100%;
        justify-content: center;
        height: 40px;
        font-size: 12px;
        letter-spacing: 1.2px;
    }

    .fp-userreports-grid-wrap {
        display: none;
    }

    .fp-userreports-mobile {
        display: flex;
    }
}

@media (max-width: 768px) {
    body.fp-filter-open {
        overflow: hidden;
    }

    body.fp-cardsowner-actions-open {
        overflow: hidden;
    }

    body.fp-vinkcards-actions-open {
        overflow: hidden;
    }

    body.fp-limits-actions-open {
        overflow: hidden;
    }

    body.fp-userreports-actions-open {
        overflow: hidden;
    }

    body.fp-users-actions-open {
        overflow: hidden;
    }

    .fp-transaction-page .k-animation-container.k-popup {
        position: fixed !important;
        top: var(--fp-header-height, 56px);
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        z-index: 1300;
    }

    .fp-transaction-page .k-filter-menu.k-popup {
        width: 100% !important;
        max-width: none !important;
        height: 100%;
        border-radius: 0;
    }

    .fp-transaction-page .k-filter-menu-container {
        width: 100% !important;
        max-width: none !important;
        height: 100%;
        padding: 12px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 8px;
        background: #ffffff;
        overflow: hidden;
    }

    .fp-transaction-page .k-filter-menu-container .k-filter-menu {
        width: 100%;
    }

    .fp-transaction-page .k-filter-menu-container .k-textbox,
    .fp-transaction-page .k-filter-menu-container .k-input,
    .fp-transaction-page .k-filter-menu-container .k-dropdown,
    .fp-transaction-page .k-filter-menu-container .k-numerictextbox,
    .fp-transaction-page .k-filter-menu-container .k-datepicker,
    .fp-transaction-page .k-filter-menu-container .k-datetimepicker {
        width: 100% !important;
    }

    .fp-transaction-page .k-filter-menu-container .k-action-buttons {
        margin-top: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .fp-transaction-page .k-filter-menu-container .k-action-buttons .k-button {
        height: 40px;
        border-radius: 10px;
    }
}

@media (max-width: 640px) {
    .fp-transaction-grouped .k-grid-footer tr {
        grid-template-columns: minmax(72px, 0.9fr) repeat(3, minmax(0, 1fr));
        gap: 6px 8px;
    }

    .fp-transaction-grouped .k-grid-footer td.fp-grouped-footer-label {
        grid-column: auto;
        font-size: 15px;
        line-height: 18px;
    }

    .fp-transaction-grouped .k-grid-footer td {
        min-width: 0;
        font-size: 11px;
        line-height: 14px;
    }
}

/* Transaction history: filters + Kendo filter popup overrides */
.fp-transaction-filters {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.fp-transaction-ddl.k-dropdown,
.fp-transaction-ddl.k-widget.k-dropdown {
    height: 40px;
    width: 340px;
}

.fp-transaction-ddl.k-dropdown .k-dropdown-wrap,
.fp-transaction-ddl.k-widget.k-dropdown .k-dropdown-wrap {
    height: 40px;
    border: 1px solid #d8dbe0;
    border-radius: 6px;
    background: #ffffff;
    padding: 0 12px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.fp-transaction-input {
    height: 40px;
    min-width: 220px;
    border: 1px solid #d8dbe0;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
}

.fp-transaction-input::placeholder {
    color: rgba(0, 0, 0, 0.45);
}

.fp-transaction-page .k-filter-menu-container,
.fp-transaction-page .k-filter-menu,
.fp-transaction-page .k-filter-menu.k-popup,
.fp-transaction-page .k-popup.k-group,
.fp-transaction-page .k-animation-container .k-filter-menu {
    width: 480px !important;
    max-width: 92vw;
}

.fp-transaction-page .k-animation-container {
    width: 480px !important;
    max-width: 92vw;
}

body:not(.fp-legacy) .k-animation-container > .k-filter-menu.k-popup,
body:not(.fp-legacy)
    .k-animation-container
    > .k-filter-menu.k-popup
    .k-filter-menu-container {
    width: auto;
    max-width: 92vw;
}

body:not(.fp-legacy) .k-animation-container.k-popup {
    width: 480px !important;
    max-width: 92vw;
}

.fp-transaction-page .k-filter-menu {
    width: 100%;
}

.fp-transaction-page .k-filter-menu-container .k-textbox,
.fp-transaction-page .k-filter-menu-container .k-input,
.fp-transaction-page .k-filter-menu-container .k-dropdown,
.fp-transaction-page .k-filter-menu-container .k-numerictextbox,
.fp-transaction-page .k-filter-menu-container .k-datepicker,
.fp-transaction-page .k-filter-menu-container .k-datetimepicker {
    width: calc(100% - 24px);
}

body:not(.fp-legacy)
    .k-filter-menu-container
    .k-action-buttons
    .k-button.k-primary,
.fp-transaction-page
    .k-filter-menu-container
    .k-action-buttons
    .k-button.k-primary {
    background-color: #fa5935 !important;
    border-color: #fa5935 !important;
    color: #ffffff !important;
}

body:not(.fp-legacy) .k-filter-menu-container .k-action-buttons .k-button,
.fp-transaction-page .k-filter-menu-container .k-action-buttons .k-button {
    border-radius: 10px;
}

body:not(.fp-legacy) .k-filter-menu-container .k-textbox,
body:not(.fp-legacy) .k-filter-menu-container .k-input,
body:not(.fp-legacy) .k-filter-menu-container .k-dropdown,
body:not(.fp-legacy) .k-filter-menu-container .k-numerictextbox,
body:not(.fp-legacy) .k-filter-menu-container .k-datepicker,
body:not(.fp-legacy) .k-filter-menu-container .k-datetimepicker,
.fp-transaction-page .k-filter-menu-container .k-textbox,
.fp-transaction-page .k-filter-menu-container .k-input,
.fp-transaction-page .k-filter-menu-container .k-dropdown,
.fp-transaction-page .k-filter-menu-container .k-numerictextbox,
.fp-transaction-page .k-filter-menu-container .k-datepicker,
.fp-transaction-page .k-filter-menu-container .k-datetimepicker {
    border-color: #fa5935 !important;
}

@media (max-width: 900px) {
    .fp-archive-page {
        padding: 16px;
    }
    .fp-archive-footer {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 640px) {
    .fp-archive-page {
        padding: 12px;
    }

    .fp-archive-card {
        padding: 16px;
    }

    .fp-archive-item {
        padding: 12px;
    }

    .fp-archive-item-top {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .fp-archive-footer {
        width: 100%;
        box-sizing: border-box;
        gap: 12px;
    }

    .fp-archive-footer .k-pager-wrap {
        width: 100%;
        justify-content: space-between;
    }

    .fp-archive-footer .k-pager-wrap {
        gap: 0;
    }

    .k-pager-sm .k-pager-numbers-wrap select.k-dropdown,
    .k-pager-sm .k-pager-numbers-wrap select.k-dropdowntree {
        display: none;
    }
    .fp-archive-footer .k-pager-wrap .k-pager-numbers {
        display: flex;
        justify-content: center;
    }

    .fp-archive-pager-info {
        display: none;
    }
}

@media (max-width: 640px) {
    :root {
        --fp-header-height: 56px;
    }
    .fp-header {
        height: var(--fp-header-height);
    }
    .fp-notifications-popup {
        right: 12px;
        width: calc(100% - 24px);
    }
    .fp-header-logo img {
        height: 40px;
    }
    .fp-header-right {
        gap: 8px;
    }
    .fp-header-api,
    .fp-header-edo {
        display: none;
    }
    .fp-header-menu-toggle {
        padding: 0 10px;
    }
    .fp-sidebar {
        width: 100%;
    }
    .fp-sidebar nav > a .fp-menu-icon,
    .expand_section .fp-menu-icon {
        width: 16px;
        height: 16px;

        background-size: 16px 16px;
        flex: 0 0 16px;
    }
}

.fp-transaction-grouped .fp-grouped-mobile,
.fp-transaction-grouped .fp-grouped-mobile-footer {
    display: none;
}

@media (max-width: 768px) {
    .fp-transaction-grouped .grouped-transaction {
        position: relative;
        padding: 0 12px 92px;
        box-sizing: border-box;
    }

    .fp-transaction-grouped .grouped-transaction .k-grid {
        display: none !important;
    }

    .fp-transaction-grouped .fp-grouped-mobile {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-empty {
        padding: 20px 16px;
        border-radius: 14px;
        background: #e6e6e6;
        color: #60656b;
        font-size: 14px;
        line-height: 20px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-item {
        background: #ebebeb;
        border-radius: 18px;
        padding: 16px;
        box-sizing: border-box;
    }

    .fp-transaction-grouped .fp-grouped-mobile-item__toggle {
        width: 100%;
        border: 0;
        background: transparent;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        cursor: pointer;
        text-align: left;
    }

    .fp-transaction-grouped .fp-grouped-mobile-item__toggle::after {
        content: "";
        width: 8px;
        height: 8px;
        border-right: 1.5px solid #2b2b2b;
        border-bottom: 1.5px solid #2b2b2b;
        transform: rotate(45deg);
        transition: transform 0.2s ease;
        flex: 0 0 auto;
        margin-right: 2px;
    }

    .fp-transaction-grouped
        .fp-grouped-mobile-item.is-open
        .fp-grouped-mobile-item__toggle::after {
        transform: rotate(-135deg);
    }

    .fp-transaction-grouped .fp-grouped-mobile-item__title {
        font-size: 34px;
        line-height: 38px;
        font-weight: 700;
        color: #454545;
    }

    .fp-transaction-grouped .fp-grouped-mobile-metrics {
        display: flex;
        gap: 10px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-metric {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }

    .fp-transaction-grouped .fp-grouped-mobile-metric span {
        font-size: 14px;
        line-height: 18px;
        color: #8d8d8d;
        white-space: nowrap;
    }

    .fp-transaction-grouped .fp-grouped-mobile-metric strong {
        font-size: 26px;
        line-height: 30px;
        font-weight: 600;
        color: #474747;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fp-transaction-grouped .fp-grouped-mobile-item__body {
        display: none;
        margin-top: 12px;
        gap: 8px;
        flex-direction: column;
    }

    .fp-transaction-grouped
        .fp-grouped-mobile-item.is-open
        .fp-grouped-mobile-item__body {
        display: flex;
    }

    .fp-transaction-grouped .fp-grouped-mobile-detail {
        background: #fff;
        border-radius: 14px;
        padding: 8px 12px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-detail__row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding: 8px 0;
        border-top: 1px solid #d7d7d7;
    }

    .fp-transaction-grouped .fp-grouped-mobile-detail__row:first-child {
        border-top: 0;
    }

    .fp-transaction-grouped .fp-grouped-mobile-detail__row span {
        font-size: 14px;
        line-height: 18px;
        color: #8d8d8d;
    }

    .fp-transaction-grouped .fp-grouped-mobile-detail__row strong {
        font-size: 22px;
        line-height: 26px;
        font-weight: 600;
        color: #474747;
        text-align: right;
    }

    .fp-transaction-grouped .fp-grouped-mobile-detail__row--head span,
    .fp-transaction-grouped .fp-grouped-mobile-detail__row--head strong {
        font-weight: 700;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer {
        display: grid;
        position: fixed;
        width: 100%;
        bottom: 92px;
        z-index: 5;
        margin: 12px -12px -92px;
        padding: 12px;
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
        background: #fff;
        border-top: 1px solid #d9d9d9;
        grid-template-columns: minmax(86px, 0.85fr) repeat(3, minmax(0, 1fr));
        gap: 10px;
        align-items: start;
        box-sizing: border-box;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer__label {
        font-size: 30px;
        line-height: 34px;
        font-weight: 700;
        color: #2b2b2b;
        align-self: center;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer__metric {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer__metric span {
        font-size: 13px;
        line-height: 16px;
        color: #8d8d8d;
        white-space: nowrap;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer__metric strong {
        font-size: 22px;
        line-height: 26px;
        font-weight: 600;
        color: #2f2f2f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 480px) {
    .fp-transaction-grouped .fp-grouped-mobile-item {
        border-radius: 12px;
        padding: 12px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-item__title {
        font-size: 20px;
        line-height: 24px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-metric span {
        font-size: 11px;
        line-height: 14px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-metric strong {
        font-size: 18px;
        line-height: 22px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-detail__row span {
        font-size: 12px;
        line-height: 16px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-detail__row strong {
        font-size: 17px;
        line-height: 20px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer {
        grid-template-columns: minmax(58px, 0.75fr) repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer__label {
        font-size: 20px;
        line-height: 24px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer__metric span {
        font-size: 10px;
        line-height: 12px;
    }

    .fp-transaction-grouped .fp-grouped-mobile-footer__metric strong {
        font-size: 16px;
        line-height: 19px;
    }
}

.fp-limit-modal__mobile-wrap {
    display: none;
}

@media (max-width: 768px) {
    .fp-limit-modal__table-wrap .fp-limit-modal__table {
        display: none;
    }

    .fp-limit-modal__mobile-wrap {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        margin-top: 16px;
    }

    .fp-limit-mobile-row {
        border-bottom: 1px solid #dfe3e8;
        padding: 15px 0;
    }

    .fp-limit-mobile-row__head {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 24px;
    }

    .fp-limit-mobile-row__check-wrap {
        display: inline-flex;
        margin: 0;
    }

    .fp-limit-mobile-row__check {
        width: 18px;
        height: 18px;
        margin: 0;
        accent-color: #fa5935;
    }

    .fp-limit-mobile-row__title {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 15px;
        line-height: 22px;
        color: #2b2b2b;
        font-weight: 500;
    }

    .fp-limit-mobile-row__fields {
        display: none;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-top: 10px;
    }

    .fp-limit-mobile-row.is-open .fp-limit-mobile-row__fields,
    .fp-limit-mobile-row.is-all .fp-limit-mobile-row__fields {
        display: grid;
    }

    .fp-limit-mobile-row__field {
        min-width: 0;
    }

    .fp-limit-mobile-row__label {
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        line-height: 16px;
        color: #80858c;
    }

    .fp-limit-mobile-row__input {
        width: 100%;
        height: 40px;
        border: 1px solid #cfd5dc;
        border-radius: 5px;
        padding: 0 10px;
        font-size: 16px;
        line-height: 22px;
        color: #2b2b2b;
        box-sizing: border-box;
        background: #ffffff;
    }

    .fp-limit-mobile-row__input:disabled {
        background: #f5f6f8;
        color: #9aa0a6;
    }
}

/* Global button radius override */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.k-button {
    border-radius: 4px !important;
}

/* Global select radius override */
select,
.k-dropdown,
.k-picker,
.k-multiselect,
.k-dropdown .k-input-inner,
.k-picker .k-input-inner,
.k-dropdown-wrap,
.k-picker-wrap,
.k-multiselect-wrap,
.k-widget.k-textbox,
.k-widget.k-textbox.k-state-disabled,
.k-textbox,
.k-input.k-input-md,
.k-input.k-input-solid,
.k-input.k-rounded-md {
    border-radius: 4px !important;
}

.k-dropdown .k-floatwrap,
.k-picker .k-floatwrap,
.k-multiselect .k-floatwrap {
    border-radius: 4px !important;
    min-width: 0;
}

/* Normalize legacy Kendo popup edit forms to stacked layout (like fp-userreports-modal) */
.k-window .k-popup-edit-form .k-edit-form-container .k-edit-label,
.k-window .k-popup-edit-form .k-edit-form-container .k-edit-field,
.k-window
    .k-popup-edit-form
    .k-edit-form-container
    .user-edit-form
    .k-edit-label,
.k-window
    .k-popup-edit-form
    .k-edit-form-container
    .user-edit-form
    .k-edit-field {
    width: 100% !important;
    float: none !important;
    clear: none !important;
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.6) !important;
}

.k-window .k-popup-edit-form .k-edit-form-container .k-edit-label,
.k-window
    .k-popup-edit-form
    .k-edit-form-container
    .user-edit-form
    .k-edit-label {
    margin-top: 12px !important;
    margin-bottom: 6px !important;
    min-height: 0 !important;
}

.k-window .k-popup-edit-form .k-edit-form-container .k-edit-field,
.k-window
    .k-popup-edit-form
    .k-edit-form-container
    .user-edit-form
    .k-edit-field {
    margin-bottom: 8px !important;
}

.k-window .k-popup-edit-form .k-edit-form-container .k-edit-label label,
.k-window
    .k-popup-edit-form
    .k-edit-form-container
    .user-edit-form
    .k-edit-label
    label {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.6) !important;
}

.k-window .k-popup-edit-form .k-edit-form-container .k-edit-field .k-checkbox {
    margin-left: 0 !important;
    accent-color: #fa5935 !important;
    border-color: #fa5935 !important;
}

.k-window
    .k-popup-edit-form
    .k-edit-form-container
    .k-edit-field
    .k-checkbox:checked {
    background-color: #fa5935 !important;
}

.k-window
    .k-popup-edit-form
    .k-edit-form-container
    .k-edit-field
    .k-checkbox
    + .k-checkbox-label::before {
    border-color: #fa5935 !important;
}

.k-window
    .k-popup-edit-form
    .k-edit-form-container
    .k-edit-field
    .k-checkbox:checked
    + .k-checkbox-label::before {
    background-color: #fa5935 !important;
    border-color: #fa5935 !important;
}

/* Hide Filters buttons on desktop for Cards Owners / Fuel Cards / Reports */
.fp-cardsowner-action-filter,
.fp-vinkcards-filter,
.fp-userreports-filter {
    display: none !important;
}

@media (max-width: 768px) {
    .fp-cardsowner-action-filter,
    .fp-vinkcards-filter,
    .fp-userreports-filter {
        display: inline-flex !important;
    }
}