/* Exact donor shell geometry, deliberately limited to merchant presentation. */
#figmaFrame.merchant-cabinet-v2 .merchant-projects-page :is(.add-project-button, .primary-btn),
#figmaFrame.merchant-cabinet-v2 .merchant-project-detail-page :is(.add-project-button, .submit-moderation, .primary-btn),
#figmaFrame.merchant-cabinet-v2 .project-create-overlay .add-project-button {
    background-color: #f61833;
    background-image: none;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, transform 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .merchant-projects-page :is(.add-project-button, .primary-btn):hover:not(:disabled),
#figmaFrame.merchant-cabinet-v2 .merchant-project-detail-page :is(.add-project-button, .submit-moderation, .primary-btn):hover:not(:disabled),
#figmaFrame.merchant-cabinet-v2 .project-create-overlay .add-project-button:hover:not(:disabled) {
    background-color: #1d1d1d;
    background-image: none;
    border-color: #1d1d1d;
    color: #fff;
}

#figmaFrame.merchant-cabinet-v2 :is(.merchant-projects-page, .merchant-project-detail-page) .projects-secondary-action:not(.danger-action),
#figmaFrame.merchant-cabinet-v2 .project-create-overlay .projects-secondary-action:not(.danger-action) {
    transition: border-color 320ms ease-out, transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 :is(.merchant-projects-page, .merchant-project-detail-page) .projects-secondary-action:not(.danger-action):hover:not(:disabled),
#figmaFrame.merchant-cabinet-v2 .project-create-overlay .projects-secondary-action:not(.danger-action):hover:not(:disabled) {
    border-color: #1d1d1d;
}

#figmaFrame.merchant-cabinet-v2 .approval-controls-row .mode-tab {
    transition: background-color 240ms ease, transform 0.2s ease;
}

#figmaFrame.merchant-cabinet-v2 .approval-controls-row .mode-tab:hover:not(:disabled):not(.active) {
    background-color: #e1e5ea;
}

#figmaFrame.merchant-cabinet-v2 .create-link-button {
    background-color: #f61833;
    background-image: none;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, transform 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .create-link-button:hover:not(:disabled) {
    background-color: #1d1d1d;
    background-image: none;
    border-color: #1d1d1d;
    color: #fff;
}

#figmaFrame.merchant-cabinet-v2 .header-notifications-all {
    background-color: #f61833;
    background-image: none;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, transform 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .header-notifications-all:hover:not(:disabled) {
    background-color: #1d1d1d;
    background-image: none;
    border-color: #1d1d1d;
    color: #fff;
}

#figmaFrame.merchant-cabinet-v2 .header-notifications-clear {
    transition: border-color 320ms ease-out, transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .header-notifications-clear:hover:not(:disabled) {
    border-color: #1d1d1d;
}

#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter {
    transition: transform 220ms ease, box-shadow 220ms ease;
}

#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter:hover {
    z-index: 5;
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(0, 8, 33, 0.12), 0 2px 8px rgba(0, 8, 33, 0.06);
}

#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel input:not(.payhot-datetime-local__time-chip),
#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel select,
#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel .filter-grid .payhot-dropdown-button {
    background-color: #eef3f8;
    transition: background-color 220ms ease;
}

#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel input:not(.payhot-datetime-local__time-chip):hover,
#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel select:hover,
#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel .filter-grid .payhot-dropdown-button:hover:not(:disabled) {
    background-color: #e1e5ea;
}

#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel .primary-btn {
    background-color: #f61833;
    background-image: none;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, transform 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel .primary-btn:hover:not(:disabled) {
    background-color: #1d1d1d;
    background-image: none;
    border-color: #1d1d1d;
    color: #fff;
}

#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel .ghost-btn {
    transition: border-color 320ms ease-out, transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter-panel .ghost-btn:hover:not(:disabled) {
    border-color: #1d1d1d;
}

