.fi-sidebar {
    background-color: #0C5DA3 !important;
}

.a22 {
    fill: #ffffff !important;
}


.fi-sidebar .fi-sidebar-group .fi-icon-btn {
    color: #0C5DA3 !important;
}

.fi-sidebar .fi-sidebar-item.fi-active.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #0C5DA3 !important;
}

.fi-sidebar .fi-sidebar-item:hover .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item:hover .fi-sidebar-item-icon {
    color: #0C5DA3 !important;
}


/* .fi-sidebar .fi-sidebar-item:hover .a22 {
    fill: #0C5DA3 !important;
} */

.fi-sidebar .fi-sidebar-item .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-icon {
    color: #ffffff !important;
    /* fill: #ffffff !important; */
}

.fi-sidebar .fi-sidebar-group .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group .fi-icon-btn {
    color: #ffffff !important;
}

.text-primary {
    color: #0C5DA3 !important;
}

/* .fi-sidebar .fi-sidebar-item {
    animation: item 0.25s linear;
} */



/* .fi-header-heading {
    animation: textani 0.35s ease-in;

} */

.fi-page {
    animation: textani 0.35s ease-in;

}

/* Keep cancellation notes compact so cancelled-record tables remain usable on narrow screens. */
.cancel-reason-cell {
    width: 10rem;
    max-width: 10rem;
    min-width: 0;
    overflow: hidden;
}

.cancel-reason-cell > div,
.cancel-reason-cell .fi-ta-text-item {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.cancel-reason-cell .fi-ta-text-item-label {
    display: block;
    overflow: hidden;
    max-width: 7.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .cancel-reason-cell {
        width: 7.5rem;
        max-width: 7.5rem;
    }

    .cancel-reason-cell .fi-ta-text-item-label {
        max-width: 5.25rem;
    }
}

/* Easy Gold main dashboard */
.easygold-dashboard > section > .fi-header {
    display: none;
}

.easygold-dashboard > section {
    gap: 1.5rem;
    padding-top: 1.25rem;
}

.easygold-dashboard {
    --dashboard-blue: #0c5da3;
    --dashboard-navy: #082b56;
}

.easygold-dashboard .fi-page-main {
    background: #f4f7fb;
}

.gold-command-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 14px;
}

.gold-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    min-height: 330px;
    overflow: hidden;
    border: 1px solid rgba(245, 195, 82, .2);
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 15%, rgba(242, 184, 61, .13), transparent 30%),
        linear-gradient(120deg, #081f38 0%, #0a3156 55%, #07233e 100%);
    box-shadow: 0 22px 55px rgba(5, 34, 58, .16);
    color: #fff;
    isolation: isolate;
}

.gold-hero::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 44px 44px;
    content: '';
    mask-image: linear-gradient(to right, black, transparent 75%);
}

.gold-hero__content {
    display: flex;
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    padding: 42px 48px;
}

.gold-hero__eyebrow,
.gold-dashboard__section-kicker {
    color: #e8b64b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.gold-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
}

.gold-hero__live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f3c45c;
    box-shadow: 0 0 0 6px rgba(243, 196, 92, .12);
    animation: goldPulse 2s ease-out infinite;
}

.gold-hero h1 {
    margin-top: 18px;
    font-size: clamp(2rem, 4vw, 3.45rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.12;
}

.gold-hero h1 span { color: #f4bd35; }

.gold-hero__content > p {
    max-width: 610px;
    margin-top: 12px;
    color: rgba(255, 255, 255, .68);
    font-size: 1rem;
    line-height: 1.7;
}

.gold-hero__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.gold-hero__metric {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 0 9px;
    min-width: 138px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 14px;
    background: rgba(255, 255, 255, .065);
    backdrop-filter: blur(8px);
}

.gold-hero__metric strong {
    grid-row: span 2;
    color: #f1c765;
    font-size: 1.55rem;
}

.gold-hero__metric span {
    color: rgba(255, 255, 255, .64);
    font-size: .76rem;
}

.gold-dashboard__toolbar { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 8px; }
.gold-dashboard__toolbar h2 { margin-top: 3px; color: #0a2742; font-size: 1.55rem; font-weight: 800; }
.gold-dashboard__filter { width: min(100%, 420px); }
.gold-dashboard__filter .fi-section { background: transparent; box-shadow: none; }
.gold-dashboard__filter .fi-section-content { padding: 0; }

.gold-master-card {
    display: grid;
    grid-template-rows: 1fr 132px;
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(9, 49, 82, .045);
}

.gold-master-card__intro { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; text-align: center; }
.gold-master-card__intro > span { color: #7c8ea2; font-size: .68rem; }
.gold-master-card__intro h2 { margin: 7px 0 18px; color: #172d47; font-size: 1.08rem; font-weight: 800; line-height: 1.35; }
.gold-master-card__intro a { display: flex; width: 100%; align-items: center; justify-content: center; gap: 8px; padding: 11px 14px; border-radius: 9px; background: #1765d3; color: #fff; font-size: .72rem; font-weight: 800; transition: background .2s ease, transform .2s ease; }
.gold-master-card__intro a:hover { background: #0b51b5; transform: translateY(-1px); }
.gold-master-card__intro a svg, .gold-status-icon svg { width: 18px; height: 18px; }
.gold-master-card__status { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e3eaf1; }
.gold-master-card__status > div { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.gold-master-card__status > div + div { border-left: 1px solid #e3eaf1; }
.gold-master-card__status small { margin-top: 7px; color: #2d69c8; font-size: .56rem; font-weight: 800; }
.gold-master-card__status strong { margin-top: 4px; color: #142a43; font-size: 1.65rem; }
.gold-status-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; }
.gold-status-icon--blue { background: #eef5ff; color: #256bd0; }
.gold-status-icon--red { background: #fff0f2; color: #ef5266; }

.easygold-dashboard .fi-wi-stats-overview-stat,
.easygold-dashboard .fi-wi-chart { border: 1px solid #e8edf2; border-radius: 20px; box-shadow: 0 8px 24px rgba(9, 49, 82, .055); transition: transform .2s ease, box-shadow .2s ease; }
.easygold-dashboard .fi-wi-stats-overview-stat:hover,
.easygold-dashboard .fi-wi-chart:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(9, 49, 82, .1); }

.easygold-dashboard .fi-wi-chart {
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
}

.easygold-dashboard .fi-wi-chart .fi-section-header {
    padding: 24px 26px 8px;
}

.easygold-dashboard .fi-wi-chart .fi-section-header-heading {
    color: #0a2742;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -.015em;
}

.easygold-dashboard .fi-wi-chart .fi-section-header-description {
    margin-top: 5px;
    color: #8493a3;
    font-size: .78rem;
}

.easygold-dashboard .fi-wi-chart .fi-section-content {
    padding: 16px 26px 24px;
}

@keyframes goldPulse { 0% { box-shadow: 0 0 0 0 rgba(243, 196, 92, .35); } 70% { box-shadow: 0 0 0 9px rgba(243, 196, 92, 0); } 100% { box-shadow: 0 0 0 0 rgba(243, 196, 92, 0); } }
@media (max-width: 1024px) {
    .gold-command-grid { grid-template-columns: 1fr; }
    .gold-master-card { grid-template-columns: 1fr 280px; grid-template-rows: auto; }
    .gold-master-card__status { border-top: 0; border-left: 1px solid #e3eaf1; }
    .gold-hero { grid-template-columns: 1fr .72fr; }
    .gold-hero__content { padding: 36px; }
}

@media (max-width: 760px) {
    .gold-command-grid { display: block; }
    .gold-master-card { grid-template-columns: 1fr; grid-template-rows: auto 110px; margin-top: 12px; }
    .gold-master-card__status { border-top: 1px solid #e3eaf1; border-left: 0; }
    .gold-hero { display: block; min-height: auto; border-radius: 22px; }
    .gold-hero__content { padding: 30px 24px 20px; }
    .gold-hero__metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
    .gold-hero__metric { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 2px; padding: 9px; }
    .gold-dashboard__toolbar { align-items: stretch; flex-direction: column; }
    .gold-dashboard__filter { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .gold-hero *, .easygold-dashboard .fi-wi-stats-overview-stat, .easygold-dashboard .fi-wi-chart { animation: none !important; transition: none !important; }
}

/* Shop Warehouse — branch-by-branch inventory view */
.fi-resource-shop-warehouses {
    --warehouse-navy: #062b52;
    --warehouse-blue: #0c67b7;
    --warehouse-cyan: #61cbf5;
    --warehouse-gold: #f2c153;
}

.fi-resource-shop-warehouses > section,
.fi-resource-shop-warehouses > section > div {
    gap: 12px;
}

.shop-warehouse-header-stack {
    display: grid;
    gap: 12px;
}

.fi-resource-shop-warehouses > section {
    padding-top: 14px;
}

.central-warehouse-hero__branch-select {
    position: relative;
    display: inline-flex;
    min-height: 36px;
    max-width: min(100%, 330px);
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid rgba(160, 222, 255, .38);
    border-radius: 11px;
    background: rgba(3, 42, 80, .56);
    box-shadow: 0 9px 22px rgba(0, 29, 65, .2), inset 0 1px rgba(255, 255, 255, .1);
    backdrop-filter: blur(12px);
}

.central-warehouse-hero__branch-select svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    color: #86d9ff;
}

.central-warehouse-hero__branch-select select {
    min-width: 0;
    max-width: 270px;
    appearance: none;
    border: 0;
    outline: 0;
    color: #fff;
    background: transparent;
    font-size: .68rem;
    font-weight: 800;
    text-overflow: ellipsis;
    cursor: pointer;
}

.central-warehouse-hero__branch-select select option {
    color: #153750;
    background: #fff;
}

.fi-resource-shop-warehouses .fi-ta-ctn {
    overflow: hidden;
    border: 1px solid #d9e6f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(10, 65, 109, .065);
}

.fi-resource-shop-warehouses .fi-ta-header {
    min-height: 66px;
    padding: 10px 14px;
    border-bottom: 1px solid #e3ebf2;
    background:
        radial-gradient(circle at 0 50%, rgba(49, 145, 210, .12), transparent 32%),
        linear-gradient(180deg, #edf5fb 0%, #f5f9fc 100%);
}

.fi-resource-shop-warehouses .fi-ta-header-heading {
    width: 100%;
}

.fi-resource-shop-warehouses .fi-ta-search-field .fi-input-wrp {
    border: 1px solid #d9e6f0;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(12, 74, 124, .045);
}

.fi-resource-shop-warehouses .fi-ta-table > thead {
    background: #f0f6fa;
}

.fi-resource-shop-warehouses .fi-ta-header-cell {
    border-bottom-color: #dbe6ef;
    color: #557087;
    font-size: .61rem;
    font-weight: 800;
}

.fi-resource-shop-warehouses .fi-ta-row {
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.fi-resource-shop-warehouses .fi-ta-row:hover {
    position: relative;
    z-index: 1;
    background: #f4faff !important;
    box-shadow: inset 3px 0 #2a8bd0, 0 5px 14px rgba(12, 81, 134, .055);
}

.fi-resource-shop-warehouses .fi-ta-text-item-label {
    color: #28465f;
    font-weight: 650;
}

.fi-resource-shop-warehouses .fi-ta-image {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid #e2ebf2;
    border-radius: 10px;
    background: #f8fbfd;
    box-shadow: 0 5px 12px rgba(11, 70, 116, .07);
}

.fi-resource-shop-warehouses .fi-ta-image::after {
    position: absolute;
    top: -28%;
    left: -55%;
    z-index: 2;
    width: 18px;
    height: 156%;
    background: linear-gradient(90deg, transparent, rgba(255, 224, 135, .2), rgba(255, 255, 255, .92), rgba(255, 210, 80, .25), transparent);
    box-shadow: 0 0 9px rgba(255, 216, 99, .28);
    content: '';
    pointer-events: none;
    transform: skewX(-18deg);
    animation: warehouse-product-image-shine 4.2s ease-in-out infinite;
}

.fi-resource-shop-warehouses .fi-ta-image img {
    position: relative;
    z-index: 1;
    border-radius: 7px;
    transition: filter .28s ease, transform .28s ease;
}

.fi-resource-shop-warehouses .fi-table-cell-stock-status .fi-badge {
    position: relative;
    isolation: isolate;
    overflow: visible;
    min-width: 76px;
    border-radius: 8px;
    font-weight: 750;
    transition: transform .2s ease, box-shadow .2s ease;
}

.fi-resource-shop-warehouses .fi-table-cell-stock-status .fi-badge::after {
    position: absolute;
    inset: -2px;
    z-index: -1;
    border: 1px solid currentColor;
    border-radius: 10px;
    content: '';
    pointer-events: none;
}

.fi-resource-shop-warehouses .fi-table-cell-stock-status .fi-badge.fi-color-success::after {
    animation: warehouse-stock-status-normal 2.8s ease-out infinite;
}

.fi-resource-shop-warehouses .fi-table-cell-stock-status .fi-badge.fi-color-danger {
    min-width: 94px;
    border: 1px solid rgba(238, 67, 86, .28);
    color: #d52f47;
    background: linear-gradient(135deg, #fff4f5, #ffe5e9);
    box-shadow: 0 6px 15px rgba(221, 55, 76, .11);
    font-weight: 850;
    animation: warehouse-stock-status-low 1.55s ease-in-out infinite;
}

.fi-resource-shop-warehouses .fi-table-cell-stock-status .fi-badge.fi-color-danger::after {
    animation: warehouse-stock-status-alert-ring 1.55s ease-out infinite;
}

.fi-resource-shop-warehouses .fi-table-cell-stock-status .fi-badge.fi-color-warning {
    overflow: hidden;
    min-width: 126px;
    border: 1px solid rgba(217, 154, 18, .32);
    color: #a96605;
    background: linear-gradient(135deg, #fffbed, #fff1bb);
    box-shadow: 0 6px 16px rgba(213, 151, 21, .14);
    font-weight: 850;
}

.fi-resource-shop-warehouses .fi-table-cell-stock-status .fi-badge.fi-color-warning::after {
    inset: -45% auto -45% -35%;
    z-index: 0;
    width: 18px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);
    opacity: 0;
    transform: rotate(18deg);
    animation: warehouse-stock-status-maximum 3.5s ease-in-out infinite;
}

.fi-resource-shop-warehouses .fi-ta-summary-header-row,
.fi-resource-shop-warehouses .fi-ta-summary-row {
    background: linear-gradient(180deg, #f3f8fc, #edf5fa);
}

.fi-resource-shop-warehouses .fi-pagination {
    border-top-color: #e2ebf2;
    background: #fbfdff;
}

@media (max-width: 640px) {
    .central-warehouse-hero__branch-select,
    .central-warehouse-hero__branch-select select {
        width: 100%;
        max-width: none;
    }
}

/* Shop warehouse receipt/dispatch lists follow the same visual rhythm as Central Warehouse. */
.fi-resource-shop-warehouse-issues.fi-resource-list-records-page > section,
.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page > section {
    gap: 14px;
    padding-top: 14px;
}

.shop-warehouse-bill-shell {
    display: grid;
    gap: 12px;
}

.shop-warehouse-bill-shell > .shop-warehouse-tabs {
    justify-self: start;
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header {
    min-height: 104px;
    grid-template-columns: minmax(260px, 1fr) 230px minmax(300px, 390px);
    gap: 24px;
    padding: 13px 20px;
    border-color: rgba(126, 232, 190, .25);
    border-radius: 20px;
    background:
        radial-gradient(circle at 74% 0, rgba(85, 232, 174, .24), transparent 32%),
        linear-gradient(112deg, #073c32 0%, #087255 58%, #13a874 100%);
    box-shadow: 0 14px 34px rgba(6, 92, 67, .15), inset 0 1px rgba(255, 255, 255, .12);
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header--issue {
    border-color: rgba(255, 205, 210, .3);
    background:
        radial-gradient(circle at 76% 0, rgba(255, 190, 108, .24), transparent 32%),
        linear-gradient(112deg, #470d19 0%, #92253a 58%, #e44755 100%);
    box-shadow: 0 14px 34px rgba(105, 20, 37, .17), inset 0 1px rgba(255, 255, 255, .12);
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header::before {
    position: absolute;
    top: -65%;
    bottom: -65%;
    left: -32%;
    width: 20%;
    content: '';
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .34), transparent);
    filter: blur(3px);
    transform: skewX(-21deg);
    animation: warehouse-receipts-banner-light 5.2s ease-in-out infinite;
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__routes {
    opacity: .62;
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__routes path {
    stroke: rgba(214, 255, 238, .2);
}

.shop-warehouse-bill-shell--issue .shop-warehouse-bill-header__routes path {
    stroke: rgba(255, 222, 225, .2);
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__routes .shop-warehouse-bill-header__route-light {
    stroke: #baffdf;
    filter: drop-shadow(0 0 5px rgba(139, 255, 210, .78));
}

.shop-warehouse-bill-shell--issue .shop-warehouse-bill-header__routes .shop-warehouse-bill-header__route-light {
    stroke: #ffd59c;
    filter: drop-shadow(0 0 5px rgba(255, 213, 156, .78));
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__copy small {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #a7f2d5;
}

.shop-warehouse-bill-shell--issue .shop-warehouse-bill-header__copy small {
    color: #ffdade;
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__copy small i {
    width: 7px;
    height: 7px;
    flex: none;
    border-radius: 50%;
    background: #65edbb;
    box-shadow: 0 0 0 4px rgba(101, 237, 187, .12), 0 0 12px rgba(101, 237, 187, .72);
}

.shop-warehouse-bill-shell--issue .shop-warehouse-bill-header__copy small i {
    background: #ffbd68;
    box-shadow: 0 0 0 4px rgba(255, 189, 104, .12), 0 0 12px rgba(255, 189, 104, .72);
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__copy h1 {
    margin-top: 7px;
    color: #fff;
    font-size: 1.48rem;
    line-height: 1;
    letter-spacing: -.035em;
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__copy p {
    margin-top: 7px;
    color: rgba(226, 255, 244, .78);
    font-size: .57rem;
}

.shop-warehouse-bill-shell--issue .shop-warehouse-bill-header__copy p {
    color: rgba(255, 235, 237, .8);
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__icon {
    border: 1px solid rgba(255, 255, 255, .26);
    background: rgba(255, 255, 255, .13);
    box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 8px 18px rgba(3, 50, 38, .18);
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__branch {
    border-color: rgba(255, 255, 255, .44);
    color: #145840;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 7px 18px rgba(3, 45, 34, .14);
}

.shop-warehouse-bill-shell--issue .shop-warehouse-bill-header__branch {
    color: #7e2634;
    box-shadow: 0 7px 18px rgba(72, 13, 25, .16);
}

.shop-warehouse-bill-shell .shop-warehouse-bill-header__create {
    border: 1px solid rgba(255, 255, 255, .42);
    color: #651725;
    background: linear-gradient(135deg, #ffe0ad, #f5a94c);
    box-shadow: 0 8px 20px rgba(72, 13, 25, .24);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-tabs,
.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-tabs {
    width: fit-content;
    max-width: 100%;
    align-self: flex-start;
    margin: 0;
    padding: 5px;
    border: 1px solid #d9e7f1;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fbfd, #edf5fa);
    box-shadow: 0 6px 16px rgba(8, 65, 108, .055);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-tabs {
    border-color: #efd9dc;
    background: linear-gradient(180deg, #fffdfd, #fff2f3);
    box-shadow: 0 6px 16px rgba(99, 33, 44, .055);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-tabs-item,
.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item {
    min-height: 36px;
    border-radius: 10px;
    color: #668096;
    font-size: .72rem;
    font-weight: 700;
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-tabs-item {
    color: #856d71;
}

.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item.fi-active {
    color: #fff;
    background: linear-gradient(135deg, #20b47a, #087c58);
    box-shadow: 0 6px 14px rgba(8, 124, 88, .2), inset 0 1px rgba(255, 255, 255, .18);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-tabs-item.fi-active {
    color: #fff;
    background: linear-gradient(135deg, #e44755, #9f2034);
    box-shadow: 0 6px 14px rgba(174, 48, 66, .22);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-tabs-item.fi-active :is(.fi-tabs-item-label, .fi-tabs-item-icon),
.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item.fi-active :is(.fi-tabs-item-label, .fi-tabs-item-icon) {
    color: #fff !important;
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-badge {
    color: #a7283a;
    background: #fff;
}

.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-badge {
    color: #087c58;
    background: #fff;
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-ta-ctn,
.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-ta-ctn {
    overflow: hidden;
    border: 1px solid #d8e5ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 11px 30px rgba(8, 64, 108, .07);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-ta-ctn {
    border-color: #eddadd;
    box-shadow: 0 11px 30px rgba(96, 32, 43, .07);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-ta-header,
.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-ta-header {
    min-height: 66px;
    padding: 10px 14px;
    border-bottom: 1px solid #dfebf3;
    background: radial-gradient(circle at 0 50%, rgba(32, 180, 122, .12), transparent 34%), linear-gradient(180deg, #effaf6, #fbfefd);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-ta-header {
    border-bottom-color: #efdee0;
    background: radial-gradient(circle at 0 50%, rgba(228, 71, 85, .11), transparent 34%), linear-gradient(180deg, #fff3f4, #fffdfd);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-ta-header-heading,
.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-ta-header-heading {
    width: 100%;
}

.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .warehouse-receipt-table-heading__icon {
    background: linear-gradient(145deg, #20b47a, #087c58);
    box-shadow: 0 6px 14px rgba(8, 124, 88, .2), inset 0 1px rgba(255, 255, 255, .22);
}

.fi-resource-shop-warehouse-issues.fi-resource-list-records-page .fi-ta-table > thead {
    background: #fff3f4;
}

.fi-resource-shop-warehouse-receipts.fi-resource-list-records-page .fi-ta-table > thead {
    background: #f0f9f5;
}

@media (max-width: 1200px) {
    .shop-warehouse-bill-shell .shop-warehouse-bill-header {
        grid-template-columns: minmax(230px, 1fr) minmax(300px, 390px);
    }
}

@media (max-width: 640px) {
    .shop-warehouse-bill-shell .shop-warehouse-bill-header {
        grid-template-columns: 1fr;
        padding: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-warehouse-bill-shell .shop-warehouse-bill-header::before {
        animation: none;
    }
}

/* Warehouse issue workflow */
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) > section {
    gap: 18px;
    padding-top: 20px;
}

.warehouse-receipt-create-hero.warehouse-receipt-create-hero--issue {
    border-color: rgba(255, 205, 210, .3);
    background:
        radial-gradient(circle at 82% 25%, rgba(255, 190, 108, .2), transparent 29%),
        linear-gradient(118deg, #470d19 0%, #92253a 57%, #e44755 100%);
    box-shadow: 0 14px 34px rgba(105, 19, 37, .18);
}

.warehouse-receipt-create-hero--issue .warehouse-receipt-create-hero__eyebrow { color: #ffd8dc; }
.warehouse-receipt-create-hero--issue h1 span { color: #ffbd68; }
.warehouse-receipt-create-hero--issue .warehouse-receipt-create-hero__icon { color: #ffd291; }
.warehouse-receipt-create-hero--issue .warehouse-receipt-flow { background: rgba(79, 10, 25, .3); }
.warehouse-receipt-create-hero--issue .warehouse-receipt-flow__step { background: rgba(83, 13, 29, .32); }
.warehouse-receipt-create-hero--issue .warehouse-receipt-flow__step > span { color: #ffe1e4; }
.warehouse-receipt-create-hero--issue .warehouse-receipt-flow__step small { color: #ffc8ce; }
.warehouse-receipt-create-hero--issue .warehouse-receipt-flow__step.is-active {
    border-color: rgba(255, 190, 104, .52);
    background: rgba(133, 26, 48, .72);
}

.warehouse-receipt-create-hero--issue .warehouse-receipt-flow__step.is-active > span {
    color: #661522;
    background: linear-gradient(145deg, #ffd696, #f59e42);
}

.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form > .fi-fo-component-ctn { gap: 16px; }
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form .fi-section {
    overflow: hidden;
    border: 1px solid #f0d9dc;
    border-radius: 18px;
    background: radial-gradient(circle at 100% 0, rgba(228, 71, 85, .055), transparent 28%), #fff;
    box-shadow: 0 10px 28px rgba(109, 28, 42, .065);
}
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-section-content { padding: 24px; }
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-fo-field-wrp-label span { color: #51383d; font-size: .72rem; font-weight: 750; }
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-input-wrp {
    min-height: 42px;
    border: 1px solid #eedde0;
    border-radius: 11px;
    background: #fffdfd;
    box-shadow: 0 3px 10px rgba(101, 35, 47, .035);
}
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-input-wrp:hover { border-color: #efb5bc; background: #fff; }
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-input-wrp:focus-within { border-color: #d73c4c; background: #fff; box-shadow: 0 0 0 3px rgba(215, 60, 76, .1); }
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .warehouse-bill-source-section .fi-section-content .fi-fo-component-ctn > div:first-child .fi-fo-field-wrp {
    min-height: 70px;
    padding: 12px 14px;
    border: 1px solid #f0d4d8;
    border-radius: 12px;
    background: linear-gradient(135deg, #fff3f4, #fffdfd);
}
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-fo-placeholder { color: #bd3344; font-weight: 720; }
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form-actions {
    padding: 14px 16px;
    border: 1px solid #efdcdf;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(101, 35, 47, .055);
}
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form-actions .fi-btn { min-height: 40px; border-radius: 10px; }
.fi-resource-warehouse-issues:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form-actions .fi-btn-color-primary {
    background: linear-gradient(135deg, #e44755, #9f2034);
    box-shadow: 0 7px 16px rgba(177, 42, 61, .22);
}
.fi-resource-warehouse-issues.fi-resource-edit-record-page .fi-form section.warehouse-bill-items-section { position: relative; overflow: visible !important; }
.fi-resource-warehouse-issues.fi-resource-edit-record-page .fi-form section.warehouse-bill-items-section:has(.choices.is-open),
.fi-resource-warehouse-issues.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item:has(.choices.is-open) { z-index: 50; }
.fi-resource-warehouse-issues.fi-resource-edit-record-page .warehouse-bill-items-section .fi-section-header { border-bottom: 1px solid #f0dde0; background: linear-gradient(100deg, #fff2f3, #fffdfd); }
.fi-resource-warehouse-issues.fi-resource-edit-record-page .warehouse-bill-items-section .fi-section-header-icon { color: #cf3748; }
.fi-resource-warehouse-issues.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item { overflow: visible; border-color: #edd8db; border-radius: 14px; background: #fffdfd; box-shadow: 0 5px 14px rgba(105, 39, 50, .045); }
.fi-resource-warehouse-issues.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item-content { padding: 8px 12px 9px; }
.fi-resource-warehouse-issues.fi-resource-edit-record-page .warehouse-bill-items-section .choices__list--dropdown { z-index: 60; max-height: min(320px, 50vh); border-color: #e8bdc3; border-radius: 11px; box-shadow: 0 16px 34px rgba(105, 33, 45, .18); }
.fi-resource-warehouse-issues.fi-resource-edit-record-page .warehouse-bill-total-weight .fi-input-wrp { border-color: #e9c5ca; background: linear-gradient(135deg, #fff5f6, #fff); }
.fi-resource-warehouse-issues.fi-resource-edit-record-page .warehouse-bill-total-weight input { color: #b72e40; font-size: .9rem; font-weight: 850; }

.fi-resource-warehouse-issues.fi-resource-list-records-page > section { gap: 14px; padding-top: 14px; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-header {
    position: relative;
    min-height: 104px;
    overflow: hidden;
    padding: 13px 20px;
    border: 1px solid rgba(255, 205, 210, .3);
    border-radius: 20px;
    color: #fff;
    background: radial-gradient(circle at 76% 0, rgba(255, 190, 108, .24), transparent 32%), linear-gradient(112deg, #470d19 0%, #92253a 58%, #e44755 100%) !important;
    box-shadow: 0 14px 34px rgba(105, 20, 37, .17), inset 0 1px rgba(255, 255, 255, .12);
}
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-header::before {
    position: absolute;
    top: -65%; bottom: -65%; left: -32%; width: 20%;
    content: ''; pointer-events: none; opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .34), transparent);
    filter: blur(3px); transform: skewX(-21deg);
    animation: warehouse-receipts-banner-light 5.2s ease-in-out infinite;
}
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-header::after {
    position: absolute; top: 8px; right: 11%; bottom: 8px; left: 35%;
    content: ''; pointer-events: none; opacity: .82;
    background:
        linear-gradient(90deg, transparent, rgba(255, 206, 211, .22) 18%, rgba(255, 255, 255, .13) 68%, transparent) 0 24% / 100% 1px no-repeat,
        linear-gradient(90deg, transparent, rgba(255, 191, 110, .17) 14%, rgba(255, 255, 255, .11) 72%, transparent) 0 55% / 100% 1px no-repeat,
        linear-gradient(90deg, transparent 0%, rgba(255, 220, 173, .12) 25%, #ffd59c 50%, rgba(255, 220, 173, .12) 75%, transparent 100%) -28% 24% / 18% 2px no-repeat,
        linear-gradient(90deg, transparent 0%, rgba(255, 207, 212, .15) 25%, #ffd9dd 50%, rgba(255, 207, 212, .15) 75%, transparent 100%) -52% 55% / 15% 2px no-repeat;
    filter: drop-shadow(0 0 5px rgba(255, 214, 218, .65));
    transform: rotate(2deg) skewX(7deg);
    animation: warehouse-issues-route-light 5.8s linear infinite;
}
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-header > * { position: relative; z-index: 1; }
@keyframes warehouse-issues-route-light {
    from { background-position: 0 24%, 0 55%, 128% 24%, 152% 55%; }
    to { background-position: 0 24%, 0 55%, -28% 24%, -52% 55%; }
}
.warehouse-issues-hero-title, .warehouse-issues-hero-title__eyebrow, .warehouse-issues-hero-title__main, .warehouse-issues-hero-title__caption { display: block; }
.warehouse-issues-hero-title__eyebrow { display: flex; align-items: center; gap: 7px; color: #ffdade; font-size: .49rem; font-weight: 850; line-height: 1; letter-spacing: .19em; }
.warehouse-issues-hero-title__eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #ffbd68; box-shadow: 0 0 0 4px rgba(255, 189, 104, .12), 0 0 12px rgba(255, 189, 104, .72); }
.warehouse-issues-hero-title__main { margin-top: 7px; color: #fff; font-size: 1.48rem; font-weight: 880; line-height: 1; letter-spacing: -.035em; }
.warehouse-issues-hero-title__main em { color: #ffbd68; font-style: normal; }
.warehouse-issues-hero-title__caption { margin-top: 7px; color: rgba(255, 235, 237, .8); font-size: .57rem; font-weight: 550; line-height: 1.2; letter-spacing: .01em; white-space: nowrap; }

@media (max-width: 640px) {
    .warehouse-issues-hero-title__caption { white-space: normal; }
}
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-header .fi-btn-color-primary { min-height: 42px; padding: 6px 13px; border: 1px solid rgba(255,255,255,.42); color: #651725; background: linear-gradient(135deg, #ffe0ad, #f5a94c); box-shadow: 0 8px 20px rgba(72, 13, 25, .24); }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-tabs { width: fit-content; max-width: 100%; margin: 0; padding: 5px; border: 1px solid #efd9dc; border-radius: 14px; background: linear-gradient(180deg, #fffdfd, #fff2f3); box-shadow: 0 6px 16px rgba(99, 33, 44, .055); }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-tabs-item { min-height: 36px; border-radius: 10px; color: #856d71; font-size: .72rem; font-weight: 700; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-tabs-item.fi-active { color: #fff; background: linear-gradient(135deg, #e44755, #9f2034); box-shadow: 0 6px 14px rgba(174, 48, 66, .22); }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-tabs-item-label { color: #fff !important; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-badge { color: #a7283a; background: #fff; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-ctn { overflow: hidden; border: 1px solid #eddadd; border-radius: 18px; background: #fff; box-shadow: 0 11px 30px rgba(96, 32, 43, .07); }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-header { min-height: 66px; padding: 10px 14px; border-bottom: 1px solid #efdee0; background: radial-gradient(circle at 0 50%, rgba(228, 71, 85, .11), transparent 34%), linear-gradient(180deg, #fff3f4, #fffdfd); }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-header-heading { width: 100%; }
.warehouse-issue-table-heading .warehouse-receipt-table-heading__icon { background: linear-gradient(145deg, #eb5a66, #9f2034); box-shadow: 0 6px 14px rgba(145, 31, 48, .23); }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-table > thead { background: #fff3f4; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-row:hover { background: #fffafa !important; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-table-cell-po-number .fi-ta-text { position: relative; min-height: 50px; align-content: center; padding-left: 58px; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-table-cell-po-number .fi-ta-text-item-icon { position: absolute; top: 50%; left: 12px; width: 38px; height: 42px; padding: 10px 8px; border-radius: 10px; color: #fff !important; background: linear-gradient(110deg, #8f1d31 8%, #e44755 31%, #ffc270 48%, #e44755 65%, #8f1d31 88%); background-position: 100% 0; background-size: 260% 100%; box-shadow: 0 5px 13px rgba(139, 31, 48, .24); transform: translateY(-50%); animation: warehouse-receipt-document-shine 3.6s ease-in-out infinite; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action { min-height: 36px; padding: 5px 12px; border: 1px solid #bd3042; border-radius: 12px; color: #fff !important; background: linear-gradient(135deg, #c82f43, #eb5a66) !important; box-shadow: 0 7px 15px rgba(170, 48, 65, .23); font-size: .67rem; font-weight: 850; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action span,
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action svg { color: #fff !important; }
.fi-resource-warehouse-issues.fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action { min-height: 36px; padding: 6px 11px; border: 1px solid #efb2b7; border-radius: 12px; color: #c83f49 !important; background: #fff6f6 !important; font-size: .65rem; font-weight: 850; }

.warehouse-approval--issue .warehouse-approval__receipt { grid-template-columns: 46px minmax(145px, 1fr) 226px; border-color: #efd2d6; background: linear-gradient(105deg, #fff4f5, #fffaf3); }
.warehouse-receipt-approval-modal:has(.warehouse-approval--issue) .fi-modal-header { border-bottom-color: #efd6da; background: radial-gradient(circle at 82% -20%, rgba(245, 158, 66, .17), transparent 42%), linear-gradient(135deg, #fffafa, #ffeff1); }
.warehouse-receipt-approval-modal:has(.warehouse-approval--issue) .fi-modal-icon-bg { border-color: #efcbd0; color: #c73546; background: linear-gradient(145deg, #fff4f5, #f9dfe2); box-shadow: 0 7px 16px rgba(151, 45, 62, .12); }
.warehouse-approval--issue .warehouse-approval__receipt-icon { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 12% 8%, rgba(255, 221, 116, .95), transparent 35%), linear-gradient(145deg, #ef735e 0%, #d63849 48%, #8d1528 100%); box-shadow: 0 8px 16px rgba(139, 25, 42, .27), inset 0 1px rgba(255, 255, 255, .34); }
.warehouse-approval--issue .warehouse-approval__receipt-icon::after { position: absolute; top: -55%; bottom: -55%; left: -45%; width: 12px; content: ''; background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent); opacity: .65; transform: rotate(18deg); animation: warehouse-dispatch-document-shine 3.4s ease-in-out infinite; }
.warehouse-approval--issue .warehouse-approval__receipt-icon svg { position: relative; z-index: 1; width: 23px; height: 23px; overflow: visible; color: #fff; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 1px 2px rgba(91, 17, 30, .28)); }
@keyframes warehouse-dispatch-document-shine {
    0%, 45% { left: -45%; opacity: 0; }
    56% { opacity: .7; }
    78%, 100% { left: 115%; opacity: 0; }
}
.warehouse-approval--issue .warehouse-approval__section-head small { color: #c84352; }
.warehouse-approval--issue .warehouse-approval__mini-story--issue { width: 226px; height: 60px; justify-self: end; }
.warehouse-approval__mini-destination { position: absolute; top: 3px; right: 0; bottom: auto; width: 48px; height: 46px; border: 1.5px solid #b72e40; border-radius: 6px 6px 10px 10px; color: #bd3344; background: linear-gradient(145deg, #fff8f7, #f7d9dc); box-shadow: 0 7px 14px rgba(139, 43, 58, .14), inset 0 1px #fff; }
.warehouse-approval__mini-destination > b { position: absolute; top: -5px; right: -3px; left: -3px; height: 10px; border: 1px solid #c88b17; border-radius: 5px 5px 2px 2px; background: repeating-linear-gradient(90deg, #ffe28a 0 9px, #efad29 9px 17px); box-shadow: inset 0 1px rgba(255, 255, 255, .55); }
.warehouse-approval__mini-destination > strong { position: absolute; top: 8px; right: 0; left: 0; color: #8f2635; font-size: .29rem; font-weight: 950; letter-spacing: .1em; text-align: center; }
.warehouse-approval__mini-destination > i { position: absolute; right: 5px; bottom: 5px; left: 5px; display: grid; height: 18px; grid-template-columns: 1fr 9px 1fr; gap: 2px; padding: 2px; border: 1px solid #d99ba3; border-radius: 3px; background: rgba(255, 255, 255, .6); }
.warehouse-approval__mini-destination > i em { border-radius: 1px; background: linear-gradient(145deg, #ffd8bc, #ef8f75); box-shadow: inset 0 1px rgba(255, 255, 255, .5); }
.warehouse-approval__mini-destination > i em:nth-child(2) { background: linear-gradient(180deg, #c94a58, #8d2132); }
.warehouse-approval__mini-destination small { position: absolute; right: 50%; bottom: -13px; color: #a05c65; font-size: .29rem; font-weight: 900; letter-spacing: .08em; transform: translateX(50%); }
.warehouse-approval__mini-story--issue .warehouse-approval__mini-vault { top: 3px; right: auto; left: 0; width: 52px; height: 46px; }
.warehouse-approval__mini-story--issue .warehouse-approval__mini-route { top: 26px; right: 50px; left: 56px; }
.warehouse-approval__mini-story--issue .warehouse-approval__mini-route i { animation-direction: reverse; }
.warehouse-approval__mini-story--issue .warehouse-approval__mini-gold { top: 15px; left: 58px; width: 34px; height: 22px; animation-name: warehouse-approval-mini-gold-out; }
@keyframes warehouse-approval-mini-gold-out {
    0%, 10% { opacity: .3; transform: translateX(-9px) scale(.78); }
    22% { opacity: 1; transform: translateX(0) scale(1); }
    72% { opacity: 1; transform: translateX(75px) scale(.94); }
    90%, 100% { opacity: .25; transform: translateX(91px) scale(.68); }
}

@media (max-width: 640px) {
    .warehouse-approval--issue .warehouse-approval__receipt { grid-template-columns: 42px minmax(0, 1fr); }
    .warehouse-approval--issue .warehouse-approval__mini-story--issue { width: min(100%, 226px); }
}

.warehouse-cancel-artwork--issue { border-color: #f0cfd4; background: radial-gradient(circle at 80% 10%, rgba(228, 71, 85, .12), transparent 36%), linear-gradient(120deg, #fffafa, #fff0f2 48%, #fff9f2); }
.warehouse-cancel-artwork--issue .warehouse-cancel-artwork__copy small { color: #c33a4b; }
.warehouse-cancel-artwork--issue .warehouse-cancel-artwork__copy em { border-color: #eec5ca; color: #aa3041; }

.warehouse-approval-success--issue .warehouse-approval-success__vault { right: auto; left: 5px; animation-name: warehouse-approval-vault-issue-success; }
.warehouse-approval-success--issue .warehouse-approval-success__route { right: 8px; left: 112px; background: linear-gradient(90deg, rgba(228,71,85,.1), rgba(228,71,85,.68), rgba(245,158,66,.2)); }
.warehouse-approval-success--issue .warehouse-approval-success__route::after { animation-direction: reverse; }
.warehouse-approval-success--issue .warehouse-approval-success__moving-gold { left: 102px; animation-name: warehouse-approval-success-gold-out; }
.warehouse-approval-success__destination { position: absolute; top: 57px; right: 3px; width: 68px; height: 62px; border: 2px solid #af2b3d; border-radius: 9px 9px 15px 15px; color: #bd3344; background: linear-gradient(145deg, #fff8f7, #f5d7db); box-shadow: 0 12px 24px rgba(147, 43, 59, .18), inset 0 1px #fff; animation: warehouse-approval-check-pop .58s 1.65s both; }
.warehouse-approval-success__destination > b { position: absolute; top: -10px; right: -6px; left: -6px; height: 18px; border: 1px solid #ca8f17; border-radius: 7px 7px 3px 3px; background: repeating-linear-gradient(90deg, #ffe38c 0 13px, #eca922 13px 25px); box-shadow: inset 0 2px rgba(255, 255, 255, .5); }
.warehouse-approval-success__destination > strong { position: absolute; top: 12px; right: 0; left: 0; color: #8f2635; font-size: .45rem; font-weight: 950; letter-spacing: .12em; text-align: center; }
.warehouse-approval-success__destination > i { position: absolute; right: 8px; bottom: 7px; left: 8px; display: grid; height: 25px; grid-template-columns: 1fr 12px 1fr; gap: 3px; padding: 3px; border: 1px solid #d698a0; border-radius: 4px; background: rgba(255, 255, 255, .62); }
.warehouse-approval-success__destination > i em { border-radius: 2px; background: linear-gradient(145deg, #ffd9bd, #ee8f75); }
.warehouse-approval-success__destination > i em:nth-child(2) { background: linear-gradient(180deg, #c94a58, #8d2132); }
.warehouse-approval-success--issue .warehouse-approval-success__check { top: 17px; right: 2px; width: 38px; height: 38px; }
.warehouse-approval-success--issue .warehouse-approval-success__eyebrow { color: #c43a4b; }
.warehouse-approval-success--issue .warehouse-approval-success__progress i { background: linear-gradient(90deg, #e44755, #f5a647); }
@keyframes warehouse-approval-success-gold-out {
    0% { opacity: 0; transform: translate(-60px, 15px) scale(.45); }
    16% { opacity: 1; transform: translate(-42px, 8px) scale(.82); }
    68% { opacity: 1; transform: translate(65px, 0) scale(1); }
    82%, 100% { opacity: 0; transform: translate(92px, 0) scale(.65); }
}
@keyframes warehouse-approval-vault-issue-success {
    0% { opacity: 0; transform: translateY(18px) scale(.94); }
    18%, 68% { opacity: 1; transform: translateY(0) scale(1); }
    82%, 100% { opacity: 1; transform: translateY(0) scale(.96); filter: saturate(.86); }
}

@media (prefers-reduced-motion: reduce) {
    .fi-resource-warehouse-issues.fi-resource-list-records-page .fi-header::before,
    .fi-resource-warehouse-issues.fi-resource-list-records-page .fi-header::after,
    .fi-resource-warehouse-issues.fi-resource-list-records-page .fi-table-cell-po-number .fi-ta-text-item-icon,
    .warehouse-approval__mini-story--issue .warehouse-approval__mini-gold,
    .warehouse-approval-success__destination { animation: none !important; }
}

/* Compact admin status controls before the user avatar */
.easygold-topbar-status {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 2px;
}

.easygold-topbar-status__live {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    gap: 4px;
    padding: 5px 10px 5px 8px;
    border: 1px solid rgba(12, 93, 163, .14);
    border-radius: 999px;
    background: linear-gradient(135deg, #082c58 0%, #071f45 100%);
    box-shadow: 0 5px 13px rgba(4, 37, 76, .13), inset 0 1px rgba(255, 255, 255, .09);
    color: #fff;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .045em;
    line-height: 1;
    white-space: nowrap;
}

.easygold-topbar-status__live i {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .62);
}

.easygold-topbar-status__live strong {
    font-weight: 800;
}

.easygold-topbar-status__pulse {
    position: relative;
    width: 7px;
    height: 7px;
    margin-right: 1px;
    border-radius: 50%;
    background: #36e6a5;
    box-shadow: 0 0 0 3px rgba(54, 230, 165, .12), 0 0 9px rgba(54, 230, 165, .55);
}

.easygold-topbar-status__pulse::after {
    position: absolute;
    inset: -3px;
    border: 1px solid rgba(77, 242, 179, .68);
    border-radius: inherit;
    content: '';
    animation: easygold-live-pulse 2s ease-out infinite;
}

.easygold-topbar-status__action {
    position: relative;
    display: inline-grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #185e9f;
    cursor: default;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.easygold-topbar-status__action svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
}

.easygold-topbar-status__action:hover {
    border-color: rgba(49, 144, 211, .2);
    background: #f0f8ff;
    box-shadow: 0 7px 16px rgba(15, 87, 146, .1);
    color: #0871c4;
    transform: translateY(-1px);
}

.easygold-topbar-status__action--notification > i {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 5px;
    height: 5px;
    border: 1.5px solid #fff;
    border-radius: 50%;
    background: #e8b64b;
    box-sizing: content-box;
}

@keyframes easygold-live-pulse {
    0% {
        opacity: .9;
        transform: scale(.7);
    }

    75%,
    100% {
        opacity: 0;
        transform: scale(1.7);
    }
}

/* Warehouse receipt approval modal */
.warehouse-receipt-approval-modal {
    overflow: hidden;
    border: 1px solid #d4e5f0;
    border-radius: 22px !important;
    background: #fff;
    box-shadow: 0 28px 70px rgba(5, 48, 83, .22) !important;
}

.warehouse-receipt-approval-modal .fi-modal-header {
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #dce9f1;
    background: radial-gradient(circle at 82% -20%, rgba(77, 189, 237, .22), transparent 42%), linear-gradient(135deg, #f7fbfe, #eef7fc);
}

.warehouse-receipt-approval-modal .fi-modal-header::after {
    position: absolute;
    right: -28px;
    bottom: -30px;
    width: 150px;
    height: 70px;
    border: 1px solid rgba(21, 124, 194, .12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
    transform: rotate(-8deg);
}

.warehouse-receipt-approval-modal .fi-modal-icon-bg {
    border: 1px solid #cce8f6;
    background: linear-gradient(145deg, #e8f7fe, #d8f1fb);
    box-shadow: 0 7px 16px rgba(10, 108, 173, .12);
}

.warehouse-receipt-approval-modal .fi-modal-heading {
    color: #173a56;
    font-weight: 850;
    letter-spacing: -.025em;
}

.warehouse-receipt-approval-modal .fi-modal-description {
    color: #6b8498;
    font-size: .78rem;
}

.warehouse-receipt-approval-modal .fi-modal-content { padding: 18px 22px 5px; }

.warehouse-receipt-details-modal .fi-modal-content { padding-bottom: 20px; }

.warehouse-receipt-details-modal .warehouse-approval__section-head { margin-top: 14px; }

.warehouse-receipt-details-modal:has(.warehouse-approval--cancelled) .fi-modal-header {
    border-bottom-color: #f0dadd;
    background: radial-gradient(circle at 84% -15%, rgba(229, 76, 89, .15), transparent 42%), linear-gradient(135deg, #fffafa, #fff3f4);
}

.warehouse-receipt-details-modal:has(.warehouse-approval--cancelled) .fi-modal-icon-bg {
    border-color: #f0cfd2;
    color: #d44752;
    background: #fff0f1;
    box-shadow: 0 7px 16px rgba(190, 49, 61, .1);
}

.warehouse-receipt-approval-modal .fi-modal-footer {
    padding: 14px 22px 20px;
    border-top: 0;
    background: #fff;
}

.warehouse-receipt-approval-modal .fi-modal-footer-actions {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    gap: 10px;
    width: 100%;
}

.warehouse-receipt-approval-modal .fi-modal-footer-actions .fi-btn {
    justify-content: center;
    min-height: 42px;
    border-radius: 11px;
    font-weight: 800;
}

.warehouse-receipt-approval-modal .fi-modal-footer-actions .fi-btn-color-success {
    border: 1px solid #0872ba;
    color: #fff;
    background: linear-gradient(135deg, #0b5f9f, #168ad1);
    box-shadow: 0 8px 18px rgba(8, 104, 171, .2), inset 0 1px rgba(255, 255, 255, .2);
}

.warehouse-receipt-approval-modal .fi-modal-footer-actions .fi-btn-color-success:hover {
    background: linear-gradient(135deg, #084e86, #137dc1);
    box-shadow: 0 10px 22px rgba(8, 104, 171, .27), inset 0 1px rgba(255, 255, 255, .22);
    transform: translateY(-1px);
}

.warehouse-receipt-approval-modal.is-approved .fi-modal-header,
.warehouse-receipt-approval-modal.is-approved .fi-modal-footer { display: none; }
.warehouse-receipt-approval-modal.is-approved .fi-modal-content { padding: 0; }

.warehouse-approval__receipt {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 185px;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #d5e7f2;
    border-radius: 14px;
    background: linear-gradient(105deg, #f6fbff, #eef8fd);
}

.warehouse-approval__receipt-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, #147fc7, #07558f);
    box-shadow: 0 7px 15px rgba(6, 86, 145, .2), inset 0 1px rgba(255, 255, 255, .22);
}

.warehouse-approval__receipt-icon svg { width: 19px; height: 19px; }
.warehouse-approval__receipt > div:nth-child(2) small,
.warehouse-approval__receipt > div:nth-child(2) strong,
.warehouse-approval__receipt > div:nth-child(2) span { display: block; }
.warehouse-approval__receipt > div:nth-child(2) small { color: #5b9ac4; font-size: .49rem; font-weight: 850; letter-spacing: .13em; }
.warehouse-approval__receipt > div:nth-child(2) strong { margin-top: 2px; color: #173a56; font-size: .95rem; font-weight: 850; }
.warehouse-approval__receipt > div:nth-child(2) span { margin-top: 1px; color: #7a8e9e; font-size: .64rem; }

.warehouse-approval__mini-story {
    position: relative;
    justify-self: end;
    width: 185px;
    height: 64px;
    overflow: visible;
}

.warehouse-approval__mini-source,
.warehouse-approval__mini-gold {
    position: absolute;
    top: 16px;
    z-index: 2;
    display: grid;
    width: 36px;
    height: 23px;
    place-items: center;
    border: 1px solid #d09a18;
    border-radius: 6px 6px 7px 7px;
    color: #785206;
    background: linear-gradient(145deg, #ffec9d, #efb224 62%, #d48d0a);
    box-shadow: inset 0 2px rgba(255, 255, 255, .58), 0 5px 10px rgba(176, 113, 4, .16);
    font-family: Georgia, serif;
    font-size: .46rem;
    font-weight: 900;
}

.warehouse-approval__mini-source { left: 2px; opacity: .38; transform: scale(.88); }
.warehouse-approval__mini-gold { left: 64px; animation: warehouse-approval-mini-gold 3.2s cubic-bezier(.35, 0, .22, 1) infinite; }
.warehouse-approval__mini-source small,
.warehouse-approval__mini-gold small,
.warehouse-approval__mini-vault small {
    position: absolute;
    bottom: -15px;
    color: #7992a3;
    font-family: inherit;
    font-size: .3rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.warehouse-approval__mini-route {
    position: absolute;
    top: 27px;
    right: 51px;
    left: 24px;
    height: 2px;
    overflow: hidden;
    border-radius: 99px;
    background: #d0e5f0;
}
.warehouse-approval__mini-route i {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent 0 8px, #279fd8 8px 12px);
    animation: warehouse-approval-mini-route .7s linear infinite;
}

.warehouse-approval__mini-vault {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 3;
    width: 57px;
    height: 51px;
    border: 1.5px solid #0571b6;
    border-radius: 7px 7px 10px 10px;
    background: linear-gradient(145deg, #eefaff, #cbeaf7);
    box-shadow: 0 7px 14px rgba(7, 83, 133, .14), inset 0 1px #fff;
    animation: warehouse-approval-mini-vault 3.2s ease-in-out infinite;
}
.warehouse-approval__mini-vault > b { position: absolute; top: -6px; right: -3px; left: -3px; height: 10px; border: 1px solid #d39a18; border-radius: 5px 5px 2px 2px; background: linear-gradient(#ffe58d, #e7a91f); }
.warehouse-approval__mini-vault strong { position: absolute; top: 10px; left: 7px; color: #0a6aa7; font-size: .35rem; font-weight: 900; line-height: .85; letter-spacing: .035em; }
.warehouse-approval__mini-vault > i { position: absolute; right: 6px; bottom: 7px; left: 6px; display: flex; gap: 2px; padding: 3px; border: 1px solid #78bddd; border-radius: 4px; background: rgba(255, 255, 255, .55); }
.warehouse-approval__mini-vault > i em { height: 6px; flex: 1; border-radius: 2px; background: linear-gradient(145deg, #ffe47c, #dda018); }
.warehouse-approval__mini-vault small { right: 0; left: 0; text-align: center; }

.warehouse-approval--cancelled .warehouse-approval__receipt {
    border-color: #efd2d5;
    background: linear-gradient(105deg, #fffafa, #fff2f3);
}

.warehouse-approval--cancelled .warehouse-approval__receipt-icon {
    border-color: rgba(255, 255, 255, .5);
    background: linear-gradient(145deg, #df5260, #ac2c39);
    box-shadow: 0 7px 15px rgba(174, 39, 51, .18), inset 0 1px rgba(255, 255, 255, .24);
}

.warehouse-approval__cancelled-mark {
    display: flex;
    justify-self: end;
    align-items: center;
    gap: 8px;
    width: 185px;
    padding: 9px 10px;
    border: 1px solid #efc6ca;
    border-radius: 11px;
    background: rgba(255, 255, 255, .72);
    animation: warehouse-cancel-detail-enter .42s ease-out both;
}
.warehouse-approval__cancelled-mark > span { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #e75b66, #c3313d); box-shadow: 0 5px 11px rgba(188, 43, 55, .2); }
.warehouse-approval__cancelled-mark svg { width: 15px; height: 15px; stroke-width: 2.8; }
.warehouse-approval__cancelled-mark small,
.warehouse-approval__cancelled-mark strong { display: block; }
.warehouse-approval__cancelled-mark small { color: #cc3d48; font-size: .4rem; font-weight: 950; letter-spacing: .12em; }
.warehouse-approval__cancelled-mark strong { margin-top: 2px; color: #765056; font-size: .52rem; font-weight: 800; }

.warehouse-approval__cancellation {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    margin-top: 10px;
    padding: 11px 13px;
    border: 1px solid #efd4d7;
    border-radius: 13px;
    background: linear-gradient(110deg, #fffafa, #fff5f6);
    animation: warehouse-cancel-detail-enter .46s .08s ease-out both;
}
.warehouse-approval__cancellation-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: #cc3e49; background: #ffecee; box-shadow: inset 0 0 0 1px #f3cdd1; }
.warehouse-approval__cancellation-icon svg { width: 17px; height: 17px; }
.warehouse-approval__cancellation-reason small,
.warehouse-approval__cancellation-reason strong,
.warehouse-approval__cancellation-meta small,
.warehouse-approval__cancellation-meta strong { display: block; }
.warehouse-approval__cancellation-reason small { color: #ce4b56; font-size: .42rem; font-weight: 900; letter-spacing: .12em; }
.warehouse-approval__cancellation-reason strong { margin-top: 3px; color: #593238; font-size: .68rem; font-weight: 800; line-height: 1.4; }
.warehouse-approval__cancellation-meta { display: grid; grid-template-columns: repeat(2, auto); gap: 13px; padding-left: 12px; border-left: 1px solid #eed7d9; }
.warehouse-approval__cancellation-meta small { color: #a7868a; font-size: .37rem; font-weight: 850; letter-spacing: .08em; }
.warehouse-approval__cancellation-meta strong { margin-top: 2px; color: #6f5155; font-size: .53rem; font-weight: 800; white-space: nowrap; }
.warehouse-approval--cancelled .warehouse-approval__section-head small { color: #d34c57; }
.warehouse-approval--cancelled .warehouse-approval__totals > div:last-child { border-color: #efcfd2; background: #fff6f7; }
.warehouse-approval--cancelled .warehouse-approval__totals > div:last-child strong { color: #c63b47; }

@keyframes warehouse-cancel-detail-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }

.warehouse-approval__section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 17px 2px 9px; }
.warehouse-approval__section-head small,
.warehouse-approval__section-head strong { display: block; }
.warehouse-approval__section-head small { color: #55a7d4; font-size: .48rem; font-weight: 850; letter-spacing: .14em; }
.warehouse-approval__section-head strong { margin-top: 3px; color: #183b57; font-size: .78rem; font-weight: 800; }
.warehouse-approval__section-head > span { padding: 4px 8px; border: 1px solid #d7e8f2; border-radius: 999px; color: #52738b; background: #f6fafc; font-size: .58rem; font-weight: 750; }

.warehouse-approval__items { display: grid; gap: 7px; max-height: 245px; overflow-y: auto; padding: 1px 3px 2px 1px; scrollbar-color: #b9d8e9 transparent; scrollbar-width: thin; }
.warehouse-approval__item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 76px 112px;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 8px 11px;
    border: 1px solid #dbe8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(12, 71, 111, .045);
    animation: warehouse-approval-item-enter .42s ease-out both;
    animation-delay: var(--approval-item-delay);
}

.warehouse-approval__gold {
    position: relative;
    display: grid;
    width: 36px;
    height: 27px;
    overflow: hidden;
    place-items: center;
    border: 1px solid #dca526;
    border-radius: 7px 7px 9px 9px;
    color: #855c0a;
    background: linear-gradient(145deg, #ffe99c 0%, #f6bd31 48%, #d9910d 100%);
    box-shadow: inset 0 2px rgba(255, 255, 255, .5), 0 5px 10px rgba(182, 124, 13, .16);
    transform: perspective(50px) rotateX(7deg);
}
.warehouse-approval__gold::after {
    position: absolute;
    top: -30%;
    left: -65%;
    width: 36%;
    height: 160%;
    content: '';
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .85), transparent);
    transform: skewX(-18deg);
    animation: warehouse-approval-gold-shine 2.8s ease-in-out infinite;
}
.warehouse-approval__gold i { font-family: Georgia, serif; font-size: .66rem; font-style: normal; font-weight: 800; }
.gold-rental-approval__item-jewelry {
    position: relative;
    display: grid;
    width: 38px;
    height: 38px;
    overflow: hidden;
    place-items: center;
    border: 1px solid #d7a52d;
    border-radius: 10px;
    background: linear-gradient(145deg, #65101a, #9e1725 58%, #3f090f);
    box-shadow: inset 0 1px rgba(255,255,255,.18), 0 5px 11px rgba(101,16,26,.18);
}
.gold-rental-approval__item-jewelry::after {
    position: absolute;
    top: -45%;
    left: -70%;
    width: 30%;
    height: 190%;
    content: '';
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
    transform: rotate(18deg);
    animation: gold-rental-jewelry-shine 3.6s ease-in-out infinite;
}
.gold-rental-approval__item-jewelry svg { width: 32px; height: 28px; overflow: visible; }
.gold-rental-approval__item-jewelry svg text { fill: #f8df8b; font-family: Georgia, serif; font-size: 5px; font-weight: 900; letter-spacing: .7px; }
.gold-rental-approval__item-jewelry svg path,
.gold-rental-approval__item-jewelry svg circle { fill: none; stroke: #f1c344; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.gold-rental-approval__item-jewelry svg .is-chain { stroke-dasharray: 1 2.5; }
.gold-rental-approval__item-jewelry svg .is-pendant { fill: #f0bd2e; stroke: #ffe791; stroke-width: .8; }
.gold-rental-approval__item-photo {
    position: relative;
    display: grid;
    width: 38px;
    height: 38px;
    overflow: hidden;
    padding: 0;
    place-items: center;
    border: 1px solid #d7a52d;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 11px rgba(62, 37, 13, .14);
    cursor: zoom-in;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.gold-rental-approval__item-photo::before {
    position: absolute;
    top: -45%;
    left: -70%;
    z-index: 2;
    width: 27%;
    height: 190%;
    content: '';
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.78), transparent);
    pointer-events: none;
    transform: rotate(18deg);
    animation: gold-rental-jewelry-shine 3.6s ease-in-out infinite;
}
.gold-rental-approval__item-photo:hover { border-color: #bc8611; box-shadow: 0 8px 16px rgba(62, 37, 13, .2); transform: translateY(-1px); }
.gold-rental-approval__item-photo:focus-visible { outline: 2px solid #0f8ac9; outline-offset: 2px; }
.gold-rental-approval__item-photo > img { width: 100%; height: 100%; object-fit: cover; }
.gold-rental-approval__item-photo > span {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 3;
    display: grid;
    width: 14px;
    height: 14px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #1599d5, #0066a9);
    box-shadow: 0 2px 5px rgba(0, 79, 132, .28);
}
.gold-rental-approval__item-photo > span svg { width: 8px; height: 8px; stroke-width: 2.2; }

.gold-rental-approval-image-viewer {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    padding: 22px;
    place-items: center;
    background: rgba(10, 27, 39, .72);
    backdrop-filter: blur(7px);
}
.gold-rental-approval-image-viewer > section {
    display: grid;
    width: min(900px, 94vw);
    max-height: min(88vh, 760px);
    overflow: hidden;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 22px;
    background: #f8fbfd;
    box-shadow: 0 32px 80px rgba(2, 16, 25, .42), inset 0 1px #fff;
}
.gold-rental-approval-image-viewer__enter { transition: opacity .2s ease, transform .24s cubic-bezier(.2,.8,.2,1); }
.gold-rental-approval-image-viewer__enter-start { opacity: 0; transform: translateY(10px) scale(.97); }
.gold-rental-approval-image-viewer__enter-end { opacity: 1; transform: translateY(0) scale(1); }
.gold-rental-approval-image-viewer header {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 11px;
    padding: 13px 15px;
    border-bottom: 1px solid #d9e7ef;
    background: linear-gradient(135deg, #fff, #eff7fb);
}
.gold-rental-approval-image-viewer header > span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #cfe4ef; border-radius: 11px; color: #087fbd; background: #edf8fd; }
.gold-rental-approval-image-viewer header > span svg { width: 20px; height: 20px; }
.gold-rental-approval-image-viewer header small,
.gold-rental-approval-image-viewer header strong { display: block; }
.gold-rental-approval-image-viewer header small { color: #4f9ac2; font-size: .46rem; font-weight: 900; letter-spacing: .14em; }
.gold-rental-approval-image-viewer header strong { margin-top: 2px; overflow: hidden; color: #173b55; font-size: .84rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.gold-rental-approval-image-viewer header > button { display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid #d9e5ec; border-radius: 10px; color: #6d8595; background: #fff; cursor: pointer; transition: color .16s ease, border-color .16s ease, background .16s ease; }
.gold-rental-approval-image-viewer header > button:hover { border-color: #e2aeb4; color: #bd3444; background: #fff4f5; }
.gold-rental-approval-image-viewer header > button svg { width: 18px; height: 18px; }
.gold-rental-approval-image-viewer__stage { display: grid; min-height: 320px; overflow: auto; padding: 16px; place-items: center; background-color: #e9f0f4; background-image: linear-gradient(45deg, rgba(255,255,255,.62) 25%, transparent 25%), linear-gradient(-45deg, rgba(255,255,255,.62) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255,255,255,.62) 75%), linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.62) 75%); background-position: 0 0, 0 8px, 8px -8px, -8px 0; background-size: 16px 16px; }
.gold-rental-approval-image-viewer__stage img { display: block; max-width: 100%; max-height: calc(88vh - 150px); border-radius: 13px; object-fit: contain; box-shadow: 0 16px 35px rgba(10, 35, 52, .2); }
.gold-rental-approval-image-viewer footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 15px; border-top: 1px solid #d9e7ef; background: #fff; }
.gold-rental-approval-image-viewer footer span { display: flex; align-items: center; gap: 6px; color: #7b909f; font-size: .58rem; }
.gold-rental-approval-image-viewer footer span svg { width: 14px; height: 14px; color: #1592ce; }
.gold-rental-approval-image-viewer footer button { min-width: 72px; padding: 7px 13px; border: 1px solid #cbdce7; border-radius: 9px; color: #294a61; background: #f8fbfd; font-size: .65rem; font-weight: 800; cursor: pointer; }
@keyframes gold-rental-jewelry-shine {
    0%,55% { left: -70%; opacity: 0; }
    67% { opacity: .75; }
    82%,100% { left: 145%; opacity: 0; }
}
.warehouse-approval__item-name strong,
.warehouse-approval__item-name span,
.warehouse-approval__item-quantity small,
.warehouse-approval__item-quantity strong,
.warehouse-approval__item-weight small,
.warehouse-approval__item-weight strong { display: block; }
.warehouse-approval__item-name strong { overflow: hidden; color: #25445d; font-size: .72rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-approval__item-name span { margin-top: 2px; overflow: hidden; color: #8193a1; font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-approval__item-quantity,
.warehouse-approval__item-weight { padding-left: 10px; border-left: 1px solid #e3edf3; }
.warehouse-approval__item-quantity small,
.warehouse-approval__item-weight small { color: #98a9b5; font-size: .43rem; font-weight: 800; letter-spacing: .08em; }
.warehouse-approval__item-quantity strong,
.warehouse-approval__item-weight strong { margin-top: 2px; color: #173d59; font-size: .69rem; font-weight: 850; }
.warehouse-approval__item-weight strong { color: #076fb8; }
.warehouse-approval__item-weight strong span { font-size: .5rem; }
.warehouse-approval__empty { padding: 22px; border: 1px dashed #cadde9; border-radius: 12px; color: #8296a5; text-align: center; font-size: .72rem; }

.warehouse-approval__totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 11px; }
.warehouse-approval__totals > div { padding: 9px 11px; border: 1px solid #dbe8f0; border-radius: 11px; background: #f8fbfd; }
.warehouse-approval__totals > div:last-child { border-color: #efdca7; background: #fffaf0; }
.warehouse-approval__totals small,
.warehouse-approval__totals strong { display: block; }
.warehouse-approval__totals small { color: #8aa0af; font-size: .43rem; font-weight: 850; letter-spacing: .08em; }
.warehouse-approval__totals strong { margin-top: 3px; color: #183d58; font-size: .78rem; font-weight: 850; }
.warehouse-approval__totals > div:last-child strong { color: #bd8008; }
.warehouse-approval__totals strong span { font-size: .52rem; }

.warehouse-approval-success {
    display: grid;
    min-height: 405px;
    padding: 42px 28px 30px;
    place-items: center;
    align-content: center;
    text-align: center;
    background: radial-gradient(circle at 50% 38%, rgba(71, 194, 239, .13), transparent 35%), linear-gradient(180deg, #fafdff, #f4fafc);
}
.warehouse-approval-success-overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: grid;
    padding: 22px;
    place-items: center;
    background: rgba(5, 28, 48, .52);
    backdrop-filter: blur(5px);
}
.warehouse-approval-success-overlay .warehouse-approval-success {
    width: min(520px, 100%);
    overflow: hidden;
    border: 1px solid rgba(160, 215, 239, .75);
    border-radius: 24px;
    box-shadow: 0 32px 80px rgba(3, 37, 64, .3), inset 0 1px #fff;
}
.warehouse-approval-success__art { position: relative; width: 240px; height: 165px; }
.warehouse-approval-success__orbit {
    position: absolute;
    top: 18px;
    left: 76px;
    width: 152px;
    height: 112px;
    border: 1px solid rgba(25, 146, 208, .25);
    border-radius: 50%;
    box-shadow: 13px 5px 0 -12px #f3bf36;
    transform: rotate(-12deg);
    animation: warehouse-approval-success-orbit 4s linear infinite;
}
.warehouse-approval-success__vault {
    position: absolute;
    right: 17px;
    bottom: 12px;
    width: 124px;
    height: 104px;
    border: 2px solid #0b639f;
    border-radius: 10px 10px 16px 16px;
    background: linear-gradient(145deg, #eaf8fe, #cdebf7);
    box-shadow: 0 17px 28px rgba(6, 82, 135, .17), inset 0 1px #fff;
    animation: warehouse-approval-vault-receive-success 2.35s cubic-bezier(.2, .8, .2, 1) both;
}
.warehouse-approval-success__vault::before { position: absolute; top: -13px; right: -7px; left: -7px; height: 21px; border: 1px solid #daa01e; border-radius: 7px 7px 4px 4px; content: ''; background: linear-gradient(180deg, #ffe58e, #e9ad23); transform: perspective(50px) rotateX(13deg); }
.warehouse-approval-success__vault > span { position: absolute; right: 12px; bottom: 14px; left: 12px; display: flex; gap: 5px; padding: 7px; border: 1px solid #77bddf; border-radius: 6px; background: rgba(255, 255, 255, .45); }
.warehouse-approval-success__vault > span i { height: 13px; flex: 1; border-radius: 3px; background: linear-gradient(145deg, #ffe27c, #d99b13); box-shadow: inset 0 1px rgba(255, 255, 255, .5); }
.warehouse-approval-success__vault > strong { position: absolute; top: 19px; left: 15px; color: #0b69a8; font-size: .72rem; font-weight: 900; line-height: .8; letter-spacing: .08em; }
.warehouse-approval-success__route { position: absolute; top: 87px; right: 124px; left: 8px; height: 1px; background: linear-gradient(90deg, rgba(74, 185, 229, .06), rgba(74, 185, 229, .7), rgba(74, 185, 229, .14)); }
.warehouse-approval-success__route::after { position: absolute; inset: -4px 0; content: ''; background: repeating-linear-gradient(90deg, transparent 0 13px, rgba(105, 206, 243, .32) 13px 16px); animation: warehouse-approval-success-route 1.15s linear infinite; }
.warehouse-approval-success__moving-gold { position: absolute; top: 70px; left: 5px; z-index: 3; display: grid; width: 43px; height: 28px; place-items: center; border: 1px solid #cb8b0c; border-radius: 7px 7px 9px 9px; color: #725008; background: linear-gradient(145deg, #ffeca1, #edae21); box-shadow: inset 0 2px rgba(255, 255, 255, .55), 0 8px 15px rgba(180, 116, 7, .24); font-family: Georgia, serif; font-size: .55rem; font-weight: 900; animation: warehouse-approval-success-gold-in 2.25s cubic-bezier(.35, 0, .2, 1) both; }
.warehouse-approval-success__check { position: absolute; top: 2px; right: 1px; display: grid; width: 51px; height: 51px; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #2dd18b, #0aa968); box-shadow: 0 9px 21px rgba(9, 168, 103, .26), 0 0 0 6px rgba(35, 201, 130, .1); animation: warehouse-approval-check-pop .58s 1.75s cubic-bezier(.2, 1.5, .4, 1) both; }
.warehouse-approval-success__check svg { width: 25px; height: 25px; stroke-width: 2.6; }
.warehouse-approval-success__spark { position: absolute; width: 7px; height: 7px; border-radius: 2px; background: #f3bf36; box-shadow: 0 0 10px rgba(243, 191, 54, .65); animation: warehouse-approval-spark 1.35s ease-in-out infinite; }
.warehouse-approval-success__spark--one { top: 27px; left: 59px; animation-delay: 1.65s; }
.warehouse-approval-success__spark--two { top: 74px; right: 3px; animation-delay: 1.82s; background: #49bde9; }
.warehouse-approval-success__spark--three { bottom: 6px; left: 68px; width: 5px; height: 5px; animation-delay: 2s; }
.warehouse-approval-success__eyebrow { margin-top: 10px; color: #1aae73; font-size: .53rem; font-weight: 900; letter-spacing: .18em; animation: warehouse-approval-copy-in .36s 1.8s both; }
.warehouse-approval-success h3 { margin-top: 5px; color: #173a56; font-size: 1.42rem; font-weight: 900; letter-spacing: -.035em; animation: warehouse-approval-copy-in .4s 1.92s both; }
.warehouse-approval-success p { margin-top: 5px; color: #718a9d; font-size: .69rem; animation: warehouse-approval-copy-in .4s 2.04s both; }
.warehouse-approval-success__progress { width: 180px; height: 4px; overflow: hidden; margin-top: 22px; border-radius: 99px; background: #dcebf2; }
.warehouse-approval-success__progress i { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #16b878, #32b9e4); transform-origin: left; animation: warehouse-approval-progress 3.25s linear both; }

@keyframes warehouse-approval-item-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes warehouse-approval-gold-shine { 0%, 38% { left: -65%; opacity: 0; } 49% { opacity: 1; } 68%, 100% { left: 130%; opacity: 0; } }
@keyframes warehouse-approval-mini-route { to { transform: translateX(12px); } }
@keyframes warehouse-approval-mini-gold {
    0%, 9% { left: 15px; opacity: 0; transform: scale(.78); }
    18% { left: 64px; opacity: 1; transform: scale(1); }
    58% { left: 64px; opacity: 1; transform: scale(1); }
    82% { left: calc(100% - 66px); opacity: 1; transform: scale(.76); }
    91%, 100% { left: calc(100% - 57px); opacity: 0; transform: scale(.35); }
}
@keyframes warehouse-approval-mini-vault { 0%, 72% { box-shadow: 0 7px 14px rgba(7, 83, 133, .14), inset 0 1px #fff; transform: scale(1); } 84% { box-shadow: 0 0 0 4px rgba(27, 181, 124, .12), 0 7px 14px rgba(7, 83, 133, .14), inset 0 1px #fff; transform: scale(1.04); } 96%, 100% { transform: scale(1); } }
@keyframes warehouse-approval-success-orbit { to { transform: rotate(348deg); } }
@keyframes warehouse-approval-success-route { to { transform: translateX(16px); } }
@keyframes warehouse-approval-success-gold-in { 0% { opacity: 0; transform: translate(-15px, -5px) scale(.75); } 12% { opacity: 1; transform: translate(0, 0) scale(1); } 62% { opacity: 1; transform: translate(118px, 12px) scale(.88); } 76%, 100% { opacity: 0; transform: translate(151px, 18px) scale(.42); } }
@keyframes warehouse-approval-vault-receive-success { 0% { opacity: 0; transform: translateY(18px) scale(.94); } 18%, 62% { opacity: 1; transform: translateY(0) scale(1); } 74% { opacity: 1; box-shadow: 0 0 0 7px rgba(30, 190, 127, .11), 0 18px 30px rgba(6, 82, 135, .2); transform: translateY(0) scale(1.045); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes warehouse-approval-check-pop { from { opacity: 0; transform: scale(.2) rotate(-18deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes warehouse-approval-spark { 0%, 100% { opacity: .25; transform: rotate(0) scale(.65); } 50% { opacity: 1; transform: rotate(45deg) scale(1.05); } }
@keyframes warehouse-approval-copy-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes warehouse-approval-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }

@media (max-width: 640px) {
    .warehouse-receipt-approval-modal .fi-modal-content { padding-inline: 14px; }
    .warehouse-approval__receipt { grid-template-columns: 42px minmax(0, 1fr); }
    .warehouse-approval__mini-story,
    .warehouse-approval__cancelled-mark { grid-column: 1 / -1; margin-top: 2px; }
    .warehouse-approval__cancellation { grid-template-columns: 36px minmax(0, 1fr); }
    .warehouse-approval__cancellation-meta { grid-column: 1 / -1; padding-top: 8px; padding-left: 0; border-top: 1px solid #eed7d9; border-left: 0; }
    .warehouse-approval__item { grid-template-columns: 36px minmax(0, 1fr) 88px; }
    .warehouse-approval__item-quantity { display: none; }
    .warehouse-approval__totals { grid-template-columns: 1fr 1fr; }
    .warehouse-approval__totals > div:first-child { display: none; }
    .gold-rental-approval-image-viewer { padding: 10px; }
    .gold-rental-approval-image-viewer > section { width: 100%; max-height: 92vh; border-radius: 17px; }
    .gold-rental-approval-image-viewer header { grid-template-columns: 36px minmax(0, 1fr) 34px; gap: 8px; padding: 10px; }
    .gold-rental-approval-image-viewer header > span { width: 34px; height: 34px; border-radius: 9px; }
    .gold-rental-approval-image-viewer__stage { min-height: 230px; padding: 9px; }
    .gold-rental-approval-image-viewer__stage img { max-height: calc(92vh - 128px); border-radius: 10px; }
    .gold-rental-approval-image-viewer footer { padding: 8px 10px; }
    .gold-rental-approval-image-viewer footer span { font-size: .52rem; }
}

@media (prefers-reduced-motion: reduce) {
    .warehouse-approval__item,
    .warehouse-approval__gold::after,
    .gold-rental-approval__item-photo::before,
    .warehouse-approval__mini-gold,
    .warehouse-approval__mini-route i,
    .warehouse-approval__mini-vault,
    .warehouse-approval__cancelled-mark,
    .warehouse-approval__cancellation,
    .warehouse-approval-success__orbit,
    .warehouse-approval-success__route::after,
    .warehouse-approval-success__moving-gold,
    .warehouse-approval-success__vault,
    .warehouse-approval-success__check,
    .warehouse-approval-success__spark,
    .warehouse-approval-success__eyebrow,
    .warehouse-approval-success h3,
    .warehouse-approval-success p,
    .warehouse-approval-success__progress i { animation: none !important; }
}

/* Stock By Product — limit settings modal */
.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) {
    overflow: hidden;
    border: 1px solid #cbddec;
    border-radius: 22px;
    background: #f6f9fc;
    box-shadow: 0 28px 70px rgba(8, 42, 73, .22), 0 7px 20px rgba(8, 42, 73, .08);
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-modal-header {
    position: relative;
    overflow: hidden;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(126, 170, 205, .32);
    background:
        radial-gradient(circle at 94% 0%, rgba(51, 180, 255, .19), transparent 37%),
        linear-gradient(118deg, #f8fcff 0%, #edf7ff 58%, #f8fbff 100%);
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-modal-header::after {
    position: absolute;
    right: -32px;
    bottom: -58px;
    width: 190px;
    height: 110px;
    border: 1px solid rgba(22, 121, 193, .12);
    border-radius: 50%;
    content: '';
    transform: rotate(-13deg);
    pointer-events: none;
}

.warehouse-stock-settings-heading {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
}

.warehouse-stock-settings-heading__icon {
    position: relative;
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .74);
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, #0a79d5, #07519a);
    box-shadow: 0 9px 20px rgba(6, 94, 165, .24), inset 0 1px 0 rgba(255, 255, 255, .25);
}

.warehouse-stock-settings-heading__icon::after {
    position: absolute;
    inset: -20% auto -20% -70%;
    width: 20px;
    content: '';
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
    transform: rotate(18deg);
    animation: warehouse-settings-icon-shine 4.8s ease-in-out infinite;
}

.warehouse-stock-settings-heading__icon svg {
    width: 23px;
    height: 23px;
}

.warehouse-stock-settings-heading__copy {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.warehouse-stock-settings-heading__eyebrow {
    color: #1686cc;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .19em;
    line-height: 1.2;
}

.warehouse-stock-settings-heading__title {
    color: #102f4d;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.25;
}

.warehouse-stock-settings-heading__subtitle {
    color: #6b8196;
    font-size: .76rem;
    font-weight: 500;
    line-height: 1.35;
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-modal-content {
    padding: 18px 22px 22px;
    background:
        linear-gradient(rgba(228, 238, 246, .36) 1px, transparent 1px),
        linear-gradient(90deg, rgba(228, 238, 246, .36) 1px, transparent 1px),
        #f6f9fc;
    background-size: 28px 28px;
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-section {
    border-radius: 16px;
    box-shadow: 0 7px 18px rgba(23, 55, 82, .055);
}

.fi-resource-warehouse-stocks .warehouse-stock-settings-product {
    border: 1px solid #c7dfef;
    background: linear-gradient(132deg, #fff 0%, #f5fbff 100%);
}

.fi-resource-warehouse-stocks .warehouse-stock-limit-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    border: 1px solid;
    background: rgba(255, 255, 255, .96);
}

.fi-resource-warehouse-stocks .warehouse-stock-limit-card::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: '';
}

.fi-resource-warehouse-stocks .warehouse-stock-limit-card--minimum {
    border-color: #bcdcf3;
    background: linear-gradient(145deg, #fff, #f3faff);
}

.fi-resource-warehouse-stocks .warehouse-stock-limit-card--minimum::before {
    background: linear-gradient(#26b9ec, #1472d2);
}

.fi-resource-warehouse-stocks .warehouse-stock-limit-card--maximum {
    border-color: #eddaa5;
    background: linear-gradient(145deg, #fff, #fffaf0);
}

.fi-resource-warehouse-stocks .warehouse-stock-limit-card--maximum::before {
    background: linear-gradient(#ffd35a, #d99008);
}

.fi-resource-warehouse-stocks .warehouse-stock-settings-product .fi-section-header,
.fi-resource-warehouse-stocks .warehouse-stock-limit-card .fi-section-header {
    padding-bottom: 10px;
}

.fi-resource-warehouse-stocks .warehouse-stock-settings-product .fi-section-header-icon,
.fi-resource-warehouse-stocks .warehouse-stock-limit-card .fi-section-header-icon {
    width: 21px;
    height: 21px;
}

.fi-resource-warehouse-stocks .warehouse-stock-limit-card--minimum .fi-section-header-icon {
    color: #1688d3;
}

.fi-resource-warehouse-stocks .warehouse-stock-limit-card--maximum .fi-section-header-icon {
    color: #d39412;
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-fo-field-wrp-label span {
    color: #304b64;
    font-size: .78rem;
    font-weight: 700;
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-input-wrp {
    min-height: 43px;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 0 0 1px #ccdae6, 0 3px 9px rgba(15, 54, 86, .035);
    transition: box-shadow .2s ease, transform .2s ease;
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-input-wrp:focus-within {
    transform: translateY(-1px);
    box-shadow: 0 0 0 2px #1984d1, 0 8px 16px rgba(14, 103, 173, .11);
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-input-wrp.fi-disabled {
    color: #60768b;
    background: #edf3f7;
    box-shadow: 0 0 0 1px #d8e2e9;
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-modal-footer {
    padding: 15px 22px;
    border-top: 1px solid #dae5ee;
    background: rgba(255, 255, 255, .96);
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-modal-footer .fi-btn-color-primary {
    border-radius: 10px;
    background: linear-gradient(135deg, #0c70c2, #064c91);
    box-shadow: 0 7px 15px rgba(7, 85, 151, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-modal-footer .fi-btn-color-primary:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #1487dc, #07569e);
    box-shadow: 0 10px 19px rgba(7, 85, 151, .24), inset 0 1px 0 rgba(255, 255, 255, .2);
}

@keyframes warehouse-settings-icon-shine {
    0%, 58% { left: -70%; opacity: 0; }
    66% { opacity: .9; }
    82%, 100% { left: 125%; opacity: 0; }
}

@media (max-width: 640px) {
    .fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-modal-header {
        padding: 17px 18px;
    }

    .fi-resource-warehouse-stocks .fi-modal-window:has(.warehouse-stock-settings-heading) .fi-modal-content {
        padding: 14px;
    }

    .warehouse-stock-settings-heading__icon {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
    }

    .warehouse-stock-settings-heading__title {
        font-size: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .warehouse-stock-settings-heading__icon::after {
        animation: none !important;
    }
}

@media (max-width: 520px) {
    .easygold-topbar-status {
        gap: 2px;
    }

    .easygold-topbar-status__live {
        padding-inline: 7px;
    }

    .easygold-topbar-status__action {
        width: 29px;
        height: 29px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .easygold-topbar-status__pulse::after {
        animation: none;
    }

    .easygold-topbar-status__action {
        transition: none;
    }
}

/* Hero composition: artwork breaks through the lower edge */
.gold-command-grid { margin-bottom: 0; }
.gold-hero--withdraw { overflow: visible; }
.gold-hero--withdraw::before { overflow: hidden; border-radius: inherit; }
.gold-app-art { overflow: visible; }
@media (max-width: 760px) {
    .gold-command-grid { margin-bottom: 0; }
    .gold-hero--withdraw { overflow: hidden; }
}
/* EasyGold app artwork and compact branch overview */
.gold-app-art { position: relative; min-height: 330px; overflow: hidden; perspective: 1000px; }
/* Monthly withdrawal dashboard */
.gold-hero--withdraw {
    background:
        radial-gradient(circle at 80% 20%, rgba(77, 170, 255, .2), transparent 31%),
        linear-gradient(125deg, #073e78 0%, #0c5da3 55%, #1681d4 100%);
    border-color: rgba(137, 202, 255, .28);
}

.gold-hero--withdraw::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
}

.gold-hero--withdraw .gold-hero__eyebrow,
.gold-hero--withdraw h1 span,
.gold-hero--withdraw .gold-hero__metric strong,
.gold-dashboard__section-kicker { color: #83cfff; }

.gold-hero--withdraw .gold-hero__live-dot { background: #65d8ff; box-shadow: 0 0 0 6px rgba(101, 216, 255, .13); }
.gold-hero--withdraw .gold-hero__metric { border-color: rgba(173, 220, 255, .19); background: rgba(4, 48, 91, .28); }
.withdraw-summary-card__filter { width: 100%; margin-top: 5px; text-align: left; }
.withdraw-summary-card__filter .fi-section { background: transparent; box-shadow: none; }
.withdraw-summary-card__filter .fi-section-content { padding: 0; }
.withdraw-summary-card__filter .fi-fo-field-wrp-label { display: none; }
.withdraw-summary-card__filter .fi-fo-component-ctn { grid-template-columns: minmax(0, 1fr) !important; }
.withdraw-summary-card__filter .fi-fo-field-wrp { grid-column: 1 / -1 !important; width: 100%; }
.withdraw-summary-card__filter .fi-select-input { min-width: 0; }
.gold-status-icon--cyan { background: #e9f9ff; color: #1593c9; }

@keyframes item {

    0% {
        visibility: hidden;
        opacity: 10%;
        transform: translateX(0.2rem);

    }

    100% {


        visibility: visible;
        opacity: 100%;
        transform: translateX(0rem);


    }
}

@keyframes textani {

    0% {
        visibility: hidden;
        opacity: 10%;
        transform: translateY(1rem);

    }

    100% {


        visibility: visible;
        opacity: 100%;
        transform: translateY(0rem);


    }
}

/* Final cohesive hero artwork: transparent cutout + premium light motion */
.gold-hero--withdraw {
    isolation: isolate;
}

.gold-app-art {
    position: relative;
    z-index: 2;
    min-width: 0;
    min-height: 330px;
    overflow: visible;
}

.cohesive-team-art__image {
    position: absolute;
    z-index: 3;
    right: 8px;
    bottom: -20px;
    width: clamp(440px, 39vw, 525px);
    max-width: none;
    height: auto;
    filter:
        drop-shadow(0 24px 24px rgba(0, 28, 68, .28))
        drop-shadow(0 0 18px rgba(89, 189, 255, .12));
    transform: translate3d(0, 0, 0);
    transform-origin: 62% 75%;
    animation: cohesiveArtworkFloat 7.2s ease-in-out infinite;
    will-change: transform;
}

@keyframes cohesiveArtworkFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -5px, 0); }
}

@media (max-width: 1024px) {
    .cohesive-team-art__image {
        right: -8px;
        bottom: -18px;
        width: clamp(420px, 47vw, 490px);
    }
}

@media (max-width: 760px) {
    .gold-app-art {
        min-height: 305px;
        overflow: visible;
    }

    .cohesive-team-art__image {
        right: 50%;
        bottom: -10px;
        width: min(540px, 105vw);
        transform: translate3d(50%, 0, 0);
        animation-name: cohesiveArtworkFloatMobile;
    }

}

@keyframes cohesiveArtworkFloatMobile {
    0%, 100% { transform: translate3d(50%, 0, 0); }
    50% { transform: translate3d(50%, -4px, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .cohesive-team-art__image {
        animation: none !important;
    }
}

/* Unified banner lighting */

.gold-banner-effect {
    --banner-light-cycle: 12s;
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    border-radius: inherit;
    background:
        radial-gradient(ellipse at 18% 18%, rgba(95, 193, 255, .055), transparent 38%),
        radial-gradient(ellipse at 82% 72%, rgba(255, 205, 91, .035), transparent 42%);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .12),
        inset 0 -1px rgba(4, 42, 83, .2);
    pointer-events: none;
}

.gold-banner-effect::before {
    position: absolute;
    top: -32%;
    bottom: -32%;
    left: -58%;
    width: 56%;
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(105, 207, 255, .015) 28%,
        rgba(184, 229, 255, .09) 43%,
        rgba(255, 255, 255, .15) 50%,
        rgba(255, 218, 122, .07) 57%,
        transparent 74%
    );
    content: '';
    opacity: 0;
    transform: skewX(-12deg) translate3d(0, 0, 0);
    animation: unifiedBannerLight var(--banner-light-cycle) cubic-bezier(.45, 0, .25, 1) infinite;
    will-change: transform, opacity;
}

.gold-banner-effect::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(2, 37, 75, .08), transparent 28%, transparent 75%, rgba(126, 207, 255, .035));
    content: '';
}

.gold-banner-effect__lines {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.gold-banner-effect__line-tracks path {
    fill: none;
    stroke: rgba(151, 220, 255, .105);
    stroke-linecap: round;
    stroke-width: .65;
    vector-effect: non-scaling-stroke;
}

.gold-banner-effect__line-runners path {
    fill: none;
    stroke: url(#easygold-banner-line);
    stroke-dasharray: .055 .945;
    stroke-dashoffset: 1;
    stroke-linecap: round;
    stroke-width: 1.35;
    filter: drop-shadow(0 0 4px rgba(104, 211, 255, .72)) drop-shadow(0 0 7px rgba(255, 211, 105, .22));
    vector-effect: non-scaling-stroke;
    animation: unifiedLightLine 8.4s linear infinite;
}

.gold-banner-effect__line-runners path:nth-child(2) {
    animation-delay: -2.8s;
}

.gold-banner-effect__line-runners path:nth-child(3) {
    animation-delay: -5.6s;
}

@keyframes unifiedBannerLight {
    0%, 16% {
        opacity: 0;
        transform: skewX(-12deg) translate3d(0, 0, 0);
    }

    28% {
        opacity: .72;
    }

    72% {
        opacity: .72;
    }

    86%, 100% {
        opacity: 0;
        transform: skewX(-12deg) translate3d(285%, 0, 0);
    }
}

@keyframes unifiedLightLine {
    0% {
        opacity: 0;
        stroke-dashoffset: 1;
    }

    12%, 82% {
        opacity: .82;
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gold-banner-effect::before {
        animation: none !important;
        opacity: .24;
        transform: skewX(-12deg) translate3d(145%, 0, 0);
    }

    .gold-banner-effect__line-runners path {
        animation: none !important;
        opacity: .28;
        stroke-dashoffset: .45;
    }
}

/* Branch withdrawal overview — compact ticket-style list */
.branch-overview-panel {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #dce7f0;
    border-radius: 18px;
    background: linear-gradient(180deg, #eef4f9 0%, #f4f7fa 100%);
    box-shadow: 0 8px 24px rgba(11, 67, 111, .05);
}

.branch-overview-panel__header {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 2px 5px 10px;
}

.branch-overview-panel__heading {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.branch-overview-panel__header-icon {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 9px;
    background: linear-gradient(145deg, #0d67b5, #064682);
    box-shadow: 0 7px 16px rgba(6, 73, 134, .2), inset 0 1px rgba(255, 255, 255, .2);
    color: #fff;
}

.branch-overview-panel__header-icon svg {
    width: 17px;
    height: 17px;
}

.branch-overview-panel__heading h2 {
    overflow: hidden;
    color: #17324d;
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: -.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-overview-panel__heading small {
    display: block;
    margin-top: 1px;
    overflow: hidden;
    color: #748ba0;
    font-size: .62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-overview-panel__summary {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

.branch-overview-panel__summary > span {
    padding: 6px 9px;
    border: 1px solid #d9e5ef;
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
    color: #637b91;
    font-size: .64rem;
    font-weight: 700;
}

.branch-overview-panel__summary > strong {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 50%;
    background: #e5f0ff;
    color: #1f68d5;
    font-size: 1rem;
}

.branch-overview-panel__slider-controls {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 3px;
    border: 1px solid #dbe6ef;
    border-radius: 9px;
    background: rgba(255, 255, 255, .82);
}

.branch-overview-panel__slider-controls button {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #52718d;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.branch-overview-panel__slider-controls button:hover:not(:disabled) {
    background: #e6f1ff;
    color: #1769b5;
    transform: translateY(-1px);
}

.branch-overview-panel__slider-controls button:disabled {
    cursor: default;
    opacity: .32;
}

.branch-overview-panel__slider-controls svg {
    width: 14px;
    height: 14px;
}

.branch-overview-panel__slider-controls small {
    min-width: 28px;
    color: #7b8fa2;
    font-size: .58rem;
    font-weight: 700;
    text-align: center;
}

.branch-overview-panel__slider-controls small b {
    color: #1769b5;
}

.branch-withdraw-slides {
    display: grid;
}

.branch-withdraw-list {
    display: grid;
    grid-area: 1 / 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-self: start;
}

.branch-withdraw-item {
    --branch-accent: #2169df;
    --branch-soft: #e7f0ff;
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 78px;
    grid-template-columns: 48px minmax(0, 1fr) minmax(245px, .78fr);
    align-items: center;
    gap: 11px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #dbe5ed;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 13px rgba(14, 63, 103, .04);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.branch-withdraw-item:nth-child(2) { --branch-accent: #24af78; --branch-soft: #e5f7f0; }
.branch-withdraw-item:nth-child(3) { --branch-accent: #ef566b; --branch-soft: #ffedf0; }
.branch-withdraw-item:nth-child(4) { --branch-accent: #df980c; --branch-soft: #fff5df; }
.branch-withdraw-item:nth-child(5) { --branch-accent: #7867d8; --branch-soft: #f0edff; }
.branch-withdraw-item:nth-child(6) { --branch-accent: #149ab8; --branch-soft: #e5f7fa; }

.branch-withdraw-item:hover {
    border-color: color-mix(in srgb, var(--branch-accent) 34%, #dbe5ed);
    box-shadow: 0 10px 24px rgba(14, 63, 103, .09);
    transform: translateY(-2px);
}

.branch-withdraw-item__icon {
    position: relative;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    overflow: hidden;
    border-radius: 11px;
    background: var(--branch-accent);
    box-shadow: 0 8px 17px color-mix(in srgb, var(--branch-accent) 24%, transparent);
    color: #fff;
    animation: branchIconGlow 4.8s ease-in-out infinite;
}

.branch-withdraw-item__icon::before {
    position: absolute;
    z-index: 0;
    top: -45%;
    left: -85%;
    width: 48%;
    height: 190%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
    content: '';
    opacity: 0;
    transform: rotate(18deg);
    animation: branchIconShine 4.8s cubic-bezier(.45, 0, .25, 1) infinite;
}

.branch-withdraw-item__icon svg {
    position: relative;
    z-index: 1;
    width: 22px;
    height: 22px;
    filter: drop-shadow(0 2px 4px rgba(0, 31, 67, .18));
}

.branch-withdraw-item__icon b {
    position: absolute;
    z-index: 2;
    right: 3px;
    bottom: 2px;
    color: rgba(255, 255, 255, .68);
    font-size: .42rem;
    font-weight: 900;
}

.branch-withdraw-item:nth-child(2) .branch-withdraw-item__icon,
.branch-withdraw-item:nth-child(2) .branch-withdraw-item__icon::before { animation-delay: -.8s; }
.branch-withdraw-item:nth-child(3) .branch-withdraw-item__icon,
.branch-withdraw-item:nth-child(3) .branch-withdraw-item__icon::before { animation-delay: -1.6s; }
.branch-withdraw-item:nth-child(4) .branch-withdraw-item__icon,
.branch-withdraw-item:nth-child(4) .branch-withdraw-item__icon::before { animation-delay: -2.4s; }
.branch-withdraw-item:nth-child(5) .branch-withdraw-item__icon,
.branch-withdraw-item:nth-child(5) .branch-withdraw-item__icon::before { animation-delay: -3.2s; }
.branch-withdraw-item:nth-child(6) .branch-withdraw-item__icon,
.branch-withdraw-item:nth-child(6) .branch-withdraw-item__icon::before { animation-delay: -4s; }

@keyframes branchIconShine {
    0%, 24% { left: -85%; opacity: 0; }
    38% { opacity: .8; }
    58%, 100% { left: 145%; opacity: 0; }
}

@keyframes branchIconGlow {
    0%, 100% {
        filter: brightness(1);
        box-shadow: 0 8px 17px color-mix(in srgb, var(--branch-accent) 24%, transparent);
    }

    48% {
        filter: brightness(1.08);
        box-shadow: 0 9px 20px color-mix(in srgb, var(--branch-accent) 34%, transparent), 0 0 12px color-mix(in srgb, var(--branch-accent) 18%, transparent);
    }
}

.branch-withdraw-item__info {
    min-width: 0;
}

.branch-withdraw-item__info h3 {
    overflow: hidden;
    color: #19354f;
    font-size: .8rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-withdraw-item__info small {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #6f88a0;
    font-size: .58rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-withdraw-item__metrics {
    display: grid;
    min-width: 0;
    grid-template-columns: .9fr 1.1fr;
    gap: 7px;
}

.branch-withdraw-item__value {
    display: flex;
    min-width: 0;
    min-height: 53px;
    flex-direction: column;
    justify-content: center;
    padding: 7px 9px;
    border-radius: 9px;
}

.branch-withdraw-item__value--gold {
    border: 1px solid #e7edf3;
    background: #f9fbfd;
}

.branch-withdraw-item__value--fee {
    background: var(--branch-soft);
}

.branch-withdraw-item__value small {
    overflow: hidden;
    color: #8295a6;
    font-size: .49rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-withdraw-item__value strong {
    margin-top: 2px;
    overflow: hidden;
    color: var(--branch-accent);
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-withdraw-item__value strong span {
    color: #7f93a4;
    font-size: .45rem;
    font-weight: 700;
}

.branch-slide-enter,
.branch-slide-leave {
    transition: opacity .3s ease, transform .3s cubic-bezier(.2, .8, .2, 1);
}

.branch-slide-enter-start {
    opacity: 0;
    transform: translateX(14px);
}

.branch-slide-enter-end,
.branch-slide-leave-start {
    opacity: 1;
    transform: translateX(0);
}

.branch-slide-leave-end {
    opacity: 0;
    transform: translateX(-14px);
}

.branch-overview-panel__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-top: 9px;
}

.branch-overview-panel__dots button {
    width: 6px;
    height: 6px;
    border: 0;
    border-radius: 99px;
    background: #c8d8e5;
    transition: width .2s ease, background .2s ease, box-shadow .2s ease;
}

.branch-overview-panel__dots button.is-active {
    width: 19px;
    background: #2478c4;
    box-shadow: 0 0 8px rgba(36, 120, 196, .24);
}

@media (max-width: 1180px) {
    .branch-withdraw-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .branch-overview-panel__heading small,
    .branch-overview-panel__summary > span {
        display: none;
    }

    .branch-withdraw-item {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 9px;
    }

    .branch-withdraw-item__icon {
        width: 44px;
        height: 44px;
    }

    .branch-withdraw-item__metrics {
        grid-column: 1 / -1;
    }

    .branch-overview-panel__summary {
        gap: 5px;
    }

    .branch-overview-panel__summary > strong {
        width: 32px;
        height: 32px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .branch-withdraw-item__icon,
    .branch-withdraw-item__icon::before {
        animation: none !important;
    }
}

/* Withdrawal charts — visually grouped with the branch overview */
.branch-chart-panel {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #dce7f0;
    border-radius: 18px;
    background: linear-gradient(180deg, #eef4f9 0%, #f4f7fa 100%);
    box-shadow: 0 8px 24px rgba(11, 67, 111, .05);
}

.branch-chart-panel__header {
    padding-bottom: 10px;
}

.branch-chart-panel__header-icon {
    background: linear-gradient(145deg, #176fbc, #074a88);
}

.branch-chart-panel__widgets > .fi-wi {
    gap: 10px;
}

.branch-chart-panel__widgets .fi-wi-chart {
    position: relative;
    overflow: hidden;
    border: 1px solid #dbe5ed;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 13px rgba(14, 63, 103, .04);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.branch-chart-panel__widgets .fi-wi-chart::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #2169df 0%, #24af78 28%, #ef566b 52%, #df980c 76%, #7867d8 100%);
    content: '';
    opacity: .84;
}

.branch-chart-panel__widgets .fi-wi-chart:hover {
    border-color: #b9d3e6;
    box-shadow: 0 11px 26px rgba(14, 63, 103, .09);
    transform: translateY(-2px);
}

.branch-chart-panel__widgets .fi-wi-chart .fi-section-header {
    min-height: 71px;
    padding: 15px 17px 4px;
}

.branch-chart-panel__widgets .fi-wi-chart .fi-section-header-heading {
    color: #19354f;
    font-size: .9rem;
    font-weight: 800;
}

.branch-chart-panel__widgets .fi-wi-chart .fi-section-header-description {
    margin-top: 2px;
    color: #748ba0;
    font-size: .61rem;
}

.branch-chart-panel__widgets .fi-wi-chart .fi-section-content {
    padding: 8px 17px 16px;
}

.branch-chart-panel__widgets .fi-wi-chart canvas {
    max-height: 280px !important;
}

.branch-chart-panel__widgets .fi-wi-chart:first-child .fi-section-content {
    background:
        radial-gradient(circle at 27% 50%, rgba(33, 105, 223, .055), transparent 35%),
        #fff;
}

.withdraw-chart-mode-switch {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid #dce7f0;
    border-radius: 10px;
    background: #f3f7fb;
    box-shadow: inset 0 1px 2px rgba(12, 65, 105, .035);
}

.withdraw-chart-mode-switch button {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #75899b;
    font-size: .58rem;
    font-weight: 800;
    line-height: 1;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.withdraw-chart-mode-switch button:hover:not(:disabled) {
    color: #1769b5;
    transform: translateY(-1px);
}

.withdraw-chart-mode-switch button[aria-pressed='true'] {
    background: linear-gradient(145deg, #2479d3, #125ba8);
    box-shadow: 0 5px 11px rgba(26, 100, 177, .22), inset 0 1px rgba(255, 255, 255, .24);
    color: #fff;
}

.withdraw-chart-mode-switch button:disabled {
    cursor: wait;
    opacity: .68;
}

.withdraw-chart-mode-switch svg {
    width: 14px;
    height: 14px;
}

.withdraw-branch-chart__stage {
    height: 310px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.withdraw-branch-chart__empty {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #70879e;
    font-size: .78rem;
    text-align: center;
    pointer-events: none;
    background: radial-gradient(circle at center, rgba(244, 249, 253, .94), rgba(255, 255, 255, .75) 58%, transparent 80%);
}

.withdraw-branch-chart__empty-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: #eaf3fb;
    color: #3b84c4;
}

.withdraw-branch-chart__empty-icon svg {
    width: 24px;
    height: 24px;
}

.withdraw-branch-chart__stage > div {
    height: 100%;
}

.branch-chart-panel__widgets .withdraw-branch-chart__stage canvas {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
}

.branch-chart-panel__widgets .fi-wi-chart:not(.withdraw-branch-chart) .fi-section-content > div {
    height: 310px;
}

.branch-chart-panel__widgets .fi-wi-chart:not(.withdraw-branch-chart) .fi-section-content > div > div {
    height: 100%;
}

.branch-chart-panel__widgets .fi-wi-chart:not(.withdraw-branch-chart) canvas {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
}

.branch-chart-panel__widgets .fi-wi-chart:not(.withdraw-branch-chart) .fi-section-header-end .fi-input-wrp {
    min-width: 210px;
    border: 1px solid #dce7f0;
    border-radius: 10px;
    background: #f5f9fc;
    box-shadow: 0 3px 10px rgba(15, 72, 115, .05);
}

.branch-chart-panel__widgets .fi-wi-chart:not(.withdraw-branch-chart) .fi-section-header-end select {
    color: #36546e;
    font-size: .62rem;
    font-weight: 800;
}

@media (max-width: 520px) {
    .withdraw-branch-chart__stage,
    .branch-chart-panel__widgets .fi-wi-chart:not(.withdraw-branch-chart) .fi-section-content > div {
        height: 390px;
    }

    .withdraw-chart-mode-switch button {
        width: 30px;
        justify-content: center;
        padding: 5px;
    }

    .withdraw-chart-mode-switch button span {
        display: none;
    }

    .branch-chart-panel__widgets .fi-wi-chart:not(.withdraw-branch-chart) .fi-section-header-end .fi-input-wrp {
        min-width: 148px;
    }
}

@media (max-width: 900px) {
    .branch-chart-panel__widgets > .fi-wi {
        grid-template-columns: 1fr !important;
    }
}

/* Premium admin navigation */
.gold-command-grid {
    gap: 12px;
}

.gold-hero {
    min-height: 292px;
    border-radius: 24px;
}

.gold-hero__content {
    padding: 27px 38px;
}

.gold-hero h1 {
    margin-top: 12px;
    font-size: clamp(1.9rem, 3.15vw, 2.85rem);
    line-height: 1.04;
}

.gold-hero__content > p {
    margin-top: 9px;
    font-size: .87rem;
    line-height: 1.5;
}

.gold-hero__metrics {
    gap: 8px;
    margin-top: 18px;
}

.gold-hero__metric {
    min-width: 125px;
    gap: 0 7px;
    padding: 8px 11px;
    border-radius: 12px;
}

.gold-hero__metric strong {
    font-size: 1.28rem;
}

.gold-hero__metric span {
    font-size: .67rem;
}

.gold-app-art {
    min-height: 292px;
}

.cohesive-team-art__image {
    right: 14px;
    bottom: -14px;
    width: clamp(410px, 35vw, 470px);
}

.gold-master-card {
    grid-template-rows: 1fr 106px;
    border-radius: 21px;
}

.gold-master-card__intro {
    padding: 18px 15px 14px;
}

.gold-master-card__intro h2 {
    margin: 5px 0 11px;
    font-size: 1rem;
}

.gold-master-card__status strong {
    margin-top: 2px;
    font-size: 1.4rem;
}

.gold-master-card__status small {
    margin-top: 5px;
}

.gold-status-icon {
    width: 28px;
    height: 28px;
}

@media (max-width: 1024px) {
    .cohesive-team-art__image {
        right: 0;
        width: clamp(400px, 43vw, 450px);
    }
}

@media (max-width: 760px) {
    .gold-hero {
        border-radius: 20px;
    }

    .gold-hero__content {
        padding: 25px 22px 16px;
    }

    .gold-hero h1 {
        font-size: clamp(2rem, 11vw, 2.55rem);
    }

    .gold-hero__metrics {
        margin-top: 15px;
    }

    .gold-app-art {
        min-height: 265px;
    }

    .cohesive-team-art__image {
        right: 50%;
        bottom: -8px;
        width: min(500px, 104vw);
    }

}

.gold-hero--withdraw h1 span {
    background: linear-gradient(135deg, #fff0a8 0%, #f6c94f 38%, #d99516 72%, #ffe28a 100%);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 5px 15px rgba(113, 65, 0, .2));
}

.fi-sidebar {
    position: relative;
    overflow: hidden;
    border-right: 1px solid rgba(151, 217, 255, .18);
    background:
        radial-gradient(circle at 50% -6%, rgba(77, 190, 255, .32), transparent 27%),
        linear-gradient(180deg, #0d6cb9 0%, #095da5 48%, #074b89 100%) !important;
    box-shadow:
        inset -1px 0 rgba(255, 255, 255, .08),
        10px 0 32px rgba(3, 47, 91, .08);
}

.fi-sidebar::after {
    position: absolute;
    top: -110px;
    right: -85px;
    width: 190px;
    height: 340px;
    border-radius: 50%;
    background: linear-gradient(135deg, transparent, rgba(255, 255, 255, .08), transparent 64%);
    content: '';
    transform: rotate(18deg);
    pointer-events: none;
}

.fi-sidebar .fi-sidebar-nav {
    position: relative;
    z-index: 1;
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

.fi-sidebar .fi-sidebar-group-label {
    color: rgba(218, 239, 255, .58) !important;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.fi-sidebar .fi-sidebar-group + .fi-sidebar-group {
    padding-top: .55rem;
    border-top: 1px solid rgba(202, 234, 255, .09);
}

.fi-sidebar .fi-sidebar-item-button {
    position: relative;
    isolation: isolate;
    min-height: 42px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent !important;
    color: rgba(236, 247, 255, .9) !important;
    transition:
        color .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease,
        transform .22s cubic-bezier(.2, .8, .2, 1);
}

.fi-sidebar .fi-sidebar-item-button::before {
    position: absolute;
    z-index: -1;
    top: -35%;
    left: -75%;
    width: 42%;
    height: 170%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
    content: '';
    opacity: 0;
    transform: rotate(18deg);
    transition: left .62s ease, opacity .2s ease;
}

.fi-sidebar .fi-sidebar-item-button:hover {
    border-color: rgba(182, 227, 255, .24);
    background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(125, 206, 255, .07)) !important;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .12),
        0 8px 20px rgba(1, 42, 84, .16);
    color: #fff !important;
    transform: translateX(2px);
}

.fi-sidebar .fi-sidebar-item-button:hover::before {
    left: 135%;
    opacity: 1;
}

.fi-sidebar .fi-sidebar-item-icon {
    width: 21px;
    height: 21px;
    color: rgba(239, 249, 255, .92) !important;
    fill: none !important;
    stroke: currentColor;
    filter: drop-shadow(0 2px 5px rgba(0, 32, 70, .18));
    transition: color .22s ease, filter .22s ease, transform .22s cubic-bezier(.2, .8, .2, 1);
}

.fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #fff !important;
    filter: drop-shadow(0 0 8px rgba(137, 222, 255, .72));
    transform: translateY(-1px) scale(1.08);
}

.fi-sidebar .fi-sidebar-item-label {
    color: rgba(239, 248, 255, .88) !important;
    font-weight: 700;
    transition: color .22s ease, transform .22s ease;
}

.fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: #fff !important;
    transform: translateX(1px);
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item-button[aria-current='page'] {
    border-color: rgba(255, 255, 255, .78);
    background: linear-gradient(145deg, #ffffff 0%, #edf8ff 100%) !important;
    box-shadow:
        0 12px 25px rgba(0, 37, 78, .27),
        0 0 0 1px rgba(122, 207, 255, .12),
        inset 0 1px #fff;
    color: #0a63ab !important;
    transform: none;
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button::after,
.fi-sidebar .fi-sidebar-item-button[aria-current='page']::after {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 4px;
    height: 12px;
    border-radius: 99px;
    background: linear-gradient(180deg, #70d7ff, #1b7cc4);
    box-shadow: 0 0 9px rgba(45, 164, 230, .55);
    content: '';
    transform: translateY(-50%);
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-button[aria-current='page'] .fi-sidebar-item-icon {
    color: #0b66ad !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6;
    filter: none;
    transform: none;
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-button[aria-current='page'] .fi-sidebar-item-label {
    color: #0a5fa5 !important;
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button:hover,
.fi-sidebar .fi-sidebar-item-button[aria-current='page']:hover {
    background: linear-gradient(145deg, #ffffff 0%, #e5f5ff 100%) !important;
    box-shadow:
        0 15px 30px rgba(0, 37, 78, .31),
        0 0 18px rgba(103, 203, 255, .16),
        inset 0 1px #fff;
}

.fi-sidebar .fi-sidebar-group-collapse-button {
    color: rgba(223, 243, 255, .72) !important;
    transition: color .2s ease, transform .2s ease;
}

.fi-sidebar .fi-sidebar-group-collapse-button:hover {
    color: #fff !important;
    transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
    .fi-sidebar .fi-sidebar-item-button,
    .fi-sidebar .fi-sidebar-item-button::before,
    .fi-sidebar .fi-sidebar-item-icon,
    .fi-sidebar .fi-sidebar-item-label {
        transition: none !important;
    }
}

/* Central Warehouse — premium inventory command center */
.fi-resource-warehouse-stocks {
    --warehouse-navy: #062b52;
    --warehouse-blue: #0c67b7;
    --warehouse-cyan: #61cbf5;
    --warehouse-gold: #f2c153;
}

.fi-resource-warehouse-stocks > section {
    gap: 12px;
    padding-top: 14px;
}

.fi-resource-warehouse-stocks > section > div {
    gap: 12px;
}

.central-warehouse-hero {
    position: relative;
    min-height: 224px;
    overflow: hidden;
    border: 1px solid rgba(117, 200, 250, .24);
    border-radius: 24px;
    background:
        radial-gradient(circle at 78% 32%, rgba(62, 179, 245, .32), transparent 28%),
        radial-gradient(circle at 95% 100%, rgba(15, 113, 196, .42), transparent 34%),
        linear-gradient(118deg, #062846 0%, #08477e 51%, #0c6fc0 100%);
    box-shadow: 0 20px 48px rgba(4, 48, 90, .16), inset 0 1px rgba(255, 255, 255, .12);
    color: #fff;
    isolation: isolate;
}

.central-warehouse-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .78) 45%, transparent 86%);
}

.central-warehouse-hero__routes {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.central-warehouse-hero__route-tracks path {
    fill: none;
    stroke: rgba(111, 206, 255, .13);
    stroke-width: 1;
}

.central-warehouse-hero__route-lights path {
    fill: none;
    stroke: url(#warehouse-route-gradient);
    stroke-dasharray: .075 .925;
    stroke-linecap: round;
    stroke-width: 2.2;
    filter: drop-shadow(0 0 5px rgba(102, 213, 255, .68));
    animation: warehouseRouteTravel 8s linear infinite;
}

.central-warehouse-hero__route-lights path:nth-child(2) {
    animation-delay: -2.65s;
}

.central-warehouse-hero__route-lights path:nth-child(3) {
    animation-delay: -5.3s;
}

.central-warehouse-hero__content {
    position: relative;
    z-index: 4;
    width: 59%;
    padding: 20px 30px 17px;
}

.central-warehouse-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8edcff;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .61rem;
    font-weight: 850;
    letter-spacing: .19em;
}

.central-warehouse-hero__eyebrow > span {
    position: relative;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6be1ff;
    box-shadow: 0 0 0 5px rgba(107, 225, 255, .1), 0 0 12px rgba(107, 225, 255, .72);
}

.central-warehouse-hero__eyebrow > span::after {
    position: absolute;
    inset: -4px;
    border: 1px solid rgba(107, 225, 255, .6);
    border-radius: inherit;
    content: '';
    animation: warehouseLivePulse 2.6s ease-out infinite;
}

.central-warehouse-hero h1 {
    margin-top: 9px;
    color: #fff;
    font-size: clamp(1.75rem, 2.7vw, 2.45rem);
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: 1;
}

.central-warehouse-hero h1 span {
    background: linear-gradient(135deg, #fff2b0 0%, #f5c550 42%, #da9419 72%, #ffe28a 100%);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.central-warehouse-hero__content > p {
    max-width: 610px;
    margin-top: 7px;
    color: rgba(225, 241, 255, .76);
    font-size: .68rem;
    line-height: 1.55;
}

.central-warehouse-hero__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 11px;
}

.central-warehouse-hero__primary-action {
    position: relative;
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    padding: 6px 12px;
    border: 1px solid rgba(255, 238, 169, .72);
    border-radius: 11px;
    background: linear-gradient(145deg, #ffe99a 0%, #e8ae2f 54%, #c9800c 100%);
    box-shadow: 0 10px 22px rgba(67, 40, 0, .24), inset 0 1px rgba(255, 255, 255, .64);
    color: #563500;
    font-size: .69rem;
    font-weight: 850;
    transition: box-shadow .22s ease, transform .22s ease;
}

.central-warehouse-hero__primary-action::after {
    position: absolute;
    top: -55%;
    left: -45%;
    width: 32%;
    height: 210%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .68), transparent);
    content: '';
    transform: rotate(20deg);
    transition: left .65s ease;
}

.central-warehouse-hero__primary-action:hover {
    box-shadow: 0 14px 28px rgba(67, 40, 0, .31), 0 0 20px rgba(255, 207, 84, .16), inset 0 1px #fff;
    transform: translateY(-2px);
}

.central-warehouse-hero__primary-action:hover::after {
    left: 120%;
}

.central-warehouse-hero__primary-action svg,
.central-warehouse-hero__updated svg {
    width: 17px;
    height: 17px;
}

.central-warehouse-hero__updated {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(213, 234, 251, .66);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .55rem;
    font-weight: 700;
}

.central-warehouse-hero__metrics {
    display: grid;
    max-width: 720px;
    grid-template-columns: 1.25fr .82fr .95fr .75fr;
    gap: 7px;
    margin-top: 11px;
}

.central-warehouse-hero__metrics > div {
    min-width: 0;
    padding: 6px 9px;
    border: 1px solid rgba(153, 218, 255, .18);
    border-radius: 11px;
    background: rgba(3, 42, 80, .37);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    backdrop-filter: blur(8px);
}

.central-warehouse-hero__metrics > div.is-alert {
    border-color: rgba(255, 141, 151, .35);
    background: rgba(128, 37, 54, .28);
}

.central-warehouse-hero__metrics small {
    display: block;
    overflow: hidden;
    color: rgba(159, 211, 246, .72);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .47rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.central-warehouse-hero__metrics strong {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    color: #fff;
    font-size: .92rem;
    font-weight: 850;
    letter-spacing: -.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.central-warehouse-hero__metrics strong span {
    color: #8ed2fa;
    font-size: .48rem;
    font-weight: 750;
}

.central-warehouse-art {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 43%;
    min-width: 430px;
    pointer-events: none;
    scale: .82;
    transform-origin: right center;
}

.central-warehouse-art__halo {
    position: absolute;
    top: 52%;
    left: 54%;
    width: 360px;
    height: 230px;
    border: 1px solid rgba(130, 216, 255, .19);
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(78, 189, 246, .28), rgba(29, 125, 204, .1) 46%, transparent 70%);
    box-shadow: 0 0 64px rgba(71, 185, 246, .17), inset 0 0 50px rgba(141, 222, 255, .06);
    transform: translate(-50%, -50%) rotate(-8deg);
    animation: warehouseHaloBreathe 6.5s ease-in-out infinite;
}

.central-warehouse-art__building {
    position: absolute;
    z-index: 3;
    right: 44px;
    bottom: 20px;
    width: 278px;
    height: 164px;
    border: 1px solid rgba(209, 237, 255, .84);
    border-radius: 13px 13px 19px 19px;
    background: linear-gradient(150deg, #f9fcff 0%, #d9edfa 64%, #a9d6f1 100%);
    box-shadow: 0 26px 45px rgba(0, 29, 66, .32), inset 0 1px #fff;
    animation: warehouseBuildingFloat 7s ease-in-out infinite;
}

.central-warehouse-art__building::after {
    position: absolute;
    right: 18px;
    bottom: -10px;
    left: 18px;
    height: 13px;
    border-radius: 50%;
    background: rgba(0, 30, 67, .26);
    content: '';
    filter: blur(8px);
}

.central-warehouse-art__roof {
    position: absolute;
    top: -32px;
    right: -11px;
    left: -11px;
    display: grid;
    height: 46px;
    grid-template-columns: repeat(5, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255, 235, 158, .74);
    border-radius: 10px 10px 6px 6px;
    background: linear-gradient(145deg, #ffe78b, #d9971a);
    box-shadow: 0 10px 20px rgba(74, 45, 0, .22), inset 0 4px rgba(255, 255, 255, .28);
    clip-path: polygon(5% 0, 95% 0, 100% 100%, 0 100%);
}

.central-warehouse-art__roof span {
    border-right: 1px solid rgba(125, 73, 0, .16);
    background: linear-gradient(90deg, rgba(255, 255, 255, .13), transparent);
}

.central-warehouse-art__brand {
    position: absolute;
    top: 28px;
    left: 20px;
    display: grid;
    color: #0962aa;
    line-height: .82;
}

.central-warehouse-art__brand b {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .58rem;
    font-weight: 500;
    letter-spacing: .17em;
}

.central-warehouse-art__brand strong {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 1.28rem;
    font-weight: 850;
    letter-spacing: -.07em;
}

.central-warehouse-art__brand small {
    margin-top: 6px;
    color: #7c9bb2;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .31rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.central-warehouse-art__door {
    position: absolute;
    right: 19px;
    bottom: 0;
    width: 79px;
    height: 117px;
    border: 4px solid #0a477d;
    border-bottom: 0;
    border-radius: 40px 40px 0 0;
    background:
        radial-gradient(circle at 50% 50%, #327db6 0 4px, #0a477d 5px 7px, transparent 8px),
        repeating-radial-gradient(circle at 50% 50%, transparent 0 15px, rgba(34, 111, 168, .34) 16px 18px),
        linear-gradient(145deg, #b9def3, #78b7dd);
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .28), inset 0 0 18px rgba(4, 58, 105, .17);
}

.central-warehouse-art__door span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 33px;
    height: 4px;
    border-radius: 9px;
    background: #0a477d;
    transform: translate(-50%, -50%);
}

.central-warehouse-art__door span::after {
    position: absolute;
    top: -14px;
    left: 14px;
    width: 4px;
    height: 32px;
    border-radius: 9px;
    background: inherit;
    content: '';
}

.central-warehouse-art__door i {
    position: absolute;
    top: 52%;
    right: 7px;
    width: 7px;
    height: 7px;
    border: 2px solid #fff3b0;
    border-radius: 50%;
    background: #e4aa27;
    box-shadow: 0 0 8px rgba(255, 203, 72, .72);
}

.central-warehouse-art__shelf {
    position: absolute;
    bottom: 17px;
    left: 18px;
    display: grid;
    width: 145px;
    height: 74px;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 8px;
    border: 3px solid #4e8db8;
    border-radius: 6px;
    background: rgba(231, 246, 255, .62);
    box-shadow: inset 0 -24px rgba(87, 151, 194, .08);
}

.central-warehouse-art__shelf::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 3px;
    background: #4e8db8;
    content: '';
}

.central-warehouse-art__shelf i {
    position: relative;
    z-index: 1;
    height: 19px;
    border: 1px solid #ffe994;
    border-radius: 3px 3px 5px 5px;
    background: linear-gradient(145deg, #fff0a0, #e6a724 55%, #b86b08);
    box-shadow: inset 0 3px rgba(255, 255, 255, .32), 0 4px 7px rgba(89, 51, 0, .14);
    transform: skewX(-7deg);
}

.central-warehouse-art__gold {
    position: absolute;
    z-index: 5;
    display: grid;
    width: 96px;
    height: 43px;
    place-items: center;
    border: 1px solid #fff0a6;
    border-radius: 7px 7px 11px 11px;
    background: linear-gradient(145deg, #fff2aa 0%, #f2bd35 38%, #b86b07 77%, #f8cd55 100%);
    box-shadow: inset 0 5px 7px rgba(255, 255, 255, .4), 0 15px 22px rgba(61, 35, 0, .25);
    color: rgba(108, 61, 0, .78);
    transform: skewX(-8deg);
    animation: warehouseGoldFloat 5.8s ease-in-out infinite;
}

.central-warehouse-art__gold::after {
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(112, 62, 0, .2);
    border-radius: 4px;
    content: '';
}

.central-warehouse-art__gold span {
    position: relative;
    z-index: 1;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .39rem;
    font-weight: 850;
    letter-spacing: .09em;
}

.central-warehouse-art__gold--one {
    top: 36px;
    right: 31px;
    width: 82px;
    height: 38px;
    animation-delay: -1.2s;
}

.central-warehouse-art__gold--two {
    top: 53px;
    left: 30px;
    animation-delay: -3.4s;
}

.central-warehouse-art__gold--three {
    top: 105px;
    left: 4px;
    width: 77px;
    height: 36px;
    animation-delay: -4.7s;
}

.central-warehouse-art__status {
    position: absolute;
    z-index: 7;
    top: 20px;
    left: 37%;
    min-width: 128px;
    padding: 8px 10px;
    border: 1px solid rgba(145, 220, 255, .3);
    border-radius: 11px;
    background: rgba(3, 42, 82, .76);
    box-shadow: 0 12px 25px rgba(0, 27, 62, .25), inset 0 1px rgba(255, 255, 255, .12);
    backdrop-filter: blur(12px);
    animation: warehouseStatusFloat 5.5s ease-in-out infinite;
}

.central-warehouse-art__status span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #90caee;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .4rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.central-warehouse-art__status span i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ee1a5;
    box-shadow: 0 0 8px rgba(78, 225, 165, .85);
}

.central-warehouse-art__status strong {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .72rem;
}

.central-warehouse-art__badge {
    position: absolute;
    z-index: 7;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 31, 70, .24), inset 0 1px rgba(255, 255, 255, .23);
    color: #fff;
    animation: warehouseBadgeFloat 5s ease-in-out infinite;
}

.central-warehouse-art__badge svg {
    width: 16px;
    height: 16px;
}

.central-warehouse-art__badge--secure {
    right: 15px;
    bottom: 67px;
    background: linear-gradient(145deg, #56d2aa, #128c66);
}

.central-warehouse-art__badge--cube {
    right: 345px;
    bottom: 25px;
    background: linear-gradient(145deg, #58c4f2, #0d70ba);
    animation-delay: -2.5s;
}

.shop-warehouse-art {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 43%;
    min-width: 430px;
    pointer-events: none;
    scale: .86;
    transform-origin: right center;
}

.shop-warehouse-art__halo {
    position: absolute;
    top: 55%;
    left: 58%;
    width: 370px;
    height: 210px;
    border: 1px solid rgba(142, 222, 255, .2);
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(82, 195, 246, .3), rgba(28, 117, 195, .08) 48%, transparent 72%);
    box-shadow: 0 0 72px rgba(82, 195, 246, .18);
    transform: translate(-50%, -50%) rotate(5deg);
    animation: shopWarehouseHalo 6.5s ease-in-out infinite;
}

.shop-warehouse-art__store {
    position: absolute;
    z-index: 3;
    width: 160px;
    height: 94px;
    border: 1px solid rgba(213, 240, 255, .9);
    border-radius: 12px 12px 8px 8px;
    background: linear-gradient(145deg, #fafdff 0%, #dff1fb 64%, #acd7ef 100%);
    box-shadow: 0 17px 27px rgba(0, 30, 67, .27), inset 0 1px #fff;
    animation: shopWarehouseStoreFloat 7s ease-in-out infinite;
}

.shop-warehouse-art__store--one { right: 18px; bottom: 22px; animation-delay: -1.1s; }
.shop-warehouse-art__store--two { right: 200px; bottom: 16px; animation-delay: -3.2s; }
.shop-warehouse-art__store--three { right: 86px; bottom: 143px; animation-delay: -5.1s; }

.shop-warehouse-art__distribution {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.shop-warehouse-art__distribution path {
    fill: none;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.shop-warehouse-art__distribution-track path {
    stroke: rgba(130, 218, 255, .24);
    stroke-width: 1;
}

.shop-warehouse-art__distribution-light path {
    stroke: #77ddff;
    stroke-width: 1.6;
    stroke-dasharray: .08 .92;
    stroke-dashoffset: 1;
    filter: drop-shadow(0 0 4px rgba(119, 221, 255, .92));
    animation: shopWarehouseDistribute 4.8s linear infinite;
}

.shop-warehouse-art__distribution-light path:nth-child(2) { animation-delay: -1.6s; }
.shop-warehouse-art__distribution-light path:nth-child(3) { animation-delay: -3.2s; }

.shop-warehouse-art__sign {
    position: absolute;
    top: 7px;
    left: 11px;
    display: grid;
    color: #d92d3a;
    line-height: .82;
}

.shop-warehouse-art__sign b { font-size: .32rem; font-weight: 800; letter-spacing: .16em; }
.shop-warehouse-art__sign strong { font-size: .7rem; font-weight: 900; letter-spacing: -.05em; }
.shop-warehouse-art__sign small { margin-top: 3px; color: #7898af; font-size: .2rem; font-weight: 850; letter-spacing: .16em; }

.shop-warehouse-art__awning {
    position: absolute;
    top: 33px;
    right: -5px;
    left: -5px;
    display: grid;
    height: 18px;
    grid-template-columns: repeat(6, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255, 235, 156, .8);
    border-radius: 5px 5px 8px 8px;
    box-shadow: 0 5px 9px rgba(91, 56, 0, .2), inset 0 2px rgba(255, 255, 255, .24);
    clip-path: polygon(3% 0, 97% 0, 100% 100%, 0 100%);
}

.shop-warehouse-art__awning span:nth-child(odd) { background: linear-gradient(145deg, #ffe58a, #e3a82c); }
.shop-warehouse-art__awning span:nth-child(even) { background: linear-gradient(145deg, #2c8bd0, #075595); }

.shop-warehouse-art__window {
    position: absolute;
    bottom: 9px;
    left: 9px;
    width: 85px;
    height: 32px;
    padding: 4px 5px;
    border: 2px solid #4e91bd;
    border-radius: 5px;
    background: linear-gradient(145deg, rgba(230, 247, 255, .94), rgba(133, 198, 231, .64));
    box-shadow: inset 0 0 18px rgba(14, 106, 170, .12);
}

.shop-warehouse-art__window > span { display: block; color: #38779f; font-size: .18rem; font-weight: 900; letter-spacing: .16em; }
.shop-warehouse-art__window > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; margin-top: 3px; }
.shop-warehouse-art__window i { height: 10px; border: 1px solid #ffe894; border-radius: 2px 2px 3px 3px; background: linear-gradient(145deg, #fff0a0, #e4a523 55%, #b96c08); box-shadow: inset 0 2px rgba(255, 255, 255, .34), 0 2px 4px rgba(90, 53, 0, .12); transform: skewX(-7deg); }

.shop-warehouse-art__door {
    position: absolute;
    right: 9px;
    bottom: 0;
    width: 42px;
    height: 37px;
    border: 2px solid #0a568f;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: linear-gradient(145deg, #9ed2ee, #4d9aca);
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .18);
}

.shop-warehouse-art__door span { position: absolute; top: 7px; left: 50%; padding: 2px 4px; border-radius: 99px; color: #176397; background: rgba(235, 248, 255, .82); font-size: .18rem; font-weight: 900; letter-spacing: .1em; transform: translateX(-50%); }
.shop-warehouse-art__door i { position: absolute; right: 5px; bottom: 11px; width: 4px; height: 4px; border: 1px solid #fff5b8; border-radius: 50%; background: #e4aa27; box-shadow: 0 0 6px rgba(255, 205, 77, .8); }
.shop-warehouse-art__base { position: absolute; right: -9px; bottom: -6px; left: -9px; height: 8px; border-radius: 50%; background: rgba(0, 30, 67, .24); filter: blur(4px); }

.shop-warehouse-art__status {
    position: absolute;
    z-index: 7;
    top: 18px;
    left: 4%;
    min-width: 130px;
    padding: 8px 10px;
    border: 1px solid rgba(145, 220, 255, .3);
    border-radius: 11px;
    background: rgba(3, 42, 82, .78);
    box-shadow: 0 12px 25px rgba(0, 27, 62, .25), inset 0 1px rgba(255, 255, 255, .12);
    backdrop-filter: blur(12px);
    animation: warehouseStatusFloat 5.5s ease-in-out infinite;
}

.shop-warehouse-art__status span { display: flex; align-items: center; gap: 5px; color: #90caee; font-size: .4rem; font-weight: 850; letter-spacing: .1em; }
.shop-warehouse-art__status span i { width: 6px; height: 6px; border-radius: 50%; background: #4ee1a5; box-shadow: 0 0 8px rgba(78, 225, 165, .85); }
.shop-warehouse-art__status strong { display: block; margin-top: 2px; color: #fff; font-size: .72rem; }

.shop-warehouse-art__parcel {
    position: absolute;
    z-index: 6;
    top: 124px;
    left: 2px;
    display: flex;
    width: 108px;
    align-items: center;
    gap: 7px;
    padding: 8px 9px;
    border: 1px solid rgba(255, 237, 165, .72);
    border-radius: 10px;
    color: #6e4700;
    background: linear-gradient(145deg, #fff0a1, #e7ae31);
    box-shadow: 0 12px 20px rgba(58, 36, 0, .22), inset 0 1px rgba(255, 255, 255, .6);
    animation: shopWarehouseParcelFloat 5.8s ease-in-out infinite;
}

.shop-warehouse-art__parcel svg { width: 17px; height: 17px; }
.shop-warehouse-art__parcel span { font-size: .34rem; font-weight: 900; letter-spacing: .08em; }

@keyframes shopWarehouseHalo {
    0%, 100% { opacity: .62; transform: translate(-50%, -50%) rotate(5deg) scale(.96); }
    50% { opacity: 1; transform: translate(-50%, -50%) rotate(1deg) scale(1.05); }
}

@keyframes shopWarehouseStoreFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes shopWarehouseParcelFloat {
    0%, 100% { transform: translateY(0) rotate(-2deg); }
    50% { transform: translateY(-7px) rotate(1deg); }
}

@keyframes shopWarehouseDistribute {
    0% { opacity: 0; stroke-dashoffset: 1; }
    12%, 84% { opacity: 1; }
    100% { opacity: 0; stroke-dashoffset: 0; }
}

/* Grouped warehouse overview */
.fi-resource-warehouse-stocks .fi-page-header-widgets {
    gap: 6px;
}

.central-warehouse-overview__grid {
    display: grid;
    grid-template-columns: minmax(340px, 1.55fr) minmax(170px, .68fr) repeat(2, minmax(230px, 1fr));
    gap: 8px;
}

.warehouse-overview-card {
    --overview-accent: #70869a;
    --overview-soft: #f0f4f7;
    position: relative;
    min-width: 0;
    min-height: 108px;
    overflow: hidden;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--overview-accent) 18%, #dce7ef);
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--overview-soft) 74%, transparent), transparent 48%),
        linear-gradient(145deg, #fff, #f9fbfd);
    box-shadow: 0 5px 15px rgba(10, 65, 109, .045);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.warehouse-overview-card::before {
    position: absolute;
    top: 11px;
    bottom: 11px;
    left: 0;
    width: 3px;
    border-radius: 0 99px 99px 0;
    background: var(--overview-accent);
    content: '';
    opacity: .82;
}

.warehouse-overview-card:hover {
    border-color: color-mix(in srgb, var(--overview-accent) 36%, #d5e2eb);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--overview-accent) 11%, transparent);
    transform: translateY(-2px);
}

.warehouse-overview-card--current {
    --overview-accent: #63ccf4;
    --overview-soft: #1576bb;
    border-color: rgba(116, 205, 249, .28);
    background:
        radial-gradient(circle at 100% 0, rgba(75, 183, 240, .35), transparent 45%),
        linear-gradient(135deg, #073b69, #0a5d9e);
    box-shadow: 0 9px 22px rgba(6, 64, 111, .15), inset 0 1px rgba(255, 255, 255, .1);
    color: #fff;
}

.warehouse-overview-card--opening { --overview-accent: #d39a26; --overview-soft: #fff4d8; }
.warehouse-overview-card--inbound { --overview-accent: #24a873; --overview-soft: #e6f8ef; }
.warehouse-overview-card--outbound { --overview-accent: #e25d65; --overview-soft: #ffeaec; }

.warehouse-overview-card__heading {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.warehouse-overview-card__icon {
    display: grid;
    width: 30px;
    height: 30px;
    flex: none;
    place-items: center;
    border-radius: 9px;
    background: var(--overview-soft);
    color: var(--overview-accent);
}

.warehouse-overview-card--current .warehouse-overview-card__icon {
    border: 1px solid rgba(144, 221, 255, .25);
    background: rgba(99, 204, 244, .13);
    color: #8ee1ff;
}

.warehouse-overview-card__icon svg {
    width: 16px;
    height: 16px;
}

.warehouse-overview-card__heading > div {
    min-width: 0;
}

.warehouse-overview-card__heading small,
.warehouse-overview-card__heading span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-overview-card__heading small {
    color: #49667e;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .53rem;
    font-weight: 850;
    letter-spacing: .075em;
}

.warehouse-overview-card__heading span {
    margin-top: 2px;
    color: #91a2b1;
    font-size: .49rem;
}

.warehouse-overview-card--current .warehouse-overview-card__heading small {
    color: #dff5ff;
}

.warehouse-overview-card--current .warehouse-overview-card__heading span {
    display: flex;
    align-items: center;
    gap: 4px;
    color: rgba(196, 233, 255, .68);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.warehouse-overview-card--current .warehouse-overview-card__heading span i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4ce0a4;
    box-shadow: 0 0 7px rgba(76, 224, 164, .8);
}

.warehouse-overview-card__current-body {
    display: grid;
    grid-template-columns: minmax(128px, .75fr) minmax(220px, 1.25fr);
    align-items: end;
    gap: 12px;
    margin-top: 8px;
}

.warehouse-overview-card__current-body > strong,
.warehouse-overview-card__value {
    color: #173b58;
    font-size: 1.18rem;
    font-style: normal;
    font-weight: 850;
    letter-spacing: -.035em;
    white-space: nowrap;
}

.warehouse-overview-card__current-body > strong {
    color: #fff;
    font-size: 1.3rem;
}

.warehouse-overview-card em {
    color: #8ca0b1;
    font-size: .52rem;
    font-style: normal;
    font-weight: 750;
}

.warehouse-overview-card--current em {
    color: #8bd8fa;
}

.warehouse-overview-card__mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
}

.warehouse-overview-card__mini-grid > div {
    min-width: 0;
    padding: 5px 7px;
    border: 1px solid rgba(145, 218, 255, .16);
    border-radius: 8px;
    background: rgba(2, 39, 73, .28);
}

.warehouse-overview-card__mini-grid small,
.warehouse-overview-card__mini-grid b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-overview-card__mini-grid small {
    color: rgba(177, 221, 247, .62);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .38rem;
    font-weight: 750;
}

.warehouse-overview-card__mini-grid b {
    margin-top: 1px;
    color: #fff;
    font-size: .76rem;
    font-weight: 850;
}

.warehouse-overview-card__mini-grid .is-alert {
    border-color: rgba(255, 142, 152, .3);
    background: rgba(133, 37, 53, .3);
}

.warehouse-overview-card__value {
    display: block;
    margin-top: 18px;
}

.warehouse-overview-card__split {
    display: grid;
    grid-template-columns: .62fr 1fr;
    gap: 7px;
    margin-top: 11px;
}

.warehouse-overview-card__split > div {
    min-width: 0;
    padding: 6px 8px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--overview-soft) 66%, #fff);
}

.warehouse-overview-card__split strong,
.warehouse-overview-card__split small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-overview-card__split strong {
    color: color-mix(in srgb, var(--overview-accent) 76%, #163750);
    font-size: .91rem;
    font-weight: 850;
}

.warehouse-overview-card__split small {
    margin-top: 1px;
    color: #8da0b0;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: .4rem;
    font-weight: 700;
}

/* Separate compact stock metrics */
.warehouse-stat-list {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 7px;
}

.warehouse-stat-card {
    --stock-card-accent: #2477d0;
    --stock-card-soft: #e8f2ff;
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 64px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    padding: 8px 12px 8px 9px;
    border: 1px solid color-mix(in srgb, var(--stock-card-accent) 17%, #dce7ef);
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--stock-card-soft) 72%, transparent), transparent 42%),
        #fff;
    box-shadow: 0 4px 13px rgba(12, 66, 108, .04);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    animation: warehouse-stat-card-sequence 5.4s ease-in-out infinite;
    animation-delay: var(--stock-card-delay, 0s);
}

.warehouse-stat-card:nth-child(-n + 5) {
    grid-column: span 2;
}

.warehouse-stat-card:nth-child(n + 6) { grid-column: span 2; }

.warehouse-stat-card::before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    width: 3px;
    border-radius: 0 99px 99px 0;
    background: var(--stock-card-accent);
    content: '';
    opacity: .78;
}

.warehouse-stat-card::after {
    position: absolute;
    top: -65%;
    left: -45%;
    width: 20%;
    height: 230%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .68), transparent);
    content: '';
    opacity: 0;
    pointer-events: none;
    transform: rotate(18deg);
    transition: left .62s ease, opacity .2s ease;
    animation: warehouse-stat-card-shine 5.4s ease-in-out infinite;
    animation-delay: var(--stock-card-delay, 0s);
}

.warehouse-stat-card:nth-child(1) { --stock-card-delay: 0s; }
.warehouse-stat-card:nth-child(2) { --stock-card-delay: .6s; }
.warehouse-stat-card:nth-child(3) { --stock-card-delay: 1.2s; }
.warehouse-stat-card:nth-child(4) { --stock-card-delay: 1.8s; }
.warehouse-stat-card:nth-child(5) { --stock-card-delay: 2.4s; }
.warehouse-stat-card:nth-child(6) { --stock-card-delay: 3s; }
.warehouse-stat-card:nth-child(7) { --stock-card-delay: 3.6s; }
.warehouse-stat-card:nth-child(8) { --stock-card-delay: 4.2s; }
.warehouse-stat-card:nth-child(9) { --stock-card-delay: 4.8s; }

@keyframes warehouse-stat-card-shine {
    0%, 11.11%, 100% {
        left: -45%;
        opacity: 0;
    }

    1% {
        opacity: .78;
    }

    10.4% {
        left: 125%;
        opacity: 0;
    }
}

@keyframes warehouse-stat-card-sequence {
    0%, 11.11%, 100% {
        border-color: color-mix(in srgb, var(--stock-card-accent) 17%, #dce7ef);
        box-shadow: 0 4px 13px rgba(12, 66, 108, .04);
        transform: translateY(0) scale(1);
    }

    1%, 10.4% {
        border-color: color-mix(in srgb, var(--stock-card-accent) 42%, #d6e3ec);
        box-shadow: 0 10px 22px color-mix(in srgb, var(--stock-card-accent) 16%, transparent);
        transform: translateY(-3px) scale(1.006);
    }
}

.warehouse-stat-card:hover {
    animation: none;
    border-color: color-mix(in srgb, var(--stock-card-accent) 36%, #d6e3ec);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--stock-card-accent) 11%, transparent);
    transform: translateY(-2px);
}

.warehouse-stat-card:hover::after {
    animation: none;
    left: 125%;
    opacity: .8;
}

.warehouse-stat-card--red { --stock-card-accent: #e74f67; --stock-card-soft: #ffedf0; }
.warehouse-stat-card--cyan { --stock-card-accent: #1597b8; --stock-card-soft: #e8f7fb; }
.warehouse-stat-card--green { --stock-card-accent: #22a873; --stock-card-soft: #e8f8f1; }
.warehouse-stat-card--coral { --stock-card-accent: #df664f; --stock-card-soft: #fff0ed; }
.warehouse-stat-card--slate { --stock-card-accent: #718398; --stock-card-soft: #f1f3f6; }
.warehouse-stat-card--emerald { --stock-card-accent: #28a564; --stock-card-soft: #e9f8ee; }
.warehouse-stat-card--rose { --stock-card-accent: #dd5c50; --stock-card-soft: #fff0ef; }
.warehouse-stat-card--gold { --stock-card-accent: #d49312; --stock-card-soft: #fff6dd; }

.warehouse-stat-card__icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    background: var(--stock-card-soft);
    color: var(--stock-card-accent);
}

.warehouse-stat-card__icon svg {
    width: 18px;
    height: 18px;
}

.warehouse-stat-card__info {
    min-width: 0;
}

.warehouse-stat-card__info strong,
.warehouse-stat-card__info small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-stat-card__info strong {
    color: #294960;
    font-size: .66rem;
    font-weight: 820;
}

.warehouse-stat-card__info small {
    margin-top: 2px;
    color: #8ca0b0;
    font-size: .49rem;
}

.warehouse-stat-card > b {
    position: relative;
    z-index: 1;
    min-width: 72px;
    color: var(--stock-card-accent);
    font-size: 1.02rem;
    font-weight: 850;
    letter-spacing: -.025em;
    text-align: right;
    white-space: nowrap;
}

.warehouse-stat-card > b em {
    color: #8ca0b0;
    font-size: .48rem;
    font-style: normal;
    font-weight: 750;
}

@media (max-width: 1280px) {
    .warehouse-stat-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .warehouse-stat-card:nth-child(n) {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .warehouse-stat-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .warehouse-stat-list {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .warehouse-stat-card,
    .warehouse-stat-card::after {
        animation: none;
    }
}

/* Create warehouse receipt */
.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) > section {
    gap: 18px;
    padding-top: 20px;
}

.warehouse-receipt-create-hero {
    position: relative;
    display: flex;
    min-height: 128px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    overflow: hidden;
    padding: 20px 26px;
    border: 1px solid rgba(92, 190, 243, .28);
    border-radius: 20px;
    background:
        radial-gradient(circle at 82% 25%, rgba(68, 184, 245, .25), transparent 28%),
        linear-gradient(118deg, #082f58 0%, #075c9f 58%, #1687cb 100%);
    box-shadow: 0 14px 34px rgba(5, 64, 108, .16);
    color: #fff;
    isolation: isolate;
}

.warehouse-receipt-create-hero::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 38px 38px;
    content: '';
    mask-image: linear-gradient(90deg, #000, transparent 86%);
}

.warehouse-receipt-create-hero__lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    fill: none;
    pointer-events: none;
    stroke: rgba(141, 216, 255, .16);
    stroke-width: 1;
}

.warehouse-receipt-create-hero__runner {
    stroke: url('#warehouse-receipt-line');
    stroke: rgba(255, 224, 130, .82);
    stroke-width: 1.6;
    stroke-dasharray: .08 .92;
    stroke-linecap: round;
    animation: warehouse-receipt-line-run 5.5s linear infinite;
}

@keyframes warehouse-receipt-line-run {
    to { stroke-dashoffset: -1; }
}

.warehouse-receipt-create-hero__content {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 16px;
}

.warehouse-receipt-create-hero__icon {
    display: grid;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .08));
    box-shadow: inset 0 1px rgba(255, 255, 255, .24), 0 10px 24px rgba(2, 35, 65, .2);
    color: #ffcf54;
}

.warehouse-receipt-create-hero__icon svg {
    width: 27px;
    height: 27px;
}

.warehouse-receipt-create-hero__eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #8edaff;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.warehouse-receipt-create-hero h1 {
    margin: 0;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
    font-weight: 850;
    line-height: 1.04;
    letter-spacing: -.035em;
}

.warehouse-receipt-create-hero h1 span {
    color: #ffca4b;
}

.warehouse-receipt-create-hero p {
    margin-top: 7px;
    color: rgba(231, 245, 255, .76);
    font-size: .7rem;
}

.warehouse-receipt-flow {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 0 auto;
    max-width: 100%;
    align-items: center;
    gap: 5px;
    margin-right: 2px;
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 16px;
    background: rgba(4, 45, 81, .25);
    box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 8px 22px rgba(3, 36, 66, .12);
    backdrop-filter: blur(8px);
}

.warehouse-receipt-flow > i {
    position: relative;
    width: 22px;
    flex: 0 0 22px;
    height: 1px;
    overflow: hidden;
    background: rgba(255, 255, 255, .25);
}

.warehouse-receipt-flow > i::after {
    position: absolute;
    top: -1px;
    left: -12px;
    width: 12px;
    height: 3px;
    border-radius: 99px;
    background: #ffd364;
    box-shadow: 0 0 8px #ffe39b;
    content: '';
    animation: warehouse-receipt-flow 2.4s ease-in-out infinite;
}

.warehouse-receipt-flow > i:nth-of-type(2)::after {
    animation-delay: 1.2s;
}

@keyframes warehouse-receipt-flow {
    0%, 20% { left: -12px; opacity: 0; }
    45% { opacity: 1; }
    80%, 100% { left: 22px; opacity: 0; }
}

.warehouse-receipt-flow__step {
    display: grid;
    width: 84px;
    min-height: 54px;
    box-sizing: border-box;
    flex: 0 0 84px;
    grid-template-columns: 22px minmax(0, 1fr);
    align-content: center;
    align-items: center;
    gap: 2px 4px;
    padding: 6px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: rgba(5, 48, 86, .28);
}

.warehouse-receipt-flow__step > span {
    display: grid;
    width: 22px;
    height: 22px;
    grid-row: span 2;
    place-items: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    color: #96dcff;
}

.warehouse-receipt-flow__step > span svg {
    width: 13px;
    height: 13px;
}

.warehouse-receipt-flow__step small,
.warehouse-receipt-flow__step strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}

.warehouse-receipt-flow__step small {
    color: #84cbed;
    font-size: .48rem;
    font-weight: 800;
}

.warehouse-receipt-flow__step strong {
    color: #fff;
    font-size: .57rem;
    font-weight: 800;
}

.warehouse-receipt-flow__step.is-active {
    border-color: rgba(255, 212, 99, .48);
    background: rgba(10, 65, 105, .64);
    box-shadow: 0 6px 14px rgba(3, 38, 69, .18), inset 0 1px rgba(255, 255, 255, .12);
}

.warehouse-receipt-flow__step.is-active > span {
    background: linear-gradient(145deg, #ffd86b, #e8a918);
    box-shadow: 0 5px 12px rgba(238, 178, 31, .28);
    color: #143c5d;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form > .fi-fo-component-ctn {
    gap: 16px;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form .fi-section {
    overflow: hidden;
    border: 1px solid #d8e6f0;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(70, 167, 224, .07), transparent 28%),
        #fff;
    box-shadow: 0 10px 28px rgba(8, 70, 115, .07);
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-section-content {
    padding: 24px;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-fo-field-wrp-label span {
    color: #294a63;
    font-size: .72rem;
    font-weight: 750;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-input-wrp {
    min-height: 42px;
    border: 1px solid #dbe7ef;
    border-radius: 11px;
    background: #fbfdff;
    box-shadow: 0 3px 10px rgba(8, 65, 108, .035);
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-input-wrp:hover {
    border-color: #9bcbea;
    background: #fff;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-input-wrp:focus-within {
    border-color: #1687cb;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(22, 135, 203, .11), 0 7px 16px rgba(8, 83, 132, .08);
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-input-wrp.fi-disabled {
    border-color: #d7e6ef;
    background: #edf5fa;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .warehouse-bill-source-section .fi-section-content .fi-fo-component-ctn > div:first-child .fi-fo-field-wrp {
    min-height: 70px;
    padding: 12px 14px;
    border: 1px solid #cfe3f1;
    border-radius: 12px;
    background: linear-gradient(135deg, #edf7fd, #f8fbfe);
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-fo-placeholder {
    color: #1477b7;
    font-weight: 720;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form-actions {
    padding: 14px 16px;
    border: 1px solid #dce7ef;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(8, 63, 103, .055);
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form-actions .fi-btn {
    min-height: 40px;
    border-radius: 10px;
}

.fi-resource-warehouse-receipts:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-form-actions .fi-btn-color-primary {
    border: 1px solid rgba(255, 255, 255, .22);
    background: linear-gradient(135deg, #0c6eb3, #07518e);
    box-shadow: 0 7px 16px rgba(6, 83, 139, .2);
}

.warehouse-receipt-create-hero--edit .warehouse-receipt-create-hero__content {
    flex: 1 1 auto;
}

.warehouse-receipt-create-hero__reference {
    display: grid;
    flex: 0 0 auto;
    gap: 1px;
    margin-left: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(151, 219, 255, .24);
    border-radius: 10px;
    background: rgba(3, 44, 78, .28);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.warehouse-receipt-create-hero__reference small {
    color: #83ccef;
    font-size: .46rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.warehouse-receipt-create-hero__reference strong {
    color: #fff;
    font-size: .72rem;
    font-weight: 850;
    white-space: nowrap;
}

.warehouse-receipt-flow__step.is-complete {
    border-color: rgba(72, 211, 169, .3);
    background: rgba(5, 79, 84, .38);
}

.warehouse-receipt-flow__step.is-complete > span {
    background: linear-gradient(145deg, #37c994, #159d78);
    box-shadow: 0 5px 12px rgba(22, 170, 125, .22);
    color: #fff;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-source-section {
    border-color: #c9dfef;
    background:
        radial-gradient(circle at 100% 0, rgba(34, 149, 218, .1), transparent 30%),
        linear-gradient(135deg, #fff, #f7fbfe);
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .fi-form section.warehouse-bill-items-section {
    position: relative;
    overflow: visible !important;
    border-color: #d6e4ed;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .fi-form section.warehouse-bill-items-section:has(.choices.is-open) {
    z-index: 50;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-section-header {
    border-bottom: 1px solid #e2ebf2;
    background: linear-gradient(100deg, #eef6fb, #f9fbfd);
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-section-header-icon {
    color: #147cc1;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item {
    position: relative;
    overflow: visible;
    border-color: #d5e5ef;
    border-radius: 14px;
    background: #fbfdff;
    box-shadow: 0 5px 14px rgba(8, 64, 105, .045);
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item:has(.choices.is-open) {
    z-index: 30;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .choices__list--dropdown {
    z-index: 40;
    border-color: #b8d5e9;
    border-radius: 11px;
    box-shadow: 0 16px 34px rgba(7, 56, 94, .2);
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .choices__list--dropdown > .choices__list {
    max-height: min(320px, 50vh);
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item-header {
    min-height: 32px;
    gap: 7px;
    padding: 5px 11px;
    background: linear-gradient(90deg, #f3f8fc, #fbfdff);
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item-header .fi-icon-btn {
    width: 27px;
    height: 27px;
    min-height: 27px;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item-header .fi-icon-btn svg {
    width: 16px;
    height: 16px;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item-content {
    padding: 8px 12px 9px;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-item-content > .fi-fo-component-ctn {
    gap: 9px;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-field-wrp {
    gap: 4px;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-input-wrp {
    min-height: 37px;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-field-wrp:has(input[id$="quantity"]) .fi-input-wrp-prefix {
    color: #1683ca;
    background: #edf7fd;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-field-wrp:has(input[id$="quantity"]) .fi-input-wrp-prefix svg {
    width: 17px;
    height: 17px;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-total-weight .fi-input-wrp {
    border-color: #b9d9eb;
    background: linear-gradient(135deg, #f2faff, #fff);
    box-shadow: 0 3px 10px rgba(9, 104, 163, .07);
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-total-weight .fi-input-wrp-prefix {
    color: #1785c9;
    background: #e8f5fc;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-total-weight input {
    height: 37px;
    color: #0870b5;
    font-size: .9rem;
    font-weight: 850;
    letter-spacing: -.01em;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-total-weight .fi-input-wrp-suffix {
    color: #70879a;
    font-size: .67rem;
    font-weight: 800;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-total {
    margin-top: 2px;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-total > .grid {
    gap: 0;
}

.warehouse-bill-summary {
    position: relative;
    display: flex;
    min-height: 66px;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    padding: 10px 12px;
    border: 1px solid #c6dfef;
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 205, 76, .15), transparent 31%),
        linear-gradient(122deg, #f2f9fe, #fff 62%);
    box-shadow: 0 7px 18px rgba(8, 66, 106, .065);
}

.warehouse-bill-summary::before {
    position: absolute;
    inset: 8px auto 8px 0;
    width: 3px;
    border-radius: 0 99px 99px 0;
    background: linear-gradient(#28b3e3, #1471bf);
    content: '';
}

.warehouse-bill-summary__icon {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, #168bd0, #0863aa);
    box-shadow: 0 7px 15px rgba(8, 104, 169, .19), inset 0 1px rgba(255, 255, 255, .25);
}

.warehouse-bill-summary__icon svg {
    width: 20px;
    height: 20px;
}

.warehouse-bill-summary__copy {
    display: grid;
    min-width: 150px;
    gap: 1px;
}

.warehouse-bill-summary small {
    color: #8398aa;
    font-size: .48rem;
    font-weight: 820;
    letter-spacing: .1em;
    line-height: 1.2;
}

.warehouse-bill-summary__copy strong {
    color: #23465f;
    font-size: .74rem;
    font-weight: 820;
}

.warehouse-bill-summary__metrics {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: stretch;
    justify-content: flex-end;
    gap: 14px;
}

.warehouse-bill-summary__metrics > span {
    display: grid;
    min-width: 105px;
    align-content: center;
    gap: 2px;
    text-align: right;
}

.warehouse-bill-summary__metrics > i {
    width: 1px;
    background: #dce8f0;
}

.warehouse-bill-summary__metrics strong {
    color: #1678ba;
    font-size: 1rem;
    font-weight: 880;
    letter-spacing: -.02em;
    line-height: 1.05;
    white-space: nowrap;
}

.warehouse-bill-summary__metrics strong em {
    color: #7890a2;
    font-size: .6rem;
    font-style: normal;
    font-weight: 750;
}

.warehouse-bill-summary__weight strong {
    color: #c88a0f;
}

@media (max-width: 640px) {
    .warehouse-bill-summary {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .warehouse-bill-summary__metrics {
        width: 100%;
        flex-basis: 100%;
        justify-content: space-between;
        padding-left: 52px;
    }
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section .fi-fo-repeater-add-between-action-ctn + .fi-btn,
.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-items-section > .fi-section-content-ctn .fi-btn-color-gray {
    border: 1px solid #a8cee7;
    color: #126ea9;
    background: #f1f8fd;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-proof-section {
    border-color: #eadba9;
    background:
        radial-gradient(circle at 100% 0, rgba(240, 185, 54, .09), transparent 28%),
        #fff;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .warehouse-bill-proof-section .fi-section-header-icon {
    color: #cc8d14;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .fi-fo-file-upload {
    overflow: hidden;
    border: 1px dashed #b9d4e6;
    border-radius: 13px;
    background: #f7fbfe;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .fi-form-actions .fi-btn-color-primary {
    position: relative;
    overflow: hidden;
}

.fi-resource-warehouse-receipts.fi-resource-edit-record-page .fi-form-actions .fi-btn-color-primary::after {
    position: absolute;
    inset: -50% auto -50% -35%;
    width: 22px;
    content: '';
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
    opacity: 0;
    transform: rotate(18deg);
    animation: warehouse-edit-action-shine 4.6s ease-in-out infinite;
}

@keyframes warehouse-edit-action-shine {
    0%, 62% { left: -35%; opacity: 0; }
    68% { opacity: .8; }
    84%, 100% { left: 115%; opacity: 0; }
}

@media (max-width: 1100px) {
    .warehouse-receipt-flow {
        display: none;
    }
}

@media (max-width: 900px) {
    .warehouse-receipt-create-hero {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .warehouse-receipt-create-hero {
        padding: 18px;
    }

    .warehouse-receipt-create-hero__content {
        align-items: flex-start;
    }

    .warehouse-receipt-create-hero__reference {
        display: none;
    }

}

@media (prefers-reduced-motion: reduce) {
    .warehouse-receipt-create-hero__runner,
    .warehouse-receipt-flow > i::after,
    .fi-resource-warehouse-receipts.fi-resource-edit-record-page .fi-form-actions .fi-btn-color-primary::after {
        animation: none;
    }
}

/* Warehouse stock table */
.fi-resource-warehouse-receipts.fi-resource-list-records-page {
    --receipt-navy: #07345f;
    --receipt-blue: #126fbd;
    --receipt-cyan: #5bc5ee;
    --receipt-gold: #f1bd45;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page > section {
    gap: 14px;
    padding-top: 14px;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header {
    position: relative;
    min-height: 104px;
    overflow: hidden;
    padding: 13px 20px;
    border: 1px solid rgba(99, 192, 241, .25);
    border-radius: 20px;
    background:
        radial-gradient(circle at 74% 0, rgba(87, 198, 241, .32), transparent 32%),
        linear-gradient(112deg, #07345f 0%, #0a548f 58%, #1280ce 100%) !important;
    box-shadow: 0 14px 34px rgba(5, 61, 107, .14), inset 0 1px rgba(255, 255, 255, .12);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header::before {
    position: absolute;
    top: -65%;
    bottom: -65%;
    left: -32%;
    width: 20%;
    content: '';
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .34), transparent);
    filter: blur(3px);
    transform: skewX(-21deg);
    animation: warehouse-receipts-banner-light 5.2s ease-in-out infinite;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header::after {
    position: absolute;
    top: 8px;
    right: 11%;
    bottom: 8px;
    left: 35%;
    content: '';
    pointer-events: none;
    opacity: .82;
    background:
        linear-gradient(90deg, transparent, rgba(137, 218, 255, .2) 18%, rgba(255, 255, 255, .13) 68%, transparent) 0 22% / 100% 1px no-repeat,
        linear-gradient(90deg, transparent, rgba(137, 218, 255, .17) 14%, rgba(255, 255, 255, .11) 72%, transparent) 0 51% / 100% 1px no-repeat,
        linear-gradient(90deg, transparent, rgba(137, 218, 255, .14) 10%, rgba(255, 255, 255, .09) 76%, transparent) 0 80% / 100% 1px no-repeat,
        linear-gradient(90deg, transparent 0%, rgba(176, 232, 255, .15) 25%, #fff 50%, rgba(176, 232, 255, .15) 75%, transparent 100%) -28% 22% / 18% 2px no-repeat,
        linear-gradient(90deg, transparent 0%, rgba(176, 232, 255, .13) 25%, #bcecff 50%, rgba(176, 232, 255, .13) 75%, transparent 100%) -52% 51% / 15% 2px no-repeat,
        linear-gradient(90deg, transparent 0%, rgba(255, 224, 143, .12) 25%, #ffe093 50%, rgba(255, 224, 143, .12) 75%, transparent 100%) -74% 80% / 13% 2px no-repeat;
    filter: drop-shadow(0 0 5px rgba(150, 225, 255, .75));
    transform: rotate(-2deg) skewX(-7deg);
    animation: warehouse-receipts-route-light 6.4s linear infinite;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header > * {
    position: relative;
    z-index: 1;
}

@keyframes warehouse-receipts-banner-light {
    0%, 18% {
        left: -32%;
        opacity: 0;
    }

    27% {
        opacity: .78;
    }

    62%, 100% {
        left: 116%;
        opacity: 0;
    }
}

@keyframes warehouse-receipts-route-light {
    0% {
        background-position: 0 22%, 0 51%, 0 80%, -28% 22%, -52% 51%, -74% 80%;
    }

    100% {
        background-position: 0 22%, 0 51%, 0 80%, 128% 22%, 152% 51%, 174% 80%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header::before,
    .fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header::after,
    .fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header .fi-btn-color-primary::after {
        animation: none;
    }
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header-heading {
    color: #fff !important;
}

.warehouse-receipts-hero-title,
.warehouse-receipts-hero-title__eyebrow,
.warehouse-receipts-hero-title__main,
.warehouse-receipts-hero-title__caption {
    display: block;
}

.warehouse-receipts-hero-title__eyebrow {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #8fddff;
    font-size: .49rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .19em;
}

.warehouse-receipts-hero-title__eyebrow i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #62dcff;
    box-shadow: 0 0 0 4px rgba(98, 220, 255, .12), 0 0 12px rgba(98, 220, 255, .75);
}

.warehouse-receipts-hero-title__main {
    margin-top: 7px;
    color: #fff;
    font-size: 1.48rem;
    font-weight: 880;
    line-height: 1;
    letter-spacing: -.035em;
}

.warehouse-receipts-hero-title__main em {
    color: #ffc94f;
    font-style: normal;
}

.warehouse-receipts-hero-title__caption {
    margin-top: 7px;
    color: rgba(220, 240, 255, .78);
    font-size: .57rem;
    font-weight: 550;
    line-height: 1.2;
    letter-spacing: .01em;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header .fi-btn-color-primary {
    position: relative;
    z-index: 1;
    isolation: isolate;
    overflow: hidden;
    min-height: 42px;
    padding: 6px 13px 6px 7px;
    border: 1px solid rgba(255, 255, 255, .45);
    color: #173450;
    background: linear-gradient(135deg, #ffe59a, #f1b62f);
    box-shadow: 0 8px 20px rgba(3, 39, 72, .22), inset 0 1px rgba(255, 255, 255, .55);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header .fi-btn-color-primary::after {
    position: absolute;
    top: -85%;
    left: -38%;
    z-index: 0;
    width: 24%;
    height: 270%;
    content: '';
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .78), transparent);
    filter: blur(1px);
    transform: skewX(-20deg);
    animation: warehouse-receipts-action-light 4.6s ease-in-out infinite;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header .fi-btn-icon {
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    padding: 6px;
    border: 1px solid rgba(11, 78, 126, .16);
    border-radius: 8px;
    color: #0b5b93;
    background: rgba(255, 255, 255, .42);
    box-shadow: inset 0 1px rgba(255, 255, 255, .65), 0 3px 8px rgba(8, 61, 99, .1);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header .fi-btn-label {
    position: relative;
    z-index: 1;
}

@keyframes warehouse-receipts-action-light {
    0%, 34% {
        left: -38%;
        opacity: 0;
    }

    43% {
        opacity: .9;
    }

    66%, 100% {
        left: 120%;
        opacity: 0;
    }
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header .fi-btn-color-primary:hover {
    background: linear-gradient(135deg, #ffedb2, #f4c34c);
    box-shadow: 0 11px 24px rgba(3, 39, 72, .28), inset 0 1px rgba(255, 255, 255, .65);
    transform: translateY(-1px);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-tabs {
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 5px;
    border: 1px solid #d9e7f1;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fbfd, #edf5fa);
    box-shadow: 0 6px 16px rgba(8, 65, 108, .055);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item {
    min-height: 36px;
    border-radius: 10px;
    color: #668096;
    font-size: .72rem;
    font-weight: 700;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item.fi-active {
    color: #fff;
    background: linear-gradient(135deg, #1478c7, #07579a);
    box-shadow: 0 6px 14px rgba(8, 89, 153, .2), inset 0 1px rgba(255, 255, 255, .18);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-tabs-item-label,
.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-tabs-item-icon {
    color: #fff !important;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-badge {
    color: #07579a;
    background: #fff;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-ctn {
    overflow: hidden;
    border: 1px solid #d8e5ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 11px 30px rgba(8, 64, 108, .07);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-header {
    min-height: 66px;
    padding: 10px 14px;
    border-bottom: 1px solid #dfebf3;
    background:
        radial-gradient(circle at 0 50%, rgba(56, 163, 225, .14), transparent 34%),
        linear-gradient(180deg, #eef6fb 0%, #f8fbfd 100%);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-header-heading {
    width: 100%;
}

.warehouse-receipt-table-heading {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.warehouse-receipt-table-heading__icon {
    display: grid !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, #238bce 0%, #07579a 100%);
    box-shadow: 0 6px 14px rgba(4, 76, 137, .2), inset 0 1px rgba(255, 255, 255, .22);
}

.warehouse-receipt-table-heading__icon svg {
    width: 17px !important;
    height: 17px !important;
    stroke-width: 1.8;
}

.warehouse-receipt-table-heading__copy,
.warehouse-receipt-table-heading__title,
.warehouse-receipt-table-heading__subtitle {
    display: block;
}

.warehouse-receipt-table-heading__title {
    color: #193750;
    font-size: .88rem;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.01em;
}

.warehouse-receipt-table-heading__subtitle {
    margin-top: 3px;
    color: #70889d;
    font-size: .56rem;
    font-weight: 600;
    line-height: 1.25;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-filters-above-content-ctn {
    border-bottom: 1px solid #e1ebf2;
    background: linear-gradient(180deg, #f9fcfe, #f4f8fb);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-filters .fi-fo-field-wrp-label span {
    color: #42637d;
    font-size: .68rem;
    font-weight: 750;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-filters .fi-input-wrp,
.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-search-field .fi-input-wrp {
    border: 1px solid #d8e6f0;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(12, 74, 124, .045);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-header-toolbar {
    min-height: 56px;
    background: #fbfdff;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-table > thead {
    background: #eff6fa;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-header-cell {
    border-bottom-color: #d9e5ee;
    color: #557087;
    font-size: .61rem;
    font-weight: 800;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-row {
    transition: background-color .2s ease;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-row:hover {
    background: #f7fbfe !important;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-table-cell-po-number .fi-ta-text-item-icon {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 38px;
    height: 42px;
    padding: 10px 8px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 10px;
    color: #fff !important;
    background: linear-gradient(110deg, #07558f 8%, #147cc2 31%, #77cef1 48%, #147cc2 65%, #07558f 88%);
    background-position: 100% 0;
    background-size: 260% 100%;
    box-shadow: inset 0 1px rgba(255, 255, 255, .25), 0 5px 13px rgba(5, 81, 143, .22);
    transform: translateY(-50%);
    animation: warehouse-receipt-document-shine 3.6s ease-in-out infinite;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-table-cell-po-number .fi-ta-text {
    position: relative;
    min-height: 50px;
    align-content: center;
    padding-left: 58px;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-table-cell-po-number .fi-ta-text-item {
    gap: 0;
}

@keyframes warehouse-receipt-document-shine {
    0%, 28% {
        background-position: 100% 0;
        box-shadow: inset 0 1px rgba(255, 255, 255, .25), 0 5px 13px rgba(5, 81, 143, .22);
    }

    48% {
        background-position: 0 0;
        box-shadow: 0 0 0 3px rgba(73, 183, 231, .12), 0 7px 17px rgba(5, 81, 143, .3);
    }

    72%, 100% {
        background-position: -100% 0;
        box-shadow: inset 0 1px rgba(255, 255, 255, .25), 0 5px 13px rgba(5, 81, 143, .22);
    }
}

@media (prefers-reduced-motion: reduce) {
    .fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-table-cell-po-number .fi-ta-text-item-icon {
        animation: none;
    }
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-text-item-label {
    color: #28465f;
    font-weight: 650;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-table-cell-status .fi-badge {
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    border-radius: 8px;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(10, 68, 111, .06);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .fi-link {
    padding: 6px 9px;
    border: 1px solid #d4e4ef;
    border-radius: 9px;
    color: #0c67ad;
    background: #f1f8fc;
    font-weight: 800;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .fi-link:hover {
    border-color: #9ecbe8;
    background: #e9f6fd;
    box-shadow: 0 6px 13px rgba(12, 103, 173, .12);
    transform: translateY(-1px);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 36px;
    padding: 5px 13px 5px 6px;
    border: 1px solid #078353;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(135deg, #05744a 0%, #0b9d63 58%, #16b875 100%) !important;
    box-shadow: 0 7px 15px rgba(5, 126, 80, .22), inset 0 1px rgba(255, 255, 255, .24);
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .01em;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, filter .2s ease;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action::after {
    position: absolute;
    top: -70%;
    left: -42%;
    z-index: 0;
    width: 27%;
    height: 240%;
    content: '';
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(220, 255, 239, .72), transparent);
    transform: skewX(-20deg);
    animation: warehouse-approve-action-light 3.8s ease-in-out infinite;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action > * {
    position: relative;
    z-index: 1;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action span {
    color: #fff !important;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action svg {
    width: 24px;
    height: 24px;
    padding: 4px;
    border: 1px solid rgba(218, 255, 236, .58);
    border-radius: 50%;
    color: #f3fff8 !important;
    background: rgba(222, 255, 238, .16);
    box-shadow: inset 0 1px rgba(255, 255, 255, .28), 0 2px 6px rgba(1, 87, 53, .16);
    stroke-width: 2.15;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action:hover {
    border-color: #27c982;
    color: #fff !important;
    background: linear-gradient(135deg, #046640 0%, #078c58 56%, #11a96a 100%) !important;
    box-shadow: 0 10px 21px rgba(3, 119, 73, .3), 0 0 0 3px rgba(32, 194, 123, .12), inset 0 1px rgba(255, 255, 255, .25);
    filter: saturate(1.06);
    transform: translateY(-2px);
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action:focus-visible {
    outline: 3px solid rgba(30, 196, 124, .22);
    outline-offset: 2px;
}

@keyframes warehouse-approve-action-light {
    0%, 36% { left: -42%; opacity: 0; }
    46% { opacity: .85; }
    68%, 100% { left: 122%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action::after {
        animation: none;
    }
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action {
    min-height: 36px;
    padding: 6px 11px;
    border: 1px solid #efb2b7;
    border-radius: 12px;
    color: #c83f49 !important;
    background: linear-gradient(180deg, #fff, #fff5f5) !important;
    box-shadow: 0 5px 12px rgba(190, 55, 66, .09), inset 0 1px #fff;
    font-size: .65rem;
    font-weight: 850;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action span,
.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action svg {
    color: #c83f49 !important;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action svg {
    width: 18px;
    height: 18px;
    stroke-width: 2;
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action:hover {
    border-color: #e16a73;
    background: linear-gradient(180deg, #fff8f8, #ffeded) !important;
    box-shadow: 0 8px 17px rgba(190, 55, 66, .16), 0 0 0 3px rgba(221, 77, 88, .08);
    transform: translateY(-1px);
}

.warehouse-cancel-modal {
    overflow: hidden;
    border: 1px solid #eed4d7;
    border-radius: 22px !important;
    background: #fff;
    box-shadow: 0 28px 70px rgba(71, 22, 28, .2) !important;
}

.warehouse-cancel-modal .fi-modal-header {
    padding-bottom: 16px;
    border-bottom: 1px solid #f1dfe1;
    background: radial-gradient(circle at 88% -10%, rgba(239, 94, 105, .14), transparent 42%), linear-gradient(135deg, #fffafa, #fff3f4);
}

.warehouse-cancel-modal .fi-modal-icon-bg {
    border: 1px solid #f1cdd1;
    color: #d84852;
    background: #fff0f1;
    box-shadow: 0 7px 16px rgba(193, 52, 63, .1);
}

.warehouse-cancel-modal .fi-modal-heading { color: #54252b; font-weight: 850; }
.warehouse-cancel-modal .fi-modal-description { color: #8b6267; font-size: .76rem; }
.warehouse-cancel-modal .fi-modal-content { padding: 20px 22px 7px; }

.warehouse-cancel-artwork {
    display: grid;
    grid-template-columns: minmax(130px, .82fr) minmax(210px, 1.18fr);
    align-items: center;
    gap: 12px;
    min-height: 116px;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 12px 13px;
    border: 1px solid #efd5d8;
    border-radius: 15px;
    background:
        radial-gradient(circle at 80% 10%, rgba(230, 78, 91, .1), transparent 36%),
        linear-gradient(120deg, #fffafa 0%, #fff5f6 48%, #f7fbfd 100%);
    box-shadow: inset 0 1px #fff, 0 6px 16px rgba(92, 31, 38, .055);
}

.warehouse-cancel-artwork__copy small,
.warehouse-cancel-artwork__copy strong,
.warehouse-cancel-artwork__copy span,
.warehouse-cancel-artwork__copy em { display: block; }
.warehouse-cancel-artwork__copy small { color: #d04a55; font-size: .43rem; font-weight: 900; letter-spacing: .15em; }
.warehouse-cancel-artwork__copy strong { margin-top: 4px; color: #49242a; font-size: .9rem; font-weight: 900; }
.warehouse-cancel-artwork__copy span { margin-top: 2px; color: #84656a; font-size: .55rem; line-height: 1.35; }
.warehouse-cancel-artwork__copy em { width: max-content; margin-top: 8px; padding: 3px 7px; border: 1px solid #f0c6ca; border-radius: 999px; color: #bd3f49; background: #fff; font-size: .39rem; font-style: normal; font-weight: 900; letter-spacing: .1em; }

.warehouse-cancel-artwork__scene { position: relative; height: 88px; }
.warehouse-cancel-artwork__route {
    position: absolute;
    top: 44px;
    right: 56px;
    left: 24px;
    height: 2px;
    overflow: hidden;
    border-radius: 99px;
    background: #d9e7ed;
}
.warehouse-cancel-artwork__route i {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent 0 9px, #68b5d9 9px 13px);
    animation: warehouse-cancel-route .75s linear infinite;
}

.warehouse-cancel-artwork__document {
    position: absolute;
    top: 21px;
    left: 3px;
    z-index: 3;
    display: grid;
    width: 36px;
    height: 44px;
    place-items: center;
    border: 1px solid #65add1;
    border-radius: 8px;
    color: #0871b4;
    background: linear-gradient(145deg, #f5fcff, #dff3fb);
    box-shadow: 0 7px 13px rgba(7, 105, 162, .15), inset 0 1px #fff;
    animation: warehouse-cancel-document 3.4s cubic-bezier(.35, 0, .25, 1) infinite;
}
.warehouse-cancel-artwork__document svg { width: 17px; height: 17px; }
.warehouse-cancel-artwork__document i { margin-top: -9px; color: #6e9bb4; font-size: .32rem; font-style: normal; font-weight: 900; letter-spacing: .08em; }

.warehouse-cancel-artwork__barrier {
    position: absolute;
    top: 26px;
    left: 51%;
    z-index: 5;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #ef626c, #c92f3b);
    box-shadow: 0 7px 15px rgba(191, 43, 55, .24), 0 0 0 5px rgba(218, 64, 76, .1);
    transform: translateX(-50%);
    animation: warehouse-cancel-barrier 3.4s cubic-bezier(.2, 1.4, .35, 1) infinite;
}
.warehouse-cancel-artwork__barrier svg { width: 18px; height: 18px; stroke-width: 2.8; }

.warehouse-cancel-artwork__stamp {
    position: absolute;
    top: 7px;
    left: 31%;
    z-index: 6;
    padding: 3px 6px;
    border: 1.5px solid #d53c48;
    border-radius: 4px;
    color: #c8333f;
    background: rgba(255, 246, 247, .9);
    font-size: .37rem;
    font-weight: 950;
    letter-spacing: .1em;
    transform: rotate(-8deg);
    animation: warehouse-cancel-stamp 3.4s ease-out infinite;
}

.warehouse-cancel-artwork__vault {
    position: absolute;
    top: 12px;
    right: 1px;
    width: 58px;
    height: 59px;
    border: 1.5px solid #8fa8b6;
    border-radius: 8px 8px 11px 11px;
    background: linear-gradient(145deg, #f4f8fa, #dfe9ed);
    box-shadow: 0 8px 15px rgba(57, 83, 96, .12), inset 0 1px #fff;
    filter: saturate(.35);
}
.warehouse-cancel-artwork__vault > b { position: absolute; top: -6px; right: -3px; left: -3px; height: 11px; border: 1px solid #b59a61; border-radius: 5px 5px 2px 2px; background: linear-gradient(#f5dfa8, #cbb477); }
.warehouse-cancel-artwork__vault strong { position: absolute; top: 12px; left: 7px; color: #698597; font-size: .36rem; font-weight: 900; line-height: .85; letter-spacing: .035em; }
.warehouse-cancel-artwork__vault > i { position: absolute; right: 6px; bottom: 8px; left: 6px; display: flex; gap: 2px; padding: 3px; border: 1px solid #aebfc8; border-radius: 4px; background: rgba(255, 255, 255, .55); }
.warehouse-cancel-artwork__vault > i em { height: 6px; flex: 1; border-radius: 2px; background: #c5b27f; }
.warehouse-cancel-artwork__vault small { position: absolute; right: 0; bottom: -16px; left: 0; color: #8ba0aa; font-size: .3rem; font-weight: 900; letter-spacing: .12em; text-align: center; }

.warehouse-cancel-artwork__spark { position: absolute; z-index: 7; width: 5px; height: 5px; border-radius: 1px; background: #e34c58; box-shadow: 0 0 8px rgba(216, 56, 68, .5); animation: warehouse-cancel-spark 3.4s ease-out infinite; }
.warehouse-cancel-artwork__spark--one { top: 22px; left: 58%; }
.warehouse-cancel-artwork__spark--two { top: 64px; left: 45%; animation-delay: .08s; }

@keyframes warehouse-cancel-route { to { transform: translateX(13px); } }
@keyframes warehouse-cancel-document {
    0%, 8% { opacity: 0; transform: translateX(-9px) scale(.82); }
    17% { opacity: 1; transform: translateX(0) scale(1); }
    48% { opacity: 1; transform: translateX(67px) scale(.94); }
    59% { opacity: 1; transform: translateX(55px) rotate(-7deg) scale(.9); }
    76%, 100% { opacity: 0; transform: translateX(42px) rotate(-10deg) scale(.72); }
}
@keyframes warehouse-cancel-barrier { 0%, 38% { opacity: .4; transform: translateX(-50%) scale(.78); } 49%, 66% { opacity: 1; transform: translateX(-50%) scale(1.12); } 78%, 100% { opacity: .72; transform: translateX(-50%) scale(.94); } }
@keyframes warehouse-cancel-stamp { 0%, 45% { opacity: 0; transform: rotate(-8deg) scale(1.7); } 56%, 77% { opacity: 1; transform: rotate(-8deg) scale(1); } 92%, 100% { opacity: 0; transform: rotate(-8deg) scale(.94); } }
@keyframes warehouse-cancel-spark { 0%, 46% { opacity: 0; transform: scale(.3) rotate(0); } 57% { opacity: 1; transform: scale(1.2) rotate(45deg); } 75%, 100% { opacity: 0; transform: translate(7px, -5px) scale(.4) rotate(90deg); } }

.warehouse-cancel-modal textarea {
    min-height: 105px;
    border-color: #e6cdd0;
    border-radius: 12px;
    background: #fffdfd;
    box-shadow: inset 0 1px 2px rgba(74, 24, 30, .04);
}
.warehouse-cancel-modal textarea:focus { border-color: #de6a73; box-shadow: 0 0 0 3px rgba(219, 74, 85, .1); }
.warehouse-cancel-modal .fi-modal-footer { padding: 14px 22px 20px; border-top: 0; }
.warehouse-cancel-modal .fi-modal-footer-actions { display: grid; grid-template-columns: .72fr 1.28fr; gap: 10px; width: 100%; }
.warehouse-cancel-modal .fi-modal-footer-actions .fi-btn { justify-content: center; min-height: 42px; border-radius: 11px; font-weight: 800; }
.warehouse-cancel-modal .fi-modal-footer-actions .fi-btn-color-danger {
    color: #fff;
    background: linear-gradient(135deg, #bd3541, #e25761);
    box-shadow: 0 8px 18px rgba(186, 47, 59, .2), inset 0 1px rgba(255, 255, 255, .2);
}
.warehouse-cancel-modal .fi-modal-footer-actions .fi-btn-color-danger:hover {
    background: linear-gradient(135deg, #a92d38, #d34752);
    box-shadow: 0 10px 22px rgba(186, 47, 59, .28), inset 0 1px rgba(255, 255, 255, .22);
    transform: translateY(-1px);
}

@media (max-width: 520px) {
    .warehouse-cancel-artwork { grid-template-columns: 1fr; gap: 5px; }
    .warehouse-cancel-artwork__copy span { display: none; }
    .warehouse-cancel-artwork__scene { height: 80px; }
}

@media (prefers-reduced-motion: reduce) {
    .warehouse-cancel-artwork__route i,
    .warehouse-cancel-artwork__document,
    .warehouse-cancel-artwork__barrier,
    .warehouse-cancel-artwork__stamp,
    .warehouse-cancel-artwork__spark { animation: none !important; }
}

.fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-pagination {
    border-top-color: #e2ebf2;
    background: #fbfdff;
}

@media (max-width: 768px) {
    .fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header {
        min-height: 0;
        padding: 15px;
    }

    .fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-tabs {
        width: 100%;
    }

    .warehouse-receipt-table-heading__subtitle {
        display: none;
    }
}

.fi-resource-warehouse-stocks .fi-ta-ctn {
    overflow: hidden;
    border: 1px solid #d9e6f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(10, 65, 109, .065);
}

.fi-resource-warehouse-stocks .fi-ta-header {
    min-height: 66px;
    padding: 10px 14px;
    border-bottom: 1px solid #e3ebf2;
    background:
        radial-gradient(circle at 0 50%, rgba(49, 145, 210, .12), transparent 32%),
        linear-gradient(180deg, #edf5fb 0%, #f5f9fc 100%);
}

.fi-resource-warehouse-stocks .fi-ta-header-heading {
    width: 100%;
}

.warehouse-stock-table-heading {
    display: flex;
    align-items: center;
    gap: 10px;
}

.warehouse-stock-table-heading__icon {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, #1977c8 0%, #075395 100%);
    box-shadow: 0 6px 14px rgba(4, 76, 137, .22), inset 0 1px rgba(255, 255, 255, .22);
}

.warehouse-stock-table-heading__icon svg {
    width: 17px;
    height: 17px;
    stroke-width: 1.8;
}

.warehouse-stock-table-heading__copy,
.warehouse-stock-table-heading__title,
.warehouse-stock-table-heading__subtitle {
    display: block;
}

.warehouse-stock-table-heading__title {
    color: #193750;
    font-size: .88rem;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.01em;
}

.warehouse-stock-table-heading__subtitle {
    margin-top: 3px;
    color: #70889d;
    font-size: .56rem;
    font-weight: 600;
    line-height: 1.25;
}

.fi-resource-warehouse-stocks .fi-ta-search-field .fi-input-wrp {
    border: 1px solid #d9e6f0;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(12, 74, 124, .045);
}

.fi-resource-warehouse-stocks .fi-ta-table > thead {
    background: #f0f6fa;
}

.fi-resource-warehouse-stocks .fi-ta-header-cell {
    border-bottom-color: #dbe6ef;
    color: #557087;
    font-size: .61rem;
    font-weight: 800;
}

.fi-resource-warehouse-stocks .fi-ta-row {
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.fi-resource-warehouse-stocks .fi-ta-row:hover {
    position: relative;
    z-index: 1;
    background: #f4faff !important;
    box-shadow: inset 3px 0 #2a8bd0, 0 5px 14px rgba(12, 81, 134, .055);
}

.fi-resource-warehouse-stocks .fi-ta-text-item-label {
    color: #28465f;
    font-weight: 650;
}

.fi-resource-warehouse-stocks .fi-ta-image {
    position: relative;
    isolation: isolate;
    border: 1px solid #e2ebf2;
    border-radius: 10px;
    background: #f8fbfd;
    box-shadow: 0 5px 12px rgba(11, 70, 116, .07);
    overflow: hidden;
}

.fi-resource-warehouse-stocks .fi-ta-image::after {
    position: absolute;
    top: -28%;
    left: -55%;
    z-index: 2;
    width: 18px;
    height: 156%;
    background: linear-gradient(90deg, transparent, rgba(255, 224, 135, .2), rgba(255, 255, 255, .92), rgba(255, 210, 80, .25), transparent);
    box-shadow: 0 0 9px rgba(255, 216, 99, .28);
    content: '';
    pointer-events: none;
    transform: skewX(-18deg);
    animation: warehouse-product-image-shine 4.2s ease-in-out infinite;
}

.fi-resource-warehouse-stocks .fi-ta-row:nth-child(2n) .fi-ta-image::after {
    animation-delay: .55s;
}

.fi-resource-warehouse-stocks .fi-ta-row:nth-child(3n) .fi-ta-image::after {
    animation-delay: 1.1s;
}

@keyframes warehouse-product-image-shine {
    0%, 46% {
        left: -55%;
        opacity: 0;
    }

    54% {
        opacity: 1;
    }

    72%, 100% {
        left: 125%;
        opacity: 0;
    }
}

.fi-resource-warehouse-stocks .fi-ta-image img {
    position: relative;
    z-index: 1;
    border-radius: 7px;
    transition: filter .28s ease, transform .28s ease;
}

.fi-resource-warehouse-stocks .fi-table-cell-product\.product-image button:hover .fi-ta-image img {
    filter: saturate(1.12) drop-shadow(0 5px 7px rgba(190, 133, 16, .2));
    transform: scale(1.08) rotate(-2deg);
}

@media (prefers-reduced-motion: reduce) {
    .fi-resource-warehouse-stocks .fi-ta-image::after {
        animation: none;
    }
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge {
    position: relative;
    isolation: isolate;
    overflow: visible;
    min-width: 76px;
    border-radius: 8px;
    font-weight: 750;
    transition: transform .2s ease, box-shadow .2s ease;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge::after {
    position: absolute;
    inset: -2px;
    z-index: -1;
    border: 1px solid currentColor;
    border-radius: 10px;
    content: '';
    pointer-events: none;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-success::after {
    animation: warehouse-stock-status-normal 2.8s ease-out infinite;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-success .fi-badge-icon {
    animation: warehouse-stock-status-check 2.8s ease-in-out infinite;
}

@keyframes warehouse-stock-status-normal {
    0%, 58%, 100% {
        opacity: 0;
        transform: scale(1);
    }

    68% {
        opacity: .28;
    }

    88% {
        opacity: 0;
        transform: scale(1.12);
    }
}

@keyframes warehouse-stock-status-check {
    0%, 58%, 100% { transform: scale(1); }
    68% { transform: scale(1.16); }
    78% { transform: scale(.95); }
    88% { transform: scale(1); }
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-danger {
    min-width: 94px;
    border: 1px solid rgba(238, 67, 86, .28);
    color: #d52f47;
    background: linear-gradient(135deg, #fff4f5, #ffe5e9);
    box-shadow: 0 0 0 0 rgba(239, 68, 68, .18), 0 6px 15px rgba(221, 55, 76, .11);
    font-weight: 850;
    animation: warehouse-stock-status-low 1.55s ease-in-out infinite;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-danger .fi-badge-icon {
    color: #ef4058;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-danger::after {
    animation: warehouse-stock-status-alert-ring 1.55s ease-out infinite;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-danger .fi-badge-icon {
    transform-origin: 50% 85%;
    animation: warehouse-stock-status-alert-icon 1.55s ease-in-out infinite;
}

@keyframes warehouse-stock-status-low {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, .08), 0 6px 15px rgba(221, 55, 76, .11);
        transform: translateY(0) scale(1);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(239, 68, 68, .09), 0 9px 20px rgba(221, 55, 76, .2);
        transform: translateY(-1px) scale(1.045);
    }
}

@keyframes warehouse-stock-status-alert-ring {
    0% { opacity: .42; transform: scale(1); }
    72%, 100% { opacity: 0; transform: scale(1.16); }
}

@keyframes warehouse-stock-status-alert-icon {
    0%, 44%, 100% { transform: rotate(0); }
    52% { transform: rotate(-9deg); }
    60% { transform: rotate(8deg); }
    68% { transform: rotate(-5deg); }
    76% { transform: rotate(0); }
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-warning {
    overflow: hidden;
    min-width: 126px;
    border: 1px solid rgba(217, 154, 18, .32);
    color: #a96605;
    background: linear-gradient(135deg, #fffbed, #fff1bb);
    box-shadow: 0 6px 16px rgba(213, 151, 21, .14);
    font-weight: 850;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-warning .fi-badge-icon {
    color: #e6a008;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-warning::after {
    inset: -45% auto -45% -35%;
    z-index: 0;
    width: 18px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);
    opacity: 0;
    transform: rotate(18deg);
    animation: warehouse-stock-status-maximum 3.5s ease-in-out infinite;
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge.fi-color-warning > * {
    position: relative;
    z-index: 1;
}

@keyframes warehouse-stock-status-maximum {
    0%, 48% { left: -35%; opacity: 0; }
    55% { opacity: .75; }
    76%, 100% { left: 115%; opacity: 0; }
}

.fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge:hover {
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
    .fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge,
    .fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge::after,
    .fi-resource-warehouse-stocks .fi-table-cell-stock-status .fi-badge .fi-badge-icon {
        animation: none !important;
    }
}

.fi-resource-warehouse-stocks .fi-ta-summary-header-row,
.fi-resource-warehouse-stocks .fi-ta-summary-row {
    background: linear-gradient(180deg, #f3f8fc, #edf5fa);
}

.fi-resource-warehouse-stocks .fi-pagination {
    border-top-color: #e2ebf2;
    background: #fbfdff;
}

@keyframes warehouseRouteTravel {
    to { stroke-dashoffset: -1; }
}

@keyframes warehouseLivePulse {
    0% { opacity: .9; transform: scale(.65); }
    80%, 100% { opacity: 0; transform: scale(1.7); }
}

@keyframes warehouseHaloBreathe {
    0%, 100% { opacity: .68; transform: translate(-50%, -50%) rotate(-8deg) scale(.96); }
    50% { opacity: 1; transform: translate(-50%, -50%) rotate(-4deg) scale(1.04); }
}

@keyframes warehouseBuildingFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

@keyframes warehouseGoldFloat {
    0%, 100% { transform: skewX(-8deg) translateY(0) rotate(-1deg); }
    50% { transform: skewX(-8deg) translateY(-7px) rotate(1deg); }
}

@keyframes warehouseStatusFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes warehouseBadgeFloat {
    0%, 100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-6px) rotate(3deg); }
}

@media (max-width: 1250px) {
    .central-warehouse-overview__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .warehouse-overview-card--current,
    .warehouse-overview-card--outbound {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .central-warehouse-hero__content {
        width: 64%;
        padding-inline: 28px;
    }

    .central-warehouse-art,
    .shop-warehouse-art {
        right: -55px;
        width: 46%;
    }
}

@media (max-width: 800px) {
    .central-warehouse-overview__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .warehouse-overview-card--current,
    .warehouse-overview-card--outbound {
        grid-column: 1 / -1;
    }

    .central-warehouse-hero {
        min-height: 450px;
    }

    .central-warehouse-hero__content {
        width: 100%;
        padding: 25px 24px;
    }

    .central-warehouse-hero__content > p {
        max-width: 90%;
    }

    .central-warehouse-hero__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .central-warehouse-art,
    .shop-warehouse-art {
        top: auto;
        right: 50%;
        bottom: -10px;
        width: 450px;
        height: 260px;
        min-width: 0;
        opacity: .72;
        scale: 1;
        transform: translateX(50%) scale(.8);
        transform-origin: bottom center;
    }
}

@media (max-width: 520px) {
    .central-warehouse-hero {
        min-height: 475px;
        border-radius: 19px;
    }

    .central-warehouse-hero h1 {
        font-size: 2.1rem;
    }

    .central-warehouse-hero__eyebrow {
        font-size: .49rem;
        letter-spacing: .13em;
    }

    .central-warehouse-hero__actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .central-warehouse-hero__metrics {
        margin-top: 13px;
    }

    .central-warehouse-art,
    .shop-warehouse-art {
        bottom: -18px;
        transform: translateX(50%) scale(.72);
    }

    .central-warehouse-overview__grid {
        grid-template-columns: 1fr;
    }

    .warehouse-overview-card--current,
    .warehouse-overview-card--outbound {
        grid-column: auto;
    }

    .warehouse-overview-card__current-body {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .central-warehouse-hero__route-lights path,
    .central-warehouse-hero__eyebrow > span::after,
    .central-warehouse-art__halo,
    .central-warehouse-art__building,
    .central-warehouse-art__gold,
    .central-warehouse-art__status,
    .central-warehouse-art__badge,
    .shop-warehouse-art__halo,
    .shop-warehouse-art__store,
    .shop-warehouse-art__status,
    .shop-warehouse-art__parcel,
    .shop-warehouse-art__distribution-light path {
        animation: none !important;
    }

    .central-warehouse-hero__primary-action,
    .central-warehouse-hero__primary-action::after,
    .warehouse-overview-card,
    .fi-resource-warehouse-stocks .fi-ta-row {
        transition: none !important;
    }
}

.shop-warehouse-overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shop-warehouse-overview .warehouse-stat-card:nth-child(n) {
    grid-column: auto;
}

.shop-warehouse-tabs {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 4px;
    justify-self: start;
    padding: 5px;
    border: 1px solid #d5e5f1;
    border-radius: 14px;
    background: rgba(248, 252, 255, .94);
    box-shadow: 0 7px 18px rgba(10, 69, 113, .06);
}

.shop-warehouse-tabs__item {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 10px;
    color: #647b8f;
    font-size: .72rem;
    font-weight: 800;
    transition: background .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.shop-warehouse-tabs__item svg {
    width: 17px;
    height: 17px;
}

.shop-warehouse-tabs__item b {
    display: grid;
    min-width: 21px;
    height: 21px;
    place-items: center;
    padding-inline: 5px;
    border: 1px solid #d8e6f0;
    border-radius: 7px;
    background: #fff;
    color: #52718a;
    font-size: .64rem;
}

.shop-warehouse-tabs__item:hover {
    color: #0866a9;
    background: #eaf6ff;
    transform: translateY(-1px);
}

.shop-warehouse-tabs__item.is-active {
    color: #fff;
    background: linear-gradient(135deg, #0872bb, #075696);
    box-shadow: 0 6px 14px rgba(5, 91, 151, .2);
}

.shop-warehouse-tabs--receipts .shop-warehouse-tabs__item.is-active {
    background: linear-gradient(135deg, #20b47a, #087c58);
    box-shadow: 0 6px 14px rgba(8, 124, 88, .2);
}

.shop-warehouse-tabs--issues .shop-warehouse-tabs__item.is-active {
    background: linear-gradient(135deg, #eb5961, #bc2838);
    box-shadow: 0 6px 14px rgba(188, 40, 56, .2);
}

.shop-warehouse-tabs__item.is-active b {
    border-color: rgba(255, 255, 255, .24);
    color: #075c9c;
}

.shop-warehouse-bill-header {
    --shop-flow-color: #24a873;
    --shop-flow-dark: #087c58;
    --shop-flow-soft: rgba(36, 168, 115, .14);
    display: grid;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    grid-template-columns: minmax(240px, 1fr) 230px minmax(300px, 390px);
    gap: 14px 24px;
    align-items: center;
    padding: 18px 20px;
    border: 1px solid #cfe3f2;
    border-radius: 18px;
    background:
        radial-gradient(circle at 74% 10%, var(--shop-flow-soft), transparent 34%),
        linear-gradient(135deg, #f9fdff, #edf7fd);
    box-shadow: 0 10px 25px rgba(9, 70, 115, .075);
}

.shop-warehouse-bill-header--issue {
    --shop-flow-color: #e6535d;
    --shop-flow-dark: #b82436;
    --shop-flow-soft: rgba(230, 83, 93, .14);
    border-color: #f0d5d8;
    background:
        radial-gradient(circle at 74% 10%, var(--shop-flow-soft), transparent 34%),
        linear-gradient(135deg, #fffdfd, #fff2f3);
}

.shop-warehouse-bill-header__routes {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
}

.shop-warehouse-bill-header__routes path {
    fill: none;
    stroke: color-mix(in srgb, var(--shop-flow-color) 20%, transparent);
    stroke-width: .8;
    vector-effect: non-scaling-stroke;
}

.shop-warehouse-bill-header__routes .shop-warehouse-bill-header__route-light {
    stroke: var(--shop-flow-color);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: .07 .93;
    stroke-dashoffset: 1;
    filter: drop-shadow(0 0 5px color-mix(in srgb, var(--shop-flow-color) 70%, transparent));
    animation: shopBillRouteLight 5.2s linear infinite;
}

.shop-warehouse-bill-header__copy {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
}

.shop-warehouse-bill-header__icon {
    display: grid;
    width: 43px;
    height: 43px;
    flex: none;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(145deg, var(--shop-flow-color), var(--shop-flow-dark));
    box-shadow: 0 8px 16px color-mix(in srgb, var(--shop-flow-dark) 24%, transparent);
}

.shop-warehouse-bill-header__icon svg { width: 21px; height: 21px; }
.shop-warehouse-bill-header__copy > div { min-width: 0; }
.shop-warehouse-bill-header__copy small { color: var(--shop-flow-dark); font-size: .5rem; font-weight: 900; letter-spacing: .16em; }
.shop-warehouse-bill-header__copy h1 { margin: 2px 0 0; color: #153b59; font-size: 1.08rem; font-weight: 900; }
.shop-warehouse-bill-header__copy p { margin: 3px 0 0; overflow: hidden; color: #7690a4; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }

.shop-warehouse-bill-header__branch {
    display: grid;
    min-width: 0;
    min-height: 42px;
    grid-template-columns: 18px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #c9ddea;
    border-radius: 11px;
    color: #17689f;
    background: rgba(255, 255, 255, .88);
}

.shop-warehouse-bill-header__actions {
    display: flex;
    position: relative;
    z-index: 2;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.shop-warehouse-bill-header__actions .shop-warehouse-bill-header__branch {
    min-width: 0;
    flex: 1 1 210px;
}

.shop-warehouse-bill-header__create {
    display: flex;
    min-height: 42px;
    flex: none;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(135deg, var(--shop-flow-color), var(--shop-flow-dark));
    box-shadow: 0 7px 15px color-mix(in srgb, var(--shop-flow-dark) 22%, transparent);
    font-size: .67rem;
    font-weight: 850;
    transition: transform .2s ease, box-shadow .2s ease;
}

.shop-warehouse-bill-header__create:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, var(--shop-flow-dark) 28%, transparent);
}

.shop-warehouse-bill-header__create svg { width: 17px; height: 17px; }

.shop-warehouse-bill-header__branch svg { width: 17px; height: 17px; }
.shop-warehouse-bill-header__branch select { min-width: 0; border: 0; outline: 0; color: #284c67; background: transparent; font-size: .72rem; font-weight: 800; }
.shop-warehouse-bill-header > .shop-warehouse-tabs { position: relative; z-index: 2; grid-column: 1 / -1; }

.shop-warehouse-bill-art {
    display: flex;
    position: relative;
    z-index: 2;
    height: 74px;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.shop-warehouse-bill-art::before {
    position: absolute;
    z-index: -1;
    width: 220px;
    height: 72px;
    border: 1px solid color-mix(in srgb, var(--shop-flow-color) 18%, transparent);
    border-radius: 50%;
    background: radial-gradient(ellipse, var(--shop-flow-soft), transparent 68%);
    content: '';
    animation: shopBillHalo 5s ease-in-out infinite;
}

.shop-warehouse-bill-art__gold {
    display: grid;
    position: relative;
    width: 54px;
    height: 37px;
    flex: none;
    place-items: center;
    border: 1px solid #f8d670;
    border-radius: 8px;
    background: linear-gradient(145deg, #fff0a3, #e8aa27 60%, #b96b08);
    box-shadow: inset 0 3px rgba(255, 255, 255, .36), 0 8px 14px rgba(102, 63, 0, .16);
    transform: skewX(-5deg);
    animation: shopBillGoldFloat 4.6s ease-in-out infinite;
}

.shop-warehouse-bill-art__gold::after {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    background: linear-gradient(105deg, transparent 25%, rgba(255, 255, 255, .6) 48%, transparent 70%);
    content: '';
    transform: translateX(-130%);
    animation: shopBillGoldShine 3.8s ease-in-out infinite;
}

.shop-warehouse-bill-art__gold i { color: #825407; font-size: .52rem; font-style: normal; font-weight: 950; }
.shop-warehouse-bill-art__gold small { position: absolute; top: calc(100% + 4px); color: var(--shop-flow-dark); font-size: .25rem; font-weight: 900; letter-spacing: .12em; }

.shop-warehouse-bill-art__flow {
    display: flex;
    width: 46px;
    align-items: center;
    color: var(--shop-flow-color);
}

.shop-warehouse-bill-art__flow i {
    position: relative;
    width: 38px;
    height: 2px;
    overflow: hidden;
    background: color-mix(in srgb, var(--shop-flow-color) 24%, transparent);
}

.shop-warehouse-bill-art__flow i::after {
    position: absolute;
    top: 0;
    left: -16px;
    width: 16px;
    height: 2px;
    border-radius: 99px;
    background: var(--shop-flow-color);
    box-shadow: 0 0 7px var(--shop-flow-color);
    content: '';
    animation: shopBillFlowRunner 2s linear infinite;
}

.shop-warehouse-bill-art__flow b { margin-left: -1px; font-size: .9rem; }

.shop-warehouse-bill-art__store {
    display: grid;
    position: relative;
    width: 68px;
    height: 55px;
    flex: none;
    place-items: center;
    border: 1px solid #bdd8e8;
    border-radius: 9px 9px 6px 6px;
    background: linear-gradient(145deg, #fff, #dceef7);
    box-shadow: 0 9px 16px rgba(13, 79, 121, .14);
    animation: shopBillStoreFloat 5.2s ease-in-out infinite;
}

.shop-warehouse-bill-art__store strong { margin-top: -8px; color: #d42e3d; font-size: .36rem; font-weight: 950; }
.shop-warehouse-bill-art__store strong em { font-style: normal; }
.shop-warehouse-bill-art__store > i { display: grid; position: absolute; top: 20px; right: -3px; left: -3px; height: 12px; grid-template-columns: repeat(4, 1fr); overflow: hidden; border-radius: 3px 3px 5px 5px; }
.shop-warehouse-bill-art__store > i b:nth-child(odd) { background: #efb92f; }
.shop-warehouse-bill-art__store > i b:nth-child(even) { background: var(--shop-flow-color); }
.shop-warehouse-bill-art__store small { position: absolute; bottom: 5px; color: #66859a; font-size: .23rem; font-weight: 900; letter-spacing: .08em; }

.shop-warehouse-bill-art__status {
    display: grid;
    position: absolute;
    right: -2px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 7px;
    color: #fff;
    background: linear-gradient(145deg, var(--shop-flow-color), var(--shop-flow-dark));
    box-shadow: 0 5px 10px color-mix(in srgb, var(--shop-flow-dark) 24%, transparent);
    animation: shopBillStatusPulse 2.6s ease-in-out infinite;
}

.shop-warehouse-bill-art__status svg { width: 11px; height: 11px; }

@keyframes shopBillRouteLight {
    0% { opacity: 0; stroke-dashoffset: 1; }
    15%, 82% { opacity: .85; }
    100% { opacity: 0; stroke-dashoffset: 0; }
}

@keyframes shopBillHalo {
    0%, 100% { opacity: .65; transform: scale(.94); }
    50% { opacity: 1; transform: scale(1.05); }
}

@keyframes shopBillGoldFloat {
    0%, 100% { transform: skewX(-5deg) translateY(0); }
    50% { transform: skewX(-5deg) translateY(-4px); }
}

@keyframes shopBillGoldShine {
    0%, 35% { opacity: 0; transform: translateX(-130%); }
    48%, 70% { opacity: .8; }
    82%, 100% { opacity: 0; transform: translateX(130%); }
}

@keyframes shopBillFlowRunner {
    to { transform: translateX(54px); }
}

@keyframes shopBillStoreFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

@keyframes shopBillStatusPulse {
    0%, 100% { transform: scale(.96); }
    50% { transform: scale(1.08); }
}

@media (max-width: 1200px) {
    .shop-warehouse-bill-header {
        grid-template-columns: minmax(230px, 1fr) minmax(300px, 390px);
    }

    .shop-warehouse-bill-art {
        display: none;
    }
}

@media (max-width: 1050px) {
    .shop-warehouse-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .shop-warehouse-overview {
        grid-template-columns: 1fr;
    }

    .shop-warehouse-tabs {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .shop-warehouse-tabs__item {
        justify-content: center;
        padding-inline: 8px;
    }

    .shop-warehouse-tabs__item span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .shop-warehouse-bill-header {
        grid-template-columns: 1fr;
        padding: 15px;
    }

    .shop-warehouse-bill-header__branch {
        width: 100%;
    }

    .shop-warehouse-bill-header__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .shop-warehouse-bill-header__actions .shop-warehouse-bill-header__branch {
        flex-basis: auto;
    }

    .shop-warehouse-bill-header__create {
        justify-content: center;
    }

    .shop-warehouse-bill-header > .shop-warehouse-tabs {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-warehouse-bill-header__route-light,
    .shop-warehouse-bill-art::before,
    .shop-warehouse-bill-art__gold,
    .shop-warehouse-bill-art__gold::after,
    .shop-warehouse-bill-art__flow i::after,
    .shop-warehouse-bill-art__store,
    .shop-warehouse-bill-art__status {
        animation: none !important;
    }
}

/* Shop warehouse decision actions */
:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions {
    flex-wrap: nowrap;
    gap: 7px;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions :is(.warehouse-approve-action, .warehouse-cancel-action) {
    white-space: nowrap;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 36px;
    padding: 5px 13px 5px 6px;
    border: 1px solid #078353;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(135deg, #05744a 0%, #0b9d63 58%, #16b875 100%) !important;
    box-shadow: 0 7px 15px rgba(5, 126, 80, .22), inset 0 1px rgba(255, 255, 255, .24);
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .01em;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, filter .2s ease;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action::after {
    position: absolute;
    top: -70%;
    left: -42%;
    z-index: 0;
    width: 27%;
    height: 240%;
    content: '';
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(220, 255, 239, .72), transparent);
    transform: skewX(-20deg);
    animation: warehouse-approve-action-light 3.8s ease-in-out infinite;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action > * {
    position: relative;
    z-index: 1;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action span {
    color: #fff !important;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action svg {
    width: 24px;
    height: 24px;
    padding: 4px;
    border: 1px solid rgba(218, 255, 236, .58);
    border-radius: 50%;
    color: #f3fff8 !important;
    background: rgba(222, 255, 238, .16);
    box-shadow: inset 0 1px rgba(255, 255, 255, .28), 0 2px 6px rgba(1, 87, 53, .16);
    stroke-width: 2.15;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action:hover {
    border-color: #27c982;
    color: #fff !important;
    background: linear-gradient(135deg, #046640 0%, #078c58 56%, #11a96a 100%) !important;
    box-shadow: 0 10px 21px rgba(3, 119, 73, .3), 0 0 0 3px rgba(32, 194, 123, .12), inset 0 1px rgba(255, 255, 255, .25);
    filter: saturate(1.06);
    transform: translateY(-2px);
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action:focus-visible {
    outline: 3px solid rgba(30, 196, 124, .22);
    outline-offset: 2px;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action {
    min-height: 36px;
    padding: 6px 11px;
    border: 1px solid #efb2b7;
    border-radius: 12px;
    color: #c83f49 !important;
    background: linear-gradient(180deg, #fff, #fff5f5) !important;
    box-shadow: 0 5px 12px rgba(190, 55, 66, .09), inset 0 1px #fff;
    font-size: .65rem;
    font-weight: 850;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action :is(span, svg) {
    color: #c83f49 !important;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action svg {
    width: 18px;
    height: 18px;
    stroke-width: 2;
}

:is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-cancel-action:hover {
    border-color: #e16a73;
    background: linear-gradient(180deg, #fff8f8, #ffeded) !important;
    box-shadow: 0 8px 17px rgba(190, 55, 66, .16), 0 0 0 3px rgba(221, 77, 88, .08);
    transform: translateY(-1px);
}

.shop-warehouse-approval-modal .fi-modal-footer-actions .fi-btn-color-success {
    border: 1px solid #078353;
    color: #fff;
    background: linear-gradient(135deg, #05744a, #16b875);
    box-shadow: 0 8px 18px rgba(5, 126, 80, .22), inset 0 1px rgba(255, 255, 255, .22);
}

.shop-warehouse-approval-modal .fi-modal-footer-actions .fi-btn-color-success:hover {
    background: linear-gradient(135deg, #046640, #11a96a);
    box-shadow: 0 10px 22px rgba(3, 119, 73, .3), inset 0 1px rgba(255, 255, 255, .24);
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
    :is(.fi-resource-shop-warehouse-issues, .fi-resource-shop-warehouse-receipts).fi-resource-list-records-page .fi-ta-actions .warehouse-approve-action::after {
        animation: none;
    }
}

/* The native select popup ignores the application palette, so Shop Warehouse uses a themed top-layer picker. */
.shop-branch-picker {
    --branch-picker-accent: #1478c7;
    --branch-picker-dark: #07579a;
    --branch-picker-soft: #eaf5fd;
    --branch-picker-ring: rgba(20, 120, 199, .14);
    position: relative;
    min-width: 280px;
}

.shop-branch-picker--green {
    --branch-picker-accent: #20b47a;
    --branch-picker-dark: #087c58;
    --branch-picker-soft: #eaf9f3;
    --branch-picker-ring: rgba(32, 180, 122, .14);
}

.shop-branch-picker--red {
    --branch-picker-accent: #e44755;
    --branch-picker-dark: #9f2034;
    --branch-picker-soft: #fff0f2;
    --branch-picker-ring: rgba(228, 71, 85, .13);
}

.central-warehouse-hero__branch-picker {
    width: min(330px, 100%);
}

.shop-warehouse-bill-header__branch-picker {
    min-width: 0;
    flex: 1 1 220px;
}

.shop-branch-picker__trigger {
    display: grid;
    width: 100%;
    min-height: 42px;
    grid-template-columns: 28px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 7px;
    border: 1px solid rgba(255, 255, 255, .46);
    border-radius: 11px;
    color: #294e68;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 20px rgba(2, 34, 61, .16), inset 0 1px rgba(255, 255, 255, .72);
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.central-warehouse-hero__branch-picker .shop-branch-picker__trigger {
    min-height: 36px;
    color: #fff;
    background: rgba(3, 42, 80, .62);
    box-shadow: 0 9px 22px rgba(0, 29, 65, .2), inset 0 1px rgba(255, 255, 255, .1);
    backdrop-filter: blur(12px);
}

.shop-branch-picker__trigger:hover,
.shop-branch-picker__trigger:focus-visible {
    border-color: color-mix(in srgb, var(--branch-picker-accent) 58%, white);
    box-shadow: 0 10px 24px rgba(2, 34, 61, .2), 0 0 0 3px var(--branch-picker-ring), inset 0 1px rgba(255, 255, 255, .75);
    transform: translateY(-1px);
}

.shop-branch-picker__leading {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--branch-picker-accent) 22%, white);
    border-radius: 8px;
    color: var(--branch-picker-dark);
    background: var(--branch-picker-soft);
}

.central-warehouse-hero__branch-picker .shop-branch-picker__leading {
    border-color: rgba(134, 217, 255, .28);
    color: #86d9ff;
    background: rgba(80, 173, 222, .12);
}

.shop-branch-picker__leading svg,
.shop-branch-picker__chevron svg {
    width: 16px;
    height: 16px;
}

.shop-branch-picker__value {
    overflow: hidden;
    font-size: .69rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-branch-picker__chevron {
    display: grid;
    place-items: center;
    color: var(--branch-picker-dark);
    transition: transform .2s ease;
}

.central-warehouse-hero__branch-picker .shop-branch-picker__chevron {
    color: #86d9ff;
}

.shop-branch-picker:has(.shop-branch-picker__menu:popover-open) .shop-branch-picker__chevron {
    transform: rotate(180deg);
}

.shop-branch-picker__menu {
    position: fixed;
    top: var(--branch-picker-top);
    left: var(--branch-picker-left);
    width: var(--branch-picker-width);
    max-width: calc(100vw - 24px);
    max-height: min(342px, calc(100vh - 24px));
    inset-block-end: auto;
    inset-inline-end: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid #d8e6f0;
    border-radius: 15px;
    color: #29465e;
    background: rgba(255, 255, 255, .985);
    box-shadow: 0 22px 54px rgba(6, 42, 70, .23), 0 0 0 4px var(--branch-picker-ring), inset 0 1px #fff;
    opacity: 0;
    transform: translateY(-6px) scale(.985);
    transform-origin: top center;
    transition: opacity .16s ease, transform .16s ease, display .16s allow-discrete, overlay .16s allow-discrete;
}

.shop-branch-picker__menu:popover-open {
    opacity: 1;
    transform: translateY(0) scale(1);
}

@starting-style {
    .shop-branch-picker__menu:popover-open {
        opacity: 0;
        transform: translateY(-6px) scale(.985);
    }
}

.shop-branch-picker__menu::backdrop {
    background: transparent;
}

.shop-branch-picker__menu-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-bottom: 1px solid #dfebf3;
    background: linear-gradient(135deg, var(--branch-picker-soft), #fff);
}

.shop-branch-picker__menu-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, var(--branch-picker-accent), var(--branch-picker-dark));
    box-shadow: 0 6px 13px var(--branch-picker-ring);
}

.shop-branch-picker__menu-icon svg {
    width: 17px;
    height: 17px;
}

.shop-branch-picker__menu-head strong,
.shop-branch-picker__menu-head small {
    display: block;
}

.shop-branch-picker__menu-head strong {
    color: #193b55;
    font-size: .75rem;
    font-weight: 850;
}

.shop-branch-picker__menu-head small {
    margin-top: 2px;
    color: #7890a3;
    font-size: .56rem;
    font-weight: 650;
}

.shop-branch-picker__options {
    display: grid;
    max-height: 260px;
    gap: 3px;
    overflow-y: auto;
    padding: 7px;
    overscroll-behavior: contain;
    scrollbar-color: color-mix(in srgb, var(--branch-picker-accent) 34%, white) transparent;
    scrollbar-width: thin;
}

.shop-branch-picker__option {
    display: grid;
    width: 100%;
    min-height: 40px;
    grid-template-columns: 28px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 9px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #3f5b70;
    background: transparent;
    cursor: pointer;
    font-size: .66rem;
    font-weight: 750;
    line-height: 1.25;
    text-align: left;
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.shop-branch-picker__option:hover,
.shop-branch-picker__option:focus-visible {
    border-color: color-mix(in srgb, var(--branch-picker-accent) 23%, white);
    outline: 0;
    color: var(--branch-picker-dark);
    background: var(--branch-picker-soft);
    transform: translateX(2px);
}

.shop-branch-picker__option.is-selected {
    border-color: color-mix(in srgb, var(--branch-picker-accent) 30%, white);
    color: var(--branch-picker-dark);
    background: linear-gradient(135deg, var(--branch-picker-soft), #fff);
    box-shadow: 0 5px 12px var(--branch-picker-ring);
}

.shop-branch-picker__option-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 8px;
    color: #8094a4;
    background: #f3f7fa;
}

.shop-branch-picker__option-icon svg {
    width: 15px;
    height: 15px;
}

.shop-branch-picker__option.is-selected .shop-branch-picker__option-icon {
    color: #fff;
    background: linear-gradient(145deg, var(--branch-picker-accent), var(--branch-picker-dark));
}

.shop-branch-picker__check {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    color: transparent;
    background: transparent;
}

.shop-branch-picker__check svg {
    width: 13px;
    height: 13px;
}

.shop-branch-picker__option.is-selected .shop-branch-picker__check {
    color: #fff;
    background: var(--branch-picker-accent);
    box-shadow: 0 3px 8px var(--branch-picker-ring);
}

@media (max-width: 640px) {
    .shop-branch-picker,
    .central-warehouse-hero__branch-picker,
    .shop-warehouse-bill-header__branch-picker {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-branch-picker__trigger,
    .shop-branch-picker__chevron,
    .shop-branch-picker__menu,
    .shop-branch-picker__option {
        transition: none;
    }
}

/* Shop dispatch approval: make the movement direction explicit (Shop -> Central). */
.warehouse-approval__mini-story--shop-central .warehouse-approval__mini-destination {
    right: auto;
    left: 0;
}

.warehouse-approval--issue .warehouse-approval__mini-story--shop-central .warehouse-approval__mini-vault {
    right: 0;
    left: auto;
}

.warehouse-approval--issue .warehouse-approval__mini-story--shop-central .warehouse-approval__mini-route i {
    animation-direction: normal;
}

.warehouse-approval--shop-central .warehouse-approval__receipt {
    border-color: #e8cdd1;
    background: radial-gradient(circle at 84% 0, rgba(242, 185, 60, .12), transparent 32%), linear-gradient(105deg, #fff7f8, #fffdf8);
}

.warehouse-approval__transfer-context {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px minmax(0, 1fr);
    align-items: stretch;
    gap: 10px;
    margin-top: 9px;
    padding: 10px;
    border: 1px solid #ead8da;
    border-radius: 14px;
    background: linear-gradient(105deg, #fff8f9, #fff 48%, #f1f8fd);
    box-shadow: 0 7px 18px rgba(87, 34, 43, .055);
}

.warehouse-approval__transfer-point {
    display: grid;
    min-width: 0;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid #efdadd;
    border-radius: 11px;
    background: #fff;
}

.warehouse-approval__transfer-point > span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, #e95461, #a72438);
    box-shadow: 0 6px 13px rgba(168, 37, 56, .18), inset 0 1px rgba(255, 255, 255, .24);
}

.warehouse-approval__transfer-point--destination {
    border-color: #d7e6f0;
}

.warehouse-approval__transfer-point--destination > span {
    background: linear-gradient(145deg, #238bce, #07579a);
    box-shadow: 0 6px 13px rgba(4, 76, 137, .18), inset 0 1px rgba(255, 255, 255, .24);
}

.warehouse-approval__transfer-point > span svg {
    width: 18px;
    height: 18px;
}

.warehouse-approval__transfer-point small,
.warehouse-approval__transfer-point strong {
    display: block;
}

.warehouse-approval__transfer-point small {
    color: #b53a4a;
    font-size: .44rem;
    font-weight: 900;
    letter-spacing: .1em;
}

.warehouse-approval__transfer-point--destination small {
    color: #1776b6;
}

/* Keep endpoint colors tied to the warehouse type, regardless of direction. */
.warehouse-approval__transfer-point--shop > span {
    background: linear-gradient(145deg, #e95461, #a72438);
    box-shadow: 0 6px 13px rgba(168, 37, 56, .18), inset 0 1px rgba(255, 255, 255, .24);
}

.warehouse-approval__transfer-point--shop small {
    color: #b53a4a;
}

.warehouse-approval__transfer-point--central > span {
    background: linear-gradient(145deg, #238bce, #07579a);
    box-shadow: 0 6px 13px rgba(4, 76, 137, .18), inset 0 1px rgba(255, 255, 255, .24);
}

.warehouse-approval__transfer-point--central small {
    color: #1776b6;
}

.warehouse-approval__transfer-point strong {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 3px;
    color: #263f53;
    font-size: .67rem;
    font-weight: 850;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}

.warehouse-approval__transfer-route {
    display: grid;
    position: relative;
    min-width: 0;
    place-content: center;
    grid-template-columns: minmax(0, 1fr) 14px;
    gap: 1px;
    color: #ce4050;
}

.warehouse-approval__transfer-route span {
    position: absolute;
    top: 4px;
    right: 0;
    left: 0;
    color: #a9646c;
    font-size: .48rem;
    font-weight: 850;
    text-align: center;
}

.warehouse-approval__transfer-route > i {
    position: relative;
    width: 88px;
    height: 2px;
    overflow: hidden;
    border-radius: 99px;
    background: linear-gradient(90deg, rgba(222, 73, 87, .2), rgba(31, 130, 193, .24));
}

.warehouse-approval__transfer-route > i b {
    position: absolute;
    top: 0;
    left: -22px;
    width: 22px;
    height: 2px;
    border-radius: inherit;
    background: linear-gradient(90deg, #e34a58, #f5b63f, #238bce);
    box-shadow: 0 0 7px rgba(231, 84, 93, .55);
    animation: warehouse-shop-central-route 1.35s linear infinite;
}

.warehouse-approval__transfer-route svg {
    width: 14px;
    height: 14px;
    margin-top: -6px;
}

@keyframes warehouse-shop-central-route {
    to { transform: translateX(110px); }
}

@media (max-width: 640px) {
    .warehouse-approval__transfer-context {
        grid-template-columns: 1fr;
    }

    .warehouse-approval__transfer-route {
        min-height: 34px;
        grid-template-columns: 2px;
        justify-content: center;
    }

    .warehouse-approval__transfer-route span {
        top: 1px;
    }

    .warehouse-approval__transfer-route > i {
        width: 2px;
        height: 28px;
        background: linear-gradient(180deg, rgba(222, 73, 87, .2), rgba(31, 130, 193, .24));
    }

    .warehouse-approval__transfer-route > i b {
        top: -12px;
        left: 0;
        width: 2px;
        height: 12px;
        animation-name: warehouse-shop-central-route-mobile;
    }

    .warehouse-approval__transfer-route svg {
        display: none;
    }
}

@keyframes warehouse-shop-central-route-mobile {
    to { transform: translateY(40px); }
}

@media (prefers-reduced-motion: reduce) {
    .warehouse-approval__transfer-route > i b {
        animation: none;
    }
}

/* Shop approval success stories: Central -> Shop receipt and Shop -> Central dispatch. */
.warehouse-approval-success-overlay .shop-transfer-success {
    min-height: 470px;
    padding: 34px 28px 26px;
    background: radial-gradient(circle at 50% 34%, rgba(38, 187, 126, .14), transparent 35%), linear-gradient(180deg, #fbfffd, #f2faf6);
}

.warehouse-approval-success-overlay .shop-transfer-success--issue {
    border-color: rgba(238, 164, 173, .72);
    background: radial-gradient(circle at 50% 34%, rgba(228, 71, 85, .13), transparent 35%), linear-gradient(180deg, #fffdfd, #fff5f6);
}

.shop-transfer-success__art {
    position: relative;
    width: 310px;
    max-width: 100%;
    height: 150px;
}

.shop-transfer-success__halo {
    position: absolute;
    top: 7px;
    left: 50%;
    width: 252px;
    height: 122px;
    border: 1px solid rgba(23, 159, 102, .19);
    border-radius: 50%;
    box-shadow: 15px 7px 0 -14px #f1b932;
    transform: translateX(-50%) rotate(-7deg);
    animation: shop-transfer-success-halo 4.8s linear infinite;
}

.shop-transfer-success--issue .shop-transfer-success__halo {
    border-color: rgba(220, 65, 82, .2);
}

.shop-transfer-success__shop,
.shop-transfer-success__central {
    position: absolute;
    top: 38px;
    z-index: 3;
    width: 82px;
    height: 72px;
    border-radius: 9px 9px 14px 14px;
    background: #fff;
    animation: shop-transfer-success-point-in .55s .2s both;
}

.shop-transfer-success__point--from {
    left: 2px;
}

.shop-transfer-success__point--to {
    right: 2px;
    animation-delay: 2.05s;
}

.shop-transfer-success__shop {
    border: 2px solid #ca4352;
    background: linear-gradient(145deg, #fff, #fbe6e9);
    box-shadow: 0 14px 25px rgba(167, 37, 56, .17), inset 0 1px #fff;
}

.shop-transfer-success__shop::before {
    position: absolute;
    top: -11px;
    right: -5px;
    left: -5px;
    height: 18px;
    border: 1px solid #cc941b;
    border-radius: 7px 7px 3px 3px;
    content: '';
    background: repeating-linear-gradient(90deg, #ffe38a 0 14px, #efae25 14px 27px);
    box-shadow: inset 0 2px rgba(255, 255, 255, .52);
}

.shop-transfer-success__shop > b {
    position: absolute;
    top: 13px;
    right: 0;
    left: 0;
    color: #ba3041;
    font-size: .48rem;
    font-weight: 950;
    letter-spacing: .04em;
    text-align: center;
}

.shop-transfer-success__shop > b em {
    color: #d69a13;
    font-style: normal;
}

.shop-transfer-success__shop > i {
    display: grid;
    position: absolute;
    right: 10px;
    bottom: 9px;
    left: 10px;
    height: 26px;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
    padding: 3px;
    border: 1px solid #dda4aa;
    border-radius: 4px;
    background: rgba(255, 255, 255, .65);
}

.shop-transfer-success__shop > i u {
    border-radius: 2px;
    background: linear-gradient(145deg, #ffd69a, #ed8a73);
    text-decoration: none;
}

.shop-transfer-success__shop > i u:nth-child(even) {
    background: linear-gradient(180deg, #df5060, #a92538);
}

.shop-transfer-success__central {
    border: 2px solid #0b6da9;
    background: linear-gradient(145deg, #eefaff, #cfeaf6);
    box-shadow: 0 14px 25px rgba(6, 91, 148, .17), inset 0 1px #fff;
}

.shop-transfer-success__central > b {
    position: absolute;
    top: -11px;
    right: -5px;
    left: -5px;
    height: 18px;
    border: 1px solid #cc941b;
    border-radius: 7px 7px 3px 3px;
    background: linear-gradient(180deg, #ffe58c, #e9ab24);
    box-shadow: inset 0 2px rgba(255, 255, 255, .52);
}

.shop-transfer-success__central > strong {
    position: absolute;
    top: 13px;
    left: 10px;
    color: #0b69a8;
    font-size: .48rem;
    font-weight: 950;
    line-height: .82;
    letter-spacing: .06em;
}

.shop-transfer-success__central > i {
    display: flex;
    position: absolute;
    right: 10px;
    bottom: 9px;
    left: 10px;
    gap: 3px;
    padding: 4px;
    border: 1px solid #73badc;
    border-radius: 4px;
    background: rgba(255, 255, 255, .58);
}

.shop-transfer-success__central > i u {
    height: 13px;
    flex: 1;
    border-radius: 2px;
    background: linear-gradient(145deg, #ffe37d, #d99b13);
    text-decoration: none;
}

.shop-transfer-success__shop > small,
.shop-transfer-success__central > small {
    position: absolute;
    right: 0;
    bottom: -18px;
    left: 0;
    color: #748da0;
    font-size: .38rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-align: center;
}

.shop-transfer-success__route {
    position: absolute;
    top: 74px;
    right: 80px;
    left: 80px;
    height: 2px;
    overflow: hidden;
    border-radius: 99px;
    background: linear-gradient(90deg, rgba(222, 68, 84, .18), rgba(238, 178, 49, .4), rgba(26, 129, 193, .18));
}

.shop-transfer-success__route i {
    position: absolute;
    inset: -3px 0;
    background: repeating-linear-gradient(90deg, transparent 0 12px, rgba(232, 73, 87, .6) 12px 16px);
    animation: shop-transfer-success-route .78s linear infinite;
}

.shop-transfer-success--receipt .shop-transfer-success__route i {
    background: repeating-linear-gradient(90deg, transparent 0 12px, rgba(32, 170, 115, .65) 12px 16px);
}

.shop-transfer-success__gold {
    display: grid;
    position: absolute;
    top: 60px;
    left: 72px;
    z-index: 5;
    width: 43px;
    height: 28px;
    place-items: center;
    border: 1px solid #ca8a0b;
    border-radius: 7px 7px 9px 9px;
    color: #725008;
    background: linear-gradient(145deg, #ffeca1, #edae21);
    box-shadow: inset 0 2px rgba(255, 255, 255, .55), 0 8px 15px rgba(180, 116, 7, .24);
    font-family: Georgia, serif;
    font-size: .55rem;
    font-weight: 900;
    animation: shop-transfer-success-gold 2.65s .35s cubic-bezier(.35, 0, .2, 1) both;
}

.shop-transfer-success__check {
    display: grid;
    position: absolute;
    top: 16px;
    right: -6px;
    z-index: 6;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #2dd18b, #0aa968);
    box-shadow: 0 9px 21px rgba(9, 168, 103, .26), 0 0 0 6px rgba(35, 201, 130, .1);
    animation: warehouse-approval-check-pop .58s 2.42s cubic-bezier(.2, 1.5, .4, 1) both;
}

.shop-transfer-success__check svg {
    width: 22px;
    height: 22px;
    stroke-width: 2.7;
}

.shop-transfer-success__spark {
    position: absolute;
    z-index: 7;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: #f3bf36;
    box-shadow: 0 0 10px rgba(243, 191, 54, .65);
    animation: warehouse-approval-spark 1.35s ease-in-out infinite;
}

.shop-transfer-success__spark--one { top: 19px; left: 104px; animation-delay: 2.3s; }
.shop-transfer-success__spark--two { top: 45px; right: 44px; background: #49bde9; animation-delay: 2.48s; }
.shop-transfer-success__spark--three { bottom: 10px; left: 145px; width: 5px; height: 5px; animation-delay: 2.62s; }

.shop-transfer-success--issue .warehouse-approval-success__eyebrow {
    color: #c43a4b;
}

.shop-transfer-success__summary {
    display: grid;
    width: min(430px, 100%);
    grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
    align-items: stretch;
    gap: 7px;
    margin-top: 14px;
    animation: warehouse-approval-copy-in .42s 2.28s both;
}

.shop-transfer-success__summary > span {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid #dce8ef;
    border-radius: 10px;
    background: rgba(255, 255, 255, .82);
}

.shop-transfer-success__summary small,
.shop-transfer-success__summary strong {
    display: block;
}

.shop-transfer-success__summary small {
    color: #8096a7;
    font-size: .42rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.shop-transfer-success__summary strong {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 3px;
    color: #25445b;
    font-size: .61rem;
    font-weight: 850;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.shop-transfer-success__summary > i {
    display: grid;
    place-items: center;
    color: #1eaa70;
}

.shop-transfer-success--issue .shop-transfer-success__summary > i {
    color: #d54857;
}

.shop-transfer-success__summary > i svg {
    width: 18px;
    height: 18px;
}

.shop-transfer-success .warehouse-approval-success__progress {
    margin-top: 17px;
}

.shop-transfer-success--issue .warehouse-approval-success__progress i {
    background: linear-gradient(90deg, #e44755, #f1b934, #167fc3);
}

@keyframes shop-transfer-success-halo {
    to { transform: translateX(-50%) rotate(353deg); }
}

@keyframes shop-transfer-success-route {
    to { transform: translateX(16px); }
}

@keyframes shop-transfer-success-gold {
    0%, 8% { opacity: 0; transform: translateX(-14px) scale(.74); }
    18% { opacity: 1; transform: translateX(0) scale(1); }
    68% { opacity: 1; transform: translateX(152px) scale(.92); }
    86%, 100% { opacity: 0; transform: translateX(178px) scale(.38); }
}

@keyframes shop-transfer-success-point-in {
    from { opacity: 0; transform: translateY(13px) scale(.92); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 520px) {
    .warehouse-approval-success-overlay .shop-transfer-success {
        min-height: 450px;
        padding-inline: 18px;
    }

    .shop-transfer-success__art {
        width: 270px;
        transform: scale(.92);
    }

    .shop-transfer-success__summary {
        grid-template-columns: 1fr 22px 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-transfer-success__halo,
    .shop-transfer-success__shop,
    .shop-transfer-success__central,
    .shop-transfer-success__route i,
    .shop-transfer-success__gold,
    .shop-transfer-success__check,
    .shop-transfer-success__spark,
    .shop-transfer-success__summary {
        animation: none !important;
    }
}
/* Branch directory — compact ticket-style list shared with the dashboard. */
.fi-resource-branches.fi-resource-list-records-page .fi-header { display: none; }

.branch-directory-hero {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 15px;
    border: 1px solid #dce7f0;
    border-radius: 18px;
    background: linear-gradient(180deg, #eef4f9 0%, #f4f7fa 100%);
    box-shadow: 0 8px 24px rgba(11, 67, 111, .05);
}

.branch-directory-hero__heading,
.branch-directory-hero__actions,
.branch-directory-table-heading {
    display: flex;
    align-items: center;
}

.branch-directory-hero__heading { min-width: 0; gap: 11px; }
.branch-directory-hero__actions { flex: 0 0 auto; gap: 9px; }

.branch-directory-hero__icon,
.branch-directory-table-heading__icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, #0d67b5, #064682);
    box-shadow: 0 7px 16px rgba(6, 73, 134, .2), inset 0 1px rgba(255, 255, 255, .2);
}

.branch-directory-hero__icon svg,
.branch-directory-table-heading__icon svg { width: 19px; height: 19px; }

.branch-directory-hero h1 {
    color: #17324d;
    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: -.015em;
}

.branch-directory-hero p {
    margin-top: 2px;
    color: #748ba0;
    font-size: .64rem;
}

.branch-directory-hero__count {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: 9px;
    padding: 6px 10px;
    border: 1px solid #d9e5ef;
    border-radius: 10px;
    background: rgba(255, 255, 255, .82);
}

.branch-directory-hero__count small { color: #73899d; font-size: .57rem; font-weight: 700; }
.branch-directory-hero__count strong { color: #1769b5; font-size: 1rem; }

.branch-directory-hero__create {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, #1681d2, #07569c);
    font-size: .7rem;
    font-weight: 800;
    box-shadow: 0 8px 17px rgba(6, 91, 158, .2);
    transition: transform .18s ease, box-shadow .18s ease;
}

.branch-directory-hero__create:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 10px 21px rgba(6, 91, 158, .26); }
.branch-directory-hero__create svg { width: 16px; height: 16px; }

.fi-resource-branches.fi-resource-list-records-page .fi-ta-ctn {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #dce7f0;
    border-radius: 18px;
    background: linear-gradient(180deg, #eef4f9 0%, #f4f7fa 100%);
    box-shadow: 0 8px 24px rgba(11, 67, 111, .05);
}

.fi-resource-branches.fi-resource-list-records-page .fi-ta-header {
    min-height: 54px;
    padding: 3px 5px 11px;
    border: 0;
    background: transparent;
}

.branch-directory-table-heading { gap: 9px; }
.branch-directory-table-heading__icon { width: 32px; height: 32px; border-radius: 9px; }
.branch-directory-table-heading__icon svg { width: 16px; height: 16px; }
.branch-directory-table-heading strong { display: block; color: #17324d; font-size: .86rem; font-weight: 850; }
.branch-directory-table-heading small { display: block; margin-top: 1px; color: #748ba0; font-size: .56rem; font-weight: 500; }

.fi-resource-branches.fi-resource-list-records-page .fi-ta-content { overflow: visible; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-table { border-collapse: separate; border-spacing: 0 9px; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-table > thead { display: none; }

.fi-resource-branches.fi-resource-list-records-page .fi-ta-row {
    --branch-accent: #2169df;
    --branch-soft: #e7f0ff;
    background: #fff;
    box-shadow: 0 4px 13px rgba(14, 63, 103, .04);
    transition: transform .2s ease, box-shadow .2s ease;
}

.fi-resource-branches.fi-resource-list-records-page .fi-ta-row:nth-child(6n + 2) { --branch-accent: #24af78; --branch-soft: #e5f7f0; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-row:nth-child(6n + 3) { --branch-accent: #ef566b; --branch-soft: #ffedf0; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-row:nth-child(6n + 4) { --branch-accent: #df980c; --branch-soft: #fff5df; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-row:nth-child(6n + 5) { --branch-accent: #7867d8; --branch-soft: #f0edff; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-row:nth-child(6n) { --branch-accent: #149ab8; --branch-soft: #e5f7fa; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-row:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(14, 63, 103, .09); }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-row > td { border-block: 1px solid #dbe5ed; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-row > td:first-child { border-left: 1px solid #dbe5ed; border-radius: 14px 0 0 14px; }
.fi-resource-branches.fi-resource-list-records-page .fi-ta-row > td:last-child { border-right: 1px solid #dbe5ed; border-radius: 0 14px 14px 0; }

.branch-directory-row-icon {
    position: relative;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    overflow: hidden;
    border-radius: 11px;
    color: #fff;
    background: var(--branch-accent);
    box-shadow: 0 8px 17px color-mix(in srgb, var(--branch-accent) 24%, transparent);
}

.branch-directory-row-icon svg { width: 22px; height: 22px; }
.branch-directory-row-icon b { position: absolute; right: 3px; bottom: 2px; color: rgba(255,255,255,.7); font-size: .42rem; font-weight: 900; }

.fi-resource-branches.fi-resource-list-records-page .fi-table-cell-daily-withdraw-limit .fi-ta-text-item,
.fi-resource-branches.fi-resource-list-records-page .fi-table-cell-fee-branches .fi-ta-text-item {
    display: flex;
    min-height: 52px;
    min-width: 130px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 8px 11px;
    border-radius: 9px;
    color: var(--branch-accent);
    font-weight: 800;
}

.fi-resource-branches.fi-resource-list-records-page .fi-table-cell-daily-withdraw-limit .fi-ta-text-item { border: 1px solid #e7edf3; background: #f9fbfd; }
.fi-resource-branches.fi-resource-list-records-page .fi-table-cell-fee-branches .fi-ta-text-item { background: var(--branch-soft); }
.fi-resource-branches.fi-resource-list-records-page .fi-table-cell-daily-withdraw-limit .fi-ta-text-item::before,
.fi-resource-branches.fi-resource-list-records-page .fi-table-cell-fee-branches .fi-ta-text-item::before {
    margin-bottom: 2px;
    color: #8295a6;
    font-size: .49rem;
    font-weight: 500;
}
.fi-resource-branches.fi-resource-list-records-page .fi-table-cell-daily-withdraw-limit .fi-ta-text-item::before { content: 'ຍອດຖອນຄຳຕໍ່ມື້'; }
.fi-resource-branches.fi-resource-list-records-page .fi-table-cell-fee-branches .fi-ta-text-item::before { content: 'ຄ່າທຳນຽມ'; }

@media (max-width: 767px) {
    .branch-directory-hero { align-items: flex-start; flex-direction: column; }
    .branch-directory-hero__actions { width: 100%; justify-content: space-between; }
    .fi-resource-branches.fi-resource-list-records-page .fi-ta-ctn { padding: 7px; }
}

/* Exact branch overview card renderer. */
.fi-resource-branches.fi-resource-list-records-page .fi-ta-content-grid {
    gap: 10px;
    padding: 0;
}

.fi-resource-branches.fi-resource-list-records-page .fi-ta-record {
    overflow: visible;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000;
}

.fi-resource-branches.fi-resource-list-records-page .fi-ta-record > div > div {
    padding-block: 0;
}

.fi-resource-branches.fi-resource-list-records-page .fi-ta-record .ps-4,
.fi-resource-branches.fi-resource-list-records-page .fi-ta-record .pe-4 {
    padding-inline: 0;
}

.branch-directory-card {
    --branch-accent: #2169df;
    --branch-soft: color-mix(in srgb, var(--branch-accent) 12%, white);
    position: relative;
    display: grid;
    min-height: 78px;
    grid-template-columns: 48px minmax(0, 1fr) minmax(280px, .6fr) 30px;
    align-items: center;
    gap: 11px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #dbe5ed;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 13px rgba(14, 63, 103, .04);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    animation: branch-card-enter .48s cubic-bezier(.22, 1, .36, 1) backwards;
}

.fi-ta-record:nth-child(2) .branch-directory-card { animation-delay: .04s; }
.fi-ta-record:nth-child(3) .branch-directory-card { animation-delay: .08s; }
.fi-ta-record:nth-child(4) .branch-directory-card { animation-delay: .12s; }
.fi-ta-record:nth-child(5) .branch-directory-card { animation-delay: .16s; }
.fi-ta-record:nth-child(6) .branch-directory-card { animation-delay: .2s; }
.fi-ta-record:nth-child(7) .branch-directory-card { animation-delay: .24s; }
.fi-ta-record:nth-child(8) .branch-directory-card { animation-delay: .28s; }
.fi-ta-record:nth-child(9) .branch-directory-card { animation-delay: .32s; }
.fi-ta-record:nth-child(10) .branch-directory-card { animation-delay: .36s; }

.branch-directory-card:hover {
    border-color: color-mix(in srgb, var(--branch-accent) 34%, #dbe5ed);
    box-shadow: 0 10px 24px rgba(14, 63, 103, .09);
    transform: translateY(-2px);
}

.branch-directory-card__icon {
    position: relative;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    overflow: hidden;
    border-radius: 11px;
    color: #fff;
    background: var(--branch-accent);
    box-shadow: 0 8px 17px color-mix(in srgb, var(--branch-accent) 24%, transparent);
}

.branch-directory-card__icon::after {
    position: absolute;
    top: -35%;
    bottom: -35%;
    left: -70%;
    width: 42%;
    content: '';
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22) 22%, rgba(255, 255, 255, .92) 50%, rgba(255, 255, 255, .22) 78%, transparent);
    filter: blur(.4px);
    transform: skewX(-18deg);
    animation: branch-icon-sheen 2.6s cubic-bezier(.45, 0, .25, 1) infinite;
}

.branch-directory-card__icon svg { z-index: 1; width: 22px; height: 22px; filter: drop-shadow(0 2px 4px rgba(0, 31, 67, .18)); animation: branch-icon-float 2.8s ease-in-out infinite; }
.branch-directory-card__icon b { position: absolute; z-index: 1; right: 3px; bottom: 2px; color: rgba(255,255,255,.7); font-size: .42rem; font-weight: 900; }
.branch-directory-card__info { min-width: 0; }
.branch-directory-card__info h3 { overflow: hidden; color: #19354f; font-size: .8rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.branch-directory-card__info small { display: block; margin-top: 3px; overflow: hidden; color: #6f88a0; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }

.branch-directory-card__metrics { display: grid; min-width: 0; grid-template-columns: 1fr; gap: 7px; }
.branch-directory-card__value { display: flex; min-width: 0; min-height: 53px; flex-direction: column; justify-content: center; padding: 7px 9px; border-radius: 9px; }
.branch-directory-card__value--gold { border: 1px solid #e7edf3; background: #f9fbfd; }
.branch-directory-card__value--fee { background: var(--branch-soft); }
.branch-directory-card__value--stock { position: relative; overflow: hidden; border: 1px solid color-mix(in srgb, var(--branch-accent) 18%, #e7edf3); background: var(--branch-soft); }
.branch-directory-card__value--stock::after { position: absolute; inset: 0; content: ''; background: linear-gradient(105deg, transparent 32%, rgba(255,255,255,.64) 48%, transparent 64%); pointer-events: none; transform: translateX(-120%); animation: branch-stock-sheen 5.4s ease-in-out infinite; }
.branch-directory-card__value small { overflow: hidden; color: #8295a6; font-size: .49rem; text-overflow: ellipsis; white-space: nowrap; }
.branch-directory-card__value strong { margin-top: 2px; overflow: hidden; color: var(--branch-accent); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; animation: branch-value-enter .55s .18s cubic-bezier(.22, 1, .36, 1) both; }
.branch-directory-card__value strong span { color: #7f93a4; font-size: .45rem; font-weight: 700; }

@keyframes branch-card-enter {
    from { opacity: 0; transform: translateY(14px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes branch-icon-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@keyframes branch-icon-sheen {
    0%, 18% { opacity: 0; left: -70%; }
    28% { opacity: 1; }
    64% { opacity: .9; }
    78%, 100% { opacity: 0; left: 130%; }
}

@keyframes branch-stock-sheen {
    0%, 70% { opacity: 0; transform: translateX(-120%); }
    78% { opacity: .8; }
    92%, 100% { opacity: 0; transform: translateX(120%); }
}

@keyframes branch-value-enter {
    from { opacity: 0; transform: translateX(-8px); }
    to { opacity: 1; transform: translateX(0); }
}

.branch-directory-card__edit {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid #dbe6ef;
    border-radius: 8px;
    color: #638097;
    background: #f8fbfd;
    opacity: 0;
    transition: opacity .18s ease, color .18s ease, border-color .18s ease;
}

.branch-directory-card:hover .branch-directory-card__edit,
.branch-directory-card__edit:focus-visible { opacity: 1; }
.branch-directory-card__edit:hover { border-color: var(--branch-accent); color: var(--branch-accent); }
.branch-directory-card__edit svg { width: 15px; height: 15px; }

@media (max-width: 767px) {
    .branch-directory-card { grid-template-columns: 44px minmax(0, 1fr) 28px; }
    .branch-directory-card__icon { width: 44px; height: 44px; }
    .branch-directory-card__metrics { grid-column: 1 / -1; }
    .branch-directory-card__edit { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .branch-directory-card,
    .branch-directory-card__icon::after,
    .branch-directory-card__icon svg,
    .branch-directory-card__value--stock::after,
    .branch-directory-card__value strong {
        animation: none !important;
    }
}

/* Branch edit workspace */
.branch-edit-hero {
    --branch-edit-accent: #2169df;
    position: relative;
    display: grid;
    min-height: 225px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 18px;
    overflow: hidden;
    padding: 24px 25px 88px;
    border: 1px solid rgba(83, 168, 226, .24);
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(122deg, #071a2e 0%, #0a3155 55%, #0b609f 100%);
    box-shadow: 0 18px 42px rgba(5,43,76,.17);
}

.branch-edit-hero::before,
.branch-edit-hero::after {
    position: absolute;
    pointer-events: none;
    content: '';
}

.branch-edit-hero::before {
    z-index: 0;
    top: -55%;
    bottom: -55%;
    left: -38%;
    width: 24%;
    background: linear-gradient(90deg, transparent, rgba(151, 226, 255, .08), rgba(255, 255, 255, .22), rgba(151, 226, 255, .08), transparent);
    filter: blur(2px);
    transform: skewX(-18deg);
    animation: branch-edit-banner-sheen 5.2s ease-in-out infinite;
}

.branch-edit-hero::after {
    --branch-border-angle: 0deg;
    z-index: 3;
    inset: 0;
    padding: 1.5px;
    border-radius: inherit;
    background: conic-gradient(from var(--branch-border-angle), transparent 0 61%, rgba(90, 202, 255, .2) 68%, rgba(184, 238, 255, .92) 73%, #fff 75%, rgba(94, 205, 255, .28) 81%, transparent 88%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: branch-edit-border-light 4.2s linear infinite;
}

.branch-edit-hero__grid,
.branch-edit-hero__glow { position: absolute; pointer-events: none; }
.branch-edit-hero__grid { inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg, #000, transparent 92%); animation: branch-edit-grid-flow 8s linear infinite; }
.branch-edit-hero__glow { top: -180px; right: -85px; width: 390px; height: 390px; border-radius: 50%; background: rgba(62, 179, 236, .24); filter: blur(34px); }
.branch-edit-hero__identity { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; }
.branch-edit-hero__icon { position: relative; display: grid; width: 68px; height: 68px; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 17px; color: #fff; background: var(--branch-edit-accent); box-shadow: 0 14px 30px color-mix(in srgb, var(--branch-edit-accent) 32%, transparent); animation: branch-edit-icon-float 3s ease-in-out infinite; }
.branch-edit-hero__icon::after { position: absolute; top: -35%; bottom: -35%; left: -70%; width: 42%; content: ''; background: linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent); transform: skewX(-18deg); animation: branch-edit-icon-sheen 2.7s ease-in-out infinite; }
.branch-edit-hero__icon svg { z-index: 1; width: 31px; height: 31px; }
.branch-edit-hero__icon b { position: absolute; z-index: 1; right: 6px; bottom: 4px; color: rgba(255,255,255,.68); font-size: .48rem; }
.branch-edit-hero__eyebrow { color: #8fdcff; font-size: .63rem; font-weight: 850; letter-spacing: .15em; }
.branch-edit-hero h1 { margin: 5px 0 4px; font-size: clamp(1.7rem, 3vw, 2.55rem); font-weight: 850; line-height: 1; letter-spacing: -.045em; }
.branch-edit-hero h1 span { color: #f5c64f; }
.branch-edit-hero__identity p { max-width: 660px; overflow: hidden; color: #c8dceb; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.branch-edit-hero__actions { position: relative; z-index: 2; display: flex; align-items: center; gap: 8px; }
.branch-edit-hero__back { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(149,215,255,.25); border-radius: 9px; color: #d8edfa; background: rgba(4,43,78,.54); font-size: .62rem; font-weight: 750; backdrop-filter: blur(10px); transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.branch-edit-hero__back:hover { border-color: rgba(174,227,255,.52); color: #fff; background: rgba(7,61,104,.7); transform: translateY(-1px); }
.branch-edit-hero__back svg { width: 15px; height: 15px; }
.branch-edit-hero__actions .fi-btn { min-height: 38px; border-radius: 9px; font-size: .62rem; }
.branch-edit-hero__metrics { position: absolute; z-index: 2; right: 20px; bottom: 18px; left: 20px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }
.branch-edit-hero__metrics article { display: grid; min-height: 61px; grid-template-columns: auto 1fr; align-content: center; column-gap: 8px; padding: 9px 12px; border: 1px solid rgba(139,207,249,.16); border-radius: 11px; background: rgba(3,35,65,.56); backdrop-filter: blur(12px); }
.branch-edit-hero__metrics small { grid-column: 1 / -1; color: #8db8d5; font-size: .47rem; font-weight: 800; letter-spacing: .1em; }
.branch-edit-hero__metrics strong { color: #fff; font-size: 1.02rem; font-weight: 850; }
.branch-edit-hero__metrics strong em { color: #93b6ce; font-size: .46rem; font-style: normal; }
.branch-edit-hero__metrics span { align-self: center; color: #9ebcd0; font-size: .5rem; }

.branch-mobile-link {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 238px;
    gap: 22px;
    overflow: hidden;
    margin-top: 14px;
    padding: 22px 24px;
    border: 1px solid #cfe2ee;
    border-radius: 19px;
    color: #173b57;
    background:
        radial-gradient(circle at 91% 15%, rgba(30, 152, 210, .12), transparent 220px),
        linear-gradient(128deg, #fff 0%, #f7fbfd 62%, #edf7fc 100%);
    box-shadow: 0 13px 32px rgba(11, 67, 111, .08);
}

.branch-mobile-link::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    content: '';
    background: linear-gradient(#0c5da3, #25a8df 62%, #e5ad23);
}

.branch-mobile-link__intro { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-content: center; gap: 0 14px; }
.branch-mobile-link__icon { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(86, 177, 226, .35); border-radius: 14px; color: #fff; background: linear-gradient(145deg, #1689cf, #0c5da3 66%, #084a83); box-shadow: inset 0 1px rgba(255,255,255,.25), 0 9px 20px rgba(12,93,163,.18); }
.branch-mobile-link__icon svg { width: 23px; height: 23px; }
.branch-mobile-link__eyebrow { display: flex; align-items: center; gap: 8px; color: #0c70b1; font-size: .55rem; font-weight: 850; letter-spacing: .13em; }
.branch-mobile-link__eyebrow i { width: 20px; height: 2px; background: #e5ad23; }
.branch-mobile-link h2 { margin: 4px 0 3px; color: #123652; font-size: 1.1rem; font-weight: 850; line-height: 1.25; }
.branch-mobile-link p { max-width: 680px; color: #748da0; font-size: .67rem; line-height: 1.55; }

.branch-mobile-link__url-row { position: relative; grid-column: 1 / -1; min-width: 0; margin-top: 17px; }
.branch-mobile-link__url-row > label { display: block; margin-bottom: 6px; color: #7790a2; font-size: .48rem; font-weight: 850; letter-spacing: .13em; }
.branch-mobile-link__url-control { display: flex; min-width: 0; gap: 8px; }
.branch-mobile-link__url-control input { min-width: 0; height: 43px; flex: 1; padding: 0 13px; border: 1px solid #d2e2eb; border-radius: 10px; outline: none; color: #244c66; background: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .65rem; box-shadow: inset 0 1px 2px rgba(12,54,89,.035); }
.branch-mobile-link__url-control input:focus { border-color: #6db9db; box-shadow: 0 0 0 3px rgba(12,93,163,.09); }
.branch-mobile-link__url-control button { display: inline-flex; min-width: 126px; height: 43px; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(110deg, #0c5da3, #168fce); box-shadow: 0 8px 18px rgba(12,93,163,.17); cursor: pointer; font-size: .64rem; font-weight: 850; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.branch-mobile-link__url-control button:hover { filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 11px 23px rgba(12,93,163,.24); }
.branch-mobile-link__url-control button svg { width: 16px; height: 16px; }
.branch-mobile-link__copy-status { position: absolute; right: 0; bottom: -18px; color: #159166; font-size: .53rem; font-weight: 750; }

.branch-mobile-link__qr { display: grid; min-width: 0; place-items: center; align-content: center; padding: 13px; border: 1px solid #d2e5ee; border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: 0 8px 22px rgba(12,70,106,.065); }
.branch-mobile-link__qr-frame { position: relative; display: grid; width: 156px; height: 156px; place-items: center; padding: 8px; border: 1px solid #d8e8ef; border-radius: 13px; background: #fff; cursor: zoom-in; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.branch-mobile-link__qr-frame:hover { border-color: #79bfdd; box-shadow: 0 10px 24px rgba(12,93,163,.14); transform: translateY(-2px); }
.branch-mobile-link__qr-frame:focus-visible { outline: 3px solid rgba(12,93,163,.2); outline-offset: 3px; }
.branch-mobile-link__qr-frame > svg { display: block; width: 100%; height: 100%; }
.branch-mobile-link__qr-mark { position: absolute; display: grid; width: 29px; height: 29px; place-items: center; border: 3px solid #fff; border-radius: 8px; background: #082f59; box-shadow: 0 3px 8px rgba(0,0,0,.16); }
.branch-mobile-link__qr-mark img { width: 19px; height: 19px; object-fit: contain; }
.branch-mobile-link__zoom-hint { position: absolute; right: 7px; bottom: 7px; display: grid; width: 27px; height: 27px; place-items: center; border: 2px solid #fff; border-radius: 8px; color: #fff; background: #0c5da3; box-shadow: 0 4px 10px rgba(4,49,82,.2); }
.branch-mobile-link__zoom-hint svg { width: 14px; height: 14px; }
.branch-mobile-link__qr small { margin-top: 8px; color: #8ba0ae; font-size: .45rem; font-weight: 850; letter-spacing: .13em; }
.branch-mobile-link__qr strong { display: block; overflow: hidden; width: 100%; margin-top: 3px; color: #214861; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .56rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.branch-qr-lightbox { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; overflow-y: auto; padding: 24px; background: rgba(3,20,34,.76); backdrop-filter: blur(10px); }
.branch-qr-lightbox__dialog { position: relative; width: min(470px, 100%); padding: 24px; border: 1px solid rgba(157,211,237,.5); border-radius: 24px; color: #173b57; background: linear-gradient(145deg, #fff, #f2f9fc); box-shadow: 0 35px 90px rgba(0,19,34,.34); }
.branch-qr-lightbox__close { position: absolute; z-index: 2; top: 16px; right: 16px; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #cfe0e9; border-radius: 11px; color: #587487; background: #fff; cursor: pointer; transition: color .18s ease, border-color .18s ease, transform .18s ease; }
.branch-qr-lightbox__close:hover { border-color: #82bdd7; color: #0c5da3; transform: rotate(3deg); }
.branch-qr-lightbox__close svg { width: 19px; height: 19px; }
.branch-qr-lightbox__heading { display: flex; align-items: center; gap: 12px; padding-right: 48px; }
.branch-qr-lightbox__heading > span { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #1689cf, #0c5da3 66%, #084a83); box-shadow: 0 8px 18px rgba(12,93,163,.18); }
.branch-qr-lightbox__heading svg { width: 21px; height: 21px; }
.branch-qr-lightbox__heading small { display: block; color: #0c70b1; font-size: .5rem; font-weight: 850; letter-spacing: .12em; }
.branch-qr-lightbox__heading h3 { margin-top: 3px; color: #163b56; font-size: .92rem; font-weight: 850; line-height: 1.3; }
.branch-qr-lightbox__code { position: relative; display: grid; width: min(350px, 82vw); aspect-ratio: 1; place-items: center; margin: 22px auto 14px; padding: 16px; border: 1px solid #d2e5ee; border-radius: 20px; background: #fff; box-shadow: 0 16px 38px rgba(12,75,112,.11); }
.branch-qr-lightbox__code > svg { display: block; width: 100%; height: 100%; }
.branch-qr-lightbox__code > span { position: absolute; display: grid; width: 48px; height: 48px; place-items: center; border: 5px solid #fff; border-radius: 13px; background: #082f59; box-shadow: 0 5px 13px rgba(0,0,0,.18); }
.branch-qr-lightbox__code img { width: 31px; height: 31px; object-fit: contain; }
.branch-qr-lightbox__dialog > p { color: #0c70b1; font-size: .55rem; font-weight: 850; letter-spacing: .15em; text-align: center; }
.branch-qr-lightbox__branch-id { margin-top: 13px; padding: 10px 12px; border: 1px solid #d7e6ed; border-radius: 11px; background: #f7fbfd; text-align: center; }
.branch-qr-lightbox__branch-id small { display: block; color: #8ba0ae; font-size: .44rem; font-weight: 850; letter-spacing: .14em; }
.branch-qr-lightbox__branch-id strong { display: block; margin-top: 3px; color: #214861; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .65rem; }

.fi-resource-branches.fi-resource-edit-record-page .branch-edit-form-grid { gap: 16px; }
.fi-resource-branches.fi-resource-edit-record-page .branch-edit-main-section,
.fi-resource-branches.fi-resource-edit-record-page .branch-edit-fee-section { overflow: hidden; border: 1px solid #dce7f0; border-radius: 17px; background: #fff; box-shadow: 0 8px 24px rgba(11,67,111,.055); animation: branch-edit-panel-enter .48s cubic-bezier(.22,1,.36,1) backwards; }
.fi-resource-branches.fi-resource-edit-record-page .branch-edit-fee-section { animation-delay: .08s; }
.fi-resource-branches.fi-resource-edit-record-page .branch-edit-main-section > div:first-child,
.fi-resource-branches.fi-resource-edit-record-page .branch-edit-fee-section > div:first-child { background: linear-gradient(180deg, #eef5fa, #f7f9fb); }
.fi-resource-branches.fi-resource-edit-record-page .branch-edit-main-section .fi-section-header-icon,
.fi-resource-branches.fi-resource-edit-record-page .branch-edit-fee-section .fi-section-header-icon {
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 12px;
    color: #fff;
    filter: drop-shadow(0 3px 5px rgba(8,65,111,.13));
}

.fi-resource-branches.fi-resource-edit-record-page .branch-edit-main-section .fi-section-header-icon,
.fi-resource-branches.fi-resource-edit-record-page .branch-edit-fee-section .fi-section-header-icon {
    background: linear-gradient(145deg, #1384d3 0%, #0863aa 62%, #064d8d 100%);
    box-shadow: inset 0 1px rgba(255,255,255,.24), 0 7px 15px rgba(5,91,157,.18);
}

.fi-resource-branches.fi-resource-edit-record-page .fi-input-wrp { border-color: #dce6ee; border-radius: 10px; background: #fbfcfd; box-shadow: 0 1px 2px rgba(12,54,89,.03); transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.fi-resource-branches.fi-resource-edit-record-page .fi-input-wrp:focus-within { border-color: color-mix(in srgb, var(--branch-edit-accent, #2169df) 52%, #dce6ee); background: #fff; box-shadow: 0 0 0 3px color-mix(in srgb, var(--branch-edit-accent, #2169df) 10%, transparent); }
.fi-resource-branches.fi-resource-edit-record-page .fi-form-actions { position: sticky; z-index: 8; bottom: 12px; width: fit-content; padding: 7px; border: 1px solid #dce6ee; border-radius: 12px; background: rgba(255,255,255,.88); box-shadow: 0 12px 28px rgba(9,49,82,.13); backdrop-filter: blur(14px); }
.fi-resource-branches.fi-resource-edit-record-page .fi-form-actions .fi-btn { min-height: 39px; border-radius: 9px; }
.fi-resource-branches.fi-resource-edit-record-page .fi-ta-ctn { overflow: hidden; border: 1px solid #dce7f0; border-radius: 17px; box-shadow: 0 8px 24px rgba(11,67,111,.055); }
.fi-resource-branches.fi-resource-edit-record-page .fi-ta-header { min-height: 78px; padding: 14px 18px; border-bottom: 1px solid #d8e7f2; background: linear-gradient(100deg, #eaf5fd 0%, #f3f9fd 62%, #edf7fd 100%); }
.fi-resource-branches.fi-resource-edit-record-page .fi-ta-header-heading { color: #17324d; font-weight: 850; }

.branch-edit-staff-heading { display: flex; min-width: 0; align-items: center; gap: 12px; }
.branch-edit-staff-heading__icon { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid rgba(112,195,244,.46); border-radius: 12px; color: #fff; background: linear-gradient(145deg, #1384d3 0%, #0863aa 62%, #064d8d 100%); box-shadow: inset 0 1px rgba(255,255,255,.24), 0 7px 15px rgba(5,91,157,.18); }
.branch-edit-staff-heading__icon svg { width: 20px; height: 20px; }
.branch-edit-staff-heading__copy { display: block; min-width: 0; }
.branch-edit-staff-heading__copy strong { display: block; color: #193953; font-size: .9rem; font-weight: 850; line-height: 1.3; }
.branch-edit-staff-heading__copy small { display: block; margin-top: 4px; color: #7e95a8; font-size: .56rem; font-weight: 600; line-height: 1.35; }

@keyframes branch-edit-icon-float { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-5px) rotate(2deg); } }
@keyframes branch-edit-icon-sheen { 0%,20% { opacity: 0; left: -70%; } 32% { opacity: 1; } 75%,100% { opacity: 0; left: 130%; } }
@keyframes branch-edit-banner-sheen { 0%, 18% { opacity: 0; transform: translateX(0) skewX(-18deg); } 28% { opacity: 1; } 68% { opacity: .9; } 82%, 100% { opacity: 0; transform: translateX(650%) skewX(-18deg); } }
@keyframes branch-edit-border-light { to { --branch-border-angle: 360deg; } }
@keyframes branch-edit-grid-flow { to { background-position: 0 38px, 38px 0; } }
@keyframes branch-edit-panel-enter { from { opacity: 0; transform: translateY(12px) scale(.99); } to { opacity: 1; transform: none; } }

@property --branch-border-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@media (max-width: 850px) {
    .branch-edit-hero { grid-template-columns: 1fr; padding-bottom: 160px; }
    .branch-edit-hero__actions { justify-content: flex-start; }
    .branch-edit-hero__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .branch-mobile-link { grid-template-columns: minmax(0,1fr) 205px; }
}

@media (max-width: 560px) {
    .branch-edit-hero { padding: 20px 17px 282px; }
    .branch-edit-hero__identity { align-items: flex-start; }
    .branch-edit-hero__icon { width: 56px; height: 56px; border-radius: 14px; }
    .branch-edit-hero__actions { align-items: stretch; flex-direction: column; }
    .branch-edit-hero__metrics { grid-template-columns: 1fr; }
    .branch-mobile-link { grid-template-columns: 1fr; padding: 19px 17px; }
    .branch-mobile-link__url-control { align-items: stretch; flex-direction: column; }
    .branch-mobile-link__url-control input { width: 100%; }
    .branch-mobile-link__url-control button { width: 100%; }
    .branch-mobile-link__copy-status { position: static; display: block; margin-top: 5px; text-align: center; }
    .branch-mobile-link__qr { grid-row: 1; }
    .branch-mobile-link__qr-frame { width: 176px; height: 176px; }
    .branch-qr-lightbox { padding: 14px; }
    .branch-qr-lightbox__dialog { padding: 20px 15px 16px; border-radius: 20px; }
    .branch-qr-lightbox__heading { padding-right: 42px; }
    .branch-qr-lightbox__heading h3 { font-size: .78rem; }
    .branch-qr-lightbox__code { width: min(330px, 84vw); margin-top: 20px; padding: 12px; }
    .fi-resource-branches.fi-resource-edit-record-page .fi-form-actions { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .branch-edit-hero__icon,
    .branch-edit-hero__icon::after,
    .branch-edit-hero::before,
    .branch-edit-hero::after,
    .branch-edit-hero__grid,
    .fi-resource-branches.fi-resource-edit-record-page .branch-edit-main-section,
    .fi-resource-branches.fi-resource-edit-record-page .branch-edit-fee-section { animation: none !important; }
}

/* Fee approval workspace */
.fee-approval-hero {
    position: relative;
    display: grid;
    min-height: 238px;
    grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr);
    gap: 20px;
    overflow: hidden;
    margin-bottom: 18px;
    padding: 25px 27px 92px;
    border: 1px solid rgba(83, 168, 226, .22);
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(122deg, #071b31 0%, #0a365d 56%, #0b6aaa 100%);
    box-shadow: 0 18px 42px rgba(5, 43, 76, .17);
}

.fee-approval-hero__grid,
.fee-approval-hero__glow { position: absolute; pointer-events: none; }
.fee-approval-hero__grid { inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg, #000, transparent 88%); }
.fee-approval-hero__glow { top: -190px; right: -90px; width: 410px; height: 410px; border-radius: 50%; background: rgba(255, 200, 68, .2); filter: blur(32px); }
.fee-approval-hero__intro { position: relative; z-index: 1; align-self: center; }
.fee-approval-hero__eyebrow { display: flex; align-items: center; gap: 8px; color: #8fdcff; font-size: .67rem; font-weight: 850; letter-spacing: .16em; }
.fee-approval-hero__eyebrow span { width: 25px; height: 2px; background: #f5c64f; }
.fee-approval-hero h1 { margin: 7px 0 6px; font-size: clamp(1.8rem, 3.2vw, 2.75rem); font-weight: 850; line-height: 1; letter-spacing: -.045em; }
.fee-approval-hero h1 span { color: #f5c64f; }
.fee-approval-hero__intro p { max-width: 610px; color: #c9deed; font-size: .84rem; }

.fee-approval-hero__art { position: relative; z-index: 1; min-height: 110px; }
.fee-approval-hero__coin { position: absolute; top: 7px; right: 104px; display: grid; width: 92px; height: 92px; place-items: center; border: 2px solid #ffe18a; border-radius: 50%; color: #855307; background: radial-gradient(circle at 35% 28%, #fff3b3, #eeb936 56%, #a96506); font-size: 2.3rem; font-weight: 900; box-shadow: 0 15px 32px rgba(0,0,0,.2), 0 0 28px rgba(255,210,85,.24); animation: fee-coin-float 3s ease-in-out infinite; }
.fee-approval-hero__coin::after { position: absolute; inset: 7px; border: 1px dashed rgba(103,61,0,.42); border-radius: 50%; content: ''; }
.fee-approval-hero__coin i { position: absolute; inset: -12px; border: 1px solid rgba(255,225,138,.26); border-radius: 50%; animation: fee-coin-ring 2.8s ease-out infinite; }
.fee-approval-hero__route { position: absolute; top: 49px; right: 12px; width: 105px; height: 2px; overflow: hidden; background: rgba(141,220,255,.18); transform: rotate(-12deg); }
.fee-approval-hero__route span { display: block; width: 35px; height: 100%; background: linear-gradient(90deg, transparent, #9be4ff, transparent); animation: fee-route-light 1.9s linear infinite; }
.fee-approval-hero__check { position: absolute; top: 23px; right: 0; display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid rgba(134,255,210,.38); border-radius: 16px; color: #d9ffed; background: linear-gradient(145deg, rgba(36,187,126,.92), rgba(10,112,80,.94)); box-shadow: 0 13px 28px rgba(0,41,30,.22); }
.fee-approval-hero__check svg { width: 28px; height: 28px; filter: drop-shadow(0 2px 5px rgba(0,0,0,.18)); }

.fee-approval-hero__metrics { position: absolute; z-index: 2; right: 20px; bottom: 18px; left: 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.fee-approval-hero__metrics article { display: grid; min-height: 62px; grid-template-columns: auto 1fr; align-content: center; column-gap: 8px; padding: 9px 12px; border: 1px solid rgba(139,207,249,.16); border-radius: 11px; background: rgba(3,35,65,.55); backdrop-filter: blur(12px); }
.fee-approval-hero__metrics small { grid-column: 1 / -1; color: #8db8d5; font-size: .48rem; font-weight: 800; letter-spacing: .11em; }
.fee-approval-hero__metrics strong { color: #fff; font-size: 1.12rem; font-weight: 850; }
.fee-approval-hero__metrics strong em { color: #8db8d5; font-size: .5rem; font-style: normal; }
.fee-approval-hero__metrics span { align-self: center; color: #9fbdd1; font-size: .52rem; }
.fee-approval-hero__metrics .is-pending strong { color: #ffd56a; }
.fee-approval-hero__metrics .is-approved strong { color: #64e2a9; }
.fee-approval-hero__metrics .is-amount strong { color: #8fdcff; }

.fi-resource-fees.fi-resource-list-records-page .fi-tabs {
    width: fit-content;
    max-width: 100%;
    margin-inline: 0;
    padding: 5px;
    border: 1px solid #cfe2f1;
    border-radius: 13px;
    background: linear-gradient(180deg, #f3f8fc 0%, #eaf3fa 100%);
    box-shadow: 0 7px 20px rgba(13,64,105,.055);
}

.fi-resource-fees.fi-resource-list-records-page .fi-tabs-item {
    min-height: 38px;
    padding-inline: 13px;
    border-radius: 9px;
    color: #678197;
    font-size: .7rem;
    font-weight: 750;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

.fi-resource-fees.fi-resource-list-records-page .fi-tabs-item.fi-active {
    color: #fff;
    background: linear-gradient(145deg, #1384d3 0%, #0863aa 62%, #064d8d 100%);
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 7px 15px rgba(5,91,157,.2);
}

.fi-resource-fees.fi-resource-list-records-page .fi-tabs-item.fi-active :is(.fi-tabs-item-label, .fi-tabs-item-icon) {
    color: #fff !important;
}

.fi-resource-fees.fi-resource-list-records-page .fi-tabs-item .fi-badge {
    color: #55748d;
    background: rgba(255,255,255,.8);
    box-shadow: inset 0 0 0 1px rgba(126,161,187,.18);
}

.fi-resource-fees.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-badge {
    color: #0863aa;
    background: #fff;
    box-shadow: 0 2px 6px rgba(3,55,96,.16);
}

@media (max-width: 640px) {
    .fi-resource-fees.fi-resource-list-records-page .fi-tabs { width: 100%; }
    .fi-resource-fees.fi-resource-list-records-page .fi-tabs-item { flex: 1 1 0; justify-content: center; }
}

/* Withdrawal status navigation follows the same left-aligned control system. */
.fi-resource-withdraws.fi-resource-list-records-page .fi-tabs {
    width: fit-content;
    max-width: 100%;
    margin-inline: 0;
    padding: 5px;
    border: 1px solid #cfe2f1;
    border-radius: 13px;
    background: linear-gradient(180deg, #f3f8fc 0%, #eaf3fa 100%);
    box-shadow: 0 7px 20px rgba(13,64,105,.055);
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-tabs-item {
    min-height: 38px;
    padding-inline: 13px;
    border-radius: 9px;
    color: #678197;
    font-size: .7rem;
    font-weight: 750;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-tabs-item.fi-active {
    color: #fff;
    background: linear-gradient(145deg, #1384d3 0%, #0863aa 62%, #064d8d 100%);
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 7px 15px rgba(5,91,157,.2);
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-tabs-item.fi-active :is(.fi-tabs-item-label, .fi-tabs-item-icon) {
    color: #fff !important;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-tabs-item .fi-badge {
    color: #55748d;
    background: rgba(255,255,255,.8);
    box-shadow: inset 0 0 0 1px rgba(126,161,187,.18);
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-badge {
    color: #0863aa;
    background: #fff;
    box-shadow: 0 2px 6px rgba(3,55,96,.16);
}

@media (max-width: 720px) {
    .fi-resource-withdraws.fi-resource-list-records-page .fi-tabs { display: grid; width: 100%; grid-template-columns: 1fr; }
    .fi-resource-withdraws.fi-resource-list-records-page .fi-tabs-item { width: 100%; justify-content: flex-start; }
}
.fi-resource-fees.fi-resource-list-records-page .fi-ta-ctn { overflow: hidden; padding: 10px; border: 1px solid #dce7f0; border-radius: 18px; background: linear-gradient(180deg, #eef4f9, #f6f8fa); box-shadow: 0 8px 24px rgba(11,67,111,.05); }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-header { min-height: 56px; padding: 4px 5px 12px; border: 0; background: transparent; }
.fee-approval-table-heading { display: flex; align-items: center; gap: 9px; }
.fee-approval-table-heading__icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #fff; background: linear-gradient(145deg, #1684cd, #07518e); box-shadow: 0 7px 15px rgba(7,81,142,.2); }
.fee-approval-table-heading__icon svg { width: 17px; height: 17px; }
.fee-approval-table-heading strong { display: block; color: #17324d; font-size: .84rem; font-weight: 850; }
.fee-approval-table-heading small { display: block; color: #748ba0; font-size: .55rem; }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-content-grid { gap: 9px; padding: 0; }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record { overflow: hidden; border: 1px solid #dce6ee; border-radius: 14px; background: #fff; box-shadow: 0 4px 13px rgba(14,63,103,.04); animation: fee-card-enter .46s cubic-bezier(.22,1,.36,1) backwards; }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record:nth-child(2) { animation-delay: .05s; }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record:nth-child(3) { animation-delay: .1s; }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record:nth-child(4) { animation-delay: .15s; }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record:hover { border-color: #b8cee0; box-shadow: 0 9px 23px rgba(14,63,103,.09); transform: translateY(-1px); }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record > div > div { flex-direction: row; align-items: center; gap: 9px; padding: 9px; }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record .ps-4,
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record .pe-4 { padding-inline: 0; }
.fi-resource-fees.fi-resource-list-records-page .fi-ta-record .fi-ta-actions { flex: 0 0 auto; padding-inline: 0; }

.fee-approval-card { --fee-accent: #2169df; display: grid; width: 100%; grid-template-columns: 46px minmax(210px, 1fr) minmax(330px, .92fr) minmax(86px, auto); align-items: center; gap: 11px; }
.fee-approval-card__icon { position: relative; display: grid; width: 46px; height: 46px; place-items: center; overflow: hidden; border-radius: 11px; color: #fff; background: var(--fee-accent); box-shadow: 0 8px 17px color-mix(in srgb, var(--fee-accent) 25%, transparent); }
.fee-approval-card__icon::after { position: absolute; top: -35%; bottom: -35%; left: -70%; width: 42%; content: ''; background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent); transform: skewX(-18deg); animation: fee-icon-sheen 2.7s ease-in-out infinite; }
.fee-approval-card__icon svg { z-index: 1; width: 22px; height: 22px; }
.fee-approval-card__branch { min-width: 0; }
.fee-approval-card__branch h3 { overflow: hidden; color: #19354f; font-size: .78rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.fee-approval-card__branch p { display: flex; gap: 11px; margin-top: 3px; color: #70889e; font-size: .55rem; }
.fee-approval-card__branch small { display: block; margin-top: 3px; color: #9aabba; font-size: .48rem; }
.fee-approval-card__comparison { display: grid; grid-template-columns: 1fr 18px 1fr; align-items: center; gap: 7px; }
.fee-approval-card__comparison > svg { width: 16px; height: 16px; color: #91a5b7; animation: fee-arrow-pulse 1.8s ease-in-out infinite; }
.fee-approval-card__comparison > div { min-width: 0; padding: 7px 9px; border: 1px solid #e4ebf1; border-radius: 9px; background: #f8fafc; }
.fee-approval-card__comparison > .is-new { border-color: color-mix(in srgb, var(--fee-accent) 20%, #e4ebf1); background: color-mix(in srgb, var(--fee-accent) 10%, white); }
.fee-approval-card__comparison small,
.fee-approval-card__difference small,
.fee-approval-card__approved small { display: block; color: #8497a8; font-size: .47rem; }
.fee-approval-card__comparison strong { display: block; margin-top: 2px; color: #536e84; font-size: .72rem; }
.fee-approval-card__comparison .is-new strong { color: var(--fee-accent); }
.fee-approval-card__comparison strong span { color: #93a4b2; font-size: .42rem; }
.fee-approval-card__difference { min-width: 86px; padding: 7px 9px; border-radius: 9px; text-align: right; }
.fee-approval-card__difference strong { display: block; margin-top: 2px; font-size: .7rem; }
.fee-approval-card__difference.is-lower { color: #15996b; background: #e8f8f1; }
.fee-approval-card__difference.is-higher { color: #df8c09; background: #fff4dc; }
.fee-approval-card__approved { display: grid; grid-template-columns: 34px minmax(130px, .7fr) 1fr; align-items: center; gap: 9px; padding: 7px 10px; border: 1px solid #d8eee5; border-radius: 10px; background: #edf9f4; }
.fee-approval-card__approved > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #fff; background: #22a875; }
.fee-approval-card__approved svg { width: 17px; height: 17px; }
.fee-approval-card__approved strong { display: block; color: #16875f; font-size: .74rem; }
.fee-approval-card__approved strong em { color: #73998a; font-size: .42rem; font-style: normal; }
.fee-approval-card__approved p { color: #668c7d; font-size: .52rem; text-align: right; }

@keyframes fee-card-enter { from { opacity: 0; transform: translateY(12px) scale(.99); } to { opacity: 1; transform: none; } }
@keyframes fee-icon-sheen { 0%, 20% { opacity: 0; left: -70%; } 32% { opacity: 1; } 75%, 100% { opacity: 0; left: 130%; } }
@keyframes fee-arrow-pulse { 0%, 100% { opacity: .55; transform: translateX(-2px); } 50% { opacity: 1; transform: translateX(2px); } }
@keyframes fee-coin-float { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-6px) rotate(3deg); } }
@keyframes fee-coin-ring { 0% { opacity: .5; transform: scale(.86); } 80%, 100% { opacity: 0; transform: scale(1.22); } }
@keyframes fee-route-light { from { transform: translateX(-40px); } to { transform: translateX(120px); } }

@media (max-width: 900px) {
    .fee-approval-hero { grid-template-columns: 1fr; padding-bottom: 164px; }
    .fee-approval-hero__art { display: none; }
    .fee-approval-hero__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fee-approval-card { grid-template-columns: 46px minmax(0, 1fr) 90px; }
    .fee-approval-card__comparison,
    .fee-approval-card__approved { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .fee-approval-hero { padding: 20px 18px 276px; }
    .fee-approval-hero__metrics { grid-template-columns: 1fr; }
    .fi-resource-fees.fi-resource-list-records-page .fi-ta-record > div > div { align-items: stretch; flex-direction: column; }
    .fee-approval-card { grid-template-columns: 43px minmax(0, 1fr); }
    .fee-approval-card__difference { grid-column: 1 / -1; text-align: left; }
    .fi-resource-fees.fi-resource-list-records-page .fi-ta-record .fi-ta-actions { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .fee-approval-hero__coin,
    .fee-approval-hero__coin i,
    .fee-approval-hero__route span,
    .fi-resource-fees.fi-resource-list-records-page .fi-ta-record,
    .fee-approval-card__icon::after,
    .fee-approval-card__comparison > svg { animation: none !important; }
}

/* Gold rental requests */
.fi-resource-gold-rental-requests .fi-header {
    display: none;
}

.gold-rental-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
    gap: 1.5rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
    padding: 2rem;
    border: 1px solid rgba(73, 148, 207, .24);
    border-radius: 1.25rem;
    color: #fff;
    background: linear-gradient(122deg, #071a2e 0%, #0a3155 54%, #0c5da3 100%);
    box-shadow: 0 20px 48px rgba(7, 26, 46, .18);
}

.gold-rental-hero__grid {
    position: absolute;
    inset: 0;
    opacity: .14;
    background-image: linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 82%);
}

.gold-rental-hero__glow {
    position: absolute;
    width: 28rem;
    height: 28rem;
    right: -10rem;
    top: -15rem;
    border-radius: 999px;
    background: rgba(255, 201, 72, .24);
    filter: blur(32px);
}

.gold-rental-hero__sweep {
    position: absolute;
    z-index: 0;
    top: -80px;
    bottom: -80px;
    left: -180px;
    width: 120px;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(176, 231, 255, .18), rgba(255, 228, 143, .12), transparent);
    filter: blur(8px);
    pointer-events: none;
    transform: skewX(-18deg);
}

.gold-rental-hero__light-routes {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: .72;
    pointer-events: none;
}

.gold-rental-hero__light-tracks path {
    fill: none;
    stroke: rgba(115, 205, 255, .11);
    stroke-width: 1;
}

.gold-rental-hero__light-beams path {
    fill: none;
    stroke: url(#rental-banner-light);
    stroke-dasharray: .08 .92;
    stroke-linecap: round;
    stroke-width: 2;
    filter: drop-shadow(0 0 5px rgba(102, 215, 255, .8));
}

.gold-rental-hero__light-beams path:nth-child(2) { animation-delay: -2.2s; }
.gold-rental-hero__light-beams path:nth-child(3) { animation-delay: -4.4s; }

.gold-rental-hero__intro,
.gold-rental-hero__art,
.gold-rental-metrics { position: relative; z-index: 1; }

.gold-rental-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: #8fd9ff;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .18em;
}

.gold-rental-hero__eyebrow span {
    width: 1.6rem;
    height: 2px;
    background: #f7c95c;
}

.gold-rental-hero h1 {
    margin: .55rem 0 .45rem;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.045em;
}

.gold-rental-hero h1 span { color: #f7c95c; }
.gold-rental-hero__intro > p { max-width: 43rem; color: #c7dbea; font-size: .94rem; }

.gold-rental-hero__actions {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-top: 1.15rem;
}

.gold-rental-hero__branch-picker {
    width: min(330px, 100%);
}

.gold-rental-hero__branch-picker .shop-branch-picker__trigger {
    min-height: 40px;
    border-color: rgba(135, 214, 255, .32);
    color: #fff;
    background: rgba(3, 42, 80, .62);
    box-shadow: 0 9px 22px rgba(0, 29, 65, .2), inset 0 1px rgba(255, 255, 255, .1);
    backdrop-filter: blur(12px);
}

.gold-rental-hero__branch-picker .shop-branch-picker__leading {
    border-color: rgba(134, 217, 255, .28);
    color: #86d9ff;
    background: rgba(80, 173, 222, .12);
}

.gold-rental-hero__branch-picker .shop-branch-picker__chevron {
    color: #86d9ff;
}

.gold-rental-hero__action {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: .55rem;
    padding: .7rem 1rem;
    border-radius: .75rem;
    color: #08233c;
    background: linear-gradient(135deg, #ffe18a, #f5bd3f);
    font-size: .82rem;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(245, 189, 63, .2);
}

.gold-rental-hero__action svg { width: 1.1rem; height: 1.1rem; }
.gold-rental-hero__art { min-height: 9rem; }

.gold-rental-metrics {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .35rem;
}

.gold-rental-metrics article {
    min-width: 0;
    padding: .85rem .95rem;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: .85rem;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
}

.gold-rental-metrics small { display: block; color: #9fc4df; font-size: .58rem; font-weight: 800; letter-spacing: .1em; }
.gold-rental-metrics strong { display: block; overflow: hidden; margin: .25rem 0 .05rem; color: #fff; font-size: 1.35rem; line-height: 1.15; text-overflow: ellipsis; }
.gold-rental-metrics strong em { font-size: .78em; font-style: normal; }
.gold-rental-metrics article > span { color: #aac2d4; font-size: .66rem; }
.gold-rental-metrics .is-amber strong, .gold-rental-metrics .is-weight strong { color: #ffd66f; }
.gold-rental-metrics .is-blue strong { color: #70c9ff; }
.gold-rental-metrics .is-green strong { color: #5be1a2; }
.gold-rental-metrics .is-red strong { color: #ff8d91; }
.gold-rental-metrics .is-muted strong { color: #d4e0e9; }

.fi-resource-gold-rental-requests .fi-ta-ctn {
    overflow: hidden;
    border: 1px solid #d9e6f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(10, 65, 109, .065);
}

.fi-resource-gold-rental-requests.fi-resource-list-records-page .fi-tabs {
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 5px;
    border: 1px solid #d7e6f1;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fbfe, #edf5fb);
    box-shadow: 0 6px 16px rgba(8, 65, 108, .06);
}

.fi-resource-gold-rental-requests.fi-resource-list-records-page .fi-tabs-item {
    min-height: 38px;
    border-radius: 10px;
    color: #627d93;
    font-size: .72rem;
    font-weight: 750;
    white-space: nowrap;
}

.fi-resource-gold-rental-requests.fi-resource-list-records-page .fi-tabs-item.fi-active {
    color: #fff;
    background: linear-gradient(135deg, #178bd8, #075da8);
    box-shadow: 0 7px 16px rgba(8, 94, 165, .24), inset 0 1px rgba(255, 255, 255, .2);
}

.fi-resource-gold-rental-requests.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-tabs-item-label {
    color: #fff !important;
}

.fi-resource-gold-rental-requests.fi-resource-list-records-page .fi-tabs-item .fi-badge {
    min-width: 24px;
    justify-content: center;
    color: #176da9;
    background: #e3f2fc;
    box-shadow: inset 0 0 0 1px rgba(24, 119, 184, .1);
}

.fi-resource-gold-rental-requests.fi-resource-list-records-page .fi-tabs-item.fi-active .fi-badge {
    color: #075da8;
    background: #fff;
    box-shadow: none;
}

.fi-resource-gold-rental-requests .fi-ta-header {
    min-height: 66px;
    padding: 10px 14px;
    border-bottom: 1px solid #e3ebf2;
    background:
        radial-gradient(circle at 0 50%, rgba(49, 145, 210, .12), transparent 32%),
        linear-gradient(180deg, #edf5fb 0%, #f5f9fc 100%);
}

.fi-resource-gold-rental-requests .fi-ta-header-heading { width: 100%; }

.gold-rental-document-icon {
    display: grid;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(151, 220, 255, .72);
    border-radius: 10px;
    background:
        radial-gradient(circle at 30% 18%, rgba(102, 218, 255, .72), transparent 38%),
        linear-gradient(145deg, #128edc 0%, #0866bd 48%, #074493 100%);
    box-shadow:
        0 7px 16px rgba(5, 82, 157, .32),
        0 0 0 3px rgba(53, 172, 240, .08),
        inset 0 1px rgba(255, 255, 255, .42);
}

.gold-rental-document-icon::before {
    position: absolute;
    z-index: -1;
    inset: 7px;
    border: 1px solid rgba(188, 234, 255, .28);
    border-radius: 7px;
    content: '';
}

.gold-rental-document-icon::after {
    position: absolute;
    top: -55%;
    bottom: -55%;
    left: -85%;
    width: 38%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .86), transparent);
    content: '';
    transform: rotate(18deg);
}

.gold-rental-document-icon svg {
    position: relative;
    z-index: 2;
    width: 18px;
    height: 18px;
    color: #fff;
    filter: drop-shadow(0 2px 3px rgba(0, 40, 85, .34));
}

@media (prefers-reduced-motion: no-preference) {
    .gold-rental-document-icon { animation: goldRentalDocumentGlow 2.8s ease-in-out var(--rental-document-delay, 0s) infinite; }
    .gold-rental-document-icon::after { animation: goldRentalDocumentSweep 3.2s ease-in-out var(--rental-document-delay, 0s) infinite; }
}

@keyframes goldRentalDocumentGlow {
    0%, 100% { box-shadow: 0 7px 16px rgba(5, 82, 157, .3), 0 0 0 3px rgba(53, 172, 240, .06), inset 0 1px rgba(255, 255, 255, .42); }
    50% { box-shadow: 0 9px 20px rgba(5, 107, 197, .42), 0 0 0 5px rgba(62, 191, 255, .16), 0 0 16px rgba(80, 203, 255, .36), inset 0 1px rgba(255, 255, 255, .56); }
}

@keyframes goldRentalDocumentSweep {
    0%, 18% { left: -85%; opacity: 0; }
    35% { opacity: .9; }
    62%, 100% { left: 145%; opacity: 0; }
}

.fi-resource-gold-rental-requests .fi-table-cell-rental-document {
    width: 58px;
    min-width: 58px;
}

.fi-resource-gold-rental-requests .fi-table-cell-rental-document > div {
    justify-content: center;
}

.fi-resource-gold-rental-requests .fi-ta-search-field .fi-input-wrp {
    border: 1px solid #d9e6f0;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(12, 74, 124, .045);
}

.fi-resource-gold-rental-requests .fi-ta-table > thead { background: #f0f6fa; }

.fi-resource-gold-rental-requests .fi-ta-header-cell {
    border-bottom-color: #dbe6ef;
    color: #557087;
    font-size: .61rem;
    font-weight: 800;
}

.fi-resource-gold-rental-requests .fi-ta-row {
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.fi-resource-gold-rental-requests .fi-ta-row:hover {
    position: relative;
    z-index: 1;
    background: #f4faff !important;
    box-shadow: inset 3px 0 #2a8bd0, 0 5px 14px rgba(12, 81, 134, .055);
}

.fi-resource-gold-rental-requests .fi-ta-text-item-label {
    color: #28465f;
    font-weight: 650;
}

.fi-resource-gold-rental-requests .fi-table-cell-status .fi-badge,
.fi-resource-gold-rental-requests .fi-table-cell-requested-weight .fi-badge {
    border: 1px solid rgba(79, 139, 184, .14);
    box-shadow: inset 0 1px rgba(255, 255, 255, .7);
}

.fi-resource-gold-rental-requests .gold-rental-return-date .fi-badge {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 28px;
    padding-inline: 9px;
    border: 1px solid;
    border-radius: 9px;
    font-weight: 800;
    letter-spacing: .01em;
    box-shadow: inset 0 1px rgba(255, 255, 255, .78), 0 5px 12px rgba(72, 51, 6, .08);
}

.fi-resource-gold-rental-requests .gold-rental-return-date--upcoming .fi-badge {
    border-color: #efcd67;
    color: #9a6704;
    background: linear-gradient(135deg, #fffbed, #fff0b5);
    box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 5px 13px rgba(193, 137, 13, .13), 0 0 0 2px rgba(247, 196, 60, .06);
}

.fi-resource-gold-rental-requests .gold-rental-return-date--returned .fi-badge {
    border-color: #83d7b1;
    color: #08794f;
    background: linear-gradient(135deg, #f2fff9, #d9f8e9);
    box-shadow: inset 0 1px rgba(255, 255, 255, .94), 0 5px 13px rgba(11, 139, 91, .13), 0 0 0 2px rgba(27, 174, 117, .06);
}

.fi-resource-gold-rental-requests .gold-rental-return-date--overdue .fi-badge {
    border-color: #f0a0a8;
    color: #bd2635;
    background: linear-gradient(135deg, #fff7f7, #ffdfe2);
    box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 6px 15px rgba(197, 35, 53, .16), 0 0 0 2px rgba(226, 59, 74, .06);
}

.fi-resource-gold-rental-requests .gold-rental-return-date .fi-badge::before {
    position: absolute;
    z-index: -1;
    top: -70%;
    bottom: -70%;
    left: -42%;
    width: 30%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .92), transparent);
    content: '';
    pointer-events: none;
    transform: rotate(16deg);
}

.fi-resource-gold-rental-requests .gold-rental-return-date .fi-badge svg {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 15px;
    stroke-width: 1.9;
}

@media (prefers-reduced-motion: no-preference) {
    .fi-resource-gold-rental-requests .gold-rental-return-date--upcoming .fi-badge {
        animation: goldRentalDueGlow 2.6s ease-in-out infinite;
    }

    .fi-resource-gold-rental-requests .gold-rental-return-date--overdue .fi-badge {
        animation: goldRentalOverdueGlow 1.8s ease-in-out infinite;
    }

    .fi-resource-gold-rental-requests .gold-rental-return-date .fi-badge::before {
        animation: goldRentalDueShine 2.8s ease-in-out infinite;
    }

    .fi-resource-gold-rental-requests .gold-rental-return-date--upcoming .fi-badge svg {
        animation: goldRentalDueIcon 2s ease-in-out infinite;
    }

    .fi-resource-gold-rental-requests .gold-rental-return-date--overdue .fi-badge svg {
        animation: goldRentalOverdueIcon 1.25s ease-in-out infinite;
    }

    .fi-resource-gold-rental-requests .gold-rental-return-date--returned .fi-badge svg {
        animation: goldRentalReturnedIcon 2.2s ease-in-out infinite;
    }
}

@keyframes goldRentalDueShine {
    0%, 22% { left: -42%; opacity: 0; }
    38% { opacity: .85; }
    64%, 100% { left: 122%; opacity: 0; }
}

@keyframes goldRentalDueGlow {
    0%, 100% { box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 5px 13px rgba(193, 137, 13, .12), 0 0 0 2px rgba(247, 196, 60, .04); }
    50% { box-shadow: inset 0 1px #fff, 0 7px 17px rgba(193, 137, 13, .22), 0 0 0 4px rgba(247, 196, 60, .1); }
}

@keyframes goldRentalOverdueGlow {
    0%, 100% { box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 6px 15px rgba(197, 35, 53, .15), 0 0 0 2px rgba(226, 59, 74, .05); }
    50% { box-shadow: inset 0 1px #fff, 0 8px 19px rgba(197, 35, 53, .28), 0 0 0 4px rgba(226, 59, 74, .12); }
}

@keyframes goldRentalReturnedIcon {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

@keyframes goldRentalDueIcon {
    0%, 100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-1px) rotate(-5deg); }
}

@keyframes goldRentalOverdueIcon {
    0%, 100% { transform: translateX(0) scale(1); }
    35% { transform: translateX(-1px) scale(1.06); }
    65% { transform: translateX(1px) scale(1.06); }
}

.fi-resource-gold-rental-requests .fi-pagination {
    border-top-color: #e2ebf2;
    background: #fbfdff;
}

/* Gold rental request product selection */
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form > .grid {
    gap: 14px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form section {
    overflow: hidden;
    border: 1px solid #d8e6f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(8, 64, 108, .055);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form section > .fi-section-header {
    position: relative;
    min-height: 66px;
    justify-content: center;
    gap: 10px;
    overflow: hidden;
    padding: 10px 14px;
    border-bottom: 1px solid #e2ebf2;
    background:
        radial-gradient(circle at 0 50%, rgba(56, 163, 225, .14), transparent 34%),
        linear-gradient(180deg, #eef6fb 0%, #f8fbfd 100%);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form section > .fi-section-header .fi-section-header-icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 10px;
    color: #fff !important;
    stroke-width: 1.8;
    background:
        linear-gradient(105deg, transparent 8%, rgba(255, 255, 255, .78) 50%, transparent 92%) -24px 0 / 16px 100% no-repeat,
        linear-gradient(145deg, #1977c8 0%, #075395 100%) 0 0 / 100% 100% no-repeat;
    box-shadow: 0 6px 14px rgba(4, 76, 137, .22), inset 0 1px rgba(255, 255, 255, .22);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form section > .fi-section-header .fi-section-header-icon svg {
    position: relative;
    z-index: 1;
    width: 17px;
    height: 17px;
    stroke-width: 1.8;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form section > .fi-section-header .fi-section-header-heading {
    color: #193750;
    font-size: .88rem;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.01em;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form section > .fi-section-header .fi-section-header-description {
    margin-top: 3px;
    color: #70889d;
    font-size: .56rem;
    font-weight: 600;
    line-height: 1.25;
}

.gold-rental-customer-media {
    display: flex;
    min-height: 58px;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 9px;
}

.gold-rental-customer-media > .fi-modal {
    display: block;
}

.gold-rental-customer-media .fi-modal-trigger {
    display: block;
}

.gold-rental-customer-media__card {
    display: grid;
    width: 94px;
    gap: 3px;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
}

.gold-rental-customer-media__label {
    display: block;
    overflow: hidden;
    color: #526d82;
    font-size: .5rem;
    font-weight: 760;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gold-rental-customer-media__thumb {
    position: relative;
    display: block;
    width: 94px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #d2e0e9;
    border-radius: 9px;
    background: #eef3f6;
    box-shadow: 0 4px 10px rgba(9, 65, 104, .08);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.gold-rental-customer-media__card:hover .gold-rental-customer-media__thumb {
    border-color: #74b9df;
    box-shadow: 0 7px 15px rgba(9, 90, 145, .15);
    transform: translateY(-1px);
}

.gold-rental-customer-media__thumb img,
.gold-rental-customer-media__thumb > svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gold-rental-customer-media__zoom {
    position: absolute;
    right: 3px;
    bottom: 3px;
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 6px;
    color: #fff;
    background: rgba(7, 102, 169, .88);
    box-shadow: 0 2px 6px rgba(5, 68, 112, .22);
}

.gold-rental-customer-media__zoom svg {
    width: 11px;
    height: 11px;
}

.gold-rental-customer-media__modal-image {
    display: grid;
    min-height: 280px;
    max-height: 72vh;
    place-items: center;
    overflow: hidden;
    border: 1px solid #d7e5ee;
    border-radius: 14px;
    background: #eef3f6;
}

.gold-rental-customer-media__modal-image img,
.gold-rental-customer-media__modal-image > svg {
    display: block;
    width: 100%;
    max-height: 72vh;
    object-fit: contain;
}

.gold-rental-customer-media__thumb--qr {
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% 42%, #fff 0 45%, transparent 46%),
        linear-gradient(145deg, #f8fcff, #e8f3f9);
}

.gold-rental-customer-media__qr {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    padding: 2px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(9, 72, 116, .1);
}

.gold-rental-customer-media__qr svg,
.gold-rental-customer-media__qr-large svg {
    display: block;
    width: 100%;
    height: 100%;
}

.gold-rental-customer-media__qr-modal {
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 6px 4px 2px;
    text-align: center;
}

.gold-rental-customer-media__qr-large {
    width: min(250px, 72vw);
    aspect-ratio: 1;
    padding: 12px;
    border: 1px solid #d5e4ed;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(9, 67, 107, .1);
}

.gold-rental-customer-media__qr-copy strong {
    display: block;
    color: #173c58;
    font-size: .92rem;
    font-weight: 850;
}

.gold-rental-customer-media__qr-copy p {
    max-width: 330px;
    margin: 4px auto 0;
    color: #688095;
    font-size: .72rem;
    line-height: 1.55;
}

.gold-rental-customer-media__public-link {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 14px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, #1689d2, #075ba8);
    font-size: .72rem;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(7, 91, 168, .2);
}

.gold-rental-customer-media__public-link:hover {
    color: #fff;
    filter: brightness(1.05);
}

.gold-rental-customer-media__public-link svg {
    width: 16px;
    height: 16px;
}

.gold-rental-table-qr-modal {
    gap: 10px;
    padding: 0 2px 2px;
}

.gold-rental-table-qr-modal .gold-rental-customer-media__qr-large {
    width: min(190px, 58vw);
    padding: 9px;
    border-radius: 14px;
    box-shadow: 0 9px 24px rgba(9, 67, 107, .1);
}

.gold-rental-table-qr-modal .gold-rental-customer-media__qr-copy > span {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    padding: 3px 8px;
    border: 1px solid #cfe4f1;
    border-radius: 999px;
    color: #197bb8;
    background: #eff8fd;
    font-size: .48rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.gold-rental-table-qr-modal .gold-rental-customer-media__qr-copy strong {
    margin-top: 6px;
    font-size: .84rem;
}

.gold-rental-table-qr-modal .gold-rental-customer-media__qr-copy p {
    max-width: 280px;
    margin-top: 3px;
    font-size: .64rem;
}

.gold-rental-table-qr-modal .gold-rental-customer-media__public-link {
    min-height: 36px;
    padding: 7px 13px;
    font-size: .68rem;
}

.fi-resource-gold-rental-requests .gold-rental-cancel-action {
    border: 1px solid #b91c2c !important;
    color: #fff !important;
    background: linear-gradient(135deg, #df3f4f 0%, #b91c2c 100%) !important;
    box-shadow: 0 7px 16px rgba(185, 28, 44, .22), inset 0 1px rgba(255, 255, 255, .2);
}

.fi-resource-gold-rental-requests .gold-rental-cancel-action :is(span, svg) {
    color: #fff !important;
}

.fi-resource-gold-rental-requests .gold-rental-cancel-action:hover {
    border-color: #991b2b !important;
    background: linear-gradient(135deg, #c92d3e 0%, #991b2b 100%) !important;
    box-shadow: 0 9px 20px rgba(153, 27, 43, .3), 0 0 0 3px rgba(223, 63, 79, .1);
    transform: translateY(-1px);
}

.fi-resource-gold-rental-requests .fi-header-actions .gold-rental-cancel-action {
    display: none;
}

.gold-rental-cancel-zone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid #f0c7cc;
    border-radius: 14px;
    background: linear-gradient(105deg, #fffafb 0%, #fff3f4 100%);
    box-shadow: 0 7px 18px rgba(104, 27, 37, .05);
}

.gold-rental-cancel-zone__copy {
    min-width: 0;
}

.gold-rental-cancel-zone__eyebrow {
    display: block;
    margin-bottom: 3px;
    color: #c03746;
    font-size: .57rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.gold-rental-cancel-zone__copy strong {
    display: block;
    color: #4e2027;
    font-size: .84rem;
    font-weight: 850;
}

.gold-rental-cancel-zone__copy p {
    margin-top: 2px;
    color: #92636a;
    font-size: .68rem;
    line-height: 1.5;
}

.gold-rental-cancel-zone__button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 15px;
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 850;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.gold-rental-cancel-zone__button svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 640px) {
    .gold-rental-cancel-zone {
        align-items: stretch;
        flex-direction: column;
        gap: 11px;
        padding: 13px;
    }

    .gold-rental-cancel-zone__button {
        width: 100%;
    }
}

.gold-rental-cancel-modal .fi-modal-heading { color: #54252b; }

.gold-rental-cancel-artwork {
    border-color: #efcfd3;
    background:
        radial-gradient(circle at 82% 10%, rgba(225, 61, 76, .13), transparent 38%),
        linear-gradient(120deg, #fffafa 0%, #fff1f3 48%, #f8fbfd 100%);
}

.gold-rental-cancel-artwork__scene { min-width: 0; }

.gold-rental-cancel-artwork__request {
    position: absolute;
    top: 21px;
    left: 3px;
    z-index: 3;
    display: grid;
    width: 38px;
    height: 46px;
    place-items: center;
    border: 1px solid #65add1;
    border-radius: 9px;
    color: #0871b4;
    background: linear-gradient(145deg, #f5fcff, #dff3fb);
    box-shadow: 0 7px 13px rgba(7, 105, 162, .15), inset 0 1px #fff;
    animation: warehouse-cancel-document 3.4s cubic-bezier(.35, 0, .25, 1) infinite;
}

.gold-rental-cancel-artwork__request svg { width: 18px; height: 18px; }
.gold-rental-cancel-artwork__request i { margin-top: -10px; color: #6e9bb4; font-size: .32rem; font-style: normal; font-weight: 900; letter-spacing: .08em; }

.gold-rental-cancel-artwork__shop {
    position: absolute;
    top: 19px;
    right: 2px;
    width: 52px;
    height: 51px;
    border: 1px solid #d98b93;
    border-radius: 7px 7px 10px 10px;
    background: linear-gradient(145deg, #fffafa, #f9e3e5);
    box-shadow: 0 7px 14px rgba(124, 25, 40, .11);
}

.gold-rental-cancel-artwork__shop > b {
    position: absolute;
    top: -5px;
    right: -3px;
    left: -3px;
    height: 14px;
    padding-top: 3px;
    border-radius: 5px 5px 2px 2px;
    color: #fff;
    background: linear-gradient(145deg, #dc3948, #a9182d);
    font-size: .28rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-align: center;
}

.gold-rental-cancel-artwork__shop > i {
    position: absolute;
    right: 7px;
    bottom: 6px;
    left: 7px;
    display: flex;
    gap: 2px;
    height: 25px;
    padding: 3px;
    border: 1px solid #dfa4aa;
    border-radius: 4px;
    background: rgba(255,255,255,.72);
}

.gold-rental-cancel-artwork__shop > i em { flex: 1; border-radius: 2px; background: linear-gradient(145deg, #ffe185, #e8a91c); opacity: .35; }
.gold-rental-cancel-artwork__shop > small { position: absolute; right: -8px; bottom: -16px; left: -8px; color: #b15a63; font-size: .28rem; font-weight: 900; letter-spacing: .08em; text-align: center; }

@media (max-width: 640px) {
    .gold-rental-cancel-artwork__scene { height: 80px; }
}

@media (prefers-reduced-motion: reduce) {
    .gold-rental-cancel-artwork__request { animation: none; }
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form section.gold-rental-items-section {
    position: relative;
    overflow: visible !important;
    border-color: #c9dfef;
    background:
        radial-gradient(circle at 100% 0, rgba(32, 151, 220, .07), transparent 24%),
        #fff;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section:has(.choices.is-open),
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item:has(.choices.is-open) {
    z-index: 50;
}

@media (prefers-reduced-motion: no-preference) {
    .fi-resource-gold-rental-requests.fi-resource-edit-record-page .fi-form section > .fi-section-header .fi-section-header-icon {
        animation:
            goldRentalSectionIconFloat 3s ease-in-out infinite,
            goldRentalSectionIconShine 4.8s ease-in-out infinite;
    }
}

@keyframes goldRentalSectionIconFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-1px);
    }
}

@keyframes goldRentalSectionIconShine {
    0%, 58% {
        background-position: -24px 0, 0 0;
        box-shadow: 0 6px 14px rgba(4, 76, 137, .22), inset 0 1px rgba(255, 255, 255, .22);
    }

    70% {
        box-shadow: 0 7px 17px rgba(4, 76, 137, .32), 0 0 0 2px rgba(25, 119, 200, .08), inset 0 1px rgba(255, 255, 255, .3);
    }

    82%, 100% {
        background-position: 42px 0, 0 0;
        box-shadow: 0 6px 14px rgba(4, 76, 137, .22), inset 0 1px rgba(255, 255, 255, .22);
    }
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item {
    position: relative;
    overflow: visible;
    border: 1px solid #d8e3eb;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(9, 49, 80, .045);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item-header {
    min-height: 30px;
    padding: 2px 9px;
    border-bottom: 1px solid #e2eaf0;
    border-radius: 8px 8px 0 0;
    color: #567084;
    background: #f6f9fb;
    box-shadow: none;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item-header::after {
    content: none;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item-header h4 {
    color: #26465e;
    font-size: .72rem;
    font-weight: 780;
    letter-spacing: .025em;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item-header .fi-icon-btn:not(.fi-color-danger) {
    color: #7890a2;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item-header .fi-icon-btn.fi-color-danger {
    color: #dc4c5a;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item-content {
    padding: 7px 9px 8px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-item-content > .fi-fo-component-ctn {
    gap: 9px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-layout {
    align-items: stretch;
    gap: 10px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media {
    position: relative;
    display: flex;
    height: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-field-wrp,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-field-wrp > .grid,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-field-wrp > .grid > div:last-child,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-file-upload {
    height: 100%;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-field-wrp > .grid {
    position: relative;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-field-wrp > .grid > .flex {
    position: absolute;
    z-index: 5;
    top: auto;
    right: 4px;
    bottom: 4px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--action-revert-item-processing,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--action-remove-item {
    top: 4px !important;
    right: 4px !important;
    bottom: auto !important;
    left: auto !important;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--root[data-style-panel-layout~="integrated"],
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--list-scroller,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--list,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--item,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--file-wrapper,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--file,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--image-preview-wrapper,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--image-preview {
    width: 100% !important;
    height: 100% !important;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--file {
    padding: 0;
    border-radius: 7px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--image-preview-wrapper,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--image-preview {
    inset: 0;
    border-radius: 7px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--image-preview canvas {
    min-width: 100% !important;
    min-height: 100% !important;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--file-info,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--file-status,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--processing-complete-indicator,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--image-preview-overlay {
    display: none !important;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-details {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 0 2px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-metrics {
    gap: 8px;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .choices__list--dropdown {
    z-index: 60;
    max-height: min(320px, 50vh);
    border-color: #b8d5e9;
    border-radius: 11px;
    box-shadow: 0 16px 34px rgba(7, 56, 94, .2);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-input-wrp {
    min-height: 39px;
    border: 1px solid #c9dce9;
    border-radius: 10px;
    background: #f9fcfe;
    box-shadow: 0 2px 7px rgba(9, 77, 123, .035);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-input-wrp:focus-within {
    border-color: #75b8df;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(31, 145, 207, .09);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-input-wrp-prefix,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-input-wrp-suffix {
    align-self: stretch;
    color: #879aaa;
    background: #edf6fb;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-input-wrp-prefix {
    border-right: 1px solid #d6e5ee;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-input-wrp-suffix {
    border-left: 1px solid #dfe9ef;
    background: #fff;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-field-wrp-label {
    margin-bottom: 4px;
    color: #324b60;
    font-size: .76rem;
    font-weight: 760;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-name .fi-input-wrp {
    min-height: 39px;
    border-color: #c6dce9;
    background: #f8fcff;
    box-shadow: 0 2px 7px rgba(9, 77, 123, .035);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-name .fi-input-wrp-prefix {
    color: #859aa9;
    background: #edf6fb;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-name input {
    color: #0a3859;
    font-size: .94rem;
    font-weight: 760;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-field-wrp:has(input[id$="quantity"]) .fi-input-wrp-prefix {
    color: #1683ca;
    background: #edf7fd;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-weight .fi-input-wrp {
    border-color: #c9dce9;
    background: #f9fcfe;
    box-shadow: 0 2px 7px rgba(9, 77, 123, .035);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-weight input {
    color: #0870b5;
    font-size: .9rem;
    font-weight: 850;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-fee .fi-input-wrp {
    border-color: #c9dce9;
    background: #f9fcfe;
    box-shadow: 0 2px 7px rgba(9, 77, 123, .035);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-fee .fi-input-wrp-prefix {
    color: #a66e08;
    background: #fff5d9;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-fee input {
    color: #9a680b;
    font-weight: 850;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-file-upload {
    overflow: hidden;
    border: 1px dashed #c6d5df;
    border-radius: 8px;
    background: #fff;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .filepond--root,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .filepond--drop-label {
    min-height: 76px !important;
    height: 100% !important;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .filepond--panel-root {
    background: transparent;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .filepond--drop-label {
    color: #3e647d;
    font-size: .69rem;
    font-weight: 650;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--drop-label label {
    position: absolute;
    inset: 0;
    display: block;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 !important;
    cursor: pointer;
    font-size: 0 !important;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--drop-label label::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    background: #5c8ca9;
    content: '';
    transform: translate(-50%, -50%);
    transition: transform .16s ease, background-color .16s ease;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9' r='1.5'/%3E%3Cpath d='m4 17 4.5-4.5 3 3 2-2 6.5 6.5'/%3E%3Cpath d='M17 6v5M14.5 8.5h5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9' r='1.5'/%3E%3Cpath d='m4 17 4.5-4.5 3 3 2-2 6.5 6.5'/%3E%3Cpath d='M17 6v5M14.5 8.5h5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .filepond--drop-label:hover label::before {
    background: #147db9;
    transform: translate(-50%, -50%) scale(1.08);
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-field-wrp-helper-text {
    color: #8494a1;
    font-size: .56rem;
    font-weight: 700;
    letter-spacing: .075em;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-field-wrp-label .fi-icon-btn {
    width: 27px;
    height: 27px;
    margin: -5px 0 -5px 4px;
    border: 1px solid #c9dbe7;
    border-radius: 7px;
    color: #1677b4;
    background: #f3f8fb;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-item-media .fi-fo-field-wrp-label .fi-icon-btn:hover {
    border-color: #8fbeda;
    color: #075f9c;
    background: #eaf5fb;
}

.gold-rental-item-image-modal {
    display: grid;
    min-height: 280px;
    max-height: 72vh;
    place-items: center;
    overflow: hidden;
    border: 1px solid #d7e7f2;
    border-radius: 16px;
    background:
        linear-gradient(45deg, rgba(10, 111, 176, .035) 25%, transparent 25%, transparent 75%, rgba(10, 111, 176, .035) 75%),
        linear-gradient(45deg, rgba(10, 111, 176, .035) 25%, #fff 25%, #fff 75%, rgba(10, 111, 176, .035) 75%);
    background-position: 0 0, 12px 12px;
    background-size: 24px 24px;
}

.gold-rental-item-image-modal img {
    display: block;
    width: 100%;
    max-height: 72vh;
    object-fit: contain;
}

.gold-rental-item-image-modal__empty {
    display: grid;
    place-items: center;
    gap: 10px;
    color: #708497;
    font-weight: 700;
}

.gold-rental-item-image-modal__empty svg {
    width: 42px;
    height: 42px;
    color: #46a4d7;
}

.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section .fi-fo-repeater-add-between-action-ctn + .fi-btn,
.fi-resource-gold-rental-requests.fi-resource-edit-record-page .gold-rental-items-section > .fi-section-content-ctn .fi-btn-color-gray {
    border: 1px solid #a8cee7;
    color: #126ea9;
    background: #f1f8fd;
    box-shadow: 0 5px 12px rgba(18, 110, 169, .07);
}

.gold-rental-order-summary {
    position: relative;
    display: flex;
    min-height: 72px;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    padding: 11px 13px;
    border: 1px solid #c6dfef;
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 205, 76, .14), transparent 30%),
        linear-gradient(122deg, #f2f9fe, #fff 62%);
    box-shadow: 0 7px 18px rgba(8, 66, 106, .065);
}

.gold-rental-order-summary::before {
    position: absolute;
    inset: 8px auto 8px 0;
    width: 3px;
    border-radius: 0 99px 99px 0;
    background: linear-gradient(#28b3e3, #1471bf);
    content: '';
}

.gold-rental-order-summary__icon {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(145deg, #168bd0, #0863aa);
    box-shadow: 0 7px 15px rgba(8, 104, 169, .2), inset 0 1px rgba(255, 255, 255, .25);
}

.gold-rental-order-summary__icon svg { width: 21px; height: 21px; }

.gold-rental-order-summary__copy {
    display: grid;
    min-width: 190px;
    gap: 2px;
}

.gold-rental-order-summary small {
    color: #8398aa;
    font-size: .48rem;
    font-weight: 820;
    letter-spacing: .1em;
}

.gold-rental-order-summary__copy strong {
    color: #23465f;
    font-size: .74rem;
    font-weight: 850;
}

.gold-rental-order-summary__metrics {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: stretch;
    justify-content: flex-end;
    gap: 12px;
}

.gold-rental-order-summary__metrics > span {
    display: grid;
    min-width: 96px;
    align-content: center;
    gap: 2px;
    text-align: right;
}

.gold-rental-order-summary__metrics > i { width: 1px; background: #dce8f0; }

.gold-rental-order-summary__metrics strong {
    color: #1678ba;
    font-size: .96rem;
    font-weight: 880;
    line-height: 1.05;
    white-space: nowrap;
}

.gold-rental-order-summary__metrics strong em {
    color: #7890a2;
    font-size: .58rem;
    font-style: normal;
    font-weight: 750;
}

.gold-rental-order-summary__difference strong { color: #d38a0b; }

.gold-rental-order-summary__rental-fee {
    min-width: 128px !important;
}

.gold-rental-order-summary__rental-fee strong {
    color: #b77808;
}

.gold-rental-order-summary.is-complete {
    border-color: #afe0cc;
    background:
        radial-gradient(circle at 100% 0, rgba(62, 207, 147, .14), transparent 30%),
        linear-gradient(122deg, #eefbf6, #fff 62%);
}

.gold-rental-order-summary.is-complete::before,
.gold-rental-order-summary.is-complete .gold-rental-order-summary__icon {
    background: linear-gradient(145deg, #29bd80, #087c58);
}

.gold-rental-order-summary.is-complete .gold-rental-order-summary__difference strong { color: #087c58; }

.gold-rental-order-summary.is-under {
    border-color: #efcf73;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 190, 35, .2), transparent 32%),
        linear-gradient(122deg, #fff9df, #fff 62%);
}

.gold-rental-order-summary.is-under::before,
.gold-rental-order-summary.is-under .gold-rental-order-summary__icon {
    background: linear-gradient(145deg, #f7bb23, #c37a05);
}

.gold-rental-order-summary.is-under .gold-rental-order-summary__copy strong,
.gold-rental-order-summary.is-under .gold-rental-order-summary__difference strong {
    color: #9b6200;
}

.gold-rental-order-summary.is-over {
    border-color: #efc2c7;
    background:
        radial-gradient(circle at 100% 0, rgba(228, 71, 85, .12), transparent 30%),
        linear-gradient(122deg, #fff5f6, #fff 62%);
}

.gold-rental-order-summary.is-over::before,
.gold-rental-order-summary.is-over .gold-rental-order-summary__icon {
    background: linear-gradient(145deg, #e44755, #9f2034);
}

.gold-rental-order-summary.is-over .gold-rental-order-summary__difference strong { color: #b72f40; }

.gold-rental-order-summary.is-over .gold-rental-order-summary__copy strong {
    color: #a91e32;
}

@media (prefers-reduced-motion: no-preference) {
    .gold-rental-order-summary.is-under {
        animation: goldRentalUnderAlert 1s ease-in-out infinite;
    }

    .gold-rental-order-summary.is-under .gold-rental-order-summary__icon {
        animation: goldRentalUnderIcon .72s ease-in-out infinite;
    }

    .gold-rental-order-summary.is-under .gold-rental-order-summary__difference strong {
        animation: goldRentalUnderValue .72s ease-in-out infinite;
    }

    .gold-rental-order-summary.is-over {
        animation: goldRentalOverAlert 1s ease-in-out infinite;
    }

    .gold-rental-order-summary.is-over .gold-rental-order-summary__icon {
        animation: goldRentalOverIcon .72s ease-in-out infinite;
    }

    .gold-rental-order-summary.is-over .gold-rental-order-summary__difference strong {
        animation: goldRentalOverValue .72s ease-in-out infinite;
    }
}

@keyframes goldRentalUnderAlert {
    0%, 100% {
        border-color: #efcf73;
        background-color: #fffdf3;
        box-shadow: 0 7px 18px rgba(182, 116, 0, .08), 0 0 0 0 rgba(246, 180, 25, 0);
    }

    50% {
        border-color: #f1ab08;
        background-color: #fff7ce;
        box-shadow: 0 9px 24px rgba(182, 116, 0, .2), 0 0 0 4px rgba(246, 180, 25, .16);
    }
}

@keyframes goldRentalUnderIcon {
    0%, 100% {
        filter: brightness(1);
        transform: scale(1);
    }

    50% {
        filter: brightness(1.12) drop-shadow(0 0 7px rgba(235, 166, 10, .6));
        transform: scale(1.08);
    }
}

@keyframes goldRentalUnderValue {
    0%, 100% { color: #9b6200; text-shadow: none; }
    50% { color: #e08b00; text-shadow: 0 0 9px rgba(224, 139, 0, .42); }
}

@keyframes goldRentalOverAlert {
    0%, 100% {
        border-color: #efb4bc;
        background-color: #fff;
        box-shadow: 0 7px 18px rgba(174, 32, 52, .08), 0 0 0 0 rgba(230, 49, 73, 0);
    }

    50% {
        border-color: #ec4157;
        background-color: #fff4f5;
        box-shadow: 0 9px 24px rgba(174, 32, 52, .2), 0 0 0 4px rgba(230, 49, 73, .12);
    }
}

@keyframes goldRentalOverIcon {
    0%, 100% {
        filter: brightness(1);
        transform: scale(1);
    }

    50% {
        filter: brightness(1.16) drop-shadow(0 0 7px rgba(225, 42, 68, .55));
        transform: scale(1.08);
    }
}

@keyframes goldRentalOverValue {
    0%, 100% { color: #a91e32; text-shadow: none; }
    50% { color: #ef233f; text-shadow: 0 0 9px rgba(239, 35, 63, .38); }
}

@media (max-width: 900px) {
    .gold-rental-order-summary { align-items: flex-start; flex-wrap: wrap; }
    .gold-rental-order-summary__metrics { width: 100%; flex-basis: 100%; overflow-x: auto; padding: 4px 0 2px 54px; }
}

@media (max-width: 640px) {
    .gold-rental-order-summary__metrics { justify-content: flex-start; padding-left: 0; }
    .gold-rental-order-summary__metrics > span { min-width: 86px; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
    .fi-resource-gold-rental-requests .fi-ta-row { transition: none !important; }
}

@media (max-width: 1024px) {
    .gold-rental-hero { grid-template-columns: 1fr; }
    .gold-rental-hero__art { display: none; }
    .gold-rental-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .gold-rental-hero { padding: 1.25rem; border-radius: 1rem; }
    .gold-rental-metrics { grid-template-columns: 1fr; }
}

/* Compact rental workflow hero — aligned with Central Warehouse proportions. */
.gold-rental-hero {
    display: block;
    min-height: 258px;
    margin-bottom: 12px;
    padding: 18px 24px;
    border-radius: 24px;
}

.gold-rental-hero__intro { width: 64%; }

.gold-rental-hero h1 {
    margin: 7px 0 4px;
    font-size: clamp(1.75rem, 2.7vw, 2.45rem);
}

.gold-rental-hero__intro > p {
    max-width: 610px;
    font-size: .68rem;
    line-height: 1.55;
}

.gold-rental-hero__actions {
    flex-wrap: wrap;
    margin-top: 7px;
    margin-bottom: 12px;
}

.gold-rental-hero__action {
    min-height: 30px;
    margin-top: 0;
    padding: 4px 11px;
    border-radius: 10px;
    font-size: .68rem;
}

.gold-rental-hero__action svg { width: 16px; height: 16px; }

.gold-rental-metrics {
    position: absolute;
    bottom: 8px;
    left: 24px;
    width: calc(64% - 24px);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 0;
}

.gold-rental-metrics article {
    padding: 5px 8px;
    border-radius: 10px;
}

.gold-rental-metrics small { font-size: .45rem; }
.gold-rental-metrics strong { margin: 1px 0 0; font-size: .88rem; }
.gold-rental-metrics article > span { display: none; }

.gold-rental-hero__art {
    position: absolute;
    top: 22px;
    right: 24px;
    bottom: 19px;
    width: 31%;
    min-height: 0;
}

.gold-jewelry-rental-art {
    position: absolute;
    inset: 0;
    overflow: visible;
}

.gold-jewelry-rental-art__journey {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.gold-jewelry-rental-art__phone-shell {
    fill: url(#easygold-app-blue);
    stroke: #7ed3ff;
    stroke-width: 1.4;
    filter: drop-shadow(0 6px 8px rgba(0, 35, 87, .38));
}

.gold-jewelry-rental-art__phone-screen { fill: #f8fcff; stroke: rgba(255, 255, 255, .9); stroke-width: 1; }
.gold-jewelry-rental-art__phone-notch { fill: #073b8f; }
.gold-jewelry-rental-art__app-progress-line { fill: none; stroke: #b9daf2; stroke-width: 2.4; stroke-linecap: round; }
.gold-jewelry-rental-art__app-progress-node { stroke: #fff; stroke-width: 1.5; }
.gold-jewelry-rental-art__app-progress-node--chat,
.gold-jewelry-rental-art__app-progress-node--check { fill: url(#easygold-app-blue); }
.gold-jewelry-rental-art__app-progress-node--gold { fill: #f5c436; filter: url(#jewelry-glow); }
.gold-jewelry-rental-art__chat-icon,
.gold-jewelry-rental-art__app-check-icon { fill: none; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.gold-jewelry-rental-art__app-coin-inner { fill: url(#jewelry-gold); stroke: #fff1ac; stroke-width: .8; }
.gold-jewelry-rental-art__app-coin-text { fill: #784900; font-size: 4.5px; font-weight: 950; }

.gold-jewelry-rental-art__app-card > rect { fill: #fff; stroke: #d8e9f6; stroke-width: .9; }
.gold-jewelry-rental-art__mini-gold { fill: url(#jewelry-gold); stroke: #e9ad24; stroke-width: .7; }
.gold-jewelry-rental-art__app-line { fill: none; stroke: #b7d5eb; stroke-width: 3.5; stroke-linecap: round; }
.gold-jewelry-rental-art__app-chevron { fill: none; stroke: #4e83d0; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.gold-jewelry-rental-art__pin { fill: #0768ed; }
.gold-jewelry-rental-art__pin-hole { fill: #fff; }

.gold-jewelry-rental-art__app-confirm > rect { fill: url(#easygold-app-blue); filter: drop-shadow(0 3px 5px rgba(4, 95, 222, .28)); }
.gold-jewelry-rental-art__app-confirm > circle { fill: #fff; }
.gold-jewelry-rental-art__app-confirm > path { fill: none; stroke: #e7b22f; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.gold-jewelry-rental-art__app-confirm > text { fill: #fff; font-size: 4px; font-weight: 900; letter-spacing: .25px; }

.gold-jewelry-rental-art__flow-orbit {
    fill: none;
    stroke: rgba(86, 196, 247, .54);
    stroke-linecap: round;
    stroke-width: 1.45;
    stroke-dasharray: 2 7;
}

.gold-jewelry-rental-art__flow > circle { fill: #65d9ff; filter: url(#jewelry-glow); }
.gold-jewelry-rental-art__flow .gold-jewelry-rental-art__flow-arrow {
    fill: none;
    stroke: #f7c542;
    stroke-width: 2.8;
    stroke-dasharray: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 4px rgba(247, 197, 66, .65));
}

.gold-jewelry-rental-art__shop > rect {
    fill: rgba(244, 251, 255, .94);
    stroke: rgba(132, 216, 255, .44);
    stroke-width: 1;
}

.gold-jewelry-rental-art__shop-roof { fill: #b91c1c; stroke: #ff8a8a; stroke-width: 1; }
.gold-jewelry-rental-art__awning { fill: #dc2626; opacity: .98; }
.gold-jewelry-rental-art__shop-sign { fill: #fff; font-size: 6px; font-weight: 950; letter-spacing: .7px; }
.gold-jewelry-rental-art__window { fill: #4b1111 !important; stroke: rgba(255, 156, 156, .56) !important; }
.gold-jewelry-rental-art__door { fill: #fee2e2 !important; stroke: #dc2626 !important; }
.gold-jewelry-rental-art__shop > circle { fill: #b91c1c; }

.gold-jewelry-rental-art__necklace,
.gold-jewelry-rental-art__ring {
    fill: none;
    stroke: url(#jewelry-gold);
    stroke-linecap: round;
    stroke-width: 2.3;
}

.gold-jewelry-rental-art__necklace { stroke-dasharray: 1 3; }
.gold-jewelry-rental-art__pendant { fill: url(#jewelry-gold); stroke: #ffe99a; stroke-width: .7; }
.gold-jewelry-rental-art__sparkles path { fill: none; stroke: #fff0a8; stroke-linecap: round; stroke-width: 1.2; opacity: 0; }
.gold-jewelry-rental-art__decision {
    opacity: 0;
    transform-origin: 288px 126px;
}

.gold-jewelry-rental-art__decision circle { stroke-width: 1.2; }
.gold-jewelry-rental-art__decision path { fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.gold-jewelry-rental-art__decision--approved circle { fill: #15945d; stroke: #66efac; }
.gold-jewelry-rental-art__decision--rejected circle { fill: #c92535; stroke: #ff8490; }

@media (prefers-reduced-motion: no-preference) {
    .gold-rental-hero__glow { animation: goldRentalGlow 5.5s ease-in-out infinite; }
    .gold-rental-hero__sweep { animation: goldRentalSweep 7s ease-in-out infinite; }
    .gold-rental-hero__light-beams path { animation: goldRentalBannerLight 6.6s linear infinite; }
    .gold-jewelry-rental-art__phone { animation: easyGoldPhoneFloat 4.6s ease-in-out infinite; transform-origin: 55px 75px; }
    .gold-jewelry-rental-art__phone-shell { animation: easyGoldPhoneGlow 2.8s ease-in-out infinite; }
    .gold-jewelry-rental-art__app-progress-line { animation: easyGoldProgressLine 2.8s linear infinite; stroke-dasharray: 5 5; }
    .gold-jewelry-rental-art__app-progress-node--chat { animation: easyGoldStepPulse 3.6s ease-in-out infinite; transform-origin: 24px 39px; }
    .gold-jewelry-rental-art__app-progress-node--gold,
    .gold-jewelry-rental-art__app-coin-inner,
    .gold-jewelry-rental-art__app-coin-text { animation: easyGoldCoinSpin 3.6s ease-in-out infinite; transform-origin: 54px 39px; }
    .gold-jewelry-rental-art__app-progress-node--check { animation: easyGoldStepPulse 3.6s 1.8s ease-in-out infinite; transform-origin: 85px 39px; }
    .gold-jewelry-rental-art__app-card--gold { animation: easyGoldCardShimmer 3.8s ease-in-out infinite; }
    .gold-jewelry-rental-art__app-card--branch { animation: easyGoldCardShimmer 3.8s 1.1s ease-in-out infinite; }
    .gold-jewelry-rental-art__app-confirm { animation: easyGoldConfirmPulse 2.6s ease-in-out infinite; transform-origin: 55px 130px; }
    .gold-jewelry-rental-art__necklace { animation: kpvJewelryChain 2.8s linear infinite; }
    .gold-jewelry-rental-art__pendant { animation: kpvJewelryPendant 3s ease-in-out infinite; transform-origin: 232px 104px; }
    .gold-jewelry-rental-art__ring { animation: kpvJewelryRing 2.4s ease-in-out infinite; transform-origin: 250px 99px; }
    .gold-jewelry-rental-art__sparkles path { animation: kpvJewelrySparkle 2.1s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
    .gold-jewelry-rental-art__sparkles path:nth-child(2) { animation-delay: -.7s; }
    .gold-jewelry-rental-art__sparkles path:nth-child(3) { animation-delay: -1.4s; }
    .gold-jewelry-rental-art__flow > path:not(.gold-jewelry-rental-art__flow-arrow) {
        animation: goldRentalJourney 4s linear infinite;
    }

    .gold-jewelry-rental-art__flow > circle {
        animation: goldRentalFlowNode 1.8s ease-in-out infinite;
    }

    .gold-jewelry-rental-art__flow > circle:nth-of-type(2) { animation-delay: -.6s; }
    .gold-jewelry-rental-art__flow > circle:nth-of-type(3) { animation-delay: -1.2s; }
    .gold-jewelry-rental-art__decision--approved { animation: goldRentalApproved 6s ease-in-out infinite; }
    .gold-jewelry-rental-art__decision--rejected { animation: goldRentalRejected 6s ease-in-out infinite; }
}

@media (prefers-reduced-motion: reduce) {
    .gold-jewelry-rental-art__decision--approved { opacity: 1; }
}

@keyframes goldRentalJourney {
    to { stroke-dashoffset: -24; }
}

@keyframes easyGoldPhoneFloat {
    0%, 100% { transform: translateY(1px) rotate(-.4deg); }
    50% { transform: translateY(-2px) rotate(.4deg); }
}

@keyframes easyGoldPhoneGlow {
    0%, 100% { filter: drop-shadow(0 5px 7px rgba(0, 35, 87, .32)); }
    50% { filter: drop-shadow(0 7px 12px rgba(39, 169, 255, .7)); }
}

@keyframes easyGoldProgressLine {
    to { stroke-dashoffset: -20; }
}

@keyframes easyGoldStepPulse {
    0%, 100% { filter: drop-shadow(0 0 0 rgba(40, 172, 255, 0)); transform: scale(.92); }
    50% { filter: drop-shadow(0 0 6px rgba(40, 172, 255, .95)); transform: scale(1.08); }
}

@keyframes easyGoldCoinSpin {
    0%, 18%, 100% { transform: rotateY(0deg); }
    48% { transform: rotateY(180deg); }
    78% { transform: rotateY(360deg); }
}

@keyframes easyGoldCardShimmer {
    0%, 100% { opacity: .78; transform: translateX(0); }
    45%, 60% { opacity: 1; transform: translateX(2px); filter: drop-shadow(0 2px 3px rgba(8, 110, 238, .18)); }
}

@keyframes easyGoldConfirmPulse {
    0%, 100% { transform: scale(.98); filter: drop-shadow(0 0 0 rgba(16, 135, 255, 0)); }
    50% { transform: scale(1.025); filter: drop-shadow(0 0 5px rgba(16, 135, 255, .55)); }
}

@keyframes kpvJewelryChain {
    0%, 100% { stroke-dashoffset: 0; filter: drop-shadow(0 0 1px rgba(255, 214, 92, .3)); }
    50% { filter: drop-shadow(0 0 5px rgba(255, 224, 123, .95)); }
    to { stroke-dashoffset: -16; }
}

@keyframes kpvJewelryPendant {
    0%, 100% { transform: rotate(-3deg) translateY(0); filter: drop-shadow(0 0 2px rgba(255, 213, 75, .42)); }
    50% { transform: rotate(3deg) translateY(1px); filter: drop-shadow(0 0 6px rgba(255, 225, 126, 1)); }
}

@keyframes kpvJewelryRing {
    0%, 100% { transform: scale(.92) rotate(0deg); filter: drop-shadow(0 0 1px rgba(255, 213, 75, .35)); }
    50% { transform: scale(1.12) rotate(12deg); filter: drop-shadow(0 0 6px rgba(255, 230, 143, 1)); }
}

@keyframes kpvJewelrySparkle {
    0%, 100% { opacity: 0; transform: scale(.35) rotate(0deg); }
    45%, 60% { opacity: 1; transform: scale(1.15) rotate(90deg); filter: drop-shadow(0 0 4px #fff0a8); }
}

@keyframes goldRentalBannerLight {
    to { stroke-dashoffset: -1; }
}

@keyframes goldRentalSweep {
    0%, 12% { left: -180px; opacity: 0; }
    22% { opacity: .8; }
    58% { opacity: .45; }
    70%, 100% { left: calc(100% + 100px); opacity: 0; }
}

@keyframes goldRentalGlow {
    0%, 100% { opacity: .62; transform: translate3d(0, 0, 0) scale(.92); }
    50% { opacity: 1; transform: translate3d(-44px, 24px, 0) scale(1.12); }
}

@keyframes goldRentalFlowNode {
    0%, 100% { opacity: .38; filter: drop-shadow(0 0 2px #65d9ff); transform: scale(.76); transform-origin: center; }
    50% { opacity: 1; filter: drop-shadow(0 0 7px #8be7ff); transform: scale(1.22); transform-origin: center; }
}

@keyframes goldRentalApproved {
    0%, 4% { opacity: 0; transform: scale(.68); filter: drop-shadow(0 0 0 rgba(65, 236, 148, 0)); }
    10%, 38% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 8px rgba(65, 236, 148, .95)); }
    44%, 100% { opacity: 0; transform: scale(.72); filter: drop-shadow(0 0 0 rgba(65, 236, 148, 0)); }
}

@keyframes goldRentalRejected {
    0%, 47% { opacity: 0; transform: scale(.7); filter: drop-shadow(0 0 0 rgba(255, 76, 91, 0)); }
    52% { opacity: 1; transform: scale(1.08); filter: drop-shadow(0 0 11px rgba(255, 76, 91, 1)); }
    57% { opacity: .28; transform: scale(.94); }
    62%, 83% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 8px rgba(255, 76, 91, .92)); }
    88%, 100% { opacity: 0; transform: scale(.7); filter: drop-shadow(0 0 0 rgba(255, 76, 91, 0)); }
}

@media (max-width: 1024px) {
    .gold-rental-hero { min-height: 255px; }
    .gold-rental-hero__intro { width: 100%; }
    .gold-rental-hero__art { display: none; }
    .gold-rental-metrics { width: calc(100% - 48px); }
}

@media (max-width: 640px) {
    .gold-rental-hero { min-height: 390px; padding: 18px; }
    .gold-rental-hero__actions { align-items: stretch; }
    .gold-rental-hero__action { justify-content: center; }
    .gold-rental-metrics { bottom: 16px; left: 18px; width: calc(100% - 36px); grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Gold rental approval follows the warehouse approval interaction with rental-specific artwork. */
.gold-rental-approve-action {
    box-shadow: 0 8px 18px rgba(9, 126, 86, .2), inset 0 1px rgba(255, 255, 255, .22);
}

.gold-rental-approval .warehouse-approval__receipt {
    grid-template-columns: 46px minmax(0, 1fr) 226px;
    border-color: #cfe4ef;
    background: linear-gradient(105deg, #f5fbff, #f7fcfa);
}

.gold-rental-approval__journey {
    position: relative;
    justify-self: end;
    width: 226px;
    height: 62px;
}

.gold-rental-approval__route { position: absolute; top: 28px; z-index: 1; width: 42px; height: 2px; overflow: hidden; border-radius: 9px; background: #cce2ed; }
.gold-rental-approval__route--one { left: 48px; }
.gold-rental-approval__route--two { left: 137px; }
.gold-rental-approval__route i { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 7px, #2399d0 7px 11px); animation: gold-rental-approval-route .7s linear infinite; }

.gold-rental-approval__notice { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 10px; padding: 10px 12px; border: 1px solid #cce9db; border-radius: 12px; background: linear-gradient(105deg, #f5fffa, #effaf5); }
.gold-rental-approval__notice > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #0c8d60; background: #dcf7ea; }
.gold-rental-approval__notice svg { width: 18px; height: 18px; }
.gold-rental-approval__notice small,
.gold-rental-approval__notice strong { display: block; }
.gold-rental-approval__notice small { color: #189269; font-size: .43rem; font-weight: 900; letter-spacing: .12em; }
.gold-rental-approval__notice strong { margin-top: 2px; color: #1c4b3b; font-size: .68rem; font-weight: 850; }
.gold-rental-approval__notice p { margin: 2px 0 0; color: #6b8b7e; font-size: .55rem; }

.gold-rental-approval-success__art { position: relative; width: 285px; height: 130px; margin-bottom: 16px; }
.gold-rental-approval-success__customer { position: absolute; top: 35px; left: 10px; width: 63px; height: 72px; border: 2px solid #72bede; border-radius: 18px; background: linear-gradient(145deg, #effaff, #d7eef8); box-shadow: 0 12px 22px rgba(8, 100, 154, .13); }
.gold-rental-approval-success__customer i { position: absolute; top: 12px; left: 21px; width: 20px; height: 20px; border-radius: 50%; background: #147eba; }
.gold-rental-approval-success__customer b { position: absolute; bottom: 12px; left: 13px; width: 35px; height: 23px; border-radius: 18px 18px 6px 6px; background: linear-gradient(145deg, #24abe9, #0872b4); }
.gold-rental-approval-success__path { position: absolute; top: 68px; right: 72px; left: 69px; height: 3px; overflow: hidden; border-radius: 9px; background: #cae4ef; }
.gold-rental-approval-success__path i { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 12px, #199bd4 12px 18px); animation: gold-rental-approval-route .8s linear infinite; }
.gold-rental-approval-success__jewelry { position: absolute; top: 46px; left: 84px; z-index: 3; display: grid; width: 54px; height: 44px; place-items: center; border: 1px solid #d5a329; border-radius: 12px; background: linear-gradient(145deg, #65101a, #a21928 58%, #430910); box-shadow: inset 0 1px rgba(255,255,255,.2), 0 8px 16px rgba(92,12,23,.24); animation: gold-rental-approved-jewelry 3s ease-in-out infinite; }
.gold-rental-approval-success__jewelry svg { width: 45px; height: 37px; overflow: visible; }
.gold-rental-approval-success__jewelry svg text { fill: #f8df8b; font-family: Georgia, serif; font-size: 5px; font-weight: 900; letter-spacing: .7px; }
.gold-rental-approval-success__jewelry svg path,
.gold-rental-approval-success__jewelry svg circle { fill: none; stroke: #f1c344; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.gold-rental-approval-success__jewelry svg .is-chain { stroke-dasharray: 1 2.5; }
.gold-rental-approval-success__jewelry svg .is-pendant { fill: #f0bd2e; stroke: #ffe791; stroke-width: .8; }
.gold-rental-approval-success__shop { position: absolute; top: 28px; right: 5px; width: 78px; height: 81px; border: 2px solid #bd2b3b; border-radius: 8px 8px 13px 13px; background: #fff5f5; box-shadow: 0 13px 24px rgba(124, 25, 40, .17); }
.gold-rental-approval-success__shop b { position: absolute; top: -8px; right: -5px; left: -5px; height: 22px; padding-top: 5px; border-radius: 7px 7px 3px 3px; color: #fff; background: linear-gradient(145deg, #df3c4c, #a7192d); font-size: .43rem; font-weight: 950; letter-spacing: .08em; text-align: center; }
.gold-rental-approval-success__shop i { position: absolute; right: 12px; bottom: 10px; left: 12px; display: grid; height: 45px; place-items: center; border: 1px solid #dfa4aa; border-radius: 5px; background: linear-gradient(145deg, #fff, #f7dde0); }
.gold-rental-approval-success__shop i svg { width: 47px; height: 36px; overflow: visible; }
.gold-rental-approval-success__shop i svg path,
.gold-rental-approval-success__shop i svg circle { fill: none; stroke: #e3ad25; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.gold-rental-approval-success__shop i svg .is-pendant { fill: #edb92b; stroke: #ffe58c; stroke-width: .8; }
.gold-rental-approval-success__check { position: absolute; right: -7px; bottom: 4px; z-index: 5; display: grid; width: 42px; height: 42px; place-items: center; border: 3px solid #f7fcfa; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #24b87e, #087b55); box-shadow: 0 8px 18px rgba(8, 123, 85, .28); animation: gold-rental-approved-check 1.8s ease-in-out infinite; }
.gold-rental-approval-success__check svg { width: 21px; height: 21px; stroke-width: 2.8; }

@keyframes gold-rental-approval-route { to { transform: translateX(18px); } }
@keyframes gold-rental-approved-jewelry { 0%, 100% { left: 84px; transform: rotate(-2deg); } 50% { left: 145px; transform: rotate(2deg); } }
@keyframes gold-rental-approved-check { 0%, 100% { transform: scale(.94); } 50% { transform: scale(1.08); filter: drop-shadow(0 0 7px rgba(36,184,126,.65)); } }

/* Return workflow success artwork: inspection submitted and stock return completed. */
.gold-rental-return-success {
    min-height: 430px;
    background: linear-gradient(180deg, #fcfeff, #f3f8fb);
}

.gold-rental-return-success__art {
    position: relative;
    width: 306px;
    height: 148px;
    margin-bottom: 13px;
}

.gold-rental-return-success__halo {
    position: absolute;
    top: 20px;
    left: 65px;
    width: 184px;
    height: 105px;
    overflow: visible;
    background: linear-gradient(167deg, transparent 49.5%, rgba(38, 145, 199, .16) 49.8%, rgba(38, 145, 199, .16) 50.2%, transparent 50.5%);
    pointer-events: none;
}

.gold-rental-return-success__halo::before {
    position: absolute;
    top: 25px;
    left: -10px;
    width: 202px;
    height: 1px;
    content: '';
    background: linear-gradient(90deg, transparent, rgba(208, 163, 47, .08) 12%, rgba(208, 163, 47, .7) 42%, rgba(44, 159, 211, .48) 68%, transparent);
    box-shadow: 0 0 7px rgba(223, 184, 78, .14);
    transform: rotate(-11deg) scaleX(.82);
    transform-origin: center;
    animation: gold-rental-return-light-line 2.8s ease-in-out infinite;
}

.gold-rental-return-success__halo::after {
    position: absolute;
    top: 7px;
    left: 111px;
    width: 5px;
    height: 5px;
    border: 1px solid rgba(209, 164, 47, .82);
    content: '';
    box-shadow: -76px 73px 0 -1px rgba(35, 151, 204, .58), 57px 54px 0 -1px rgba(209, 164, 47, .68);
    transform: rotate(45deg);
    animation: gold-rental-return-line-spark 2.4s ease-in-out infinite;
}

.gold-rental-return-success__origin {
    position: absolute;
    top: 35px;
    left: 3px;
    z-index: 2;
    width: 76px;
    height: 82px;
    border: 1px solid #c9dfea;
    border-radius: 14px;
    background: linear-gradient(145deg, #fff, #e9f4f9);
    box-shadow: 0 13px 25px rgba(7, 79, 126, .12), inset 0 1px #fff;
}

.gold-rental-return-success__origin > b {
    position: absolute;
    top: 9px;
    right: 0;
    left: 0;
    color: #357a9f;
    font-size: .34rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-align: center;
}

.gold-rental-return-success__origin > i {
    position: absolute;
    right: 9px;
    bottom: 8px;
    left: 9px;
    display: grid;
    height: 48px;
    place-items: center;
    border: 1px solid #ddb450;
    border-radius: 9px;
    background: linear-gradient(145deg, #701221, #a91e31 58%, #500b17);
    box-shadow: inset 0 1px rgba(255, 255, 255, .18);
}

.gold-rental-return-success__origin svg {
    width: 46px;
    height: 39px;
    overflow: visible;
}

.gold-rental-return-success__origin svg path,
.gold-rental-return-success__origin svg circle,
.gold-rental-return-success__jewel svg path,
.gold-rental-return-success__jewel svg circle {
    fill: none;
    stroke: #f1c344;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.35;
}

.gold-rental-return-success__origin svg .is-chain,
.gold-rental-return-success__jewel svg .is-chain { stroke-dasharray: 1 2.5; }

.gold-rental-return-success__origin svg .is-gem,
.gold-rental-return-success__jewel svg .is-gem {
    fill: #d52f47;
    stroke: #ffe28a;
    stroke-width: .85;
}

.gold-rental-return-success__route {
    position: absolute;
    top: 76px;
    right: 70px;
    left: 74px;
    height: 2px;
    overflow: hidden;
    border-radius: 9px;
    background: linear-gradient(90deg, #d8eaf2, #b5dbe9, #d8eaf2);
}

.gold-rental-return-success__route i {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent 0 11px, #199bd4 11px 17px);
    animation: gold-rental-return-route .72s linear infinite;
}

.gold-rental-return-success__jewel {
    position: absolute;
    top: 52px;
    left: 84px;
    z-index: 4;
    display: grid;
    width: 54px;
    height: 47px;
    place-items: center;
    border: 1px solid #d8ae3e;
    border-radius: 12px;
    background: linear-gradient(145deg, #741321, #aa2031 58%, #510b16);
    box-shadow: 0 9px 18px rgba(111, 15, 30, .22), inset 0 1px rgba(255, 255, 255, .2);
}

.gold-rental-return-success__jewel svg { width: 45px; height: 38px; overflow: visible; }
.gold-rental-return-success.is-submitted .gold-rental-return-success__jewel { animation: gold-rental-return-submit-jewel 2.25s cubic-bezier(.3, .1, .2, 1) both; }
.gold-rental-return-success.is-completed .gold-rental-return-success__jewel { animation: gold-rental-return-complete-jewel 2.2s cubic-bezier(.3, .1, .2, 1) both; }

.gold-rental-return-success__destination {
    position: absolute;
    top: 29px;
    right: 2px;
    z-index: 3;
    width: 78px;
    height: 91px;
}

.gold-rental-return-success__destination.is-approval {
    display: grid;
    padding: 14px 8px 10px;
    place-items: center;
    align-content: center;
    gap: 6px;
    border: 2px solid #2f9ccc;
    border-radius: 19px;
    color: #0d75ac;
    background: linear-gradient(145deg, #f4fbff, #dceff8);
    box-shadow: 0 14px 25px rgba(9, 103, 157, .17), inset 0 1px #fff;
    animation: gold-rental-return-destination 2.5s ease both;
}

.gold-rental-return-success__destination.is-approval svg { width: 34px; height: 34px; stroke-width: 1.5; }
.gold-rental-return-success__destination.is-approval b { font-size: .34rem; font-weight: 950; letter-spacing: .12em; }

.gold-rental-return-success__destination.is-shop {
    border: 2px solid #166fa9;
    border-radius: 8px 8px 15px 15px;
    background: linear-gradient(145deg, #eff9fe, #d5ebf6);
    box-shadow: 0 14px 25px rgba(8, 92, 145, .18), inset 0 1px #fff;
    animation: gold-rental-return-shop 2.6s ease both;
}

.gold-rental-return-success__destination.is-shop > b {
    position: absolute;
    top: -8px;
    right: -5px;
    left: -5px;
    height: 23px;
    padding-top: 6px;
    border-radius: 7px 7px 3px 3px;
    color: #fff;
    background: linear-gradient(145deg, #1689c9, #075c9a);
    box-shadow: inset 0 1px rgba(255, 255, 255, .24);
    font-size: .39rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-align: center;
}

.gold-rental-return-success__destination.is-shop > i {
    position: absolute;
    right: 10px;
    bottom: 9px;
    left: 10px;
    display: flex;
    gap: 4px;
    height: 48px;
    padding: 7px 5px;
    border: 1px solid #8fc8e1;
    border-radius: 6px;
    background: rgba(255, 255, 255, .62);
}

.gold-rental-return-success__destination.is-shop em {
    flex: 1;
    border-radius: 4px;
    background: linear-gradient(145deg, #ffdf7c, #e5a719);
    box-shadow: inset 0 1px rgba(255, 255, 255, .55);
}

.gold-rental-return-success__waiting {
    position: absolute;
    top: 18px;
    right: -11px;
    z-index: 6;
    display: grid;
    width: 53px;
    height: 53px;
    place-items: center;
    align-content: center;
    gap: 2px;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #f3bd3f, #d78b0a);
    box-shadow: 0 8px 20px rgba(204, 132, 9, .27), 0 0 0 6px rgba(235, 171, 40, .1);
    animation: gold-rental-return-waiting 1.7s 1.55s ease-in-out infinite both;
}

.gold-rental-return-success__waiting i {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255, 255, 255, .7);
    border-top-color: #fff;
    border-radius: 50%;
    animation: gold-rental-return-spinner .85s linear infinite;
}

.gold-rental-return-success__waiting b { font-size: .25rem; font-weight: 950; letter-spacing: .07em; }

.gold-rental-return-success__seal {
    position: absolute;
    top: 17px;
    right: -9px;
    z-index: 6;
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #27c38a, #07825a);
    box-shadow: 0 9px 21px rgba(7, 130, 90, .28), 0 0 0 7px rgba(35, 195, 137, .1);
    animation: gold-rental-return-seal .58s 1.72s cubic-bezier(.2, 1.55, .4, 1) both;
}

.gold-rental-return-success__seal svg { width: 25px; height: 25px; stroke-width: 2.8; }

.gold-rental-return-success__spark {
    position: absolute;
    z-index: 7;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: #efbd3c;
    box-shadow: 0 0 10px rgba(239, 189, 60, .68);
    animation: gold-rental-return-spark 1.25s ease-in-out infinite;
}

.gold-rental-return-success__spark.is-one { top: 16px; left: 78px; animation-delay: 1.35s; }
.gold-rental-return-success__spark.is-two { top: 61px; right: -10px; width: 5px; height: 5px; background: #3dbbe8; animation-delay: 1.62s; }
.gold-rental-return-success__spark.is-three { bottom: 8px; left: 171px; width: 5px; height: 5px; animation-delay: 1.9s; }

.gold-rental-return-success.is-submitted .warehouse-approval-success__eyebrow { color: #c48712; }
.gold-rental-return-success.is-completed .warehouse-approval-success__eyebrow { color: #11865f; }
.gold-rental-return-success__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 18px;
    animation: warehouse-approval-copy-in .4s 2.12s both;
}
.gold-rental-return-success__actions a,
.gold-rental-return-success__actions button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: .7rem;
    font-weight: 850;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.gold-rental-return-success__actions a {
    gap: 7px;
    padding: 9px 15px;
    border: 1px solid #087db8;
    color: #fff;
    background: linear-gradient(145deg, #169bd5, #086eaa);
    box-shadow: 0 8px 18px rgba(7, 111, 171, .2), inset 0 1px rgba(255, 255, 255, .24);
    text-decoration: none;
}
.gold-rental-return-success__actions a svg { width: 17px; height: 17px; stroke-width: 2; }
.gold-rental-return-success__actions button {
    padding: 9px 14px;
    border: 1px solid #ccdce4;
    color: #557184;
    background: #fff;
}
.gold-rental-return-success__actions a:hover,
.gold-rental-return-success__actions button:hover { transform: translateY(-1px); }
.gold-rental-return-success__actions a:hover { box-shadow: 0 11px 22px rgba(7, 111, 171, .26), inset 0 1px rgba(255, 255, 255, .24); }
.gold-rental-success-documents {
    width: min(100%, 520px);
    margin-top: 17px;
    padding: 11px;
    border: 1px solid #d6e5ed;
    border-radius: 15px;
    background: linear-gradient(145deg, #f8fcff, #eef6fa);
    box-shadow: inset 0 1px #fff, 0 10px 24px rgba(13, 77, 119, .07);
    animation: warehouse-approval-copy-in .4s 2.12s both;
}
.gold-rental-success-documents__label {
    display: block;
    margin-bottom: 8px;
    color: #69879b;
    font-size: .47rem;
    font-weight: 900;
    letter-spacing: .14em;
}
.gold-rental-success-documents__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.gold-rental-success-documents__actions a,
.gold-rental-success-documents__actions button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: .66rem;
    font-weight: 850;
    line-height: 1.15;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.gold-rental-success-documents__actions svg { width: 16px; height: 16px; stroke-width: 2; }
.gold-rental-success-documents__actions .is-download {
    border: 1px solid #087db8;
    color: #fff;
    background: linear-gradient(145deg, #169bd5, #086eaa);
    box-shadow: 0 7px 16px rgba(7, 111, 171, .18), inset 0 1px rgba(255, 255, 255, .22);
}
.gold-rental-success-documents__actions .is-whatsapp {
    border: 1px solid #159b67;
    color: #fff;
    background: linear-gradient(145deg, #27bc7e, #0c8b5c);
    box-shadow: 0 7px 16px rgba(10, 139, 91, .18), inset 0 1px rgba(255, 255, 255, .22);
}
.gold-rental-success-documents__actions button {
    border: 1px solid #ccdce4;
    color: #557184;
    background: #fff;
}
.gold-rental-success-documents__actions a:hover,
.gold-rental-success-documents__actions button:hover { transform: translateY(-1px); }
.gold-rental-success-documents > small {
    display: block;
    margin-top: 8px;
    color: #7890a0;
    font-size: .52rem;
    line-height: 1.4;
}
.gold-rental-return-success.is-submitted .warehouse-approval-success__progress i { background: linear-gradient(90deg, #e6a92c, #269ed3); }
.gold-rental-return-success.is-completed .warehouse-approval-success__progress i { background: linear-gradient(90deg, #1289c6, #20b67e); }
.gold-rental-return-success .warehouse-approval-success__progress i { animation-duration: 4.6s; }

@keyframes gold-rental-return-route { to { transform: translateX(17px); } }
@keyframes gold-rental-return-light-line {
    0%, 100% { opacity: .38; transform: rotate(-11deg) scaleX(.76); }
    50% { opacity: 1; transform: rotate(-11deg) scaleX(1); }
}
@keyframes gold-rental-return-line-spark {
    0%, 100% { opacity: .3; transform: rotate(45deg) scale(.72); }
    50% { opacity: 1; transform: rotate(135deg) scale(1.08); }
}
@keyframes gold-rental-return-submit-jewel {
    0% { opacity: 0; transform: translateX(-15px) scale(.76) rotate(-5deg); }
    12% { opacity: 1; transform: translateX(0) scale(1) rotate(-2deg); }
    66% { opacity: 1; transform: translateX(96px) scale(.9) rotate(3deg); }
    82%, 100% { opacity: 0; transform: translateX(127px) scale(.45) rotate(0); }
}
@keyframes gold-rental-return-complete-jewel {
    0% { opacity: 0; transform: translateX(-15px) scale(.76) rotate(-5deg); }
    12% { opacity: 1; transform: translateX(0) scale(1) rotate(-2deg); }
    65% { opacity: 1; transform: translateX(101px) scale(.88) rotate(3deg); }
    80%, 100% { opacity: 0; transform: translateX(139px) scale(.32) rotate(0); }
}
@keyframes gold-rental-return-destination {
    0%, 58% { box-shadow: 0 14px 25px rgba(9, 103, 157, .17), inset 0 1px #fff; transform: scale(1); }
    72% { box-shadow: 0 0 0 8px rgba(43, 156, 206, .1), 0 14px 25px rgba(9, 103, 157, .2); transform: scale(1.04); }
    100% { transform: scale(1); }
}
@keyframes gold-rental-return-shop {
    0%, 58% { box-shadow: 0 14px 25px rgba(8, 92, 145, .18), inset 0 1px #fff; transform: scale(1); }
    74% { box-shadow: 0 0 0 8px rgba(31, 184, 128, .1), 0 14px 25px rgba(8, 92, 145, .2); transform: scale(1.045); }
    100% { transform: scale(1); }
}
@keyframes gold-rental-return-waiting {
    0% { opacity: 0; transform: scale(.3) rotate(-12deg); }
    28%, 100% { opacity: 1; transform: scale(1) rotate(0); }
    58% { box-shadow: 0 9px 22px rgba(204, 132, 9, .34), 0 0 0 10px rgba(235, 171, 40, .05); transform: scale(1.06); }
}
@keyframes gold-rental-return-spinner { to { transform: rotate(360deg); } }
@keyframes gold-rental-return-seal { from { opacity: 0; transform: scale(.2) rotate(-20deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes gold-rental-return-spark { 0%, 100% { opacity: .22; transform: rotate(0) scale(.55); } 50% { opacity: 1; transform: rotate(45deg) scale(1.15); } }

@media (max-width: 640px) {
    .gold-rental-approval .warehouse-approval__receipt { grid-template-columns: 42px minmax(0, 1fr); }
    .gold-rental-approval__journey { grid-column: 1 / -1; width: min(100%, 226px); margin-top: 4px; }
}

@media (prefers-reduced-motion: reduce) {
    .gold-rental-approval__route i,
    .gold-rental-approval-success__path i,
    .gold-rental-approval-success__jewelry,
    .gold-rental-approval__item-jewelry::after,
    .gold-rental-approval-success__check { animation: none; }

    .gold-rental-return-success__halo,
    .gold-rental-return-success__route i,
    .gold-rental-return-success__jewel,
    .gold-rental-return-success__destination,
    .gold-rental-return-success__waiting,
    .gold-rental-return-success__waiting i,
    .gold-rental-return-success__seal,
    .gold-rental-return-success__spark,
    .gold-rental-return-success__actions,
    .gold-rental-success-documents { animation: none !important; }
}

@media (max-width: 560px) {
    .gold-rental-success-documents__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .gold-rental-success-documents__actions a,
    .gold-rental-success-documents__actions button { width: 100%; }
}

.gold-rental-return .warehouse-approval__receipt { border-color: #bfe3d7; background: linear-gradient(105deg, #f5fffb, #edf9f5); }
.gold-rental-return .warehouse-approval__receipt-icon { background: linear-gradient(145deg, #16a979, #087456); box-shadow: 0 7px 15px rgba(8, 116, 86, .22), inset 0 1px rgba(255,255,255,.25); }
.gold-rental-return__journey { position: relative; justify-self: end; width: 226px; height: 62px; }
.gold-rental-return__customer,
.gold-rental-return__shop { position: absolute; top: 5px; z-index: 2; display: block; width: 50px; height: 46px; border-radius: 10px; box-shadow: 0 6px 13px rgba(19,75,111,.12); }
.gold-rental-return__customer { left: 0; border: 1px solid #c5dfeb; background: linear-gradient(145deg, #eef9ff, #d8eff9); }
.gold-rental-return__customer > i { position: absolute; top: 8px; left: 18px; width: 14px; height: 14px; border-radius: 50%; background: #147eba; }
.gold-rental-return__customer > b { position: absolute; bottom: 7px; left: 12px; width: 26px; height: 15px; border-radius: 13px 13px 5px 5px; background: linear-gradient(145deg, #22a6e8, #0873b9); }
.gold-rental-return__shop { right: 0; border: 1px solid #ca3342; border-radius: 6px 6px 10px 10px; background: linear-gradient(145deg, #fff9f8, #f9dfe1); }
.gold-rental-return__shop > b { position: absolute; top: -5px; right: -3px; left: -3px; height: 14px; padding-top: 3px; border-radius: 5px 5px 2px 2px; color: #fff; background: linear-gradient(145deg, #dc3948, #a9182d); font-size: .28rem; font-weight: 950; letter-spacing: .07em; text-align: center; }
.gold-rental-return__shop > i { position: absolute; right: 7px; bottom: 6px; left: 7px; display: flex; gap: 2px; height: 23px; padding: 3px; border: 1px solid #dfa4aa; border-radius: 3px; background: rgba(255,255,255,.72); }
.gold-rental-return__shop > i em { flex: 1; border-radius: 2px; background: linear-gradient(145deg, #ffe185, #e8a91c); }
.gold-rental-return__customer small,
.gold-rental-return__shop small,
.gold-rental-return__jewelry small { position: absolute; right: -10px; bottom: -13px; left: -10px; color: #7992a3; font-family: inherit; font-size: .27rem; font-weight: 900; letter-spacing: .08em; text-align: center; }
.gold-rental-return__route { position: absolute; top: 28px; right: 48px; left: 46px; z-index: 1; height: 2px; overflow: hidden; border-radius: 9px; background: #cce2ed; }
.gold-rental-return__route i { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 7px, #18a276 7px 11px); animation: gold-rental-return-route .7s linear infinite; }
.gold-rental-return__jewelry { position: absolute; top: 11px; left: 88px; z-index: 3; display: grid; width: 45px; height: 36px; place-items: center; border: 1px solid #d5a329; border-radius: 10px; background: linear-gradient(145deg, #65101a, #a21928 58%, #430910); box-shadow: inset 0 1px rgba(255,255,255,.2), 0 6px 12px rgba(92,12,23,.2); animation: gold-rental-return-jewelry 3s ease-in-out infinite; }
.gold-rental-return__jewelry svg { width: 38px; height: 31px; overflow: visible; }
.gold-rental-return__jewelry svg text { fill: #f8df8b; font-family: Georgia, serif; font-size: 5px; font-weight: 900; letter-spacing: .7px; }
.gold-rental-return__jewelry svg path,
.gold-rental-return__jewelry svg circle { fill: none; stroke: #f1c344; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.gold-rental-return__jewelry svg .is-chain { stroke-dasharray: 1 2.5; }
.gold-rental-return__jewelry svg .is-pendant { fill: #f0bd2e; stroke: #ffe791; stroke-width: .8; }
.gold-rental-return__notice { border-color: #f0dfac; background: linear-gradient(105deg, #fffcf4, #fff8e8); }
.gold-rental-return__notice > span { color: #aa760d; background: #fff0bd; }
.gold-rental-return__notice small { color: #a66f05; }
@keyframes gold-rental-return-route { to { transform: translateX(-18px); } }
@keyframes gold-rental-return-jewelry { 0%,100% { left: 88px; transform: rotate(-2deg); } 50% { left: 136px; transform: rotate(2deg); } }

@media (max-width: 640px) {
    .gold-rental-return__journey { grid-column: 1 / -1; width: min(100%, 226px); margin-top: 4px; }
}

@media (prefers-reduced-motion: reduce) {
.gold-rental-return__route i,
    .gold-rental-return__jewelry { animation: none; }
}

.gold-rental-return-inspection .fi-fo-repeater-item {
    overflow: hidden;
    border-color: #dbe8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(12, 71, 111, .045);
}

.gold-rental-return-inspection .fi-fo-repeater-item-header { display: none; }
.gold-rental-return-inspection .fi-fo-repeater-item-content { padding: 7px 10px; }
.gold-rental-return-inspection .fi-fo-repeater-item-content > .grid { gap: 4px 12px; }
.gold-rental-return-inspection__product { display: grid; grid-template-columns: 42px minmax(0, 1fr) 76px 112px; align-items: center; gap: 10px; min-height: 42px; margin: 0; padding: 0 0 5px; border: 0; border-bottom: 1px solid #edf2f5; border-radius: 0; background: transparent; }
.gold-rental-return-inspection__name { min-width: 0; }
.gold-rental-return-inspection__metric { min-width: 0; }

.gold-rental-return-inspection .fi-fo-field-wrp:has(.gold-rental-return-inspection__check) > .grid { gap: 0; }
.gold-rental-return-inspection .fi-fo-field-wrp-label:has(.gold-rental-return-inspection__check) { gap: 7px; min-height: 22px; padding: 1px 2px; }
.gold-rental-return-inspection .fi-fo-field-wrp-label:has(.gold-rental-return-inspection__check) > span { font-size: .56rem; line-height: 1.15; }
.gold-rental-return-inspection__check { width: 14px; height: 14px; padding: 0; border: 0; border-radius: 4px; background: #fff; }
.gold-rental-return-inspection__check--damaged { color: #b72e41; }
.gold-rental-return-inspection__amount { width: 100%; max-width: 205px; }
.gold-rental-return-inspection__amount .fi-input-wrp { min-height: 30px; border-radius: 8px; box-shadow: 0 0 0 1px #dce6ec; }
.gold-rental-return-inspection__amount .fi-input-wrp-prefix { padding-inline: 8px 4px; color: #728899; font-size: .52rem; font-weight: 750; }
.gold-rental-return-inspection__amount input { height: 30px; padding-block: 3px; padding-inline: 5px 8px; font-size: .63rem; }

.gold-rental-return-summary-field { margin-top: 10px; }
.gold-rental-return-summary { overflow: hidden; border: 1px solid #d5e3ec; border-radius: 12px; background: #fff; box-shadow: 0 5px 14px rgba(18, 74, 108, .045); }
.gold-rental-return-summary > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 11px; border-bottom: 1px solid #e2ebf1; background: #f2f8fc; }
.gold-rental-return-summary > header small,
.gold-rental-return-summary > header strong { display: block; }
.gold-rental-return-summary > header small { color: #2787b9; font-size: .4rem; font-weight: 900; letter-spacing: .14em; }
.gold-rental-return-summary > header strong { margin-top: 1px; color: #183d59; font-size: .65rem; font-weight: 850; }
.gold-rental-return-summary > header > span { display: inline-flex; align-items: center; gap: 5px; color: #11825e; font-size: .4rem; font-weight: 900; letter-spacing: .1em; }
.gold-rental-return-summary > header > span i { width: 6px; height: 6px; border-radius: 50%; background: #21aa78; box-shadow: 0 0 0 4px rgba(33,170,120,.11); animation: gold-rental-return-summary-live 1.8s ease-in-out infinite; }
.gold-rental-return-summary__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(118px, 1.35fr); padding: 10px 7px; }
.gold-rental-return-summary__metrics > div { min-width: 0; padding: 2px 10px; }
.gold-rental-return-summary__metrics > div + div { border-left: 1px solid #e5edf2; }
.gold-rental-return-summary__metrics small,
.gold-rental-return-summary__metrics strong,
.gold-rental-return-summary__metrics span { display: block; }
.gold-rental-return-summary__metrics small { overflow: hidden; color: #8299a9; font-size: .35rem; font-weight: 900; letter-spacing: .08em; text-overflow: ellipsis; white-space: nowrap; }
.gold-rental-return-summary__metrics strong { margin-top: 3px; color: #173f5d; font-size: .72rem; font-weight: 900; }
.gold-rental-return-summary__metrics strong em { font-size: .48rem; font-style: normal; }
.gold-rental-return-summary__metrics span { margin-top: 2px; overflow: hidden; color: #96a6b1; font-size: .4rem; text-overflow: ellipsis; white-space: nowrap; }
.gold-rental-return-summary__metrics .is-complete strong,
.gold-rental-return-summary__metrics .is-damaged strong { color: #173f5d; }
.gold-rental-return-summary__metrics .is-total strong { color: #0875b7; }

@keyframes gold-rental-return-summary-live { 0%, 100% { opacity: .55; transform: scale(.82); } 50% { opacity: 1; transform: scale(1.12); } }

@media (max-width: 640px) {
    .gold-rental-return-inspection__product { grid-template-columns: 36px minmax(0, 1fr) 88px; }
    .gold-rental-return-inspection__product .warehouse-approval__item-quantity { display: none; }
    .gold-rental-return-inspection__amount { max-width: none; }
    .gold-rental-return-summary__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block: 5px; }
    .gold-rental-return-summary__metrics > div { padding-block: 7px; }
    .gold-rental-return-summary__metrics > div:nth-child(odd) { border-left: 0; }
    .gold-rental-return-summary__metrics > div:nth-child(n + 3) { border-top: 1px solid #e5edf2; }
    .gold-rental-return-summary__metrics .is-total { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
    .gold-rental-return-summary > header > span i { animation: none; }
}

.gold-rental-return-review__art { position: relative; isolation: isolate; justify-self: end; width: 210px; height: 66px; overflow: hidden; border: 1px solid #bed9e9; border-radius: 18px; background: linear-gradient(135deg, #fafdff, #eaf6fc); box-shadow: inset 0 1px rgba(255,255,255,.9), 0 9px 20px rgba(20,91,137,.09); }
.gold-rental-return-review__art::before { position: absolute; inset: -50% 42% -50% -18%; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(34,151,207,.14), transparent 66%); content: ''; }
.gold-rental-return-review__art > small { position: absolute; right: 14px; bottom: 6px; color: #5a8299; font-size: .29rem; font-weight: 950; letter-spacing: .16em; }
.gold-rental-return-review__jewelry { position: absolute; top: 7px; left: 12px; z-index: 2; display: grid; width: 88px; height: 52px; place-items: center; overflow: hidden; border: 1px solid rgba(226,190,93,.76); border-radius: 14px; background: linear-gradient(145deg, #123f61, #072b47); box-shadow: 0 9px 18px rgba(5,45,73,.2), inset 0 1px rgba(255,255,255,.13); }
.gold-rental-return-review__jewelry::after { position: absolute; top: -28px; left: -24px; width: 16px; height: 110px; background: linear-gradient(90deg, transparent, rgba(255,240,183,.52), transparent); content: ''; transform: rotate(24deg); animation: gold-rental-return-review-shine 3.2s ease-in-out infinite; }
.gold-rental-return-review__jewelry svg { width: 78px; height: 50px; overflow: visible; }
.gold-rental-return-review__jewelry path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.gold-rental-return-review__jewelry .is-display { fill: rgba(255,255,255,.045); stroke: rgba(132,195,225,.32); stroke-width: 1; }
.gold-rental-return-review__jewelry .is-chain { stroke: #f2ca60; stroke-width: 1.55; }
.gold-rental-return-review__jewelry .is-chain-detail { stroke: rgba(255,229,145,.66); stroke-width: .7; stroke-dasharray: 1 2.5; }
.gold-rental-return-review__jewelry .is-pendant { fill: #dcae35; stroke: #ffe9a0; stroke-width: 1; animation: gold-rental-return-review-pendant 2.3s ease-in-out infinite; transform-box: fill-box; transform-origin: top center; }
.gold-rental-return-review__jewelry .is-facet { stroke: #fff1bc; stroke-width: .65; pointer-events: none; }
.gold-rental-return-review__jewelry text { fill: #8fbcd2; font-family: inherit; font-size: 4px; font-weight: 900; letter-spacing: 1.2px; }
.gold-rental-return-review__scan { position: absolute; top: 31px; right: 42px; left: 94px; z-index: 1; height: 2px; overflow: hidden; border-radius: 99px; background: linear-gradient(90deg, rgba(210,170,62,.42), rgba(28,143,197,.2)); }
.gold-rental-return-review__scan i { position: absolute; inset-block: 0; width: 34px; border-radius: inherit; background: linear-gradient(90deg, transparent, #e2b73d 44%, #65c9f0 55%, transparent); box-shadow: 0 0 7px rgba(52,171,221,.45); animation: gold-rental-return-review-scan 1.9s ease-in-out infinite; }
.gold-rental-return-review__magnifier { position: absolute; top: 6px; right: 13px; z-index: 4; width: 60px; height: 60px; filter: drop-shadow(0 9px 12px rgba(7,85,135,.2)); animation: gold-rental-return-review-lens 2.8s ease-in-out infinite; }
.gold-rental-return-review__magnifier svg { width: 100%; height: 100%; overflow: visible; fill: rgba(250,254,255,.88); stroke: #117db7; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.gold-rental-return-review__magnifier .is-handle { stroke: #0a5f92; stroke-width: 5; }
.gold-rental-return-review__magnifier .is-lens-gem { fill: rgba(230,184,63,.18); stroke: #c79412; stroke-width: 1.4; }
.gold-rental-return-review__magnifier .is-lens-facet { fill: none; stroke: #d6a628; stroke-width: .85; }
.gold-rental-return-review__spark { position: absolute; z-index: 5; width: 7px; height: 7px; opacity: 0; }
.gold-rental-return-review__spark::before,
.gold-rental-return-review__spark::after { position: absolute; background: #e6b83c; border-radius: 9px; content: ''; }
.gold-rental-return-review__spark::before { top: 3px; left: 0; width: 7px; height: 1px; }
.gold-rental-return-review__spark::after { top: 0; left: 3px; width: 1px; height: 7px; }
.gold-rental-return-review__spark.is-one { top: 8px; right: 76px; animation: gold-rental-return-review-spark 2.8s .25s ease-in-out infinite; }
.gold-rental-return-review__spark.is-two { right: 91px; bottom: 8px; animation: gold-rental-return-review-spark 2.8s 1.35s ease-in-out infinite; }

@keyframes gold-rental-return-review-shine { 0%, 26% { left: -24px; opacity: 0; } 38% { opacity: .8; } 62%, 100% { left: 105px; opacity: 0; } }
@keyframes gold-rental-return-review-scan { 0%, 100% { left: -32px; opacity: 0; } 18%, 82% { opacity: 1; } 50% { left: calc(100% - 3px); } }
@keyframes gold-rental-return-review-lens { 0%, 100% { transform: translate3d(0,0,0) rotate(-3deg); } 50% { transform: translate3d(-7px,-2px,0) rotate(1deg); } }
@keyframes gold-rental-return-review-pendant { 0%, 100% { transform: rotate(-2deg); filter: drop-shadow(0 0 1px rgba(255,220,104,.25)); } 50% { transform: rotate(2deg); filter: drop-shadow(0 0 4px rgba(255,223,116,.9)); } }
@keyframes gold-rental-return-review-spark { 0%, 32%, 72%, 100% { opacity: 0; transform: scale(.4) rotate(0); } 46%, 58% { opacity: 1; transform: scale(1) rotate(90deg); } }

.gold-rental-return-review__summary { overflow: hidden; margin-top: 11px; border: 1px solid #cadfea; border-radius: 13px; background: #fff; box-shadow: 0 6px 17px rgba(13,75,113,.055); }
.gold-rental-return-review__summary > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 11px; border-bottom: 1px solid #dce8ef; background: linear-gradient(105deg, #f4f9fc, #eef7fb); }
.gold-rental-return-review__summary > header small,
.gold-rental-return-review__summary > header strong { display: block; }
.gold-rental-return-review__summary > header small { color: #2982b2; font-size: .38rem; font-weight: 950; letter-spacing: .12em; }
.gold-rental-return-review__summary > header strong { margin-top: 1px; color: #26485f; font-size: .59rem; font-weight: 850; }
.gold-rental-return-review__summary > header > span { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; color: #13805e; font-size: .37rem; font-weight: 950; letter-spacing: .08em; }
.gold-rental-return-review__summary > header > span i { width: 6px; height: 6px; border-radius: 50%; background: #20a979; box-shadow: 0 0 0 4px rgba(32,169,121,.11); }
.gold-rental-return-review__summary-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) minmax(130px,1.35fr); padding: 9px 6px; }
.gold-rental-return-review__summary-metrics > div { position: relative; min-width: 0; padding: 2px 11px; }
.gold-rental-return-review__summary-metrics > div + div { border-left: 1px solid #e2ebf0; }
.gold-rental-return-review__summary-metrics small,
.gold-rental-return-review__summary-metrics strong { display: block; }
.gold-rental-return-review__summary-metrics small { color: #748a99; font-size: .44rem; font-weight: 800; }
.gold-rental-return-review__summary-metrics small::before { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #7b9bae; content: ''; vertical-align: 1px; }
.gold-rental-return-review__summary-metrics strong { margin-top: 3px; color: #173b56; font-size: .8rem; }
.gold-rental-return-review__summary-metrics .is-complete small::before { background: #20a979; }
.gold-rental-return-review__summary-metrics .is-damaged small::before { background: #d94b5d; }
.gold-rental-return-review__summary-metrics .is-total { margin-block: -9px; padding-block: 11px; background: #f1f8fc; }
.gold-rental-return-review__summary-metrics .is-total small::before { background: #1688c4; }
.gold-rental-return-review__summary-metrics .is-total strong { color: #0870ad; }

.gold-rental-return-review__condition { display: flex; max-width: 260px; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.gold-rental-return-review__condition span { padding: 4px 7px; border-radius: 99px; font-size: .48rem; font-weight: 850; }
.gold-rental-return-review__condition .is-complete { color: #087b58; background: #eaf9f3; }
.gold-rental-return-review__condition .is-damaged { color: #b52c40; background: #fff0f2; }
.gold-rental-return-review__condition small { width: 100%; color: #7b8d9b; font-size: .48rem; text-align: right; }

@media (max-width: 640px) {
    .gold-rental-return-review__art { grid-column: 1 / -1; justify-self: stretch; width: 100%; max-width: 250px; }
    .gold-rental-return-review__summary > header { align-items: flex-start; }
    .gold-rental-return-review__summary > header > span { font-size: .32rem; }
    .gold-rental-return-review__summary-metrics { grid-template-columns: 1fr 1fr; padding-block: 5px; }
    .gold-rental-return-review__summary-metrics > div { padding-block: 7px; }
    .gold-rental-return-review__summary-metrics > div:nth-child(odd) { border-left: 0; }
    .gold-rental-return-review__summary-metrics > div:nth-child(n + 3) { border-top: 1px solid #e2ebf0; }
    .gold-rental-return-review__summary-metrics .is-total { margin: 0; background: #f1f8fc; }
    .gold-rental-return-review__condition { max-width: none; justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    .gold-rental-return-review__scan i,
    .gold-rental-return-review__magnifier,
    .gold-rental-return-review__jewelry::after,
    .gold-rental-return-review__jewelry .is-pendant,
    .gold-rental-return-review__spark { animation: none; }
}

.gold-rental-approval__dispatch-shop,
.gold-rental-approval__dispatch-customer { position: absolute; top: 5px; z-index: 2; display: block; width: 50px; height: 46px; border-radius: 10px; box-shadow: 0 6px 13px rgba(19,75,111,.12); }
.gold-rental-approval__dispatch-shop { left: 0; border: 1px solid #ca3342; border-radius: 6px 6px 10px 10px; background: linear-gradient(145deg, #fff9f8, #f9dfe1); }
.gold-rental-approval__dispatch-shop > b { position: absolute; top: -5px; right: -3px; left: -3px; height: 14px; padding-top: 3px; border-radius: 5px 5px 2px 2px; color: #fff; background: linear-gradient(145deg, #dc3948, #a9182d); font-size: .28rem; font-weight: 950; letter-spacing: .07em; text-align: center; }
.gold-rental-approval__dispatch-shop > i { position: absolute; right: 7px; bottom: 6px; left: 7px; display: grid; height: 23px; padding: 2px; place-items: center; border: 1px solid #dfa4aa; border-radius: 3px; background: rgba(255,255,255,.72); }
.gold-rental-approval__dispatch-shop > i svg { width: 31px; height: 22px; overflow: visible; }
.gold-rental-approval__dispatch-shop > i svg path,
.gold-rental-approval__dispatch-shop > i svg circle { fill: none; stroke: #e3ad25; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.gold-rental-approval__dispatch-shop > i svg .is-pendant { fill: #edb92b; stroke: #ffe58c; stroke-width: .8; }
.gold-rental-approval__dispatch-customer { right: 0; border: 1px solid #c5dfeb; background: linear-gradient(145deg, #eef9ff, #d8eff9); }
.gold-rental-approval__dispatch-customer > i { position: absolute; top: 8px; left: 18px; width: 14px; height: 14px; border-radius: 50%; background: #147eba; }
.gold-rental-approval__dispatch-customer > b { position: absolute; bottom: 7px; left: 12px; width: 26px; height: 15px; border-radius: 13px 13px 5px 5px; background: linear-gradient(145deg, #22a6e8, #0873b9); }
.gold-rental-approval__dispatch-customer > em { position: absolute; right: -3px; bottom: 2px; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; background: #16a16e; box-shadow: 0 3px 7px rgba(13,115,78,.2); }
.gold-rental-approval__dispatch-customer > em::after { position: absolute; top: 3px; left: 3px; width: 7px; height: 4px; border-bottom: 1.5px solid #fff; border-left: 1.5px solid #fff; content: ''; transform: rotate(-45deg); }
.gold-rental-approval__dispatch-shop small,
.gold-rental-approval__dispatch-customer small,
.gold-rental-approval__dispatch-jewelry small { position: absolute; right: -10px; bottom: -13px; left: -10px; color: #7992a3; font-family: inherit; font-size: .27rem; font-weight: 900; letter-spacing: .08em; text-align: center; }
.gold-rental-approval__dispatch-jewelry { position: absolute; top: 11px; left: 91px; z-index: 3; display: grid; width: 45px; height: 36px; place-items: center; border: 1px solid #d5a329; border-radius: 10px; background: linear-gradient(145deg, #65101a, #a21928 58%, #430910); box-shadow: inset 0 1px rgba(255,255,255,.2), 0 6px 12px rgba(92,12,23,.2); animation: gold-rental-dispatch-jewelry 3s ease-in-out infinite; }
.gold-rental-approval__dispatch-jewelry svg { width: 38px; height: 31px; overflow: visible; }
.gold-rental-approval__dispatch-jewelry svg text { fill: #f8df8b; font-family: Georgia, serif; font-size: 5px; font-weight: 900; letter-spacing: .7px; }
.gold-rental-approval__dispatch-jewelry svg path,
.gold-rental-approval__dispatch-jewelry svg circle { fill: none; stroke: #f1c344; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.gold-rental-approval__dispatch-jewelry svg .is-chain { stroke-dasharray: 1 2.5; }
.gold-rental-approval__dispatch-jewelry svg .is-pendant { fill: #f0bd2e; stroke: #ffe791; stroke-width: .8; }
.gold-rental-approval__journey--dispatch .gold-rental-approval__route i { animation-direction: normal; }
.gold-rental-approval-success__shop { right: auto; left: 5px; }
.gold-rental-approval-success__customer { right: 10px; left: auto; }

@keyframes gold-rental-dispatch-jewelry { 0%,100% { left: 88px; transform: rotate(-2deg); } 50% { left: 136px; transform: rotate(2deg); } }

@media (prefers-reduced-motion: reduce) {
    .gold-rental-approval__dispatch-jewelry { animation: none; }
}

/* Gold jewelry rental dashboard */
.gold-rental-dashboard-page {
    --rental-red: #c91f32;
    --rental-red-dark: #791323;
    --rental-gold: #e5ad32;
    --rental-navy: #17314e;
    --rental-border: #dde7f0;
}

.rental-dashboard-command {
    grid-template-columns: minmax(0, 1fr) 286px;
}

.rental-dashboard-hero {
    grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
    min-height: 292px;
    border-color: rgba(255, 224, 156, .24);
    background:
        radial-gradient(circle at 76% 18%, rgba(255, 124, 119, .34), transparent 28%),
        radial-gradient(circle at 42% 110%, rgba(247, 179, 48, .13), transparent 38%),
        linear-gradient(118deg, #6f1020 0%, #ae172b 48%, #e84342 100%);
    box-shadow: 0 18px 44px rgba(114, 15, 31, .17);
}

.rental-dashboard-hero::before {
    background-image:
        linear-gradient(30deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%),
        linear-gradient(150deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%);
    background-position: 0 0, 24px 42px;
    background-size: 48px 84px;
    mask-image: linear-gradient(to right, black, rgba(0,0,0,.42) 72%, transparent);
}

.rental-dashboard-hero__content {
    position: relative;
    z-index: 3;
    padding-right: 20px;
}

.rental-dashboard-hero__eyebrow,
.rental-dashboard-hero h1 span,
.rental-dashboard-hero .gold-hero__metric strong {
    color: #ffdc7c;
}

.rental-dashboard-hero .gold-hero__live-dot {
    background: #ffdc7c;
    box-shadow: 0 0 0 6px rgba(255, 220, 124, .14);
}

.rental-dashboard-hero .gold-hero__metric {
    border-color: rgba(255, 235, 193, .2);
    background: rgba(102, 8, 25, .26);
}

.rental-dashboard-hero__light {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.rental-dashboard-hero__light svg {
    width: 100%;
    height: 100%;
}

.rental-dashboard-hero__track,
.rental-dashboard-hero__runner {
    fill: none;
    stroke-linecap: round;
}

.rental-dashboard-hero__track {
    stroke: rgba(255, 226, 153, .12);
    stroke-width: 1.2;
}

.rental-dashboard-hero__track--secondary {
    stroke: rgba(255, 255, 255, .075);
}

.rental-dashboard-hero__runner {
    stroke: url(#rental-dashboard-line);
    stroke-width: 2;
    stroke-dasharray: .06 .94;
    animation: rentalDashboardLine 7s linear infinite;
}

.rental-dashboard-hero__runner--secondary {
    animation-delay: -3.5s;
    animation-duration: 9s;
}

.rental-dashboard-art {
    position: relative;
    z-index: 2;
    min-height: 292px;
}

.rental-dashboard-art__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(255, 226, 154, .25);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.rental-dashboard-art__orbit--outer {
    width: 242px;
    height: 242px;
    animation: rentalDashboardOrbit 18s linear infinite;
}

.rental-dashboard-art__orbit--inner {
    width: 174px;
    height: 174px;
    border-style: dashed;
    border-color: rgba(255,255,255,.18);
    animation: rentalDashboardOrbit 12s linear infinite reverse;
}

.rental-dashboard-art__gem {
    position: absolute;
    top: 62px;
    left: calc(50% - 112px);
    display: grid;
    width: 106px;
    height: 106px;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 30px;
    transform: rotate(-7deg);
    animation: rentalDashboardFloat 5s ease-in-out infinite;
}

.rental-dashboard-art__card {
    position: absolute;
    right: 31px;
    bottom: 43px;
    display: flex;
    width: 158px;
    min-height: 170px;
    flex-direction: column;
    padding: 20px 18px;
    border: 1px solid rgba(255, 238, 197, .58);
    border-radius: 23px;
    background: rgba(110, 9, 27, .44);
    box-shadow: 0 17px 32px rgba(73, 2, 15, .2);
    color: #fff;
    backdrop-filter: blur(11px);
    transform: rotate(5deg);
}

.rental-dashboard-art__card > span {
    color: #ffdf8a;
    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .15em;
}

.rental-dashboard-art__card strong {
    margin-top: 18px;
    font-size: 2.4rem;
    line-height: 1;
}

.rental-dashboard-art__card small {
    margin-top: 5px;
    color: rgba(255,255,255,.67);
    font-size: .54rem;
    letter-spacing: .08em;
}

.rental-dashboard-art__card-line {
    width: 100%;
    height: 5px;
    margin-top: 22px;
    border-radius: 99px;
    background: rgba(255,255,255,.22);
}

.rental-dashboard-art__card-line--short {
    width: 62%;
    margin-top: 8px;
}

.rental-dashboard-art__spark {
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    border: 1px solid #ffe99c;
    transform: rotate(45deg);
    animation: rentalDashboardSpark 2.7s ease-in-out infinite;
}

.rental-dashboard-art__spark--one { top: 45px; right: 85px; }
.rental-dashboard-art__spark--two { bottom: 50px; left: 39px; animation-delay: -.9s; }
.rental-dashboard-art__spark--three { top: 130px; left: 50%; animation-delay: -1.8s; }

.rental-dashboard-filter {
    grid-template-rows: 1fr 106px;
}

.rental-dashboard-filter .gold-master-card__intro {
    align-items: stretch;
    text-align: left;
}

.rental-dashboard-filter .gold-master-card__intro > span,
.rental-dashboard-filter .gold-master-card__intro h2 {
    text-align: center;
}

.rental-dashboard-filter .gold-master-card__intro h2 {
    margin-bottom: 8px;
}

.rental-dashboard-filter .gold-master-card__intro h2 small {
    display: block;
    margin-top: 4px;
    color: #8191a3;
    font-size: .65rem;
    font-weight: 600;
}

.rental-dashboard-filter .withdraw-summary-card__filter {
    width: 100%;
}

.rental-dashboard-filter .withdraw-summary-card__filter .fi-section {
    background: transparent;
    box-shadow: none;
}

.rental-dashboard-filter .withdraw-summary-card__filter .fi-section-content {
    padding: 0;
}

.rental-dashboard-filter .withdraw-summary-card__filter .fi-fo-field-wrp {
    gap: 2px;
}

.rental-dashboard-filter .withdraw-summary-card__filter .fi-fo-field-wrp-label span {
    font-size: .62rem;
}

.rental-dashboard-filter .withdraw-summary-card__filter .fi-input-wrp {
    min-height: 34px;
}

.rental-dashboard-filter__icon--green { background: #ebfaf4; color: #159569; }
.rental-dashboard-filter__icon--red { background: #fff0f1; color: #d93449; }

.rental-dashboard-section-header,
.rental-dashboard-panel__header,
.rental-dashboard-panel__heading,
.rental-dashboard-status-card,
.rental-dashboard-branch-row,
.rental-dashboard-deadline,
.rental-dashboard-recent-row {
    display: flex;
    align-items: center;
}

.rental-dashboard-section-header {
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.rental-dashboard-section-header > div > span,
.rental-dashboard-panel__heading small {
    color: #b42032;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .15em;
}

.rental-dashboard-section-header h2,
.rental-dashboard-panel__heading h2 {
    margin-top: 3px;
    color: #17314e;
    font-size: 1.15rem;
    font-weight: 850;
}

.rental-dashboard-section-header > a,
.rental-dashboard-panel__header > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #9f1d2e;
    font-size: .72rem;
    font-weight: 800;
}

.rental-dashboard-section-header > a svg,
.rental-dashboard-panel__header > a svg {
    width: 16px;
    height: 16px;
}

.rental-dashboard-status {
    padding: 19px;
    border: 1px solid var(--rental-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 9px 26px rgba(24, 50, 76, .05);
}

.rental-dashboard-status__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.rental-dashboard-status-card {
    position: relative;
    min-width: 0;
    gap: 11px;
    padding: 14px 12px;
    overflow: hidden;
    border: 1px solid #e4ebf2;
    border-radius: 16px;
    background: linear-gradient(145deg, #fff 0%, #fbfcfe 100%);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.rental-dashboard-status-card:hover {
    z-index: 1;
    border-color: var(--status-color);
    box-shadow: 0 11px 24px color-mix(in srgb, var(--status-color) 15%, transparent);
    transform: translateY(-2px);
}

.rental-dashboard-status-card::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--status-color);
    content: '';
}

.rental-dashboard-status-card--blue { --status-color: #2982d5; --status-soft: #edf6ff; }
.rental-dashboard-status-card--gold { --status-color: #cf9220; --status-soft: #fff7e3; }
.rental-dashboard-status-card--violet { --status-color: #7557c9; --status-soft: #f3f0ff; }
.rental-dashboard-status-card--green { --status-color: #159669; --status-soft: #eaf9f3; }
.rental-dashboard-status-card--red { --status-color: #d43c50; --status-soft: #fff0f2; }

.rental-dashboard-status-card__icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 12px;
    background: var(--status-soft);
    color: var(--status-color);
}

.rental-dashboard-status-card__icon svg { width: 19px; height: 19px; }
.rental-dashboard-status-card__copy { min-width: 0; flex: 1; }
.rental-dashboard-status-card__copy small { display: block; overflow: hidden; color: #53687d; font-size: .64rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.rental-dashboard-status-card__copy strong { display: block; margin-top: 2px; color: #19334f; font-size: 1.55rem; line-height: 1.15; }
.rental-dashboard-status-card__copy em { display: block; overflow: hidden; margin-top: 3px; color: #9aa8b6; font-size: .53rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.rental-dashboard-status-card__arrow { color: #b4bfca; }
.rental-dashboard-status-card__arrow svg { width: 14px; height: 14px; }

.rental-dashboard-main-grid,
.rental-dashboard-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(340px, .8fr);
    gap: 14px;
}

.rental-dashboard-lower-grid {
    grid-template-columns: minmax(0, 1fr) 286px;
}

.rental-dashboard-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rental-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 9px 26px rgba(24, 50, 76, .05);
}

.rental-dashboard-panel__header {
    min-height: 76px;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 18px;
    border-bottom: 1px solid #e8eef4;
    background: linear-gradient(180deg, #fff, #fcfdff);
}

.rental-dashboard-panel__heading {
    gap: 11px;
    min-width: 0;
}

.rental-dashboard-panel__heading > span {
    display: grid;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    place-items: center;
    border-radius: 12px;
    background: #eef6ff;
    color: #1874c5;
}

.rental-dashboard-panel__heading > span svg { width: 20px; height: 20px; }
.rental-dashboard-panel__heading > .rental-dashboard-panel__heading-icon--gold { background: #fff6df; color: #c98b17; }
.rental-dashboard-panel__header > b { padding: 6px 10px; border-radius: 99px; background: #f3f7fb; color: #5f7489; font-size: .62rem; }
.rental-dashboard-panel__header > .rental-dashboard-panel__alert { background: #fff0f2; color: #ca3044; }

.rental-dashboard-branches__head,
.rental-dashboard-branch-row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 86px 96px minmax(140px, .65fr);
    align-items: center;
    gap: 10px;
}

.rental-dashboard-branches__head {
    padding: 9px 18px;
    border-bottom: 1px solid #edf1f5;
    background: #f8fafc;
    color: #8b9bac;
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .07em;
}

.rental-dashboard-branch-row {
    padding: 12px 18px;
    border-bottom: 1px solid #edf1f5;
}

.rental-dashboard-branch-row:last-child { border-bottom: 0; }

.rental-dashboard-branch-row__name {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.rental-dashboard-branch-row__name > span {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 10px;
    background: #f1f6fb;
    color: #397bac;
}

.rental-dashboard-branch-row__name > span svg { width: 17px; height: 17px; }
.rental-dashboard-branch-row__name > div { min-width: 0; }
.rental-dashboard-branch-row__name strong { display: block; overflow: hidden; color: #243b55; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.rental-dashboard-branch-row__name small { display: block; margin-top: 3px; color: #91a0af; font-size: .57rem; }

.rental-dashboard-branch-row__metric small,
.rental-dashboard-branch-row__value small { display: none; }
.rental-dashboard-branch-row__metric strong { color: #2b4867; font-size: .82rem; }
.rental-dashboard-branch-row__metric--active strong { display: inline-flex; min-width: 30px; justify-content: center; padding: 4px 8px; border-radius: 8px; background: #f2efff; color: #7257c4; }
.rental-dashboard-branch-row__value { text-align: right; }
.rental-dashboard-branch-row__value strong { display: block; color: #1870ba; font-size: .72rem; }
.rental-dashboard-branch-row__value small { display: block; margin-top: 3px; color: #b17717; font-size: .57rem; }

.rental-dashboard-deadlines__list,
.rental-dashboard-recent__list {
    padding: 5px 14px 10px;
}

.rental-dashboard-deadline {
    gap: 10px;
    padding: 10px 4px;
    border-bottom: 1px solid #edf1f5;
}

.rental-dashboard-deadline:last-child { border-bottom: 0; }

.rental-dashboard-deadline__date {
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    align-content: center;
    border: 1px solid #dce7f0;
    border-radius: 11px;
    background: #f8fafc;
    color: #48627d;
    line-height: 1;
}

.rental-dashboard-deadline__date strong { font-size: .9rem; }
.rental-dashboard-deadline__date small { margin-top: 3px; font-size: .47rem; font-weight: 850; }
.rental-dashboard-deadline__customer { min-width: 0; flex: 1; }
.rental-dashboard-deadline__customer strong { display: block; overflow: hidden; color: #273f59; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.rental-dashboard-deadline__customer small { display: block; overflow: hidden; margin-top: 3px; color: #92a0af; font-size: .54rem; text-overflow: ellipsis; white-space: nowrap; }

.rental-dashboard-deadline__state {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 99px;
    background: #f1f5f8;
    color: #6e8091;
    font-size: .54rem;
    font-weight: 800;
}

.rental-dashboard-deadline__state i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__date,
.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state { border-color: #f3d384; background: #fff7df; color: #b6760c; }
.rental-dashboard-deadline--overdue .rental-dashboard-deadline__date,
.rental-dashboard-deadline--overdue .rental-dashboard-deadline__state { border-color: #f3b9c1; background: #fff0f2; color: #cb3044; }
.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state,
.rental-dashboard-deadline--overdue .rental-dashboard-deadline__state { animation: rentalDashboardBadge 2s ease-in-out infinite; }

.rental-dashboard-recent-row {
    gap: 11px;
    padding: 11px 4px;
    border-bottom: 1px solid #edf1f5;
}

.rental-dashboard-recent-row:last-child { border-bottom: 0; }
.rental-dashboard-recent-row__document { display: grid; width: 35px; height: 35px; flex: 0 0 35px; place-items: center; border-radius: 10px; background: #eef6ff; color: #1773c7; }
.rental-dashboard-recent-row__document svg { width: 17px; height: 17px; }
.rental-dashboard-recent-row__identity { min-width: 145px; flex: 1; }
.rental-dashboard-recent-row__identity strong { display: block; color: #1d3a58; font-size: .69rem; }
.rental-dashboard-recent-row__identity small { display: block; overflow: hidden; margin-top: 3px; color: #788b9e; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.rental-dashboard-recent-row__branch { display: inline-flex; min-width: 150px; max-width: 220px; align-items: center; gap: 5px; overflow: hidden; color: #708399; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }
.rental-dashboard-recent-row__branch svg { width: 13px; height: 13px; flex: 0 0 13px; }
.rental-dashboard-recent-row__weight { min-width: 80px; color: #1d6db0; font-size: .68rem; font-weight: 800; text-align: right; }
.rental-dashboard-recent-row__weight small { color: #91a1b1; }
.rental-dashboard-recent-row__status { min-width: 126px; padding: 5px 8px; border-radius: 8px; font-size: .55rem; font-weight: 800; text-align: center; }
.rental-dashboard-recent-row__status--blue { background: #edf6ff; color: #2478c3; }
.rental-dashboard-recent-row__status--gold { background: #fff6df; color: #b87c12; }
.rental-dashboard-recent-row__status--violet { background: #f2efff; color: #7054c0; }
.rental-dashboard-recent-row__status--green { background: #eaf9f3; color: #12885f; }
.rental-dashboard-recent-row__status--red { background: #fff0f2; color: #c93448; }
.rental-dashboard-recent-row__arrow { width: 14px; height: 14px; color: #a9b7c5; }

.rental-dashboard-health {
    overflow: hidden;
    border: 1px solid #dcc16d;
    border-radius: 22px;
    background: linear-gradient(155deg, #7b1322 0%, #a51a2e 62%, #c92538 100%);
    box-shadow: 0 13px 30px rgba(115, 17, 33, .16);
    color: #fff;
}

.rental-dashboard-health__top { padding: 22px 20px 18px; text-align: center; }
.rental-dashboard-health__icon { display: grid; width: 42px; height: 42px; margin: 0 auto 9px; place-items: center; border: 1px solid rgba(255,230,164,.35); border-radius: 13px; background: rgba(255,255,255,.1); color: #ffdc78; }
.rental-dashboard-health__icon svg { width: 21px; height: 21px; }
.rental-dashboard-health__top > small { color: #ffd978; font-size: .55rem; font-weight: 900; letter-spacing: .14em; }
.rental-dashboard-health__top h2 { margin-top: 4px; font-size: 1rem; font-weight: 800; }
.rental-dashboard-health__score { margin-top: 12px; line-height: 1; }
.rental-dashboard-health__score strong { font-size: 3.2rem; }
.rental-dashboard-health__score span { color: #ffdb76; font-size: 1rem; font-weight: 900; }
.rental-dashboard-health__top p { margin-top: 6px; color: rgba(255,255,255,.66); font-size: .56rem; }
.rental-dashboard-health__bar { height: 5px; margin-top: 14px; overflow: hidden; border-radius: 99px; background: rgba(69,0,12,.32); }
.rental-dashboard-health__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #e2a923, #ffe195); }

.rental-dashboard-health__facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid rgba(255,255,255,.12);
    background: rgba(65, 1, 13, .14);
}

.rental-dashboard-health__facts > div { display: grid; min-height: 93px; place-items: center; align-content: center; }
.rental-dashboard-health__facts > div + div { border-left: 1px solid rgba(255,255,255,.12); }
.rental-dashboard-health__facts span { color: #ffdd7d; }
.rental-dashboard-health__facts span svg { width: 17px; height: 17px; }
.rental-dashboard-health__facts small { margin-top: 4px; color: rgba(255,255,255,.64); font-size: .52rem; }
.rental-dashboard-health__facts strong { margin-top: 2px; font-size: 1.2rem; }

.rental-dashboard-empty {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: #8b9bab;
    text-align: center;
}

.rental-dashboard-empty svg { width: 29px; height: 29px; margin-bottom: 8px; color: #b8c5d0; }
.rental-dashboard-empty strong { color: #546a80; font-size: .72rem; }
.rental-dashboard-empty small { margin-top: 5px; font-size: .58rem; }
.rental-dashboard-empty--compact { min-height: 170px; }

@keyframes rentalDashboardLine {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -1; }
}

@keyframes rentalDashboardOrbit {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes rentalDashboardFloat {
    0%, 100% { transform: rotate(-7deg) translateY(0); }
    50% { transform: rotate(-4deg) translateY(-8px); }
}

@keyframes rentalDashboardSpark {
    0%, 100% { opacity: .25; transform: rotate(45deg) scale(.7); }
    50% { opacity: 1; transform: rotate(45deg) scale(1.25); }
}

@keyframes rentalDashboardBadge {
    0%, 100% { box-shadow: 0 0 0 0 rgba(207, 61, 75, 0); }
    50% { box-shadow: 0 0 0 4px rgba(207, 61, 75, .08); }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-hero__runner,
    .rental-dashboard-art__orbit,
    .rental-dashboard-art__gem,
    .rental-dashboard-art__spark,
    .rental-dashboard-deadline__state {
        animation: none;
    }
}

@media (max-width: 1280px) {
    .rental-dashboard-status__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .rental-dashboard-status-card:nth-child(4),
    .rental-dashboard-status-card:nth-child(5) { grid-column: span 1; }
    .rental-dashboard-main-grid { grid-template-columns: 1fr; }
    .rental-dashboard-deadlines__list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
}

@media (max-width: 1024px) {
    .rental-dashboard-command { grid-template-columns: 1fr; }
    .rental-dashboard-filter { min-height: auto; grid-template-columns: minmax(0, 1fr) 250px; grid-template-rows: auto; }
    .rental-dashboard-filter .gold-master-card__status { border-top: 0; border-left: 1px solid #e3eaf1; }
    .rental-dashboard-lower-grid { grid-template-columns: 1fr; }
    .rental-dashboard-health { display: grid; grid-template-columns: minmax(0, 1fr) 280px; }
    .rental-dashboard-health__facts { border-top: 0; border-left: 1px solid rgba(255,255,255,.12); }
}

@media (max-width: 760px) {
    .gold-rental-dashboard-page > section { gap: 1rem; }
    .rental-dashboard-hero { grid-template-columns: 1fr; min-height: 500px; }
    .rental-dashboard-hero__content { padding: 27px 21px 12px; }
    .rental-dashboard-hero h1 { font-size: clamp(1.85rem, 10vw, 2.4rem); }
    .rental-dashboard-hero .gold-hero__metrics { display: grid; grid-template-columns: 1fr 1fr; }
    .rental-dashboard-hero .gold-hero__metric { min-width: 0; }
    .rental-dashboard-hero .gold-hero__metric:last-child { grid-column: 1 / -1; }
    .rental-dashboard-art { min-height: 218px; }
    .rental-dashboard-art__orbit--outer { width: 190px; height: 190px; }
    .rental-dashboard-art__orbit--inner { width: 135px; height: 135px; }
    .rental-dashboard-art__gem { top: 42px; left: calc(50% - 91px); width: 83px; height: 83px; border-radius: 23px; }
    .rental-dashboard-art__card { right: calc(50% - 126px); bottom: 23px; width: 128px; min-height: 137px; padding: 16px 14px; border-radius: 18px; }
    .rental-dashboard-art__card strong { margin-top: 13px; font-size: 1.9rem; }
    .rental-dashboard-art__card-line { margin-top: 15px; }

    .rental-dashboard-filter { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 94px; }
    .rental-dashboard-filter .gold-master-card__status { border-top: 1px solid #e3eaf1; border-left: 0; }

    .rental-dashboard-section-header { align-items: flex-end; }
    .rental-dashboard-section-header > a { width: 32px; height: 32px; justify-content: center; overflow: hidden; border-radius: 9px; background: #fff0f2; font-size: 0; }
    .rental-dashboard-section-header > a svg { width: 16px; height: 16px; }

    .rental-dashboard-status { padding: 15px 12px; border-radius: 18px; }
    .rental-dashboard-status__grid { grid-template-columns: 1fr 1fr; }
    .rental-dashboard-status-card:last-child { grid-column: 1 / -1; }
    .rental-dashboard-status-card { padding: 12px 10px; }
    .rental-dashboard-status-card__arrow { display: none; }
    .rental-dashboard-status-card__copy small { white-space: normal; line-height: 1.35; }

    .rental-dashboard-panel { border-radius: 18px; }
    .rental-dashboard-panel__header { min-height: 68px; padding: 12px 13px; }
    .rental-dashboard-panel__heading > span { width: 36px; height: 36px; flex-basis: 36px; }
    .rental-dashboard-panel__heading h2 { font-size: .93rem; }
    .rental-dashboard-panel__header > b { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .rental-dashboard-branches__head { display: none; }
    .rental-dashboard-branch-row { grid-template-columns: 1fr 1fr; gap: 10px; padding: 13px; }
    .rental-dashboard-branch-row__name { grid-column: 1 / -1; padding-bottom: 9px; border-bottom: 1px solid #eef2f6; }
    .rental-dashboard-branch-row__metric { display: flex; justify-content: space-between; }
    .rental-dashboard-branch-row__metric small { display: block; color: #91a0af; font-size: .54rem; }
    .rental-dashboard-branch-row__metric--active strong { padding: 2px 7px; }
    .rental-dashboard-branch-row__value { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-top: 4px; text-align: left; }
    .rental-dashboard-branch-row__value small { font-size: .61rem; }

    .rental-dashboard-deadlines__list { display: block; }
    .rental-dashboard-deadline__state { max-width: 110px; text-align: center; }
    .rental-dashboard-deadline__customer small { max-width: 145px; }

    .rental-dashboard-recent-row { display: grid; grid-template-columns: 35px minmax(0, 1fr) auto; gap: 8px; }
    .rental-dashboard-recent-row__identity { min-width: 0; }
    .rental-dashboard-recent-row__branch { grid-column: 2 / 4; min-width: 0; max-width: none; }
    .rental-dashboard-recent-row__weight { grid-column: 2; min-width: 0; text-align: left; }
    .rental-dashboard-recent-row__status { grid-column: 3; grid-row: 3; min-width: 106px; }
    .rental-dashboard-recent-row__arrow { display: none; }

    .rental-dashboard-health { display: block; }
    .rental-dashboard-health__facts { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
}

@media (max-width: 390px) {
    .rental-dashboard-status__grid { grid-template-columns: 1fr; }
    .rental-dashboard-status-card:last-child { grid-column: auto; }
    .rental-dashboard-deadline { align-items: flex-start; }
    .rental-dashboard-deadline__state { max-width: 86px; white-space: normal; }
}

/* KPV storefront inside the rental dashboard artwork */
.rental-dashboard-art__shop {
    position: absolute;
    bottom: 25px;
    left: 18px;
    width: 108px;
    height: 91px;
    border: 1px solid rgba(255, 230, 178, .72);
    border-radius: 9px 9px 15px 15px;
    background: linear-gradient(150deg, #fffdf6 0%, #f8e9cd 100%);
    box-shadow: 0 15px 27px rgba(72, 3, 15, .21);
    transform: rotate(-3deg);
    animation: rentalDashboardShopFloat 5.6s ease-in-out infinite -1.5s;
}

.rental-dashboard-art__shop-roof {
    position: absolute;
    top: -16px;
    right: -6px;
    left: -6px;
    height: 25px;
    padding-top: 6px;
    border: 1px solid rgba(255, 226, 157, .72);
    border-radius: 8px 8px 3px 3px;
    background: linear-gradient(135deg, #8f1022, #c92335);
    box-shadow: 0 6px 10px rgba(98, 8, 23, .2);
    color: #ffe08a;
    font-size: .42rem;
    font-weight: 950;
    letter-spacing: .13em;
    text-align: center;
}

.rental-dashboard-art__shop-awning {
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    display: grid;
    height: 15px;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
}

.rental-dashboard-art__shop-awning i {
    border-radius: 0 0 9px 9px;
    background: #bd1d30;
}

.rental-dashboard-art__shop-awning i:nth-child(even) {
    background: #f7d57d;
}

.rental-dashboard-art__shop-window {
    position: absolute;
    bottom: 17px;
    left: 9px;
    width: 67px;
    height: 47px;
    overflow: hidden;
    border: 1px solid rgba(158, 48, 58, .28);
    border-radius: 6px;
    background: linear-gradient(145deg, #4d101b, #751220);
}

.rental-dashboard-art__shop-window::after {
    position: absolute;
    top: -18px;
    left: -25px;
    width: 16px;
    height: 84px;
    background: linear-gradient(90deg, transparent, rgba(255, 240, 188, .48), transparent);
    content: '';
    transform: rotate(24deg);
    animation: rentalDashboardShopShine 4.8s ease-in-out infinite;
}

.rental-dashboard-art__shop-window svg {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.rental-dashboard-art__shop-window path,
.rental-dashboard-art__shop-window circle {
    fill: none;
    stroke: #efc24f;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
}

.rental-dashboard-art__shop-window .is-jewel {
    fill: #f0bc35;
    stroke: #ffe796;
    stroke-width: .8;
}

.rental-dashboard-art__shop-window .is-spark {
    stroke: #fff0b2;
    stroke-width: 1.1;
}

.rental-dashboard-art__shop-door {
    position: absolute;
    right: 8px;
    bottom: 17px;
    width: 18px;
    height: 47px;
    border: 1px solid rgba(168, 42, 53, .34);
    border-radius: 5px 5px 2px 2px;
    background: linear-gradient(145deg, #fff9ea, #efd5ad);
}

.rental-dashboard-art__shop-door span {
    position: absolute;
    top: 23px;
    right: 3px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #b81d30;
}

.rental-dashboard-art__shop > small {
    position: absolute;
    right: 0;
    bottom: 5px;
    left: 0;
    color: #9f1b2d;
    font-size: .35rem;
    font-weight: 950;
    letter-spacing: .11em;
    text-align: center;
}

@keyframes rentalDashboardShopFloat {
    0%, 100% { transform: rotate(-3deg) translateY(0); }
    50% { transform: rotate(-1deg) translateY(-5px); }
}

@keyframes rentalDashboardShopShine {
    0%, 48% { left: -25px; opacity: 0; }
    58% { opacity: .85; }
    74%, 100% { left: 82px; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-art__shop,
    .rental-dashboard-art__shop-window::after {
        animation: none;
    }
}

@media (max-width: 760px) {
    .rental-dashboard-art__shop {
        bottom: 19px;
        left: calc(50% - 158px);
        width: 91px;
        height: 77px;
        border-radius: 8px 8px 13px 13px;
    }

    .rental-dashboard-art__shop-roof {
        top: -13px;
        height: 21px;
        padding-top: 5px;
        font-size: .35rem;
    }

    .rental-dashboard-art__shop-awning {
        top: 7px;
        height: 12px;
    }

    .rental-dashboard-art__shop-window {
        bottom: 15px;
        left: 7px;
        width: 56px;
        height: 39px;
    }

    .rental-dashboard-art__shop-door {
        right: 6px;
        bottom: 15px;
        width: 16px;
        height: 39px;
    }

    .rental-dashboard-art__shop > small {
        bottom: 4px;
        font-size: .29rem;
    }
}

/* Let rental dashboard filter dropdowns escape the summary card. */
.rental-dashboard-filter {
    position: relative;
    z-index: 30;
    overflow: visible;
}

.rental-dashboard-filter .gold-master-card__intro,
.rental-dashboard-filter .withdraw-summary-card__filter,
.rental-dashboard-filter .fi-section,
.rental-dashboard-filter .fi-section-content,
.rental-dashboard-filter .fi-fo-component-ctn {
    overflow: visible;
}

.rental-dashboard-filter .gold-master-card__intro {
    position: relative;
    z-index: 2;
    border-radius: 21px 21px 0 0;
    background: #fff;
}

.rental-dashboard-filter .gold-master-card__status {
    overflow: hidden;
    border-radius: 0 0 21px 21px;
    background: #fff;
}

/* Premium animated branch storefront icons */
.rental-dashboard-panel__heading > .rental-dashboard-branch-heading-icon {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 226, 142, .28);
    background: linear-gradient(145deg, #074e91 0%, #0879c9 58%, #0d9ae2 100%);
    box-shadow: 0 8px 16px rgba(5, 91, 157, .18);
    color: #fff;
}

.rental-dashboard-branch-heading-icon::after,
.rental-dashboard-branch-icon::after {
    position: absolute;
    top: -35%;
    bottom: -35%;
    left: -65%;
    width: 34%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.76), transparent);
    content: '';
    transform: skewX(-18deg);
    animation: rentalDashboardIconShine 4.2s ease-in-out infinite;
    pointer-events: none;
}

.rental-dashboard-branch-row__name > .rental-dashboard-branch-icon {
    position: relative;
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(22, 67, 111, .12);
    color: #fff;
}

.rental-dashboard-branch-icon--1 {
    background: linear-gradient(145deg, #075eb7 0%, #168bec 56%, #43b9ff 100%);
}

.rental-dashboard-branch-icon--2 {
    background: linear-gradient(145deg, #d91f43 0%, #f34665 55%, #ff7b92 100%);
}

.rental-dashboard-branch-icon--3 {
    background: linear-gradient(145deg, #5440c2 0%, #7259df 55%, #9b87f3 100%);
}

.rental-dashboard-branch-icon--4 {
    background: linear-gradient(145deg, #9b5a05 0%, #cd8a16 54%, #efbd4d 100%);
}

.rental-dashboard-branch-icon--2::after { animation-delay: -1.05s; }
.rental-dashboard-branch-icon--3::after { animation-delay: -2.1s; }
.rental-dashboard-branch-icon--4::after { animation-delay: -3.15s; }

.rental-dashboard-branch-row__name > .rental-dashboard-branch-icon svg {
    position: relative;
    z-index: 1;
    width: 19px;
    height: 19px;
    transform: translate(-2px, -2px);
}

.rental-dashboard-branch-icon > b {
    position: absolute;
    right: 4px;
    bottom: 2px;
    z-index: 1;
    color: rgba(255,255,255,.88);
    font-size: .34rem;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 1;
}

@keyframes rentalDashboardIconShine {
    0%, 48% { left: -65%; opacity: 0; }
    55% { opacity: .92; }
    70%, 100% { left: 132%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-branch-heading-icon::after,
    .rental-dashboard-branch-icon::after {
        animation: none;
    }
}

/* Sequential spotlight and interactive hover for rental workflow cards */
.rental-dashboard-status-card {
    isolation: isolate;
    animation: rentalDashboardWorkflowWave 9s ease-in-out infinite;
}

.rental-dashboard-status-card:nth-child(1) { animation-delay: 0s; }
.rental-dashboard-status-card:nth-child(2) { animation-delay: 1.25s; }
.rental-dashboard-status-card:nth-child(3) { animation-delay: 2.5s; }
.rental-dashboard-status-card:nth-child(4) { animation-delay: 3.75s; }
.rental-dashboard-status-card:nth-child(5) { animation-delay: 5s; }

.rental-dashboard-status-card::after {
    position: absolute;
    top: -60%;
    bottom: -60%;
    left: -48%;
    z-index: -1;
    width: 24%;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--status-color) 12%, white), transparent);
    content: '';
    opacity: 0;
    transform: skewX(-18deg);
    transition: left .65s ease, opacity .25s ease;
    pointer-events: none;
}

.rental-dashboard-status-card__icon,
.rental-dashboard-status-card__arrow {
    transition: transform .28s cubic-bezier(.22, .8, .24, 1), box-shadow .28s ease;
}

.rental-dashboard-status-card:hover {
    animation: none;
    border-color: color-mix(in srgb, var(--status-color) 66%, white);
    box-shadow: 0 15px 29px color-mix(in srgb, var(--status-color) 18%, transparent);
    transform: translateY(-4px);
}

.rental-dashboard-status-card:hover::after {
    left: 124%;
    opacity: 1;
}

.rental-dashboard-status-card:hover .rental-dashboard-status-card__icon {
    box-shadow: 0 8px 16px color-mix(in srgb, var(--status-color) 18%, transparent);
    transform: translateY(-2px) rotate(-4deg) scale(1.06);
}

.rental-dashboard-status-card:hover .rental-dashboard-status-card__arrow {
    color: var(--status-color);
    transform: translateX(4px);
}

@keyframes rentalDashboardWorkflowWave {
    0%, 11% {
        border-color: color-mix(in srgb, var(--status-color) 66%, white);
        box-shadow: 0 13px 25px color-mix(in srgb, var(--status-color) 15%, transparent);
        transform: translateY(-3px);
    }

    17%, 100% {
        border-color: #e4ebf2;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-status-card {
        animation: none;
    }

    .rental-dashboard-status-card::after,
    .rental-dashboard-status-card__icon,
    .rental-dashboard-status-card__arrow {
        transition: none;
    }
}

/* Branch performance pagination */
.rental-dashboard-pagination {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 18px;
    border-top: 1px solid #e8eef4;
    background: linear-gradient(180deg, #fff 0%, #fafcfe 100%);
}

.rental-dashboard-pagination > span {
    color: #8394a5;
    font-size: .59rem;
}

.rental-dashboard-pagination > span strong {
    color: #294866;
    font-weight: 850;
}

.rental-dashboard-pagination nav {
    display: flex;
    align-items: center;
    gap: 5px;
}

.rental-dashboard-pagination button {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid #dce6ef;
    border-radius: 9px;
    background: #fff;
    color: #5f7488;
    font-size: .63rem;
    font-weight: 850;
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}

.rental-dashboard-pagination button svg {
    width: 14px;
    height: 14px;
}

.rental-dashboard-pagination button:hover:not(:disabled):not(.is-active) {
    border-color: #d74a5b;
    color: #b72034;
    transform: translateY(-1px);
}

.rental-dashboard-pagination button.is-active {
    border-color: #a8172b;
    background: linear-gradient(145deg, #a8172b, #cf3043);
    box-shadow: 0 6px 13px rgba(169, 23, 43, .18);
    color: #fff;
}

.rental-dashboard-pagination button:disabled {
    cursor: not-allowed;
    opacity: .38;
}

@media (max-width: 520px) {
    .rental-dashboard-pagination {
        min-height: 68px;
        padding: 10px 13px;
    }

    .rental-dashboard-pagination > span {
        max-width: 112px;
        line-height: 1.45;
    }

    .rental-dashboard-pagination button {
        width: 29px;
        height: 29px;
    }
}

/* Ensure branch icon color themes override the legacy pale icon background. */
.rental-dashboard-branch-row__name > .rental-dashboard-branch-icon {
    background: var(--rental-branch-icon-background);
}

.rental-dashboard-branch-icon--1 {
    --rental-branch-icon-background: linear-gradient(145deg, #075eb7 0%, #168bec 56%, #43b9ff 100%);
}

.rental-dashboard-branch-icon--2 {
    --rental-branch-icon-background: linear-gradient(145deg, #d91f43 0%, #f34665 55%, #ff7b92 100%);
}

.rental-dashboard-branch-icon--3 {
    --rental-branch-icon-background: linear-gradient(145deg, #5440c2 0%, #7259df 55%, #9b87f3 100%);
}

.rental-dashboard-branch-icon--4 {
    --rental-branch-icon-background: linear-gradient(145deg, #9b5a05 0%, #cd8a16 54%, #efbd4d 100%);
}

/* High-priority return deadline alerts */
.rental-dashboard-deadline {
    position: relative;
    overflow: hidden;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 13px;
    isolation: isolate;
}

.rental-dashboard-deadline--overdue {
    border-bottom-color: transparent;
    background: linear-gradient(100deg, rgba(255, 239, 242, .96), rgba(255, 249, 250, .76) 58%, rgba(255, 237, 240, .94));
    box-shadow: inset 3px 0 #e82e48, inset 0 0 0 1px rgba(232, 46, 72, .14);
    animation: rentalDeadlineRedAlert 2s ease-in-out infinite;
}

.rental-dashboard-deadline--upcoming {
    border-bottom-color: transparent;
    background: linear-gradient(100deg, rgba(255, 248, 222, .98), rgba(255, 253, 243, .78) 58%, rgba(255, 246, 210, .96));
    box-shadow: inset 3px 0 #e3a313, inset 0 0 0 1px rgba(227, 163, 19, .18);
    animation: rentalDeadlineGoldAlert 2.5s ease-in-out infinite;
}

.rental-dashboard-deadline--overdue::after,
.rental-dashboard-deadline--upcoming::after {
    position: absolute;
    top: -80%;
    bottom: -80%;
    left: -24%;
    z-index: -1;
    width: 14%;
    content: '';
    opacity: 0;
    transform: skewX(-18deg);
    pointer-events: none;
}

.rental-dashboard-deadline--overdue::after {
    background: linear-gradient(90deg, transparent, rgba(255, 89, 108, .26), transparent);
    animation: rentalDeadlineLightSweep 3s ease-in-out infinite;
}

.rental-dashboard-deadline--upcoming::after {
    background: linear-gradient(90deg, transparent, rgba(244, 181, 38, .3), transparent);
    animation: rentalDeadlineLightSweep 3.4s ease-in-out infinite .45s;
}

.rental-dashboard-deadline--overdue .rental-dashboard-deadline__date {
    border-width: 1.5px;
    box-shadow: 0 6px 14px rgba(220, 38, 61, .14);
    animation: rentalDeadlineDateRed 1.65s ease-in-out infinite;
}

.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__date {
    border-width: 1.5px;
    box-shadow: 0 6px 14px rgba(202, 137, 10, .14);
    animation: rentalDeadlineDateGold 2s ease-in-out infinite;
}

.rental-dashboard-deadline--overdue .rental-dashboard-deadline__state {
    border: 1px solid rgba(220, 41, 64, .22);
    background: #ffe7eb;
    box-shadow: 0 6px 15px rgba(210, 31, 55, .13);
    color: #d61f3a;
    font-weight: 900;
    animation: rentalDeadlineBadgeRed 1.35s ease-in-out infinite;
}

.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state {
    border: 1px solid rgba(214, 145, 11, .22);
    background: #fff1c7;
    box-shadow: 0 6px 15px rgba(200, 134, 6, .12);
    color: #b97700;
    font-weight: 900;
    animation: rentalDeadlineBadgeGold 1.7s ease-in-out infinite;
}

.rental-dashboard-deadline--overdue .rental-dashboard-deadline__state i,
.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state i {
    box-shadow: 0 0 0 0 currentColor;
    animation: rentalDeadlineDot 1.25s ease-out infinite;
}

@keyframes rentalDeadlineRedAlert {
    0%, 100% { box-shadow: inset 3px 0 #e82e48, inset 0 0 0 1px rgba(232, 46, 72, .14), 0 0 0 rgba(218, 32, 55, 0); }
    50% { box-shadow: inset 4px 0 #ff2847, inset 0 0 0 1px rgba(232, 46, 72, .28), 0 8px 20px rgba(218, 32, 55, .13); }
}

@keyframes rentalDeadlineGoldAlert {
    0%, 100% { box-shadow: inset 3px 0 #e3a313, inset 0 0 0 1px rgba(227, 163, 19, .18), 0 0 0 rgba(207, 139, 8, 0); }
    50% { box-shadow: inset 4px 0 #f1b31e, inset 0 0 0 1px rgba(227, 163, 19, .31), 0 8px 20px rgba(207, 139, 8, .12); }
}

@keyframes rentalDeadlineLightSweep {
    0%, 36% { left: -24%; opacity: 0; }
    47% { opacity: 1; }
    70%, 100% { left: 112%; opacity: 0; }
}

@keyframes rentalDeadlineDateRed {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-2px) scale(1.04); }
}

@keyframes rentalDeadlineDateGold {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-2px) scale(1.035); }
}

@keyframes rentalDeadlineBadgeRed {
    0%, 100% { transform: translateX(0) scale(1); }
    50% { transform: translateX(-2px) scale(1.035); }
}

@keyframes rentalDeadlineBadgeGold {
    0%, 100% { transform: translateX(0) scale(1); }
    50% { transform: translateX(-1px) scale(1.025); }
}

@keyframes rentalDeadlineDot {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 42%, transparent); }
    75%, 100% { box-shadow: 0 0 0 6px color-mix(in srgb, currentColor 0%, transparent); }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-deadline--overdue,
    .rental-dashboard-deadline--upcoming,
    .rental-dashboard-deadline--overdue::after,
    .rental-dashboard-deadline--upcoming::after,
    .rental-dashboard-deadline--overdue .rental-dashboard-deadline__date,
    .rental-dashboard-deadline--upcoming .rental-dashboard-deadline__date,
    .rental-dashboard-deadline--overdue .rental-dashboard-deadline__state,
    .rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state,
    .rental-dashboard-deadline--overdue .rental-dashboard-deadline__state i,
    .rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state i {
        animation: none;
    }
}

/* Clean deadline rows: alerts live only on the date and status firework. */
.rental-dashboard-deadline--overdue,
.rental-dashboard-deadline--upcoming {
    overflow: visible;
    border-bottom-color: #edf1f5;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    animation: none;
}

.rental-dashboard-deadline--overdue::after,
.rental-dashboard-deadline--upcoming::after {
    display: none;
    animation: none;
}

.rental-dashboard-deadline--overdue .rental-dashboard-deadline__date,
.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__date {
    animation: rentalDeadlineCleanBlink 1.8s ease-in-out infinite;
}

.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__date {
    animation-delay: -.55s;
}

.rental-dashboard-deadline--overdue .rental-dashboard-deadline__state,
.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state {
    position: relative;
    animation: rentalDeadlineCleanBlink 1.8s ease-in-out infinite;
}

.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state {
    animation-delay: -.55s;
}

.rental-dashboard-deadline--overdue .rental-dashboard-deadline__state::after,
.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    box-shadow:
        0 -11px 0 -1px currentColor,
        8px -8px 0 -1px currentColor,
        11px 0 0 -1px currentColor,
        8px 8px 0 -1px currentColor,
        0 11px 0 -1px currentColor,
        -8px 8px 0 -1px currentColor,
        -11px 0 0 -1px currentColor,
        -8px -8px 0 -1px currentColor;
    content: '';
    opacity: 0;
    transform: translate(-50%, -50%) scale(.25) rotate(0);
    animation: rentalDeadlineFirework 2.1s ease-out infinite;
    pointer-events: none;
}

.rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state::after {
    animation-delay: -.7s;
}

@keyframes rentalDeadlineCleanBlink {
    0%, 100% {
        filter: brightness(1);
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    48% {
        filter: brightness(1.08) saturate(1.18);
        opacity: .72;
        transform: translateY(-1px) scale(1.025);
    }
}

@keyframes rentalDeadlineFirework {
    0%, 52% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.2) rotate(0);
    }

    62% {
        opacity: .9;
    }

    82%, 100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.65) rotate(18deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-deadline--overdue .rental-dashboard-deadline__date,
    .rental-dashboard-deadline--upcoming .rental-dashboard-deadline__date,
    .rental-dashboard-deadline--overdue .rental-dashboard-deadline__state,
    .rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state,
    .rental-dashboard-deadline--overdue .rental-dashboard-deadline__state::after,
    .rental-dashboard-deadline--upcoming .rental-dashboard-deadline__state::after {
        animation: none;
    }
}

/* Refined premium rental workflow cards */
.rental-dashboard-status-card {
    min-height: 104px;
    gap: 13px;
    padding: 17px 15px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--status-color) 17%, #dfe7ef);
    border-radius: 19px;
    background:
        radial-gradient(circle at 94% 5%, color-mix(in srgb, var(--status-color) 7%, transparent), transparent 34%),
        linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--status-color) 3.5%, #fff) 100%);
    box-shadow: 0 8px 22px rgba(25, 53, 80, .045);
    animation: rentalDashboardPremiumCardWave 10s ease-in-out infinite;
}

.rental-dashboard-status-card::before {
    inset: 0 18px auto;
    width: auto;
    height: 3px;
    border-radius: 0 0 99px 99px;
    background: linear-gradient(90deg, transparent, var(--status-color), transparent);
    opacity: .78;
}

.rental-dashboard-status-card::after {
    z-index: 0;
    width: 18%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent);
}

.rental-dashboard-status-card > * {
    position: relative;
    z-index: 1;
}

.rental-dashboard-status-card__icon {
    position: relative;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--status-color) 64%, white);
    border-radius: 15px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--status-color) 70%, white) 0%, var(--status-color) 76%);
    box-shadow:
        inset 0 1px rgba(255,255,255,.32),
        0 9px 18px color-mix(in srgb, var(--status-color) 20%, transparent);
    color: #fff;
}

.rental-dashboard-status-card__icon::before {
    position: absolute;
    top: -9px;
    right: -8px;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 50%;
    content: '';
}

.rental-dashboard-status-card__icon::after {
    position: absolute;
    right: 7px;
    bottom: 6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,.82);
    box-shadow: 0 0 0 3px rgba(255,255,255,.12);
    content: '';
}

.rental-dashboard-status-card__icon svg {
    width: 21px;
    height: 21px;
    filter: drop-shadow(0 2px 3px rgba(25, 34, 54, .16));
}

.rental-dashboard-status-card__copy {
    display: grid;
    min-width: 0;
    flex: 1;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 8px;
}

.rental-dashboard-status-card__copy small {
    grid-column: 1;
    color: #40566d;
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: -.01em;
}

.rental-dashboard-status-card__copy strong {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
    color: var(--status-color);
    font-size: 1.85rem;
    font-weight: 900;
    letter-spacing: -.04em;
    line-height: 1;
}

.rental-dashboard-status-card__copy em {
    grid-column: 1;
    margin-top: 5px;
    color: #91a0af;
    font-size: .54rem;
    font-weight: 600;
}

.rental-dashboard-status-card__arrow {
    display: grid;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    place-items: center;
    border: 1px solid #e8edf2;
    border-radius: 50%;
    background: rgba(255,255,255,.78);
    color: #9cabb9;
}

.rental-dashboard-status-card__arrow svg {
    width: 13px;
    height: 13px;
}

.rental-dashboard-status-card:hover {
    border-color: color-mix(in srgb, var(--status-color) 40%, #dfe7ef);
    background:
        radial-gradient(circle at 94% 5%, color-mix(in srgb, var(--status-color) 11%, transparent), transparent 38%),
        linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--status-color) 6%, #fff) 100%);
    box-shadow: 0 16px 30px color-mix(in srgb, var(--status-color) 14%, rgba(25, 53, 80, .08));
    transform: translateY(-4px);
}

.rental-dashboard-status-card:hover .rental-dashboard-status-card__icon {
    box-shadow:
        inset 0 1px rgba(255,255,255,.38),
        0 11px 21px color-mix(in srgb, var(--status-color) 27%, transparent);
    transform: translateY(-2px) rotate(-3deg) scale(1.045);
}

.rental-dashboard-status-card:hover .rental-dashboard-status-card__arrow {
    border-color: color-mix(in srgb, var(--status-color) 25%, #e8edf2);
    background: var(--status-soft);
    color: var(--status-color);
}

@keyframes rentalDashboardPremiumCardWave {
    0%, 9% {
        border-color: color-mix(in srgb, var(--status-color) 34%, #dfe7ef);
        box-shadow: 0 13px 27px color-mix(in srgb, var(--status-color) 11%, transparent);
        transform: translateY(-2px);
    }

    15%, 100% {
        border-color: color-mix(in srgb, var(--status-color) 17%, #dfe7ef);
        box-shadow: 0 8px 22px rgba(25, 53, 80, .045);
        transform: translateY(0);
    }
}

@media (max-width: 760px) {
    .rental-dashboard-status-card {
        min-height: 98px;
        padding: 14px 12px;
        border-radius: 17px;
    }

    .rental-dashboard-status-card__icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 14px;
    }

    .rental-dashboard-status-card__copy {
        display: block;
    }

    .rental-dashboard-status-card__copy strong {
        margin-top: 3px;
        font-size: 1.55rem;
    }

    .rental-dashboard-status-card__arrow {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-status-card {
        animation: none;
    }
}

/* Uniform pale-blue branch row icons; keep the title icon prominent. */
.rental-dashboard-branch-row__name > .rental-dashboard-branch-icon {
    border-color: #dbeaf8;
    background: linear-gradient(145deg, #f5f9fe 0%, #e8f3fc 100%);
    box-shadow:
        inset 0 1px rgba(255,255,255,.9),
        0 6px 13px rgba(52, 116, 169, .08);
    color: #2d7fb8;
}

.rental-dashboard-branch-icon > b {
    color: #5793be;
}

.rental-dashboard-branch-icon::after {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
}

/* Match the Branch Performance heading icon to the Recent Activity section. */
.rental-dashboard-panel__heading > .rental-dashboard-branch-heading-icon {
    overflow: visible;
    border: 0;
    background: #eef6ff;
    box-shadow: none;
    color: #1874c5;
}

.rental-dashboard-branch-heading-icon::after {
    display: none;
    animation: none;
}

/* Keep all dashboard section heading icons in one visual system. */
.rental-dashboard-panel__heading > .rental-dashboard-panel__heading-icon--gold {
    border: 0;
    background: #eef6ff;
    box-shadow: none;
    color: #1874c5;
}

/* Operation Health uses the EasyGold website blue palette. */
.rental-dashboard-health {
    border-color: rgba(129, 204, 246, .72);
    background:
        radial-gradient(circle at 86% 8%, rgba(82, 191, 250, .3), transparent 28%),
        linear-gradient(155deg, #06477f 0%, #0864a8 48%, #0b82ca 100%);
    box-shadow: 0 14px 31px rgba(5, 83, 143, .18);
}

.rental-dashboard-health__icon {
    border-color: rgba(190, 231, 255, .38);
    background: rgba(255,255,255,.11);
    color: #c4edff;
}

.rental-dashboard-health__top > small {
    color: #a9e1ff;
}

.rental-dashboard-health__score span {
    color: #a9e3ff;
}

.rental-dashboard-health__bar {
    background: rgba(2, 45, 82, .42);
}

.rental-dashboard-health__bar span {
    background: linear-gradient(90deg, #55c4f5 0%, #a9e8ff 58%, #eefaff 100%);
}

.rental-dashboard-health__facts {
    border-top-color: rgba(213, 241, 255, .16);
    background: rgba(2, 50, 88, .2);
}

.rental-dashboard-health__facts > div + div {
    border-left-color: rgba(213, 241, 255, .16);
}

.rental-dashboard-health__facts span {
    color: #b9eaff;
}

/* Rental dashboard box headers follow the Gold Jewelry Rental Requests header. */
.rental-dashboard-status {
    padding: 0;
}

.rental-dashboard-panel__header {
    min-height: 78px;
    margin: 0;
    padding: 14px 18px;
    border-bottom: 1px solid #d8e7f2;
    background: linear-gradient(100deg, #eaf5fd 0%, #f3f9fd 62%, #edf7fd 100%);
}

.rental-dashboard-section-header {
    min-height: 76px;
    margin: 0;
    padding: 14px 18px;
    border-bottom: 1px solid #e8eef4;
    background: linear-gradient(180deg, #fff 0%, #fcfdff 100%);
}

.rental-dashboard-status__grid {
    padding: 15px 18px 18px;
}

.rental-dashboard-section-heading {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.rental-dashboard-section-heading__icon,
.rental-dashboard-panel__heading > span,
.rental-dashboard-panel__heading > .rental-dashboard-branch-heading-icon,
.rental-dashboard-panel__heading > .rental-dashboard-panel__heading-icon--gold {
    position: relative;
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(112, 195, 244, .46);
    border-radius: 12px;
    background: linear-gradient(145deg, #1384d3 0%, #0863aa 62%, #064d8d 100%);
    box-shadow:
        inset 0 1px rgba(255,255,255,.24),
        0 7px 15px rgba(5, 91, 157, .18);
    color: #fff;
}

.rental-dashboard-section-heading__icon svg {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    stroke-width: 1.8;
}

.rental-dashboard-section-heading__icon::after,
.rental-dashboard-panel__heading > span::after {
    position: absolute;
    top: -45%;
    bottom: -45%;
    left: -65%;
    width: 30%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.68), transparent);
    content: '';
    transform: skewX(-18deg);
    animation: rentalDashboardHeaderIconShine 4.8s ease-in-out infinite;
    pointer-events: none;
}

.rental-dashboard-panel__heading > .rental-dashboard-branch-heading-icon::after,
.rental-dashboard-panel__heading > .rental-dashboard-panel__heading-icon--gold::after {
    display: block;
    animation: rentalDashboardHeaderIconShine 4.8s ease-in-out infinite;
}

.rental-dashboard-panel__heading > span svg {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
}

.rental-dashboard-section-heading h2,
.rental-dashboard-panel__heading h2 {
    margin: 0;
    color: #193953;
    font-size: .9rem;
    font-weight: 850;
    letter-spacing: -.01em;
    line-height: 1.3;
}

.rental-dashboard-section-heading h2 {
    color: #111827;
    font-size: .92rem;
}

.rental-dashboard-section-heading small {
    color: #8b949e;
    font-weight: 500;
}

.rental-dashboard-section-heading small,
.rental-dashboard-panel__heading small {
    display: block;
    margin-top: 4px;
    color: #7e95a8;
    font-size: .56rem;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 1.35;
}

@keyframes rentalDashboardHeaderIconShine {
    0%, 52% { left: -65%; opacity: 0; }
    61% { opacity: .9; }
    76%, 100% { left: 132%; opacity: 0; }
}

@media (max-width: 760px) {
    .rental-dashboard-section-header,
    .rental-dashboard-panel__header {
        min-height: 72px;
        align-items: center;
        padding: 12px 13px;
    }

    .rental-dashboard-status__grid {
        padding: 13px 12px 15px;
    }

    .rental-dashboard-section-heading {
        gap: 10px;
    }

    .rental-dashboard-section-heading__icon,
    .rental-dashboard-panel__heading > span,
    .rental-dashboard-panel__heading > .rental-dashboard-branch-heading-icon,
    .rental-dashboard-panel__heading > .rental-dashboard-panel__heading-icon--gold {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 11px;
    }

    .rental-dashboard-section-heading h2,
    .rental-dashboard-panel__heading h2 {
        font-size: .82rem;
    }

    .rental-dashboard-section-heading small,
    .rental-dashboard-panel__heading small {
        max-width: 205px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-section-heading__icon::after,
    .rental-dashboard-panel__heading > span::after {
        animation: none;
    }
}

.rental-dashboard-section-header > .rental-dashboard-section-heading > .rental-dashboard-section-heading__icon {
    color: #fff;
    font-size: inherit;
    letter-spacing: normal;
}

/* Gold Rental hero in the EasyGold website blue palette. */
.rental-dashboard-hero {
    border-color: rgba(135, 210, 250, .34);
    background:
        radial-gradient(circle at 78% 14%, rgba(71, 188, 246, .36), transparent 29%),
        radial-gradient(circle at 40% 112%, rgba(246, 190, 60, .12), transparent 38%),
        linear-gradient(118deg, #06335f 0%, #075995 48%, #0c82c6 100%);
    box-shadow: 0 18px 44px rgba(5, 76, 130, .18);
}

.rental-dashboard-hero::before {
    background-image:
        linear-gradient(30deg, rgba(171, 223, 250, .055) 12%, transparent 12.5%, transparent 87%, rgba(171, 223, 250, .055) 87.5%),
        linear-gradient(150deg, rgba(171, 223, 250, .055) 12%, transparent 12.5%, transparent 87%, rgba(171, 223, 250, .055) 87.5%);
}

.rental-dashboard-hero .gold-hero__metric {
    border-color: rgba(177, 226, 252, .22);
    background: rgba(3, 48, 87, .34);
}

.rental-dashboard-art__card {
    border-color: rgba(184, 226, 249, .48);
    background: linear-gradient(145deg, rgba(4, 59, 104, .72), rgba(7, 85, 139, .64));
    box-shadow: 0 17px 32px rgba(2, 47, 84, .25);
}

.rental-dashboard-art__card-line {
    background: rgba(187, 228, 249, .28);
}

.rental-dashboard-art__orbit {
    border-color: rgba(179, 225, 249, .27);
}

.rental-dashboard-art__orbit--inner {
    border-color: rgba(255,255,255,.2);
}

.rental-dashboard-art__shop {
    border-color: rgba(174, 219, 243, .76);
    box-shadow: 0 15px 27px rgba(3, 53, 91, .22);
}

.rental-dashboard-art__shop-roof {
    border-color: rgba(173, 223, 249, .7);
    background: linear-gradient(135deg, #064b83, #0a78bc);
    box-shadow: 0 6px 10px rgba(3, 61, 105, .22);
}

.rental-dashboard-art__shop-awning i {
    background: #0874b7;
}

.rental-dashboard-art__shop-awning i:nth-child(even) {
    background: #f7d57d;
}

.rental-dashboard-art__shop-window {
    border-color: rgba(42, 126, 178, .42);
    background: linear-gradient(145deg, #06375f, #075283);
}

.rental-dashboard-art__shop-door {
    border-color: rgba(49, 125, 173, .36);
}

.rental-dashboard-art__shop-door span {
    background: #0872b3;
}

.rental-dashboard-art__shop > small {
    color: #075d98;
}

@media (prefers-color-scheme: dark) {
    .rental-dashboard-hero {
        box-shadow: 0 18px 44px rgba(1, 29, 52, .28);
    }
}

/* Dashboard navigation links use the EasyGold website blue. */
.rental-dashboard-section-header > a,
.rental-dashboard-panel__header > a {
    color: #0969ad;
}

.rental-dashboard-section-header > a:hover,
.rental-dashboard-panel__header > a:hover {
    color: #064f89;
}

.rental-dashboard-panel__header > .rental-dashboard-panel__alert {
    background: #e6f4fd;
    color: #0870b7;
}

.rental-dashboard-pagination button:hover:not(:disabled):not(.is-active) {
    border-color: #4b9bd0;
    color: #0867a8;
}

.rental-dashboard-pagination button.is-active {
    border-color: #075d9c;
    background: linear-gradient(145deg, #0d7bc3, #075891);
    box-shadow: 0 6px 13px rgba(7, 94, 157, .2);
    color: #fff;
}

.rental-dashboard-section-header > a:focus-visible,
.rental-dashboard-panel__header > a:focus-visible,
.rental-dashboard-pagination button:focus-visible {
    outline: 2px solid rgba(30, 139, 209, .48);
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .rental-dashboard-section-header > a {
        background: #e6f4fd;
        color: #0870b7;
    }
}

/* Green neon live indicator for the rental hero. */
.rental-dashboard-hero .gold-hero__live-dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: #3cf2a2;
    box-shadow:
        0 0 0 4px rgba(60, 242, 162, .15),
        0 0 9px rgba(60, 242, 162, .9),
        0 0 18px rgba(60, 242, 162, .54);
    animation: rentalDashboardNeonPulse 1.55s ease-in-out infinite;
}

.rental-dashboard-hero .gold-hero__live-dot::after {
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(86, 255, 181, .58);
    border-radius: 50%;
    content: '';
    animation: rentalDashboardNeonRing 1.55s ease-out infinite;
}

@keyframes rentalDashboardNeonPulse {
    0%, 100% {
        background: #29d98b;
        box-shadow:
            0 0 0 3px rgba(60, 242, 162, .11),
            0 0 6px rgba(60, 242, 162, .58),
            0 0 12px rgba(60, 242, 162, .34);
        opacity: .78;
        transform: scale(.9);
    }

    48% {
        background: #6bffc1;
        box-shadow:
            0 0 0 5px rgba(60, 242, 162, .18),
            0 0 12px rgba(81, 255, 181, 1),
            0 0 24px rgba(60, 242, 162, .72);
        opacity: 1;
        transform: scale(1.08);
    }
}

@keyframes rentalDashboardNeonRing {
    0% { opacity: .8; transform: scale(.55); }
    75%, 100% { opacity: 0; transform: scale(1.55); }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-hero .gold-hero__live-dot,
    .rental-dashboard-hero .gold-hero__live-dot::after {
        animation: none;
    }
}

/* Premium illustrated jewelry display — vector artwork, not photography. */
.rental-dashboard-art__gem svg {
    width: 94px;
    height: 88px;
}

.rental-dashboard-art__gem .is-velvet-bust {
    fill: url(#rental-velvet);
    filter: url(#rental-jewelry-shadow);
}

.rental-dashboard-art__gem .is-velvet-highlight {
    fill: none;
    stroke: rgba(255, 184, 213, .18);
    stroke-width: 2;
    stroke-linecap: round;
}

.rental-dashboard-art__gem .is-platinum-chain {
    fill: none;
    stroke: url(#rental-platinum);
    stroke-width: 3.4;
    stroke-linecap: round;
    filter: url(#rental-jewelry-shadow);
}

.rental-dashboard-art__gem .is-pearl-group circle,
.rental-dashboard-art__gem .is-earring circle {
    fill: url(#rental-pearl);
    stroke: rgba(255,255,255,.82);
    stroke-width: 1;
}

.rental-dashboard-art__gem .is-pearl-group circle {
    transform-box: fill-box;
    transform-origin: center;
    animation: rentalIllustratedPearl 3s ease-in-out infinite;
}

.rental-dashboard-art__gem .is-pearl-group circle:nth-child(2n) {
    animation-delay: -.75s;
}

.rental-dashboard-art__gem .is-pearl-group circle:nth-child(3n) {
    animation-delay: -1.5s;
}

.rental-dashboard-art__gem .is-ruby-frame {
    fill: url(#rental-platinum);
    stroke: #fff;
    stroke-width: 1.2;
    stroke-linejoin: round;
    filter: url(#rental-jewelry-shadow);
}

.rental-dashboard-art__gem .is-ruby {
    fill: url(#rental-ruby);
    stroke: #6d0c35;
    stroke-width: 1;
    stroke-linejoin: round;
    transform-box: fill-box;
    transform-origin: center;
    animation: rentalIllustratedRuby 2.6s ease-in-out infinite;
}

.rental-dashboard-art__gem .is-ruby-cut {
    fill: none;
    stroke: rgba(255, 195, 215, .72);
    stroke-width: 1;
    stroke-linejoin: round;
}

.rental-dashboard-art__gem .is-earring path {
    fill: url(#rental-ruby);
    stroke: #f8dbe7;
    stroke-width: 1.2;
    stroke-linejoin: round;
}

.rental-dashboard-art__gem .is-earring {
    filter: url(#rental-jewelry-shadow);
    transform-box: fill-box;
    transform-origin: top center;
    animation: rentalIllustratedEarring 3.5s ease-in-out infinite;
}

.rental-dashboard-art__gem .is-earring--right {
    animation-delay: -1.7s;
}

.rental-dashboard-art__gem .is-ring ellipse {
    fill: none;
    stroke: url(#rental-platinum);
    stroke-width: 4;
}

.rental-dashboard-art__gem .is-ring path:first-of-type {
    fill: url(#rental-ruby);
    stroke: #f9dce8;
    stroke-width: 1;
    stroke-linejoin: round;
}

.rental-dashboard-art__gem .is-ring path:last-of-type {
    fill: none;
    stroke: rgba(255, 210, 226, .8);
    stroke-width: 1;
}

.rental-dashboard-art__gem .is-ring {
    filter: url(#rental-jewelry-shadow);
    transform-box: fill-box;
    transform-origin: center;
    animation: rentalIllustratedRing 4.2s ease-in-out infinite;
}

.rental-dashboard-art__gem .is-jewelry-spark {
    fill: none;
    stroke: #e26a98;
    stroke-width: 2;
    stroke-linecap: round;
    transform-box: fill-box;
    transform-origin: center;
    animation: rentalIllustratedSpark 2.2s ease-in-out infinite;
}

.rental-dashboard-art__gem .is-jewelry-spark--two {
    animation-delay: -1.1s;
}

@keyframes rentalIllustratedPearl {
    0%, 100% { opacity: .82; transform: scale(.94); }
    50% { opacity: 1; transform: scale(1.07); }
}

@keyframes rentalIllustratedRuby {
    0%, 100% { filter: brightness(.92) saturate(1); transform: scale(.97); }
    50% { filter: brightness(1.18) saturate(1.18); transform: scale(1.045); }
}

@keyframes rentalIllustratedEarring {
    0%, 100% { transform: rotate(-2deg); }
    50% { transform: rotate(3deg); }
}

@keyframes rentalIllustratedRing {
    0%, 100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-2px) rotate(3deg); }
}

@keyframes rentalIllustratedSpark {
    0%, 100% { opacity: .2; transform: scale(.65) rotate(0); }
    50% { opacity: 1; transform: scale(1.18) rotate(45deg); }
}

@media (max-width: 760px) {
    .rental-dashboard-art__gem svg {
        width: 74px;
        height: 69px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-art__gem .is-pearl-group circle,
    .rental-dashboard-art__gem .is-ruby,
    .rental-dashboard-art__gem .is-earring,
    .rental-dashboard-art__gem .is-ring,
    .rental-dashboard-art__gem .is-jewelry-spark {
        animation: none;
    }
}

/* Gold jewelry palette with ruby-red gemstones. */
.rental-dashboard-art__gem {
    border-color: rgba(255, 227, 139, .88);
    background:
        radial-gradient(circle at 25% 18%, rgba(255,255,255,.92) 0 8%, transparent 9%),
        linear-gradient(145deg, #fff3b2 0%, #efc65c 46%, #d89a24 76%, #b96f0b 100%);
    box-shadow:
        inset 0 1px rgba(255,255,255,.68),
        0 16px 28px rgba(62, 38, 12, .24);
}

.rental-dashboard-art__gem #rental-platinum stop:nth-child(1) { stop-color: #7f4705; }
.rental-dashboard-art__gem #rental-platinum stop:nth-child(2) { stop-color: #fff1a4; }
.rental-dashboard-art__gem #rental-platinum stop:nth-child(3) { stop-color: #d79515; }
.rental-dashboard-art__gem #rental-platinum stop:nth-child(4) { stop-color: #fff5b8; }
.rental-dashboard-art__gem #rental-platinum stop:nth-child(5) { stop-color: #975708; }

.rental-dashboard-art__gem #rental-pearl stop:nth-child(1) { stop-color: #fff8c9; }
.rental-dashboard-art__gem #rental-pearl stop:nth-child(2) { stop-color: #efbc3f; }
.rental-dashboard-art__gem #rental-pearl stop:nth-child(3) { stop-color: #9e5e08; }

.rental-dashboard-art__gem .is-pearl-group circle,
.rental-dashboard-art__gem .is-earring circle {
    stroke: #fff0a0;
}

.rental-dashboard-art__gem .is-ruby-frame {
    stroke: #fff2a7;
}

.rental-dashboard-art__gem .is-ruby {
    fill: url(#rental-ruby);
    stroke: #690820;
}

.rental-dashboard-art__gem .is-ruby-cut {
    stroke: rgba(255, 204, 156, .78);
}

.rental-dashboard-art__gem .is-earring path,
.rental-dashboard-art__gem .is-ring path:first-of-type {
    stroke: #ffe796;
}

.rental-dashboard-art__gem .is-jewelry-spark {
    stroke: #fff0a0;
    filter: drop-shadow(0 0 3px rgba(255, 220, 105, .78));
}

/* Radial gold-line burst around the premium jewelry artwork. */
.rental-dashboard-art__gem {
    isolation: isolate;
    overflow: visible;
}

.rental-dashboard-art__gem::before,
.rental-dashboard-art__gem::after {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.rental-dashboard-art__gem::before {
    inset: -30px;
    background: repeating-conic-gradient(
        from -7deg,
        rgba(255, 238, 155, 0) 0deg 8deg,
        rgba(255, 230, 115, .92) 8.5deg 9.4deg,
        rgba(255, 238, 155, 0) 10deg 19deg
    );
    filter: drop-shadow(0 0 3px rgba(255, 222, 102, .46));
    mask: radial-gradient(circle, transparent 0 55%, #000 57% 61%, transparent 72%);
    opacity: 0;
    animation: rentalJewelryRadialBurst 3.8s cubic-bezier(.2, .7, .24, 1) infinite;
}

.rental-dashboard-art__gem::after {
    inset: -18px;
    border: 1px dashed rgba(255, 231, 133, .72);
    box-shadow:
        0 -22px 0 -20px #fff1a3,
        16px -16px 0 -20px #ffd65d,
        22px 0 0 -20px #fff1a3,
        16px 16px 0 -20px #ffd65d,
        0 22px 0 -20px #fff1a3,
        -16px 16px 0 -20px #ffd65d,
        -22px 0 0 -20px #fff1a3,
        -16px -16px 0 -20px #ffd65d;
    opacity: 0;
    animation: rentalJewelrySparkRing 3.8s ease-out infinite .22s;
}

.rental-dashboard-art__gem svg {
    position: relative;
    z-index: 2;
}

@keyframes rentalJewelryRadialBurst {
    0%, 12% {
        opacity: 0;
        transform: rotate(-12deg) scale(.55);
    }

    25% {
        opacity: 1;
    }

    52% {
        opacity: .78;
        transform: rotate(4deg) scale(1.08);
    }

    76%, 100% {
        opacity: 0;
        transform: rotate(15deg) scale(1.36);
    }
}

@keyframes rentalJewelrySparkRing {
    0%, 16% {
        opacity: 0;
        transform: rotate(0) scale(.62);
    }

    30% {
        opacity: 1;
    }

    66% {
        opacity: .54;
        transform: rotate(36deg) scale(1.2);
    }

    84%, 100% {
        opacity: 0;
        transform: rotate(54deg) scale(1.48);
    }
}

@media (max-width: 760px) {
    .rental-dashboard-art__gem::before {
        inset: -23px;
    }

    .rental-dashboard-art__gem::after {
        inset: -14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rental-dashboard-art__gem::before,
    .rental-dashboard-art__gem::after {
        animation: none;
        opacity: .35;
        transform: none;
    }
}

/* Keep the premium mono-line icons compact and optically centred. */
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-icon {
    box-sizing: content-box;
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform-origin: center;
}

.fi-sidebar .fi-sidebar-item-button {
    align-items: center;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-button {
    justify-content: center;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-icon {
    margin-inline: auto !important;
}

@media (min-width: 1024px) {
    .fi-sidebar:not(.fi-sidebar-open) {
        width: 72px !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav {
        /* Filament's inner nav list has -8px inline margins. */
        padding-inline: 23px !important;
        scrollbar-gutter: auto !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-button {
        width: 42px !important;
    }
}

/* Admin withdrawal workspace */
.withdraw-admin-hero { position: relative; display: grid; min-height: 250px; grid-template-columns: minmax(0,1.12fr) minmax(390px,.88fr); gap: 26px; overflow: hidden; margin-bottom: 18px; padding: 26px 28px 94px; border: 1px solid #c8e5f5; border-radius: 20px; color: #153d5a; background: radial-gradient(circle at 83% 14%,rgba(69,191,242,.2),transparent 25%),radial-gradient(circle at 4% 100%,rgba(28,135,205,.09),transparent 26%),linear-gradient(122deg,#fbfeff 0%,#eef9ff 47%,#dff4ff 100%); box-shadow: 0 18px 42px rgba(16,94,145,.1),inset 0 1px rgba(255,255,255,.9); }
.withdraw-admin-hero__grid,.withdraw-admin-hero__glow { position: absolute; pointer-events: none; }
.withdraw-admin-hero__grid { inset: 0; opacity: .42; background-image: linear-gradient(rgba(52,151,210,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(52,151,210,.07) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.65) 65%,transparent 100%); }
.withdraw-admin-hero__glow { top: -180px; right: -70px; width: 430px; height: 430px; border-radius: 50%; background: rgba(76,200,248,.2); filter: blur(42px); animation: withdraw-admin-glow 6s ease-in-out infinite; }
.withdraw-admin-hero__intro { position: relative; z-index: 1; align-self: center; }
.withdraw-admin-hero__eyebrow { display: flex; align-items: center; gap: 8px; color: #117ab8; font-size: .67rem; font-weight: 900; letter-spacing: .16em; }
.withdraw-admin-hero__eyebrow span { width: 25px; height: 2px; border-radius: 99px; background: #e3ac20; box-shadow: 0 0 0 3px rgba(227,172,32,.1); }
.withdraw-admin-hero h1 { margin: 7px 0 6px; color: #173f5d; font-size: clamp(1.8rem,3.2vw,2.75rem); font-weight: 850; line-height: 1; letter-spacing: -.045em; }
.withdraw-admin-hero h1 span { color: #0782c8; }
.withdraw-admin-hero__intro p { max-width: 610px; color: #66869c; font-size: .84rem; }
.withdraw-admin-hero__art { position: relative; z-index: 1; display: grid; min-height: 125px; align-items: center; }
.withdraw-admin-story { position: relative; width: min(100%,470px); height: 132px; justify-self: end; }
.withdraw-admin-story::before { position: absolute; right: 0; bottom: 1px; left: 0; height: 20px; border-radius: 50%; content: ''; background: radial-gradient(ellipse,rgba(25,105,153,.14),transparent 68%); filter: blur(4px); }
.withdraw-admin-story__halo { position: absolute; border: 1px solid rgba(32,151,211,.15); border-radius: 50%; animation: withdraw-admin-halo 4s ease-in-out infinite; }
.withdraw-admin-story__halo.is-one { top: 4px; left: 44px; width: 95px; height: 95px; }
.withdraw-admin-story__halo.is-two { right: 2px; bottom: 5px; width: 112px; height: 112px; animation-delay: -1.8s; }
.withdraw-admin-story__phone { position: absolute; z-index: 4; top: 7px; left: 13px; display: grid; width: 72px; height: 114px; place-items: center; border: 2px solid #0c82c5; border-radius: 17px; color: #15587e; background: linear-gradient(150deg,#fff,#effaff); box-shadow: 0 15px 28px rgba(16,99,151,.18),inset 0 0 0 3px #fff; animation: withdraw-admin-phone-in .65s ease-out both,withdraw-admin-phone-idle 3.4s 2.6s ease-in-out infinite; }
.withdraw-admin-story__phone::before,.withdraw-admin-story__phone::after { position: absolute; border: 1px solid rgba(18,139,201,.22); border-radius: 22px; content: ''; opacity: 0; animation: withdraw-admin-signal 2.8s 1.9s ease-out infinite; }
.withdraw-admin-story__phone::before { inset: -8px; }
.withdraw-admin-story__phone::after { inset: -15px; animation-delay: 2.15s; }
.withdraw-admin-story__notch { position: absolute; top: 4px; width: 23px; height: 3px; border-radius: 99px; background: #bad7e7; }
.withdraw-admin-story__phone > b { align-self: end; font-size: .4rem; font-weight: 950; letter-spacing: -.03em; }
.withdraw-admin-story__phone > b span { color: #d59b12; }
.withdraw-admin-story__screen { display: grid; width: 46px; height: 53px; place-items: center; padding: 6px; border: 1px solid #d9eaf3; border-radius: 9px; background: #f9fdff; }
.withdraw-admin-story__screen > svg { width: 17px; height: 17px; color: #0a83c7; }
.withdraw-admin-story__screen > i { width: 28px; height: 2px; border-radius: 99px; background: #d7e7ef; }
.withdraw-admin-story__screen > i:nth-of-type(2) { width: 21px; }
.withdraw-admin-story__screen > span { display: flex; gap: 3px; }
.withdraw-admin-story__screen u { display: block; width: 6px; height: 6px; border-radius: 2px; background: #eab936; animation: withdraw-admin-app-dot 1.25s ease-in-out infinite; }
.withdraw-admin-story__screen u:nth-child(2) { animation-delay: .14s; }
.withdraw-admin-story__screen u:nth-child(3) { animation-delay: .28s; }
.withdraw-admin-story__phone > small { align-self: start; color: #7a98aa; font-size: .31rem; font-weight: 900; letter-spacing: .1em; }
.withdraw-admin-story__tap { position: absolute; right: -13px; bottom: 19px; display: grid; width: 27px; height: 27px; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#16a7e5,#0874ba); box-shadow: 0 6px 13px rgba(9,112,179,.25); animation: withdraw-admin-tap 2.8s .65s ease-in-out infinite; }
.withdraw-admin-story__tap svg { width: 13px; height: 13px; }
.withdraw-admin-story__route { position: absolute; z-index: 2; top: 64px; right: 82px; left: 84px; height: 4px; border-radius: 99px; background: #c7dfeb; }
.withdraw-admin-story__route::before { position: absolute; inset: 0; border-radius: inherit; content: ''; background: linear-gradient(90deg,#0b83ca,#48c9ef 75%,#10ac70); transform-origin: left; animation: withdraw-admin-route-grow 2.8s .45s ease-in-out infinite; }
.withdraw-admin-story__route > i { position: absolute; inset: -5px 0 auto; height: 14px; opacity: .38; background: linear-gradient(90deg,transparent,#fff 46%,transparent 57%); animation: withdraw-admin-route-light 2.8s .6s linear infinite; }
.withdraw-admin-story__packet { position: absolute; z-index: 5; top: -20px; left: 3px; display: grid; width: 41px; height: 43px; place-items: center; border: 2px solid #fff; border-radius: 11px; color: #087ebd; background: #fff; box-shadow: 0 8px 17px rgba(17,102,151,.2); animation: withdraw-admin-packet 2.8s .52s cubic-bezier(.45,.05,.3,1) infinite; }
.withdraw-admin-story__packet svg { width: 17px; height: 17px; }
.withdraw-admin-story__packet b { color: #6b8c9f; font-size: .25rem; letter-spacing: .07em; }
.withdraw-admin-story__gold { position: absolute; z-index: 6; top: -12px; left: 7px; display: grid; width: 27px; height: 24px; place-items: center; border: 1px solid #e0ad25; border-radius: 7px; color: #8a5c02; background: linear-gradient(145deg,#ffe998,#eebc31); box-shadow: 0 6px 12px rgba(178,123,9,.18); font-size: .35rem; font-style: normal; font-weight: 950; opacity: 0; animation: withdraw-admin-gold-travel 2.8s .7s ease-in-out infinite; }
.withdraw-admin-story__customer { position: absolute; z-index: 4; top: 25px; right: 8px; display: grid; width: 85px; height: 92px; justify-items: center; align-content: center; gap: 4px; border: 1px solid #bee3d5; border-radius: 19px; color: #187255; background: linear-gradient(150deg,#fff,#edfdf7); box-shadow: 0 15px 28px rgba(21,117,82,.13),inset 0 1px #fff; animation: withdraw-admin-customer-in .65s 1.7s ease-out both,withdraw-admin-customer-idle 3.4s 2.6s ease-in-out infinite; }
.withdraw-admin-story__customer > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #0a9a64; background: #dbf8ec; box-shadow: 0 0 0 5px rgba(23,174,116,.07); }
.withdraw-admin-story__customer > span svg { width: 21px; height: 21px; }
.withdraw-admin-story__customer > b { color: #2a6e57; font-size: .38rem; letter-spacing: .1em; }
.withdraw-admin-story__customer > small { color: #7b9d90; font-size: .27rem; font-weight: 850; }
.withdraw-admin-story__check { position: absolute; top: -9px; right: -8px; display: grid; width: 29px; height: 29px; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#18c281,#07955d); box-shadow: 0 7px 15px rgba(8,149,93,.28); animation: withdraw-admin-check 2.8s 1.75s cubic-bezier(.2,.9,.25,1.35) infinite; }
.withdraw-admin-story__check::before { position: absolute; inset: -7px; border: 2px solid rgba(12,168,104,.25); border-radius: 50%; content: ''; animation: withdraw-admin-check-ring 2.8s 1.85s ease-out infinite; }
.withdraw-admin-story__check svg { width: 15px; height: 15px; }
.withdraw-admin-story__notice { position: absolute; z-index: 8; top: 1px; right: 60px; display: flex; align-items: center; gap: 5px; padding: 5px 8px; border: 1px solid #c8e3ef; border-radius: 8px 8px 3px 8px; color: #1777a9; background: rgba(255,255,255,.94); box-shadow: 0 7px 15px rgba(25,95,134,.12); font-size: .31rem; font-weight: 950; letter-spacing: .08em; animation: withdraw-admin-notice 2.8s 1.7s ease-in-out infinite; }
.withdraw-admin-story__notice i { width: 5px; height: 5px; border-radius: 50%; background: #11ae70; box-shadow: 0 0 0 4px rgba(17,174,112,.1); }
.withdraw-admin-story__spark { position: absolute; z-index: 7; width: 7px; height: 7px; border-radius: 2px; background: #e9b52d; opacity: 0; animation: withdraw-admin-spark 2.8s 1.85s ease-out infinite; }
.withdraw-admin-story__spark.is-one { top: 18px; right: 98px; }
.withdraw-admin-story__spark.is-two { right: 16px; bottom: 9px; background: #26b8e6; animation-delay: 1.98s; }
.withdraw-admin-story__spark.is-three { top: 8px; left: 112px; background: #14b977; animation-delay: 2.08s; }
.withdraw-admin-story__spark.is-four { bottom: 12px; left: 117px; width: 5px; height: 5px; background: #168ccc; animation-delay: 2.17s; }
.withdraw-admin-hero__metrics { position: absolute; z-index: 2; right: 20px; bottom: 18px; left: 20px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.withdraw-admin-hero__metrics article { display: grid; min-height: 62px; grid-template-columns: auto 1fr; align-content: center; column-gap: 8px; padding: 9px 12px; border: 1px solid rgba(136,196,226,.42); border-radius: 11px; background: rgba(255,255,255,.7); box-shadow: 0 7px 18px rgba(20,102,151,.06),inset 0 1px rgba(255,255,255,.92); backdrop-filter: blur(12px); }
.withdraw-admin-hero__metrics small { grid-column: 1/-1; color: #7895a7; font-size: .48rem; font-weight: 850; letter-spacing: .11em; }
.withdraw-admin-hero__metrics strong { color: #164d70; font-size: 1.12rem; font-weight: 900; }
.withdraw-admin-hero__metrics strong em { color: #7895a7; font-size: .5rem; font-style: normal; }
.withdraw-admin-hero__metrics span { align-self: center; color: #7893a4; font-size: .52rem; }
.withdraw-admin-hero__metrics .is-pending strong { color: #c98a05; }
.withdraw-admin-hero__metrics .is-approved strong { color: #07945d; }
.withdraw-admin-hero__metrics .is-weight strong { color: #0781c3; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-ctn { overflow: hidden; border: 1px solid #d8e5ef; border-radius: 18px; background: #fff; box-shadow: 0 11px 30px rgba(8,64,108,.07); }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-header { min-height: 66px; padding: 10px 14px; border-bottom: 1px solid #dfebf3; background: radial-gradient(circle at 0 50%,rgba(56,163,225,.14),transparent 34%),linear-gradient(180deg,#eef6fb 0%,#f8fbfd 100%); }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-header > .grid { width: 100%; flex: 1 1 100%; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-header-heading { width: 100%; }
.withdraw-admin-table-heading { display: flex; align-items: center; gap: 10px; }
.withdraw-admin-table-heading__icon { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border: 1px solid rgba(112,195,244,.46); border-radius: 10px; color: #fff; background: linear-gradient(145deg,#1384d3,#0863aa 62%,#064d8d); box-shadow: inset 0 1px rgba(255,255,255,.24),0 7px 15px rgba(5,91,157,.18); }
.withdraw-admin-table-heading__icon svg { width: 18px; height: 18px; }
.withdraw-admin-table-heading strong { display: block; color: #193750; font-size: .88rem; font-weight: 850; line-height: 1.2; }
.withdraw-admin-table-heading small { display: block; margin-top: 3px; color: #70889d; font-size: .56rem; font-weight: 600; line-height: 1.25; }
.withdraw-queue-heading { display: grid; width: 100%; gap: 14px; }
.withdraw-queue-heading__title-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.withdraw-queue-heading__hint { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 7px 11px; border: 1px solid #cfe1ec; border-radius: 9px; color: #4d6d83; background: rgba(255,255,255,.78); box-shadow: 0 4px 10px rgba(20,77,116,.04); font-size: .58rem; font-weight: 850; }
.withdraw-queue-heading__hint svg { width: 15px; height: 15px; color: #137bc0; }
.withdraw-queue-heading__rail { display: grid; width: 100%; grid-template-columns: repeat(10,minmax(108px,1fr)); gap: 9px; overflow-x: auto; padding: 1px 1px 6px; scrollbar-width: thin; scrollbar-color: #bed5e4 transparent; }
.withdraw-queue-day { position: relative; display: grid; min-width: 0; height: 76px; grid-template-columns: 50px minmax(0,1fr); align-items: stretch; gap: 11px; overflow: hidden; padding: 10px 11px; border: 1px solid rgba(174,207,226,.72); border-radius: 14px; color: #2f526a; background: radial-gradient(circle at 100% 0,rgba(82,190,239,.13),transparent 43%),linear-gradient(155deg,rgba(255,255,255,.98),rgba(241,248,252,.96)); box-shadow: 0 9px 22px rgba(16,76,118,.08),0 2px 5px rgba(16,76,118,.035),inset 0 1px rgba(255,255,255,1); text-align: left; transition: border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease; }
.withdraw-queue-day:disabled { cursor: wait; }
.withdraw-queue-day.is-loading::after { position: absolute; inset: 0; content: ''; background: linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 48%,transparent 66%); transform: translateX(-100%); animation: withdraw-queue-loading .8s ease-in-out infinite; }
.withdraw-queue-day::before { position: absolute; top: 0; right: 12px; left: 12px; height: 2px; border-radius: 0 0 99px 99px; content: ''; background: #80b9d9; opacity: .26; transition: opacity .22s ease,background .22s ease; }
.withdraw-queue-day:hover { border-color: rgba(83,169,216,.7); background: radial-gradient(circle at 100% 0,rgba(67,188,240,.18),transparent 45%),linear-gradient(155deg,#fff,#edf8fd); box-shadow: 0 14px 28px rgba(10,91,146,.14),0 3px 7px rgba(10,91,146,.05),inset 0 1px #fff; transform: translateY(-3px); }
.withdraw-queue-day__calendar { display: grid; min-width: 0; align-self: stretch; place-items: center; padding-right: 10px; border-right: 1px solid rgba(126,176,204,.24); }
.withdraw-queue-day__date { display: grid; justify-items: center; gap: 5px; }
.withdraw-queue-day__calendar strong { display: block; color: #075f9f; font-size: 1.82rem; font-weight: 950; line-height: .72; letter-spacing: -.07em; text-shadow: 0 1px 0 #fff; white-space: nowrap; }
.withdraw-queue-day__calendar small { display: block; color: #64849a; font-size: .45rem; font-weight: 950; line-height: 1; letter-spacing: .18em; white-space: nowrap; }
.withdraw-queue-day__details { display: grid; min-width: 0; align-content: center; justify-items: start; gap: 8px; }
.withdraw-queue-day__details::after { display: none; }
.withdraw-queue-day__details > em { display: block; max-width: 100%; overflow: hidden; color: #274f69; font-size: .76rem; font-style: normal; font-weight: 950; line-height: 1.05; letter-spacing: -.01em; text-overflow: ellipsis; white-space: nowrap; }
.withdraw-queue-day__details > em::before { display: none; }
.withdraw-queue-day__count { display: inline-flex; max-width: 100%; align-items: center; gap: 5px; padding: 3px 8px; border: 1px solid rgba(183,215,231,.82); border-radius: 99px; color: #0c649b; background: rgba(255,255,255,.72); box-shadow: 0 2px 7px rgba(13,101,155,.07),inset 0 1px #fff; text-align: center; }
.withdraw-queue-day__count strong { font-size: .72rem; font-weight: 950; line-height: 1; letter-spacing: -.035em; }
.withdraw-queue-day__count small { color: #6e899b; font-size: .42rem; font-weight: 850; line-height: 1; letter-spacing: .04em; }
.withdraw-queue-day.is-today { border-color: rgba(78,143,184,.5); background: linear-gradient(155deg,#fff,#f1f7fb); box-shadow: 0 10px 24px rgba(16,76,118,.09),inset 0 1px #fff; }
.withdraw-queue-day.is-today::before { background: #3b8fbe; opacity: .72; }
.withdraw-queue-day.is-active { border-color: #0b5e96; color: #fff; background: linear-gradient(155deg,#0b639d,#0a5a91); box-shadow: 0 13px 27px rgba(7,76,124,.24),inset 0 1px rgba(255,255,255,.16); }
.withdraw-queue-day.is-active::before { background: rgba(255,255,255,.72); opacity: .62; }
.withdraw-queue-day.is-active .withdraw-queue-day__calendar strong { color: #fff; }
.withdraw-queue-day.is-active .withdraw-queue-day__calendar small { color: #d8f4ff; }
.withdraw-queue-day.is-active .withdraw-queue-day__calendar { border-right-color: rgba(255,255,255,.2); }
.withdraw-queue-day.is-active .withdraw-queue-day__details > em { color: #fff; }
.withdraw-queue-day.is-active .withdraw-queue-day__count { border-color: rgba(255,255,255,.24); color: #fff; background: rgba(255,255,255,.13); box-shadow: inset 0 1px rgba(255,255,255,.12); }
.withdraw-queue-day.is-active .withdraw-queue-day__count strong { color: #fff; }
.withdraw-queue-day.is-active .withdraw-queue-day__count small { color: #a9c8d8; }
.withdraw-queue-day.is-all { display: grid; min-width: 0; grid-template-columns: 50px minmax(0,1fr); align-items: stretch; justify-content: initial; gap: 11px; text-align: left; }
.withdraw-queue-day__all-calendar { display: grid; min-width: 0; align-self: stretch; place-items: center; padding-right: 10px; border-right: 1px solid rgba(126,176,204,.24); }
.withdraw-queue-day__all-calendar svg { width: 29px; height: 29px; color: #126da5; stroke-width: 1.7; }
.withdraw-queue-day__all-details { display: grid; min-width: 0; align-content: center; justify-items: start; gap: 8px; }
.withdraw-queue-day.is-all strong { overflow: hidden; max-width: 100%; color: #284c64; font-size: .76rem; font-weight: 950; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
.withdraw-queue-day.is-all small { display: inline-flex; padding: 3px 8px; border: 1px solid rgba(183,215,231,.82); border-radius: 99px; color: #6e899b; background: rgba(255,255,255,.72); box-shadow: 0 2px 7px rgba(13,101,155,.07),inset 0 1px #fff; font-size: .42rem; font-weight: 850; line-height: 1; white-space: nowrap; }
.withdraw-queue-day.is-all.is-active .withdraw-queue-day__all-calendar { border-right-color: rgba(255,255,255,.2); }
.withdraw-queue-day.is-all.is-active .withdraw-queue-day__all-calendar svg,.withdraw-queue-day.is-all.is-active strong { color: #fff; }
.withdraw-queue-day.is-all.is-active small { border-color: rgba(255,255,255,.24); color: #d8f4ff; background: rgba(255,255,255,.13); box-shadow: inset 0 1px rgba(255,255,255,.12); }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-filters-above-content-ctn { border-bottom: 1px solid #e1ebf2; background: linear-gradient(180deg,#f9fcfe,#f4f8fb); }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-filters .fi-fo-field-wrp-label span { color: #42637d; font-size: .68rem; font-weight: 750; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-filters .fi-input-wrp,.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-search-field .fi-input-wrp { border: 1px solid #d8e6f0; border-radius: 11px; background: #fff; box-shadow: 0 4px 12px rgba(12,74,124,.045); }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-header-toolbar { min-height: 56px; background: #fbfdff; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-table > thead { background: #eff6fa; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-header-cell { border-bottom-color: #d9e5ee; color: #557087; }
@keyframes withdraw-admin-glow { 0%,100% { opacity: .7; transform: translate(0,0) scale(1); } 50% { opacity: 1; transform: translate(-16px,18px) scale(1.08); } }
@keyframes withdraw-admin-halo { 0%,100% { opacity: .45; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.1); } }
@keyframes withdraw-admin-phone-in { from { opacity: 0; transform: translateX(-18px) rotate(-6deg) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes withdraw-admin-phone-idle { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(-1deg); } }
@keyframes withdraw-admin-signal { 0% { opacity: 0; transform: scale(.76); } 20% { opacity: 1; } 75%,100% { opacity: 0; transform: scale(1.16); } }
@keyframes withdraw-admin-app-dot { 0%,100% { opacity: .45; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } }
@keyframes withdraw-admin-tap { 0%,18%,100% { transform: scale(.86); } 30% { transform: scale(1.14) rotate(-8deg); } 42%,88% { transform: scale(1); } }
@keyframes withdraw-admin-route-grow { 0%,10% { transform: scaleX(0); } 63%,88% { transform: scaleX(1); } 100% { opacity: 0; transform: scaleX(1); } }
@keyframes withdraw-admin-route-light { 0% { transform: translateX(-30%); } 80%,100% { transform: translateX(100%); } }
@keyframes withdraw-admin-packet { 0%,12% { left: 3px; opacity: 0; transform: translateY(6px) scale(.65) rotate(-7deg); } 22% { opacity: 1; transform: none; } 70% { left: calc(100% - 42px); opacity: 1; transform: translateY(-2px) rotate(2deg); } 82%,100% { left: calc(100% - 42px); opacity: 0; transform: translateY(-2px) scale(.7); } }
@keyframes withdraw-admin-gold-travel { 0%,23% { left: 7px; opacity: 0; transform: translateY(5px) rotate(-8deg); } 32% { opacity: 1; } 72% { left: calc(100% - 30px); opacity: 1; transform: translateY(-6px) rotate(4deg); } 83%,100% { left: calc(100% - 30px); opacity: 0; transform: translateY(-6px) scale(.7); } }
@keyframes withdraw-admin-customer-in { from { opacity: 0; transform: translateX(14px) scale(.88); } to { opacity: 1; transform: none; } }
@keyframes withdraw-admin-customer-idle { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes withdraw-admin-check { 0%,58% { opacity: 0; transform: scale(.2) rotate(-28deg); } 70% { opacity: 1; transform: scale(1.25) rotate(8deg); } 78%,92% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.8); } }
@keyframes withdraw-admin-check-ring { 0%,63% { opacity: 0; transform: scale(.5); } 73% { opacity: 1; } 91%,100% { opacity: 0; transform: scale(1.75); } }
@keyframes withdraw-admin-notice { 0%,56% { opacity: 0; transform: translate(8px,7px) scale(.75); } 69%,90% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-5px); } }
@keyframes withdraw-admin-spark { 0%,62% { opacity: 0; transform: scale(.2) rotate(0); } 73% { opacity: 1; transform: scale(1.35) rotate(80deg); } 92%,100% { opacity: 0; transform: translate(8px,-11px) scale(.6) rotate(170deg); } }
@keyframes withdraw-queue-loading { to { transform: translateX(100%); } }
@media (max-width: 900px) { .withdraw-admin-hero { grid-template-columns: 1fr; padding-bottom: 164px; } .withdraw-admin-hero__art { min-height: 132px; } .withdraw-admin-story { justify-self: center; } .withdraw-admin-hero__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 900px) {
    .withdraw-queue-heading__rail { display: flex; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #bed5e4 transparent; }
    .withdraw-queue-day { min-width: 112px; }
    .withdraw-queue-day.is-all { min-width: 112px; grid-template-columns: 46px minmax(0,1fr); gap: 9px; }
}
@media (max-width: 640px) { .withdraw-admin-hero { padding: 20px 16px 286px; } .withdraw-admin-hero__metrics { grid-template-columns: 1fr; } .withdraw-admin-story { width: 420px; max-width: 112%; transform: scale(.82); transform-origin: center; } }
@media (max-width: 640px) {
    .withdraw-queue-heading__title-row { align-items: flex-start; }
    .withdraw-queue-heading__hint { padding: 5px 7px; font-size: .48rem; }
    .withdraw-queue-heading__rail { display: flex; gap: 8px; overflow-x: auto; margin-inline: -2px; scrollbar-width: thin; scrollbar-color: #bed5e4 transparent; }
    .withdraw-queue-day { min-width: 118px; height: 76px; padding: 8px 9px; }
    .withdraw-queue-day__calendar strong { font-size: 1.52rem; }
    .withdraw-queue-day { grid-template-columns: 46px minmax(0,1fr); gap: 9px; padding-inline: 9px; }
    .withdraw-queue-day__details > em { font-size: .62rem; }
    .withdraw-queue-day.is-all { min-width: 110px; grid-template-columns: 46px minmax(0,1fr); gap: 9px; }
}
@media (prefers-reduced-motion: reduce) { .withdraw-admin-hero *,.withdraw-admin-hero *::before,.withdraw-admin-hero *::after,.withdraw-queue-day.is-loading::after { animation: none !important; } }

/* Withdrawal rows mirror the Gold Receipt Orders table language. */
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-header-cell { font-size: .61rem; font-weight: 800; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-row { transition: background-color .2s ease, box-shadow .2s ease; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-row:hover { background: #f7fbfe !important; box-shadow: inset 3px 0 #1684cf; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-text-item-label { color: #28465f; font-weight: 650; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text { position: relative; min-height: 54px; align-content: center; padding-left: 58px; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text-item-icon { position: absolute; top: 50%; left: 11px; width: 39px; height: 42px; padding: 10px 8px; border: 1px solid rgba(255,255,255,.42); border-radius: 10px; color: #fff !important; background: linear-gradient(110deg,#07558f 8%,#147cc2 31%,#77cef1 48%,#147cc2 65%,#07558f 88%); background-position: 100% 0; background-size: 260% 100%; box-shadow: inset 0 1px rgba(255,255,255,.25),0 5px 13px rgba(5,81,143,.22); transform: translateY(-50%); animation: withdraw-document-shine 3.6s ease-in-out infinite; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text-item { gap: 0; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text-item-label { color: #173b59; font-weight: 800; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text-item-description { margin-top: 3px; color: #7d93a5; font-size: .55rem; }
.fi-resource-withdraws.fi-resource-list-records-page :is(.fi-table-cell-gold-amount,.fi-table-cell-total-fee,.fi-table-cell-withdraw-status) .fi-badge { border: 1px solid color-mix(in srgb,currentColor 20%,transparent); border-radius: 8px; font-weight: 800; box-shadow: 0 4px 10px rgba(10,68,111,.06); }
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-branch-branch-name .fi-ta-text-item-icon,
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-appointment .fi-ta-text-item-icon { width: 17px; height: 17px; padding: 3px; border-radius: 5px; color: #1478c7; background: #eaf5fc; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions { gap: 7px; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions :is(.withdraw-view-action,.withdraw-refuse-action) { width: 34px; height: 34px; border: 1px solid #d4e4ef; border-radius: 10px; background: #f1f8fc; box-shadow: 0 4px 10px rgba(10,68,111,.06); transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions .withdraw-view-action { color: #0c67ad; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions .withdraw-refuse-action { border-color: #f1d5d9; color: #c83a4d; background: #fff4f5; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions :is(.withdraw-view-action,.withdraw-refuse-action):hover { box-shadow: 0 7px 15px rgba(12,103,173,.14); transform: translateY(-1px); }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions .withdraw-approve-action { min-height: 36px; padding: 5px 12px 5px 7px; border: 1px solid #078353; border-radius: 11px; color: #fff !important; background: linear-gradient(135deg,#05744a,#0b9d63 58%,#16b875) !important; box-shadow: 0 7px 15px rgba(5,126,80,.22),inset 0 1px rgba(255,255,255,.24); font-size: .67rem; font-weight: 850; }
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions .withdraw-approve-action:hover { background: linear-gradient(135deg,#046640,#078c58 56%,#11a96a) !important; box-shadow: 0 10px 21px rgba(3,119,73,.3); transform: translateY(-1px); }
@keyframes withdraw-document-shine { 0%,28% { background-position: 100% 0; } 48% { background-position: 0 0; box-shadow: 0 0 0 3px rgba(73,183,231,.12),0 7px 17px rgba(5,81,143,.3); } 72%,100% { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text-item-icon { animation: none !important; } }

/* Withdrawal list: one quiet visual anchor at the start of each row. */
.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-content {
    padding: 8px 10px 10px;
    background: #f5f8fb;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-table {
    border-collapse: separate;
    border-spacing: 0 7px;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-table > thead {
    background: transparent;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-row {
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 49, 76, .04);
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-row > td {
    border-block: 1px solid #e1e8ee;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-row > td:first-child {
    border-left: 1px solid #e1e8ee;
    border-radius: 12px 0 0 12px;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-row > td:last-child {
    border-right: 1px solid #e1e8ee;
    border-radius: 0 12px 12px 0;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-row:hover {
    background: #fff !important;
    box-shadow: 0 7px 18px rgba(19, 67, 103, .09);
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-branch-branch-name .fi-ta-text {
    min-height: 54px;
    align-content: center;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-request-icon {
    width: 58px;
    padding-inline: 6px;
    text-align: center;
}

.withdraw-row-document-icon {
    position: relative;
    display: inline-grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #73c6f2;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, #1597dc 0%, #0874c2 68%, #075ba4 100%);
    box-shadow: 0 0 0 5px #e5f5fd, 0 7px 14px rgba(5, 111, 184, .25);
}

.withdraw-row-document-icon::after {
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 7px;
    content: '';
}

.withdraw-row-document-icon svg {
    position: relative;
    z-index: 1;
    width: 19px;
    height: 19px;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-branch-branch-name .fi-ta-text-item-label,
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text-item-label {
    color: #183b56;
    font-weight: 750;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-branch-branch-name .fi-ta-text-item-description,
.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text-item-description {
    margin-top: 4px;
    color: #7b8d9c;
    font-size: .6rem;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-customer-name .fi-ta-text {
    min-height: auto;
    padding-left: 0;
}

.fi-resource-withdraws.fi-resource-list-records-page :is(.fi-table-cell-gold-amount,.fi-table-cell-total-fee,.fi-table-cell-withdraw-status) .fi-badge {
    border-radius: 999px;
    box-shadow: none;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-table-cell-appointment .fi-ta-text-item-icon {
    width: 15px;
    height: 15px;
    padding: 2px;
    background: transparent;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions :is(.withdraw-view-action,.withdraw-approve-action,.withdraw-refuse-action) {
    width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border-radius: 10px;
    box-shadow: none;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions-cell {
    min-width: 150px;
    padding-inline: 12px;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 34px;
    justify-content: center;
    column-gap: 10px !important;
    width: 100%;
    padding-inline: 0;
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions .withdraw-approve-action {
    border: 1px solid #078552;
    border-radius: 10px;
    color: #fff !important;
    background: #0a9960 !important;
    box-shadow: 0 3px 8px rgba(8, 137, 84, .2);
}

.fi-resource-withdraws.fi-resource-list-records-page .fi-ta-actions .withdraw-approve-action:hover {
    border-color: #056f44;
    color: #fff !important;
    background: #078552 !important;
    box-shadow: 0 5px 12px rgba(8, 137, 84, .28);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .fi-resource-withdraws.fi-resource-list-records-page .fi-ta-content { padding-inline: 6px; }
}

/* Withdrawal request details modal */
.withdraw-request-details-modal {
    overflow: hidden;
    border: 1px solid #d4e5f0;
    border-radius: 22px !important;
    background: #fff;
    box-shadow: 0 28px 70px rgba(5, 48, 83, .22) !important;
}

.withdraw-request-details-modal .fi-modal-header {
    position: relative;
    overflow: hidden;
    padding-bottom: 16px;
    border-bottom: 1px solid #dce9f1;
    background: radial-gradient(circle at 82% -20%, rgba(77,189,237,.22), transparent 42%), linear-gradient(135deg,#f7fbfe,#eef7fc);
}

.withdraw-request-details-modal .fi-modal-header::after {
    position: absolute;
    right: -28px;
    bottom: -30px;
    width: 150px;
    height: 70px;
    border: 1px solid rgba(21,124,194,.12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
    transform: rotate(-8deg);
}

.withdraw-request-details-modal .fi-modal-icon-bg {
    border: 1px solid #cce8f6;
    color: #0871b7;
    background: linear-gradient(145deg,#e8f7fe,#d8f1fb);
    box-shadow: 0 7px 16px rgba(10,108,173,.12);
}

.withdraw-request-details-modal .fi-modal-heading { color: #173a56; font-weight: 850; letter-spacing: -.025em; }
.withdraw-request-details-modal .fi-modal-description { color: #6b8498; font-size: .78rem; }
.withdraw-request-details-modal .fi-modal-content { padding: 18px 22px 22px; }

.withdraw-request-modal__summary {
    display: grid;
    grid-template-columns: 46px minmax(140px,1fr) 330px;
    align-items: center;
    gap: 13px;
    padding: 13px 14px;
    border: 1px solid #d5e7f2;
    border-radius: 14px;
    background: linear-gradient(105deg,#f6fbff,#eef8fd);
}

.withdraw-request-modal__document {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #65bce9;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg,#1597dc,#0874c2 68%,#075ba4);
    box-shadow: 0 7px 15px rgba(5,111,184,.23), inset 0 1px rgba(255,255,255,.28);
}
.withdraw-request-modal__document svg { width: 20px; height: 20px; }
.withdraw-request-modal__identity :is(small,strong,span) { display: block; }
.withdraw-request-modal__identity small { color: #5095bf; font-size: .47rem; font-weight: 900; letter-spacing: .15em; }
.withdraw-request-modal__identity strong { margin-top: 2px; color: #173a56; font-size: .88rem; font-weight: 850; }
.withdraw-request-modal__identity span { margin-top: 2px; overflow: hidden; color: #778d9e; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }

.withdraw-request-story { position: relative; width: 330px; height: 82px; justify-self: end; overflow: visible; }
.withdraw-request-story__phone { position: absolute; top: 2px; left: 2px; width: 52px; height: 66px; overflow: hidden; border: 2px solid #0a70b3; border-radius: 12px; color: #0869aa; background: linear-gradient(160deg,#fff,#edf8fd); box-shadow: 0 10px 20px rgba(7,102,166,.18), inset 0 0 0 3px #dff2fb; }
.withdraw-request-story__phone::after { position: absolute; top: -28px; left: -18px; width: 48px; height: 92px; content: ''; background: linear-gradient(105deg,transparent,rgba(255,255,255,.78),transparent); transform: rotate(18deg); animation: withdraw-request-phone-shine 3.2s ease-in-out infinite; }
.withdraw-request-story__phone > i { position: absolute; z-index: 2; top: 5px; left: 50%; width: 13px; height: 3px; border-radius: 9px; background: #8bc3df; transform: translateX(-50%); }
.withdraw-request-story__phone > b { position: absolute; z-index: 2; top: 15px; right: 0; left: 0; font-size: .34rem; font-weight: 950; letter-spacing: .04em; text-align: center; }
.withdraw-request-story__phone > b span { color: #d69c11; }
.withdraw-request-story__phone > em { position: absolute; z-index: 2; right: 7px; bottom: 12px; left: 7px; display: flex; gap: 2px; padding: 4px; border: 1px solid #acd5e9; border-radius: 5px; background: rgba(255,255,255,.8); }
.withdraw-request-story__phone > em u { height: 8px; flex: 1; border-radius: 2px; background: linear-gradient(145deg,#ffe991,#dfa51d); box-shadow: inset 0 1px rgba(255,255,255,.65); }
.withdraw-request-story__phone small,.withdraw-request-story__customer small { position: absolute; right: 0; bottom: -14px; left: 0; color: #6f8da1; font-size: .3rem; font-weight: 900; letter-spacing: .1em; text-align: center; }
.withdraw-request-story__route { position: absolute; top: 34px; right: 68px; left: 59px; height: 3px; border-radius: 9px; background: #c9e4ef; box-shadow: inset 0 1px rgba(255,255,255,.7); }
.withdraw-request-story__route::before { position: absolute; inset: 0; border-radius: inherit; content: ''; background: linear-gradient(90deg,#1286c8,#39a9ce 55%,#41b988); transform-origin: left; animation: withdraw-request-route-progress 3.2s ease-in-out infinite; }
.withdraw-request-story__route i { position: absolute; z-index: 1; top: -2px; width: 34px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.78); filter: blur(3px); animation: withdraw-request-route 3.2s ease-in-out infinite; }
.withdraw-request-story__route b { position: absolute; z-index: 2; top: -3px; right: -1px; width: 8px; height: 8px; border-top: 2px solid #2ca679; border-right: 2px solid #2ca679; transform: rotate(45deg); }
.withdraw-request-story__gold { position: absolute; z-index: 4; top: 22px; left: 61px; display: grid; width: 45px; height: 26px; place-items: center; border: 1px solid #ce9010; border-radius: 7px; color: #8b5800; background: radial-gradient(circle at 22% 12%,#fff2a8,transparent 32%),linear-gradient(145deg,#ffe278,#e8a91d 72%,#c78608); box-shadow: 0 6px 12px rgba(175,113,8,.24), inset 0 1px rgba(255,255,255,.62); animation: withdraw-request-gold 3.2s cubic-bezier(.35,0,.22,1) infinite; }
.withdraw-request-story__gold::before { position: absolute; inset: 4px; border: 1px solid rgba(135,83,0,.18); border-radius: 4px; content: ''; }
.withdraw-request-story__gold i { position: relative; z-index: 1; font-size: .38rem; font-style: normal; font-weight: 950; }
.withdraw-request-story__gold small { position: absolute; right: 0; bottom: -12px; left: 0; color: #9a792d; font-size: .25rem; font-weight: 950; letter-spacing: .09em; text-align: center; }
.withdraw-request-story__customer { position: absolute; top: 8px; right: 12px; display: grid; width: 53px; height: 53px; place-items: center; border: 1px solid #85cfa9; border-radius: 16px; color: #08794d; background: linear-gradient(145deg,#f7fffb,#e5f7ef); box-shadow: 0 10px 20px rgba(8,121,77,.15), inset 0 1px #fff; animation: withdraw-request-customer 3.2s ease-in-out infinite; }
.withdraw-request-story__customer::before { position: absolute; inset: 6px; border: 1px solid rgba(28,151,96,.12); border-radius: 11px; content: ''; }
.withdraw-request-story__customer::after { position: absolute; z-index: -1; inset: -11px; border-radius: 22px; content: ''; background: radial-gradient(circle,rgba(18,185,111,.28),rgba(18,185,111,0) 68%); opacity: 0; animation: withdraw-request-success-glow 3.2s ease-out infinite; }
.withdraw-request-story__customer svg { position: relative; z-index: 1; width: 24px; height: 24px; }
.withdraw-request-story__customer small { bottom: -17px; }
.withdraw-request-story__check { position: absolute; z-index: 5; top: -7px; right: -8px; display: grid; width: 34px; height: 34px; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; background: radial-gradient(circle at 35% 25%,#29d58c,#0aa765 48%,#057847); box-shadow: 0 7px 16px rgba(4,119,70,.34),inset 0 1px rgba(255,255,255,.46); animation: withdraw-request-check-wow 3.2s cubic-bezier(.2,.9,.25,1.25) infinite; }
.withdraw-request-story__check::before { position: absolute; inset: -8px; border: 2px solid rgba(14,180,105,.36); border-radius: 50%; content: ''; animation: withdraw-request-check-ripple 3.2s ease-out infinite; }
.withdraw-request-story__check::after { position: absolute; z-index: -1; inset: -17px; border-radius: 50%; content: ''; background: repeating-conic-gradient(from 0deg,#20c87d 0 3deg,transparent 3deg 24deg); opacity: 0; -webkit-mask: radial-gradient(circle,transparent 0 55%,#000 57% 66%,transparent 68%); mask: radial-gradient(circle,transparent 0 55%,#000 57% 66%,transparent 68%); animation: withdraw-request-check-burst 3.2s ease-out infinite; }
.withdraw-request-story__check svg { width: 19px; height: 19px; stroke-width: 3.1; filter: drop-shadow(0 1px 1px rgba(0,76,43,.25)); animation: withdraw-request-check-mark 3.2s cubic-bezier(.2,.9,.25,1.25) infinite; }
.withdraw-request-story__check b { position: absolute; top: 37px; right: -8px; padding: 3px 7px; border: 1px solid #b9e7d1; border-radius: 999px; color: #067247; background: rgba(239,252,246,.96); box-shadow: 0 4px 9px rgba(8,121,77,.12); font-size: .23rem; font-weight: 950; letter-spacing: .09em; white-space: nowrap; animation: withdraw-request-delivered-label 3.2s ease-out infinite; }
.withdraw-request-story__spark { position: absolute; z-index: 3; width: 4px; height: 4px; border-radius: 50%; background: #e5ad27; box-shadow: 0 0 0 3px rgba(229,173,39,.12); opacity: 0; animation: withdraw-request-spark 3.2s ease-out infinite; }
.withdraw-request-story__spark.is-one { top: 14px; right: 70px; }
.withdraw-request-story__spark.is-two { right: 58px; bottom: 15px; animation-delay: .09s; }

.withdraw-request-modal__section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 18px 2px 9px; }
.withdraw-request-modal__section-title :is(small,strong) { display: block; }
.withdraw-request-modal__section-title small { color: #55a7d4; font-size: .47rem; font-weight: 900; letter-spacing: .14em; }
.withdraw-request-modal__section-title strong { margin-top: 3px; color: #183b57; font-size: .78rem; font-weight: 800; }
.withdraw-request-modal__section-title > span { padding: 4px 9px; border: 1px solid #eadcac; border-radius: 999px; color: #ad7100; background: #fff9e9; font-size: .56rem; font-weight: 800; }
.withdraw-request-modal__section-title > span.is-approved { border-color: #bde2d0; color: #08764b; background: #eef9f4; }
.withdraw-request-modal__section-title > span.is-refused { border-color: #efcbd0; color: #bd3344; background: #fff2f3; }

.withdraw-request-modal__customer { display: grid; grid-template-columns: 44px minmax(150px,1.5fr) repeat(3,minmax(82px,1fr)); align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #dde8ef; border-radius: 13px; background: #fff; box-shadow: 0 4px 12px rgba(15,61,96,.04); }
.withdraw-request-modal__avatar { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: #0b70b4; background: #eaf6fc; }
.withdraw-request-modal__avatar svg { width: 20px; height: 20px; }
.withdraw-request-modal__customer > div:not(.withdraw-request-modal__avatar) { min-width: 0; }
.withdraw-request-modal__customer small,.withdraw-request-modal__customer strong,.withdraw-request-modal__customer span { display: block; }
.withdraw-request-modal__customer small { color: #899aa8; font-size: .42rem; font-weight: 800; letter-spacing: .06em; }
.withdraw-request-modal__customer strong { margin-top: 3px; overflow: hidden; color: #29485f; font-size: .64rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.withdraw-request-modal__customer-name strong { color: #153a56; font-size: .76rem; }
.withdraw-request-modal__customer span { margin-top: 2px; color: #8a9aa7; font-size: .51rem; }

.withdraw-request-modal__metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.withdraw-request-modal__metrics > div { min-height: 67px; padding: 11px 12px; border: 1px solid #dce7ee; border-radius: 12px; background: #f7fafc; }
.withdraw-request-modal__metrics small,.withdraw-request-modal__metrics strong { display: block; }
.withdraw-request-modal__metrics small { color: #8397a7; font-size: .43rem; font-weight: 900; letter-spacing: .1em; }
.withdraw-request-modal__metrics strong { margin-top: 7px; color: #1d405b; font-size: .76rem; font-weight: 850; }
.withdraw-request-modal__metrics strong span { color: #7890a2; font-size: .5rem; }
.withdraw-request-modal__metrics .is-gold { border-color: #efdba4; background: #fffbef; }
.withdraw-request-modal__metrics .is-gold strong { color: #bd7900; font-size: .92rem; }
.withdraw-request-modal__metrics .is-fee { border-color: #cde3f2; background: #f0f8fd; }
.withdraw-request-modal__metrics .is-fee strong { color: #0870b4; font-size: .88rem; }

.withdraw-request-modal__documents { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.withdraw-request-modal__document-card { position: relative; display: block; overflow: hidden; min-height: 130px; border: 1px solid #dce7ee; border-radius: 12px; background: #f3f7fa; }
.withdraw-request-modal__document-card.is-missing { border-color: #f0d7a0; background: #fffaf0; }
.withdraw-request-modal__documents img { position: relative; z-index: 1; width: 100%; height: 150px; object-fit: cover; transition: transform .25s ease; }
.withdraw-request-modal__documents a:hover img { transform: scale(1.025); }
.withdraw-request-modal__document-placeholder { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 7px; color: #8ca2b3; background: linear-gradient(145deg,#f7fafc,#edf3f7); }
.withdraw-request-modal__document-card.is-missing .withdraw-request-modal__document-placeholder { color: #b7791f; background: linear-gradient(145deg,#fffdf8,#fff7e6); }
.withdraw-request-modal__document-placeholder svg { width: 26px; height: 26px; }
.withdraw-request-modal__document-placeholder small { font-size: .45rem; font-weight: 850; letter-spacing: .1em; }
.withdraw-request-modal__document-placeholder b { font-size: .58rem; font-weight: 800; }
.withdraw-request-modal__document-open { position: absolute; z-index: 2; right: 8px; bottom: 8px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 8px; color: #fff; background: rgba(6,58,96,.82); font-size: .53rem; font-weight: 750; backdrop-filter: blur(6px); }
.withdraw-request-modal__document-open svg { width: 13px; height: 13px; }

@keyframes withdraw-request-phone-shine { 0%,20% { transform: translateX(-18px) rotate(18deg); } 46%,100% { transform: translateX(82px) rotate(18deg); } }
@keyframes withdraw-request-route-progress { 0%,15% { transform: scaleX(0); } 62%,88% { transform: scaleX(1); } 100% { opacity: 0; transform: scaleX(1); } }
@keyframes withdraw-request-route { 0%,16% { left: 0; opacity: 0; } 23% { opacity: 1; } 67% { left: calc(100% - 34px); opacity: 1; } 76%,100% { left: calc(100% - 34px); opacity: 0; } }
@keyframes withdraw-request-gold { 0%,14% { left: 61px; opacity: 0; transform: translateY(5px) scale(.72); } 23% { opacity: 1; transform: translateY(0) scale(1); } 65% { left: 251px; opacity: 1; transform: translateY(0) scale(1); } 73%,100% { left: 251px; opacity: 0; transform: translateY(3px) scale(.72); } }
@keyframes withdraw-request-customer { 0%,60% { transform: scale(1); } 69% { transform: scale(1.08); } 78%,100% { transform: scale(1); } }
@keyframes withdraw-request-check { 0%,64% { opacity: 0; transform: scale(.3) rotate(-18deg); } 74%,91% { opacity: 1; transform: scale(1) rotate(0); } 100% { opacity: 0; transform: scale(.6); } }
@keyframes withdraw-request-check-ring { 0%,69% { opacity: 0; transform: scale(.5); } 80% { opacity: 1; transform: scale(1.25); } 92%,100% { opacity: 0; transform: scale(1.6); } }
@keyframes withdraw-request-spark { 0%,67% { opacity: 0; transform: scale(.2); } 75% { opacity: 1; transform: scale(1.2); } 90%,100% { opacity: 0; transform: scale(1.8); } }
@keyframes withdraw-request-success-glow { 0%,62% { opacity: 0; transform: scale(.55); } 73% { opacity: .9; transform: scale(1); } 91%,100% { opacity: 0; transform: scale(1.38); } }
@keyframes withdraw-request-check-wow { 0%,62% { opacity: 0; transform: scale(.15) rotate(-35deg); } 69% { opacity: 1; transform: scale(1.28) rotate(8deg); } 75% { transform: scale(.9) rotate(-3deg); } 80%,91% { opacity: 1; transform: scale(1) rotate(0); } 100% { opacity: 0; transform: scale(.82); } }
@keyframes withdraw-request-check-ripple { 0%,67% { opacity: 0; transform: scale(.45); } 73% { opacity: .8; } 88%,100% { opacity: 0; transform: scale(2.05); } }
@keyframes withdraw-request-check-burst { 0%,67% { opacity: 0; transform: scale(.25) rotate(-18deg); } 73% { opacity: .8; } 86% { opacity: .25; transform: scale(1.22) rotate(13deg); } 94%,100% { opacity: 0; transform: scale(1.45) rotate(18deg); } }
@keyframes withdraw-request-check-mark { 0%,68% { opacity: 0; transform: scale(.25) rotate(-20deg); } 74% { opacity: 1; transform: scale(1.3) rotate(5deg); } 81%,93% { opacity: 1; transform: scale(1) rotate(0); } 100% { opacity: 0; transform: scale(.8); } }
@keyframes withdraw-request-delivered-label { 0%,70% { opacity: 0; transform: translateY(7px) scale(.88); } 78%,91% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-3px) scale(.96); } }

@media (max-width: 720px) {
    .withdraw-request-details-modal .fi-modal-content { padding-inline: 14px; }
    .withdraw-request-modal__summary { grid-template-columns: 42px minmax(0,1fr); }
    .withdraw-request-story { grid-column: 1 / -1; width: min(100%,330px); justify-self: center; }
    .withdraw-request-modal__customer { grid-template-columns: 42px 1fr 1fr; }
    .withdraw-request-modal__customer-name { grid-column: span 2; }
    .withdraw-request-modal__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 480px) {
    .withdraw-request-modal__customer { grid-template-columns: 42px 1fr; }
    .withdraw-request-modal__customer-name { grid-column: auto; }
    .withdraw-request-modal__customer > div:nth-child(n+3) { grid-column: 1 / -1; padding-top: 7px; border-top: 1px solid #edf1f4; }
    .withdraw-request-modal__documents { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .withdraw-request-story :is(.withdraw-request-story__route::before,.withdraw-request-story__route i,.withdraw-request-story__gold,.withdraw-request-story__customer,.withdraw-request-story__check,.withdraw-request-story__spark,.withdraw-request-story__phone::after) { animation: none !important; }
    .withdraw-request-story__customer::after,
    .withdraw-request-story__check::before,
    .withdraw-request-story__check::after,
    .withdraw-request-story__check svg,
    .withdraw-request-story__check b { animation: none !important; }
    .withdraw-request-story__gold { left: 251px; opacity: 1; }
    .withdraw-request-story__check { opacity: 1; transform: none; }
    .withdraw-request-story__check b { opacity: 1; transform: none; }
}

/* Responsive treatment for withdrawal details. */
.withdraw-request-modal__summary {
    background: #f6fafc;
}

.withdraw-request-modal__summary:focus { outline: none; }
.withdraw-request-modal__summary:focus-visible { box-shadow: 0 0 0 3px rgba(20,132,202,.14); }

.withdraw-request-story__phone,
.withdraw-request-story__customer {
    box-shadow: 0 4px 10px rgba(18, 78, 116, .1);
}

@media (max-width: 640px) {
    .withdraw-request-details-modal {
        width: calc(100vw - 16px) !important;
        max-width: none !important;
        max-height: calc(100dvh - 16px);
        overflow-x: hidden;
        border-radius: 17px !important;
    }

    .withdraw-request-details-modal .fi-modal-header,
    .withdraw-request-details-modal .fi-modal-content,
    .withdraw-request-details-modal .fi-modal-footer {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }

    .withdraw-request-details-modal .fi-modal-header {
        padding: 15px 15px 13px;
    }

    .withdraw-request-details-modal .fi-modal-icon-bg {
        width: 34px;
        height: 34px;
    }

    .withdraw-request-details-modal .fi-modal-heading {
        font-size: .95rem;
    }

    .withdraw-request-details-modal .fi-modal-description {
        font-size: .67rem;
        line-height: 1.35;
    }

    .withdraw-request-details-modal .fi-modal-content {
        max-height: calc(100dvh - 104px);
        overflow-y: auto;
        padding: 12px;
    }

    .withdraw-request-modal__summary {
        grid-template-columns: 40px minmax(0,1fr);
        gap: 10px;
        max-width: 100%;
        overflow-x: hidden;
        padding: 11px;
        border-radius: 12px;
    }

    .withdraw-request-modal__document {
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }

    .withdraw-request-modal__identity strong {
        overflow: hidden;
        font-size: .75rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .withdraw-request-story {
        grid-column: 1 / -1;
        width: 100%;
        height: 76px;
        overflow: hidden;
        margin-top: 4px;
    }

    .withdraw-request-story__phone {
        left: 0;
        width: 46px;
        height: 60px;
    }

    .withdraw-request-story__customer {
        right: 1px;
        width: 48px;
        height: 48px;
    }

    .withdraw-request-story__route {
        right: 54px;
        left: 51px;
    }

    .withdraw-request-story__gold {
        left: 54px;
        width: 41px;
        height: 24px;
        animation-name: withdraw-request-gold-mobile;
    }

    .withdraw-request-story__check {
        right: -3px;
    }

    .withdraw-request-modal__section-title {
        align-items: center;
        margin-top: 15px;
    }

    .withdraw-request-modal__section-title strong {
        font-size: .7rem;
    }

    .withdraw-request-modal__customer {
        grid-template-columns: 38px minmax(0,1fr);
        gap: 9px 10px;
        padding: 11px;
    }

    .withdraw-request-modal__customer-name {
        grid-column: auto;
    }

    .withdraw-request-modal__customer > div:nth-child(n+3) {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 105px minmax(0,1fr);
        align-items: center;
        gap: 8px;
        padding-top: 8px;
        border-top: 1px solid #edf1f4;
    }

    .withdraw-request-modal__customer > div:nth-child(n+3) strong {
        margin-top: 0;
        text-align: right;
    }

    .withdraw-request-modal__metrics {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 7px;
    }

    .withdraw-request-modal__metrics > div {
        min-height: 61px;
        padding: 9px 10px;
    }

    .withdraw-request-modal__documents {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .withdraw-request-modal__document-card {
        min-height: 105px;
    }

    .withdraw-request-modal__documents img {
        height: 120px;
    }
}

@keyframes withdraw-request-gold-mobile {
    0%,18% { left: 54px; opacity: 0; transform: scale(.82); }
    25% { opacity: 1; transform: scale(1); }
    58% { left: calc(100% - 101px); opacity: 1; transform: scale(1); }
    66%,100% { left: calc(100% - 101px); opacity: 0; transform: scale(.84); }
}

@media (max-width: 390px) {
    .withdraw-request-details-modal { width: calc(100vw - 24px) !important; }
    .withdraw-request-details-modal .fi-modal-content { padding: 9px; }
    .withdraw-request-modal__metrics { grid-template-columns: 1fr; }
    .withdraw-request-modal__metrics > div { min-height: 56px; }
}

/* Withdrawal decision footer and post-action stories. */
.withdraw-request-details-modal { position: relative; }
.withdraw-request-details-modal .fi-modal-footer { padding: 13px 22px 19px; border-top: 1px solid #e4edf3; background: #fbfdfe; }
.withdraw-request-details-modal .fi-modal-footer-actions { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: 9px 10px; width: 100%; }
.withdraw-request-details-modal .fi-modal-footer-actions .fi-btn { justify-content: center; min-height: 42px; border-radius: 11px; font-weight: 850; }
.withdraw-request-details-modal .fi-modal-footer-actions .fi-btn-color-success { border: 1px solid #087c4e; color: #fff; background: linear-gradient(135deg,#078550,#13aa6c); box-shadow: 0 7px 16px rgba(8,137,84,.2); }
.withdraw-request-details-modal .fi-modal-footer-actions .fi-btn-color-danger { border-color: #e5b9c0; color: #b72f40; background: #fff6f7; }
.withdraw-request-details-modal .withdraw-close-modal-action { grid-row: 1; grid-column: 1; border-color: #d9e2e8; color: #3f5969; background: #fff; box-shadow: 0 3px 10px rgba(28,65,87,.05); }
.withdraw-request-details-modal .withdraw-approve-modal-action { grid-row: 1; grid-column: 2; }
.withdraw-request-modal { padding-top: 34px; }
.withdraw-request-details-modal .withdraw-cancel-modal-action { position: absolute; z-index: 24; top: 103px; right: 22px; min-height: 32px !important; padding: 6px 11px !important; border: 1px solid #edc9cd !important; border-radius: 10px !important; color: #a83a47 !important; background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,247,248,.96)) !important; box-shadow: 0 6px 15px rgba(86,38,47,.08),inset 0 1px rgba(255,255,255,.9) !important; font-size: .59rem; font-weight: 850; letter-spacing: .01em; backdrop-filter: blur(8px); transition: border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.withdraw-request-details-modal .withdraw-cancel-modal-action:hover { border-color: #dc8e97 !important; color: #982b39 !important; background: #fff4f5 !important; box-shadow: 0 8px 18px rgba(156,45,59,.13),inset 0 1px rgba(255,255,255,.9) !important; transform: translateY(-1px); }
.withdraw-request-details-modal .withdraw-cancel-modal-action svg { width: 14px; height: 14px; padding: 2px; border-radius: 50%; color: #c83d4c; background: #fdebed; box-sizing: content-box; }

.withdraw-request-result { position: absolute; z-index: 30; inset: 0; display: grid; place-items: center; overflow: hidden; border-radius: inherit; background: rgba(246,251,254,.97); backdrop-filter: blur(9px); }
.withdraw-request-result__panel { display: grid; width: min(100% - 32px,490px); justify-items: center; text-align: center; }
.withdraw-request-result__panel > small { margin-top: 16px; color: #11925d; font-size: .53rem; font-weight: 950; letter-spacing: .17em; }
.withdraw-request-result__panel > strong { margin-top: 5px; color: #153c58; font-size: 1.08rem; font-weight: 900; }
.withdraw-request-result__panel > p { max-width: 410px; margin-top: 5px; color: #718797; font-size: .67rem; line-height: 1.55; }

.withdraw-request-result__scene { position: relative; width: min(100%,390px); height: 150px; }
.withdraw-request-result__phone { position: absolute; top: 34px; left: 22px; display: grid; width: 66px; height: 82px; place-items: center; overflow: hidden; border: 2px solid #0875ba; border-radius: 15px; color: #0868a8; background: linear-gradient(155deg,#fff,#eaf7fd); box-shadow: 0 13px 25px rgba(7,102,166,.18),inset 0 0 0 4px #ddf1fa; animation: withdraw-result-phone-in .55s ease-out both; }
.withdraw-request-result__phone b { font-size: .43rem; font-weight: 950; letter-spacing: .04em; }
.withdraw-request-result__phone b span { color: #d59a12; }
.withdraw-request-result__phone i { position: absolute; right: 13px; bottom: 14px; left: 13px; height: 12px; border: 1px solid #b2d8ea; border-radius: 4px; background: repeating-linear-gradient(90deg,#f0b72e 0 8px,transparent 8px 11px); }
.withdraw-request-result__path { position: absolute; top: 74px; right: 87px; left: 91px; height: 4px; border-radius: 999px; background: #c8e6ef; }
.withdraw-request-result__path::before { position: absolute; inset: 0; border-radius: inherit; content: ''; background: linear-gradient(90deg,#158dcc,#42be87); transform-origin: left; animation: withdraw-result-path 1.15s .35s ease-in-out both; }
.withdraw-request-result__path i { position: absolute; top: -4px; right: -1px; width: 10px; height: 10px; border-top: 3px solid #28a96f; border-right: 3px solid #28a96f; transform: rotate(45deg); }
.withdraw-request-result__gold { position: absolute; z-index: 3; top: 59px; left: 94px; display: grid; width: 54px; height: 34px; place-items: center; border: 1px solid #ce9010; border-radius: 8px; color: #875500; background: radial-gradient(circle at 20% 10%,#fff3ad,transparent 34%),linear-gradient(145deg,#ffe27a,#e5a51b); box-shadow: 0 8px 15px rgba(168,105,5,.25),inset 0 1px rgba(255,255,255,.65); font-size: .43rem; font-weight: 950; animation: withdraw-result-gold 1.35s .45s cubic-bezier(.3,.8,.25,1) both; }
.withdraw-request-result__person { position: absolute; top: 42px; right: 21px; display: grid; width: 68px; height: 68px; place-items: center; border: 2px solid #77cda4; border-radius: 20px; color: #08794c; background: linear-gradient(145deg,#f7fffb,#dff5ea); box-shadow: 0 13px 25px rgba(8,121,77,.15); animation: withdraw-result-person .65s 1.55s cubic-bezier(.2,.9,.25,1.3) both; }
.withdraw-request-result__person svg { width: 31px; height: 31px; }
.withdraw-request-result__success { position: absolute; z-index: 5; top: 18px; right: 5px; display: grid; width: 48px; height: 48px; place-items: center; border: 4px solid #fff; border-radius: 50%; color: #fff; background: radial-gradient(circle at 32% 22%,#35db98,#0aaa68 50%,#057849); box-shadow: 0 10px 24px rgba(5,127,75,.34); animation: withdraw-result-success 2.6s 1.55s cubic-bezier(.2,.9,.25,1.3) both; }
.withdraw-request-result__success::before,.withdraw-request-result__success::after { position: absolute; border: 2px solid rgba(17,181,108,.35); border-radius: 50%; content: ''; animation: withdraw-result-ripple 1.2s 1.85s ease-out both; }
.withdraw-request-result__success::before { inset: -10px; }
.withdraw-request-result__success::after { inset: -19px; animation-delay: 1.98s; }
.withdraw-request-result__success svg { width: 27px; height: 27px; stroke-width: 3; animation: withdraw-result-tick .65s 1.77s cubic-bezier(.2,.9,.25,1.3) both; }
.withdraw-request-result__confetti { position: absolute; z-index: 4; width: 7px; height: 7px; border-radius: 2px; opacity: 0; animation: withdraw-result-confetti .9s 1.9s ease-out both; }
.withdraw-request-result__confetti.one { top: 22px; right: 79px; background: #f0b62b; transform: rotate(22deg); }
.withdraw-request-result__confetti.two { top: 95px; right: 5px; background: #1dbd78; animation-delay: 2.02s; }
.withdraw-request-result__confetti.three { top: 19px; right: 1px; width: 5px; height: 11px; background: #269dd2; animation-delay: 2.1s; }

.withdraw-request-result__panel.is-cancelled > small { color: #c53b4b; }
.withdraw-request-result__cancel-scene { position: relative; width: min(100%,390px); height: 150px; }
.withdraw-request-result__cancel-phone { position: absolute; top: 37px; left: 28px; display: grid; width: 60px; height: 76px; place-items: center; border: 2px solid #6f91a8; border-radius: 14px; color: #456b84; background: #f5f9fb; box-shadow: 0 10px 20px rgba(37,78,105,.12); animation: withdraw-cancel-phone .5s ease-out both; }
.withdraw-request-result__cancel-phone b { font-size: .4rem; font-weight: 950; }
.withdraw-request-result__cancel-phone b span { color: #ce9515; }
.withdraw-request-result__cancel-path { position: absolute; top: 75px; right: 83px; left: 93px; height: 3px; overflow: hidden; background: #e6cfd3; }
.withdraw-request-result__cancel-path i { display: block; width: 42px; height: 100%; background: linear-gradient(90deg,transparent,#dd5262,transparent); animation: withdraw-cancel-route .72s linear 2; }
.withdraw-request-result__cancel-document { position: absolute; z-index: 3; top: 57px; left: 99px; display: grid; width: 42px; height: 38px; place-items: center; border: 1px solid #91b2c7; border-radius: 9px; color: #376f92; background: #fff; box-shadow: 0 7px 13px rgba(43,91,121,.14); animation: withdraw-cancel-document 1.15s .35s ease-in-out both; }
.withdraw-request-result__cancel-document svg { width: 21px; height: 21px; }
.withdraw-request-result__cancel-stop { position: absolute; z-index: 4; top: 39px; right: 23px; display: grid; width: 70px; height: 70px; place-items: center; border: 3px solid #e5a9b0; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#e96371,#be2e3e); box-shadow: 0 12px 25px rgba(176,40,55,.22); animation: withdraw-cancel-stop 1.7s .75s cubic-bezier(.2,.9,.25,1.15) both; }
.withdraw-request-result__cancel-stop::before { position: absolute; inset: -10px; border: 2px solid rgba(207,55,70,.25); border-radius: 50%; content: ''; animation: withdraw-cancel-ring .9s 1.15s ease-out both; }
.withdraw-request-result__cancel-stop svg { width: 34px; height: 34px; stroke-width: 2.7; }
.withdraw-request-result__stamp { position: absolute; z-index: 6; top: 103px; right: 67px; padding: 5px 12px; border: 3px solid #c73747; border-radius: 5px; color: #c73747; background: rgba(255,244,245,.93); font-size: .58rem; font-weight: 950; letter-spacing: .16em; transform: rotate(-7deg); animation: withdraw-cancel-stamp .65s 1.55s cubic-bezier(.2,.9,.25,1.4) both; }

@keyframes withdraw-result-phone-in { from { opacity: 0; transform: translateX(-18px) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes withdraw-result-path { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes withdraw-result-gold { 0% { left: 94px; opacity: 0; transform: scale(.7); } 18% { opacity: 1; transform: scale(1); } 78% { left: 283px; opacity: 1; transform: scale(1); } 100% { left: 283px; opacity: 0; transform: scale(.7); } }
@keyframes withdraw-result-person { 0% { opacity: 0; transform: scale(.75); } 65% { opacity: 1; transform: scale(1.13); } 100% { opacity: 1; transform: scale(1); } }
@keyframes withdraw-result-success { 0% { opacity: 0; transform: scale(.15) rotate(-32deg); } 22% { opacity: 1; transform: scale(1.28) rotate(8deg); } 34% { transform: scale(.9) rotate(-3deg); } 48%,90% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.85); } }
@keyframes withdraw-result-ripple { 0% { opacity: 0; transform: scale(.5); } 25% { opacity: 1; } 100% { opacity: 0; transform: scale(1.8); } }
@keyframes withdraw-result-tick { 0% { opacity: 0; transform: scale(.2) rotate(-20deg); } 65% { opacity: 1; transform: scale(1.25) rotate(5deg); } 100% { opacity: 1; transform: scale(1); } }
@keyframes withdraw-result-confetti { 0% { opacity: 0; transform: translate(0,0) scale(.2) rotate(0); } 35% { opacity: 1; } 100% { opacity: 0; transform: translate(12px,-22px) scale(1.1) rotate(160deg); } }
@keyframes withdraw-cancel-phone { from { opacity: 0; transform: translateX(-15px); } to { opacity: 1; transform: none; } }
@keyframes withdraw-cancel-route { from { transform: translateX(-45px); } to { transform: translateX(210px); } }
@keyframes withdraw-cancel-document { 0% { left: 99px; opacity: 0; transform: scale(.8); } 20% { opacity: 1; transform: scale(1); } 72% { left: 264px; opacity: 1; transform: scale(1); } 100% { left: 264px; opacity: 0; transform: scale(.6) rotate(10deg); } }
@keyframes withdraw-cancel-stop { 0% { opacity: 0; transform: scale(.5); } 45% { opacity: 1; transform: scale(1.14); } 62% { transform: scale(.93); } 100% { opacity: 1; transform: scale(1); } }
@keyframes withdraw-cancel-ring { 0% { opacity: 0; transform: scale(.5); } 35% { opacity: 1; } 100% { opacity: 0; transform: scale(1.75); } }
@keyframes withdraw-cancel-stamp { 0% { opacity: 0; transform: scale(2.1) rotate(-16deg); } 70% { opacity: 1; transform: scale(.9) rotate(-5deg); } 100% { opacity: 1; transform: scale(1) rotate(-7deg); } }

@media (max-width: 640px) {
    .withdraw-request-details-modal .fi-modal-footer { padding: 10px 12px 13px; }
    .withdraw-request-details-modal .fi-modal-footer-actions { grid-template-columns: 1fr 1.25fr; gap: 8px; }
    .withdraw-request-details-modal .fi-modal-footer-actions .fi-btn { min-height: 40px; padding-inline: 9px; font-size: .68rem; }
    .withdraw-request-modal { padding-top: 38px; }
    .withdraw-request-details-modal .withdraw-cancel-modal-action { top: 82px; right: 14px; min-height: 30px !important; padding: 5px 10px !important; font-size: .56rem; }
    .withdraw-request-result__panel { width: calc(100% - 20px); }
    .withdraw-request-result__scene,.withdraw-request-result__cancel-scene { width: min(100%,330px); transform: scale(.88); }
    .withdraw-request-result__panel > strong { font-size: .95rem; }
    .withdraw-request-result__panel > p { max-width: 310px; padding-inline: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .withdraw-request-result *,.withdraw-request-result *::before,.withdraw-request-result *::after { animation: none !important; }
}

/* Animated story inside the approve / cancel confirmation step. */
.withdraw-decision-modal { overflow: hidden; border-radius: 18px !important; }
.withdraw-decision-modal .fi-modal-header { padding-bottom: 8px; }
.withdraw-decision-modal .fi-modal-content { padding-top: 6px; }
.withdraw-decision-modal .fi-modal-footer { border-top: 1px solid #e5edf2; background: #fbfdfe; }
.withdraw-decision-modal .fi-modal-footer-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; width: 100%; }
.withdraw-decision-modal .fi-modal-footer-actions .fi-btn { justify-content: center; min-height: 42px; border-radius: 10px; font-weight: 850; }
.withdraw-decision-modal.is-approve .fi-modal-footer-actions .fi-btn-color-success { color: #fff; background: linear-gradient(135deg,#08a25f,#13b76f); box-shadow: 0 8px 18px rgba(8,155,91,.22); }
.withdraw-decision-modal.is-cancel .fi-modal-footer-actions .fi-btn-color-danger { color: #fff; background: linear-gradient(135deg,#e52e3a,#f04451); box-shadow: 0 8px 18px rgba(219,42,55,.2); }

.withdraw-decision-story { --story-accent:#0cab68; --story-soft:#e7f9f0; padding: 3px 2px 4px; }
.withdraw-decision-story.is-cancel { --story-accent:#e33140; --story-soft:#fff0f1; }
.withdraw-decision-story__scene { position: relative; isolation: isolate; width: min(100%,390px); height: 142px; margin-inline: auto; overflow: hidden; border: 1px solid #dceaf1; border-radius: 17px; background: radial-gradient(circle at 50% 45%,var(--story-soft),transparent 35%),radial-gradient(circle,#c8dce7 1px,transparent 1px),linear-gradient(145deg,#fbfdff,#f2f8fb); background-size: auto,18px 18px,auto; }
.withdraw-decision-story__scene::before { position: absolute; z-index: -1; right: -34px; bottom: -54px; width: 160px; height: 130px; border: 1px solid color-mix(in srgb,var(--story-accent) 17%,transparent); border-radius: 50%; content: ''; }
.withdraw-decision-story__scene::after { position: absolute; z-index: -1; top: -65px; left: 112px; width: 165px; height: 165px; border-radius: 50%; content: ''; background: color-mix(in srgb,var(--story-accent) 8%,transparent); filter: blur(2px); }
.withdraw-decision-story__orb { position: absolute; z-index: 1; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; background: color-mix(in srgb,var(--story-accent) 15%,#fff); box-shadow: 0 5px 12px color-mix(in srgb,var(--story-accent) 12%,transparent); animation: withdraw-decision-orb 4s ease-in-out infinite; }
.withdraw-decision-story__orb.one { top: 13px; left: 104px; width: 10px; height: 10px; }
.withdraw-decision-story__orb.two { right: 89px; bottom: 16px; width: 7px; height: 7px; animation-delay: -.9s; }
.withdraw-decision-story__ground { position: absolute; z-index: 1; right: 10px; bottom: 13px; left: 10px; height: 18px; border-radius: 50%; background: radial-gradient(ellipse,rgba(36,86,113,.1),transparent 65%); filter: blur(3px); }
.withdraw-decision-story__request { position: absolute; z-index: 3; top: 31px; left: 19px; width: 73px; height: 82px; padding: 10px; border: 1px solid #bcd7e7; border-radius: 12px; background: linear-gradient(155deg,#fff 0 73%,#f1f8fb); box-shadow: 0 13px 24px rgba(26,77,108,.15),inset 0 1px rgba(255,255,255,.9); transform: rotate(-2deg); animation: withdraw-decision-request .5s ease-out both,withdraw-decision-idle-card 3.2s 2.3s ease-in-out infinite; }
.withdraw-decision-story__request > b { position: absolute; top: 7px; right: 7px; color: #6e96ac; font-size: .3rem; font-weight: 950; letter-spacing: .11em; }
.withdraw-decision-story__request span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #087abb; background: #e7f5fc; }
.withdraw-decision-story__request svg { width: 17px; height: 17px; }
.withdraw-decision-story__request > i { display: block; width: 43px; height: 3px; margin-top: 6px; border-radius: 4px; background: #dce8ee; }
.withdraw-decision-story__request > i:nth-of-type(2) { width: 34px; }
.withdraw-decision-story__request > i:nth-of-type(3) { width: 39px; }
.withdraw-decision-story__request small { position: absolute; right: 7px; bottom: 5px; left: 7px; overflow: hidden; color: #7a93a3; font-size: .37rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.withdraw-decision-story__route { position: absolute; top: 69px; right: 79px; left: 93px; height: 4px; border-radius: 99px; background: #d8e6ec; }
.withdraw-decision-story__route::before { position: absolute; inset: 0; border-radius: inherit; content: ''; background: linear-gradient(90deg,#188ec9,var(--story-accent)); transform-origin: left; animation: withdraw-decision-route 1.25s .35s ease-in-out both; }
.withdraw-decision-story__route i { position: absolute; z-index: 2; top: -8px; left: 1px; display: grid; width: 20px; height: 20px; place-items: center; border: 3px solid #fff; border-radius: 7px; background: linear-gradient(145deg,color-mix(in srgb,var(--story-accent) 65%,#fff),var(--story-accent)); box-shadow: 0 4px 10px color-mix(in srgb,var(--story-accent) 35%,transparent); animation: withdraw-decision-packet 1.35s .42s ease-in-out both; }
.withdraw-decision-story__route i em { color: #fff; font-size: .3rem; font-style: normal; font-weight: 950; letter-spacing: -.02em; }
.withdraw-decision-story__route b { position: absolute; top: -3px; right: -1px; width: 10px; height: 10px; border-top: 3px solid var(--story-accent); border-right: 3px solid var(--story-accent); transform: rotate(45deg); }
.withdraw-decision-story__decision { position: absolute; z-index: 5; top: 43px; left: calc(50% - 27px); display: grid; width: 54px; justify-items: center; color: var(--story-accent); animation: withdraw-decision-mark .72s .78s cubic-bezier(.2,.9,.25,1.25) both; }
.withdraw-decision-story__decision span { display: grid; width: 48px; height: 48px; place-items: center; border: 4px solid #fff; border-radius: 50%; color: #fff; background: radial-gradient(circle at 32% 22%,color-mix(in srgb,var(--story-accent) 55%,#fff),var(--story-accent) 57%); box-shadow: 0 9px 20px color-mix(in srgb,var(--story-accent) 32%,transparent),0 0 0 5px color-mix(in srgb,var(--story-accent) 8%,transparent); animation: withdraw-decision-breathe 2.8s 2.1s ease-in-out infinite; }
.withdraw-decision-story__decision span::before { position: absolute; inset: -8px 3px 11px; border: 2px solid color-mix(in srgb,var(--story-accent) 30%,transparent); border-radius: 50%; content: ''; animation: withdraw-decision-ring .8s 1.02s ease-out both; }
.withdraw-decision-story__decision svg { width: 26px; height: 26px; stroke-width: 3; }
.withdraw-decision-story__decision small { margin-top: 4px; font-size: .42rem; font-weight: 950; letter-spacing: .13em; }
.withdraw-decision-story__phone { position: absolute; z-index: 3; top: 27px; right: 18px; display: grid; width: 59px; height: 88px; place-items: center; border: 2px solid color-mix(in srgb,var(--story-accent) 68%,#27769e); border-radius: 13px; color: #196b98; background: linear-gradient(145deg,#fff,#f5fbfd); box-shadow: 0 14px 26px rgba(23,89,126,.17),inset 0 0 0 3px #fff; transform: rotate(2deg); animation: withdraw-decision-phone .65s 1.3s ease-out both,withdraw-decision-idle-phone 3.2s 2.4s ease-in-out infinite; }
.withdraw-decision-story__phone b { align-self: end; font-size: .39rem; font-weight: 950; }
.withdraw-decision-story__phone b span { color: #d49a15; }
.withdraw-decision-story__phone i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: var(--story-accent); animation: withdraw-decision-phone-result .65s 1.62s cubic-bezier(.2,.9,.25,1.25) both; }
.withdraw-decision-story__phone i svg { width: 18px; height: 18px; stroke-width: 3; }
.withdraw-decision-story__phone u { position: absolute; top: 6px; right: 47px; padding: 4px 7px; border: 1px solid color-mix(in srgb,var(--story-accent) 30%,#fff); border-radius: 7px 7px 2px 7px; color: var(--story-accent); background: rgba(255,255,255,.96); box-shadow: 0 5px 12px rgba(36,80,105,.12); font-size: .3rem; font-weight: 950; letter-spacing: .08em; text-decoration: none; opacity: 0; animation: withdraw-decision-notification .52s 1.92s cubic-bezier(.2,.9,.25,1.25) both; }
.withdraw-decision-story__phone small { align-self: start; color: #8498a5; font-size: .34rem; font-weight: 900; letter-spacing: .08em; }
.withdraw-decision-story__spark { position: absolute; z-index: 6; width: 7px; height: 7px; border-radius: 2px; background: #f2b72c; opacity: 0; animation: withdraw-decision-spark .8s 1.72s ease-out both; }
.withdraw-decision-story__spark.one { top: 28px; right: 74px; }
.withdraw-decision-story__spark.two { top: 105px; right: 85px; background: #1e9bce; animation-delay: 1.8s; }
.withdraw-decision-story__spark.three { top: 19px; right: 21px; background: #20be79; animation-delay: 1.88s; }
.withdraw-decision-story__stamp { position: absolute; z-index: 8; right: 55px; bottom: 15px; padding: 4px 8px; border: 2px solid #d82d3c; border-radius: 4px; color: #d82d3c; background: rgba(255,247,248,.94); font-size: .47rem; font-weight: 950; letter-spacing: .11em; transform: rotate(-7deg); animation: withdraw-decision-stamp .65s 1.65s cubic-bezier(.2,.9,.25,1.35) both; }

.withdraw-decision-story__steps { display: grid; grid-template-columns: 1fr 28px 1fr 28px 1fr; align-items: start; margin: 12px auto 0; }
.withdraw-decision-story__steps span { display: grid; justify-items: center; gap: 4px; color: #5c7484; }
.withdraw-decision-story__steps b { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: #fff; background: var(--story-accent); font-size: .55rem; box-shadow: 0 4px 9px color-mix(in srgb,var(--story-accent) 25%,transparent); }
.withdraw-decision-story__steps small { font-size: .52rem; font-weight: 800; white-space: nowrap; }
.withdraw-decision-story__steps > i { height: 1px; margin-top: 11px; background: #cfdee6; }
.withdraw-decision-story > p { max-width: 390px; margin: 10px auto 0; color: #718693; font-size: .62rem; line-height: 1.55; text-align: center; }

@keyframes withdraw-decision-request { from { opacity: 0; transform: translateX(-12px) scale(.9) rotate(-2deg); } to { opacity: 1; transform: rotate(-2deg); } }
@keyframes withdraw-decision-route { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes withdraw-decision-packet { 0% { left: 1px; opacity: 0; transform: scale(.6); } 14% { opacity: 1; transform: scale(1); } 78% { left: calc(100% - 19px); opacity: 1; } 100% { left: calc(100% - 19px); opacity: 0; transform: scale(.65); } }
@keyframes withdraw-decision-mark { 0% { opacity: 0; transform: scale(.25) rotate(-22deg); } 58% { opacity: 1; transform: scale(1.18) rotate(5deg); } 78% { transform: scale(.92) rotate(-2deg); } 100% { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes withdraw-decision-ring { 0% { opacity: 0; transform: scale(.5); } 25% { opacity: 1; } 100% { opacity: 0; transform: scale(1.65); } }
@keyframes withdraw-decision-phone { from { opacity: .35; transform: translateX(10px) rotate(2deg); } to { opacity: 1; transform: rotate(2deg); } }
@keyframes withdraw-decision-phone-result { 0% { opacity: 0; transform: scale(.25) rotate(-20deg); } 65% { opacity: 1; transform: scale(1.25) rotate(5deg); } 100% { opacity: 1; transform: scale(1); } }
@keyframes withdraw-decision-spark { 0% { opacity: 0; transform: scale(.2); } 35% { opacity: 1; transform: scale(1.3) rotate(70deg); } 100% { opacity: 0; transform: translate(7px,-10px) scale(.7) rotate(150deg); } }
@keyframes withdraw-decision-stamp { 0% { opacity: 0; transform: scale(1.8) rotate(-16deg); } 70% { opacity: 1; transform: scale(.88) rotate(-5deg); } 100% { opacity: 1; transform: scale(1) rotate(-7deg); } }
@keyframes withdraw-decision-notification { from { opacity: 0; transform: translate(8px,5px) scale(.7); } to { opacity: 1; transform: none; } }
@keyframes withdraw-decision-orb { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes withdraw-decision-breathe { 0%,100% { box-shadow: 0 9px 20px color-mix(in srgb,var(--story-accent) 32%,transparent),0 0 0 5px color-mix(in srgb,var(--story-accent) 8%,transparent); } 50% { box-shadow: 0 11px 24px color-mix(in srgb,var(--story-accent) 40%,transparent),0 0 0 9px color-mix(in srgb,var(--story-accent) 4%,transparent); } }
@keyframes withdraw-decision-idle-card { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-3px) rotate(-2deg); } }
@keyframes withdraw-decision-idle-phone { 0%,100% { transform: translateY(0) rotate(2deg); } 50% { transform: translateY(-3px) rotate(2deg); } }

@media (max-width: 520px) {
    .withdraw-decision-modal { width: calc(100vw - 18px) !important; }
    .withdraw-decision-modal .fi-modal-header { padding: 16px 15px 7px; }
    .withdraw-decision-modal .fi-modal-content { padding: 5px 12px 13px; }
    .withdraw-decision-modal .fi-modal-footer { padding: 11px 12px 14px; }
    .withdraw-decision-modal .fi-modal-footer-actions { gap: 8px; }
    .withdraw-decision-modal .fi-modal-footer-actions .fi-btn { min-height: 40px; padding-inline: 8px; font-size: .68rem; }
    .withdraw-decision-story__scene { height: 127px; }
    .withdraw-decision-story__request { top: 25px; left: 10px; transform-origin: left center; }
    .withdraw-decision-story__phone { top: 20px; right: 9px; }
    .withdraw-decision-story__route { top: 62px; right: 70px; left: 84px; }
    .withdraw-decision-story__decision { top: 37px; }
    .withdraw-decision-story__stamp { right: 43px; bottom: 8px; }
    .withdraw-decision-story__steps { grid-template-columns: 1fr 14px 1fr 14px 1fr; }
    .withdraw-decision-story__steps small { font-size: .47rem; }
}

@media (prefers-reduced-motion: reduce) {
    .withdraw-decision-story *,.withdraw-decision-story *::before,.withdraw-decision-story *::after { animation: none !important; }
}

/* Shared EasyGold blue banner palette. Keep red danger / issue banners semantic. */
:is(
    .gold-hero--withdraw,
    .central-warehouse-hero,
    .warehouse-receipt-create-hero:not(.warehouse-receipt-create-hero--issue),
    .branch-directory-hero,
    .branch-edit-hero,
    .fee-approval-hero,
    .gold-rental-hero,
    .rental-dashboard-hero,
    .withdraw-admin-hero,
    .fi-resource-warehouse-receipts.fi-resource-list-records-page .fi-header
) {
    border-color: rgba(137, 202, 255, .32) !important;
    color: #fff;
    background:
        radial-gradient(circle at 80% 20%, rgba(77, 170, 255, .2), transparent 31%),
        linear-gradient(125deg, #073e78 0%, #0c5da3 55%, #1681d4 100%) !important;
    box-shadow: 0 18px 44px rgba(5, 69, 121, .18), inset 0 1px rgba(255, 255, 255, .13);
}

.withdraw-admin-hero__grid,
.branch-edit-hero__grid,
.fee-approval-hero__grid,
.gold-rental-hero__grid,
.central-warehouse-hero__grid {
    opacity: .16;
    background-image:
        linear-gradient(rgba(255, 255, 255, .22) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .22) 1px, transparent 1px);
}

:is(
    .branch-directory-hero,
    .branch-edit-hero,
    .fee-approval-hero,
    .gold-rental-hero,
    .withdraw-admin-hero
) h1 {
    color: #fff;
}

:is(
    .branch-edit-hero,
    .fee-approval-hero,
    .gold-rental-hero,
    .withdraw-admin-hero
) h1 span,
.branch-directory-hero__count strong {
    color: #ffd15b;
}

:is(
    .central-warehouse-hero__eyebrow,
    .warehouse-receipt-create-hero__eyebrow,
    .branch-edit-hero__eyebrow,
    .fee-approval-hero__eyebrow,
    .gold-rental-hero__eyebrow,
    .withdraw-admin-hero__eyebrow,
    .branch-directory-hero p
) {
    color: #9bdcff;
}

:is(
    .central-warehouse-hero__content > p,
    .warehouse-receipt-create-hero p,
    .branch-edit-hero__identity p,
    .fee-approval-hero__intro p,
    .gold-rental-hero__intro > p,
    .withdraw-admin-hero__intro p
) {
    color: rgba(226, 243, 255, .78);
}

:is(
    .branch-edit-hero__metrics article,
    .fee-approval-hero__metrics article,
    .withdraw-admin-hero__metrics article,
    .central-warehouse-hero__metrics > div,
    .gold-hero__metric,
    .gold-rental-metrics article
) {
    border-color: rgba(173, 220, 255, .2);
    background: rgba(4, 48, 91, .3);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
}

:is(
    .branch-edit-hero__metrics small,
    .fee-approval-hero__metrics small,
    .withdraw-admin-hero__metrics small,
    .central-warehouse-hero__metrics small
) {
    color: #9bcbea;
}

:is(
    .branch-edit-hero__metrics span,
    .fee-approval-hero__metrics span,
    .withdraw-admin-hero__metrics span
) {
    color: #b5d3e7;
}

:is(
    .branch-edit-hero__metrics strong,
    .fee-approval-hero__metrics strong,
    .withdraw-admin-hero__metrics strong,
    .central-warehouse-hero__metrics strong
) {
    color: #fff;
}

.branch-directory-hero__count {
    border-color: rgba(173, 220, 255, .24);
    background: rgba(4, 48, 91, .34);
}

.branch-directory-hero__count small { color: #b5d3e7; }
.withdraw-admin-hero__metrics .is-pending strong { color: #ffd15b; }
.withdraw-admin-hero__metrics .is-approved strong { color: #64e2aa; }
.withdraw-admin-hero__metrics .is-weight strong { color: #8fdcff; }
.withdraw-admin-hero__glow { background: rgba(93, 201, 255, .28); }
.fee-approval-hero__glow,
.branch-edit-hero__glow,
.gold-rental-hero__glow { background: rgba(78, 190, 247, .24); }

/* Withdrawal banner — premium travelling light */
.withdraw-admin-hero__sweep {
    position: absolute;
    inset: 1px;
    z-index: 0;
    overflow: hidden;
    border-radius: 18px;
    clip-path: inset(0 round 18px);
    contain: paint;
    pointer-events: none;
}

.withdraw-admin-hero__sweep::before,
.withdraw-admin-hero__sweep::after {
    position: absolute;
    top: -18%;
    bottom: -18%;
    left: -30%;
    content: '';
    opacity: 0;
    -webkit-mask-image: linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
    mask-image: linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
    transform: translate3d(-180%, 0, 0) skewX(-17deg);
    will-change: transform, opacity;
}

.withdraw-admin-hero__sweep::before {
    width: 24%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(95, 211, 255, .03) 20%,
        rgba(179, 231, 255, .14) 40%,
        rgba(255, 255, 255, .34) 50%,
        rgba(255, 221, 128, .11) 60%,
        transparent 100%
    );
    filter: blur(3px);
    animation: withdraw-banner-sweep 10.5s cubic-bezier(.42, 0, .22, 1) infinite;
}

.withdraw-admin-hero__sweep::after {
    left: -22%;
    width: 5%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 216, 103, .14) 32%,
        rgba(226, 247, 255, .62) 51%,
        rgba(94, 205, 255, .11) 70%,
        transparent
    );
    filter: blur(7px);
    animation: withdraw-banner-sweep 10.5s cubic-bezier(.42, 0, .22, 1) 1.05s infinite;
}

@keyframes withdraw-banner-sweep {
    0%, 14% {
        opacity: 0;
        transform: translate3d(-180%, 0, 0) skewX(-17deg);
    }

    23% { opacity: .62; }
    57% { opacity: .48; }

    69%, 100% {
        opacity: 0;
        transform: translate3d(710%, 0, 0) skewX(-17deg);
    }
}