/* Cashbox actions: exact donor shared CTA and outline-hover contract. */
#figmaFrame.merchant-cabinet-v2 .cashbox-runtime-page .cashbox-primary-action,
#figmaFrame.merchant-cabinet-v2 .cashbox-runtime-page .cashbox-primary-action.cashbox-fields-save {
    background-color: #f61833;
    background-image: none;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, transform 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .cashbox-runtime-page .cashbox-primary-action:hover:not(:disabled),
#figmaFrame.merchant-cabinet-v2 .cashbox-runtime-page .cashbox-primary-action.cashbox-fields-save:hover:not(:disabled) {
    background-color: #1d1d1d;
    background-image: none;
    border-color: #1d1d1d;
    color: #fff;
}

#figmaFrame.merchant-cabinet-v2 .cashbox-runtime-page .cashbox-refresh-button {
    transition: border-color 320ms ease-out, transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .cashbox-runtime-page .cashbox-refresh-button:hover:not(:disabled) {
    border-color: #1d1d1d;
}

/* Disputes controls: exact donor filter, CTA, and outline-hover contract. */
#figmaFrame.merchant-cabinet-v2 .disputes-runtime-page .disputes-filter {
    transition: transform 220ms ease, box-shadow 220ms ease;
}

#figmaFrame.merchant-cabinet-v2 .disputes-runtime-page .disputes-filter:hover {
    z-index: 5;
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(0, 8, 33, 0.12), 0 2px 8px rgba(0, 8, 33, 0.06);
}

#figmaFrame.merchant-cabinet-v2 :is(.disputes-runtime-page, .disputes-detail-panel) .filter-grid input:not([type="checkbox"]):not([type="radio"]):not(.payhot-datetime-local__time-chip),
#figmaFrame.merchant-cabinet-v2 :is(.disputes-runtime-page, .disputes-detail-panel) .filter-grid .payhot-dropdown-button {
    border: 0;
    background-color: #eef3f8;
    box-shadow: none;
    transition: background-color 220ms ease;
}

#figmaFrame.merchant-cabinet-v2 :is(.disputes-runtime-page, .disputes-detail-panel) .filter-grid input:not([type="checkbox"]):not([type="radio"]):not(.payhot-datetime-local__time-chip):hover,
#figmaFrame.merchant-cabinet-v2 :is(.disputes-runtime-page, .disputes-detail-panel) .filter-grid .payhot-dropdown-button:hover:not(:disabled) {
    background-color: #e1e5ea;
    transform: none;
    box-shadow: none;
}

#figmaFrame.merchant-cabinet-v2 :is(.disputes-filter-panel, .disputes-detail-panel) .primary-btn {
    background-color: #f61833;
    background-image: none;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, transform 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 :is(.disputes-filter-panel, .disputes-detail-panel) .primary-btn:hover:not(:disabled) {
    background-color: #1d1d1d;
    background-image: none;
    border-color: #1d1d1d;
    color: #fff;
}

#figmaFrame.merchant-cabinet-v2 :is(.disputes-filter-panel, .disputes-detail-panel) .ghost-btn {
    transition: border-color 320ms ease-out, transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 :is(.disputes-filter-panel, .disputes-detail-panel) .ghost-btn:hover:not(:disabled) {
    border-color: #1d1d1d;
}

/* Statistics controls: exact donor CTA and dropdown hover contract. */
#figmaFrame.merchant-cabinet-v2 .statistics-reference-filters .refresh {
    background-color: #f61833;
    background-image: none;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, transform 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .statistics-reference-filters .refresh:hover:not(:disabled) {
    background-color: #1d1d1d;
    background-image: none;
    border-color: #1d1d1d;
    color: #fff;
}

#figmaFrame.merchant-cabinet-v2 .statistics-runtime-page .payhot-dropdown-button {
    border: 0;
    background-color: #eef3f8;
    box-shadow: none;
    transition: background-color 220ms ease;
}

#figmaFrame.merchant-cabinet-v2 .statistics-runtime-page .payhot-dropdown-button:hover:not(:disabled) {
    background-color: #e1e5ea;
    transform: none;
    box-shadow: none;
}

/* Exports controls: exact donor button and dropdown hover contract. */
#figmaFrame.merchant-cabinet-v2 .exports-runtime-page :is(.create-export, .exports-primary-action, .submit-export-create, .download-button:not(.is-disabled)) {
    background-color: #f61833;
    background-image: none;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, transform 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .exports-runtime-page :is(.create-export, .exports-primary-action, .submit-export-create, .download-button:not(.is-disabled)):hover:not(:disabled) {
    background-color: #1d1d1d;
    background-image: none;
    border-color: #1d1d1d;
    color: #fff;
}

#figmaFrame.merchant-cabinet-v2 .exports-runtime-page :is(.exports-refresh-button, .exports-ghost-action) {
    transition: border-color 320ms ease-out, transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

#figmaFrame.merchant-cabinet-v2 .exports-runtime-page :is(.exports-refresh-button, .exports-ghost-action):hover:not(:disabled) {
    border-color: #1d1d1d;
}

#figmaFrame.merchant-cabinet-v2 .exports-runtime-page :is(.exports-field, .exports-filter-panel, .export-create-panel) .payhot-dropdown-button {
    border: 0;
    background-color: #eef3f8;
    box-shadow: none;
    transition: background-color 220ms ease;
}

#figmaFrame.merchant-cabinet-v2 .exports-runtime-page :is(.exports-field, .exports-filter-panel, .export-create-panel) .payhot-dropdown-button:hover:not(:disabled) {
    background-color: #e1e5ea;
    transform: none;
    box-shadow: none;
}

#figmaFrame.merchant-cabinet-v2 .exports-runtime-page :is(.exports-field, .exports-filter-panel, .export-create-panel) .payhot-dropdown:focus-within .payhot-dropdown-button {
    border: 0;
    border-color: transparent;
    box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
    #figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter {
        transition: box-shadow 220ms ease;
    }

    #figmaFrame.merchant-cabinet-v2 .orders-runtime-page .orders-filter:hover {
        transform: none;
    }

    #figmaFrame.merchant-cabinet-v2 .disputes-runtime-page .disputes-filter {
        transition: box-shadow 220ms ease;
    }

    #figmaFrame.merchant-cabinet-v2 .disputes-runtime-page .disputes-filter:hover {
        transform: none;
    }
}

/* Donor status-filter motion: the shell moves, never the inner dropdown control. */
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
    #figmaFrame.merchant-cabinet-v2 :is(
        .payment-links-runtime-page .payment-status-filter,
        .cashouts-runtime-page .status-filter,
        .settlements-runtime-page .status-filter
    ) {
        transition: transform 220ms ease, box-shadow 220ms ease;
    }

    #figmaFrame.merchant-cabinet-v2 :is(
        .payment-links-runtime-page .payment-status-filter,
        .cashouts-runtime-page .status-filter,
        .settlements-runtime-page .status-filter
    ):hover {
        z-index: 5;
        transform: scale(1.05);
        box-shadow: 0 8px 24px rgba(0, 8, 33, 0.12), 0 2px 8px rgba(0, 8, 33, 0.06);
    }
}

@media (prefers-reduced-motion: reduce) {
    #figmaFrame.merchant-cabinet-v2 :is(
        .payment-links-runtime-page .payment-status-filter,
        .cashouts-runtime-page .status-filter,
        .settlements-runtime-page .status-filter
    ) {
        transition: box-shadow 220ms ease;
    }

    #figmaFrame.merchant-cabinet-v2 :is(
        .payment-links-runtime-page .payment-status-filter,
        .cashouts-runtime-page .status-filter,
        .settlements-runtime-page .status-filter
    ):hover {
        transform: none;
    }
}

@media (min-width: 768px) {
    #figmaFrame.merchant-cabinet-v2 .topbar { position:absolute; left:0; top:0; z-index:20; display:flex; align-items:center; gap:16px; box-sizing:border-box; width:100%; max-width:none; height:77px; padding:10px 72px; }
    #figmaFrame.merchant-cabinet-v2 .brand { position:relative; left:auto; top:auto; flex:0 0 auto; width:163px; height:36px; }
    #figmaFrame.merchant-cabinet-v2 .brand > a { position:absolute; left:0; top:-2px; display:flex; align-items:center; width:104px; height:36px; }
    #figmaFrame.merchant-cabinet-v2 .brand-logo { position:static; width:104px; height:26px; object-fit:contain; object-position:left center; }
    #figmaFrame.merchant-cabinet-v2 .theme-toggle { left:109px; top:0; }
    #figmaFrame.merchant-cabinet-v2 .topbar-balances { display:flex; flex:1 1 auto; align-items:center; justify-content:center; gap:8px; min-width:0; }
    #figmaFrame.merchant-cabinet-v2 .balance-card { position:relative; left:auto !important; top:auto; flex:0 1 auto; min-width:0; height:57px; overflow:hidden; }
    #figmaFrame.merchant-cabinet-v2 .balance-card-hold { width:250px; flex:0 1 250px; max-width:100%; }
    #figmaFrame.merchant-cabinet-v2 .balance-card-available { width:415px; flex:0 1 415px; max-width:100%; }
    #figmaFrame.merchant-cabinet-v2 .balance-value-row { overflow:hidden; }
    #figmaFrame.merchant-cabinet-v2 .topbar-actions { position:relative; display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; gap:12px; min-width:0; margin-left:auto; }
    #figmaFrame.merchant-cabinet-v2 :is(.bell-button,.profile-button) { position:relative; left:auto !important; right:auto !important; top:auto; flex:0 0 auto; }
    #figmaFrame.merchant-cabinet-v2 .profile-dropdown { left:auto !important; right:0 !important; top:calc(100% + 8px); }
    #figmaFrame.merchant-cabinet-v2 .profile-dropdown-backdrop { position:fixed; left:0; top:0; width:100vw; height:100dvh; }
    #figmaFrame.merchant-cabinet-v2 .side-menu-rail { display:contents; }
    #figmaFrame.merchant-cabinet-v2 .side-menu { position:fixed; top:89px; left:68px; z-index:21; width:282px; height:0; margin:0; overflow:visible; }
    #figmaFrame.merchant-cabinet-v2 .side-menu-list { max-height:calc(100dvh - 105px); height:auto; }
    #figmaFrame.merchant-cabinet-v2 .side-menu-list.with-create-link { top:64px; max-height:calc(100dvh - 145px); height:auto; }
    #figmaFrame.merchant-cabinet-v2 .telegram-widget { position:absolute; top:auto; left:68px; bottom:calc(var(--shell-footer-height, 221px) + var(--shell-footer-gap, 72px) + 16px); z-index:4; }
    @media (max-width:1114px) {
        #figmaFrame.merchant-cabinet-v2 .topbar { gap:12px; padding-right:24px; }
        #figmaFrame.merchant-cabinet-v2 .topbar-balances { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
        #figmaFrame.merchant-cabinet-v2 .topbar-balances::-webkit-scrollbar { display:none; }
        #figmaFrame.merchant-cabinet-v2 .balance-card-hold { width:200px; flex:0 0 200px; }
        #figmaFrame.merchant-cabinet-v2 .balance-card-available { width:300px; flex:0 0 300px; }
        #figmaFrame.merchant-cabinet-v2 :is(.balance-approx,.balance-usdt) { display:none; }
        #figmaFrame.merchant-cabinet-v2 .balance-card-available .balance-value-row { right:100px; }
    }
}

@media (max-width: 767px) {
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation { display:flex; flex-direction:column; gap:clamp(10px,1.8vh,16px); width:100%; max-height:100%; min-height:0; padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px)); overflow:hidden; color:#1d1d1d; background:#f0f4f8; font-family:var(--font-ui); }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation, #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation *, #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation *::before, #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation *::after { box-sizing:border-box; }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation header { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:16px; padding:0 4px; }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation header p { margin:0 0 4px; color:#707784; font:600 11px/1 var(--font-ui); letter-spacing:1.3px; text-transform:uppercase; }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation header h2 { margin:0; color:#1d1d1d; font:500 22px/.95 var(--font-title); }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation header button { display:grid; flex:0 0 auto; width:40px; height:40px; place-items:center; padding:0; border:0; border-radius:50%; color:#1d1d1d; background:#fff; box-shadow:0 5px 16px rgba(28,45,68,.1); font:400 28px/1 var(--font-ui); }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation nav { display:grid; flex:1 1 auto; grid-auto-rows:minmax(0,1fr); gap:clamp(4px,1vh,8px); min-height:0; overflow:hidden; }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation nav a { display:grid; grid-template-columns:clamp(36px,5.5vh,44px) minmax(0,1fr) 22px; min-height:0; height:100%; max-height:56px; align-items:center; gap:10px; padding:6px 10px 6px 6px; border:1px solid rgba(46,74,105,.1); border-radius:14px; color:#1d1d1d; background:#fff; text-decoration:none; }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation nav img { width:clamp(36px,5.5vh,44px); height:clamp(36px,5.5vh,44px); padding:clamp(8px,1.2vh,11px); border-radius:12px; background:#f0f4f8; object-fit:contain; }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation nav span { min-width:0; overflow:hidden; font:600 clamp(13px,1.8vh,14px)/1.15 var(--font-ui); text-overflow:ellipsis; white-space:nowrap; }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation nav b { color:#707784; font:400 24px/1 var(--font-ui); text-align:center; }
    #figmaFrame.merchant-cabinet-v2 .mobile-more-navigation nav a:active { transform:translateY(1px); }
}
/* Desktop payout creation uses a scoped component canvas. Keep the viewport
   backdrop and drawer shell explicit here because they are rendered by the
   shared overlay component outside that canvas. Do not style its children. */
@media (min-width: 768px) {
  #figmaFrame.merchant-cabinet-v2 .payout-reference-overlay.payhot-overlay {
    position: fixed;
    inset: 0;
    z-index: var(--payhot-modal-backdrop-z, 2147483000);
    isolation: isolate;
    pointer-events: none;
  }

  #figmaFrame.merchant-cabinet-v2 .payout-reference-overlay .payhot-overlay-backdrop {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: auto;
    height: auto;
    border: 0;
    background: rgba(11, 18, 30, .3);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    pointer-events: auto;
  }

  #figmaFrame.merchant-cabinet-v2 .payout-reference-overlay .payhot-overlay-panel.payout-reference-drawer {
    position: fixed;
    inset: 24px 24px 24px auto;
    z-index: 1;
    width: 512px;
    max-width: calc(100dvw - 48px);
    max-height: calc(100dvh - 48px);
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 0;
    border-radius: 32px;
    background: #f0f4f8;
    box-shadow: 0 16px 64px rgba(19, 32, 51, .22);
    pointer-events: auto;
  }

  #figmaFrame.merchant-cabinet-v2 .payout-reference-runtime .payhot-modal-close {
    display: inline-grid;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #1d1d1d;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12), 0 0 80px rgba(0, 0, 0, .23);
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
  }

  #figmaFrame.merchant-cabinet-v2 .payout-reference-runtime .payhot-modal-close--absolute {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
  }

  #figmaFrame.merchant-cabinet-v2 .payout-reference-runtime .payhot-modal-close__icon {
    display: block;
    width: 14px;
    height: 14px;
  }

  #figmaFrame.merchant-cabinet-v2 .payout-reference-runtime .payhot-modal-close:hover {
    background-color: #f91c2e;
    color: #fbfefd;
  }

  #figmaFrame.merchant-cabinet-v2 .payout-reference-runtime .payhot-modal-close:focus-visible {
    outline: 2px solid #f91c2e;
    outline-offset: 2px;
  }
}