/* Deal form selectors and confirmation sheet */
#page-deal-view .deal-view-amount-card{background-color:#303030;background-image:radial-gradient(rgba(255,255,255,.12) .7px,transparent .8px);background-size:5px 5px}
.deal-view-user-role{margin-left:auto;align-self:flex-start;color:#929292;font-size:13px;white-space:nowrap}
.deal-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}
.deal-custom-select{position:relative;margin:0 0 11px}
.deal-custom-trigger{width:100%;min-height:40px;border:1px solid transparent;border-radius:10px;background:#1d1d1d;color:#eee;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font:14px Inter,sans-serif}
.deal-custom-trigger.open{border-color:#fee600;box-shadow:0 0 0 1px #fee60055}
.deal-custom-trigger.open .deal-custom-chevron{transform:rotate(180deg);color:#fee600}
.deal-custom-chevron{flex:0 0 auto;color:#919191;font-size:20px;line-height:13px;transition:transform .16s ease,color .16s ease}
.deal-custom-menu{position:absolute;z-index:100;top:calc(100% + 5px);left:0;right:0;overflow:hidden;border:1px solid #414141;border-radius:11px;background:#292929;box-shadow:0 14px 32px #000b}
.deal-custom-menu.hidden{display:none}
.deal-custom-menu.open-up{top:auto;bottom:calc(100% + 5px)}
.deal-custom-menu button{width:100%;min-height:42px;border:0;border-bottom:1px solid #353535;background:transparent;color:#eee;padding:9px 12px;text-align:left;font:14px Inter,sans-serif}
.deal-custom-menu button:last-child{border-bottom:0}
.deal-custom-menu button:hover,.deal-custom-menu button:focus-visible{background:#363636;color:#fee600;box-shadow:none;filter:none;transform:none}
.deal-confirm-overlay{position:fixed;inset:0;z-index:52000;display:flex;align-items:flex-end;justify-content:center;background:#000b;padding-top:env(safe-area-inset-top)}
.deal-confirm-overlay.hidden{display:none}
.deal-confirm-sheet{position:relative;width:min(480px,100%);box-sizing:border-box;border-radius:15px 15px 0 0;background:#292929;padding:14px 11px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -12px 34px #0009;color:#fff}
.deal-confirm-sheet h3{margin:0 28px 10px 0;font:700 22px/1.2 Inter,sans-serif}
.deal-confirm-sheet p{margin:0;color:#b6b6b6;font:14px/1.35 Inter,sans-serif}
.deal-confirm-close{position:absolute;top:9px;right:9px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#999;font:30px/28px Inter,sans-serif}
.deal-confirm-close:hover{background:transparent!important;color:#fff!important;box-shadow:none!important;filter:none!important;outline:none!important}
.deal-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}
.deal-confirm-actions button{width:100%;min-height:41px;border-radius:10px;font:600 14px Inter,sans-serif}

/* ── Deal view cards (Photo 3 pixel-perfect colors) ── */
.deal-view-amount-label{color:#878787;font-size:13px;margin-bottom:2px}
.deal-view-amount-main{color:#fee600;font:700 24px/1.2 Inter,sans-serif}
.deal-view-amount-usd{color:#878787;font-size:14px;margin-top:2px}
.deal-view-awaiting-badge{display:inline-block;margin-top:8px;padding:3px 12px;border-radius:12px;background:#383838;color:#878787;font:500 12px Inter,sans-serif}
.deal-view-awaiting-badge.hidden{display:none}

.deal-view-type-card,
#deal-view-payment-total-card,
.deal-view-status-card{background:#1c1c1c!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:8px!important;border:none!important}
.deal-view-status-item{display:flex;align-items:center;gap:12px}
.deal-view-status-icon{flex:0 0 38px;height:38px;border-radius:10px;background:#282828!important;display:grid;place-items:center}
.deal-view-status-info{min-width:0;display:grid;gap:2px}
.deal-view-status-label{color:#878787!important;font:400 12.5px Inter,sans-serif!important}
.deal-view-status-value{color:#ffffff!important;font:600 15px Inter,sans-serif!important}
#deal-view-payment-status{color:#3ea6d6!important;font:600 15px Inter,sans-serif!important}
.deal-view-payment-total-card.hidden{display:none}
.deal-view-payment-deadline{margin:4px 0 10px 2px;color:#878787;font:400 12px/1.3 Inter,sans-serif}
.deal-view-payment-deadline.hidden{display:none}

/* ── Action Buttons Container (Photo 3 side-by-side & in_progress column) ── */
.deal-actions-wrap{width:100%;margin:10px 0;box-sizing:border-box}
.deal-actions-wrap.hidden{display:none!important}

/* Photo 3: Side-by-side row */
.deal-actions-wrap.deal-actions-row{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:stretch!important}
.deal-actions-wrap.deal-actions-row>button{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0 10px!important;border-radius:10px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1!important;text-align:center!important;box-sizing:border-box!important;border:none!important;cursor:pointer!important}

/* Column mode: in_progress & completed */
.deal-actions-wrap.deal-actions-column{display:flex!important;flex-direction:column!important;gap:8px!important}
.deal-actions-wrap.deal-actions-column>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0!important;padding:0 16px!important;box-sizing:border-box!important;border:none!important;cursor:pointer!important;text-align:center!important;line-height:1!important}
.deal-actions-wrap.deal-actions-column #deal-view-action-btn{min-height:48px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important}
.deal-actions-wrap.deal-actions-column #deal-go-chat{min-height:44px!important;border-radius:10px!important;font-size:15px!important;font-weight:600!important}

/* Colors strictly matching Photo 3 */
#deal-view-action-btn.btn-yellow,
.deal-actions-wrap .btn-yellow{background:#fee600!important;color:#000000!important}
#deal-view-action-btn.btn-yellow:active{background:#e5cf00!important}
#deal-go-chat,
.deal-actions-wrap .deal-chat-btn,
.deal-actions-wrap .btn-dark{background:#383838!important;color:#ffffff!important}
#deal-go-chat:active,
.deal-actions-wrap .deal-chat-btn:active{background:#444444!important}
.deal-actions-wrap button:disabled{background:#2c2c2c!important;color:#878787!important;cursor:not-allowed!important}

/* Pending confirmation row */
.deal-decision-row{display:flex;gap:8px;margin:9px 0}
.deal-decision-row.hidden{display:none!important}
.deal-decision-row button{flex:1;min-height:44px;border-radius:10px;font:600 15px Inter,sans-serif}

/* ── Payment Screen (Photo 1 & Photo 5 exact colors) ── */
#deal-payment-mode{padding:0 0 20px;color:#fff}
.payment-page-header{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 14px;color:#fff;font:700 20px/1.2 Inter,sans-serif}
.payment-page-close{width:32px;height:32px;border:0;border-radius:50%;background:#383838;color:#a0a0a0;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}
.payment-page-close:hover{color:#fff!important;background:#444!important;box-shadow:none!important;outline:none!important;filter:none!important}

/* Top QR Card */
.payment-qr-card{margin:0 0 14px;padding:16px 14px 14px;border-radius:14px;background:#383838;text-align:center;box-sizing:border-box}
.payment-qr-wrap{width:200px;height:200px;max-width:100%;margin:0 auto 12px;padding:10px;border-radius:12px;background:#ffffff;display:grid;place-items:center;box-sizing:border-box}
.payment-qr-img{width:100%;height:100%;object-fit:contain}
.payment-qr-hint{margin:0;color:#fee600;font:600 13px/1.35 Inter,sans-serif;text-align:center}

/* Network Card */
.payment-network-card{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:#383838;box-sizing:border-box}
.payment-network-icon,
img.payment-network-icon{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px;display:block}
.payment-network-card div{display:flex;flex-direction:column;gap:2px}
.payment-network-card span{color:#878787;font:400 12.5px/1 Inter,sans-serif}
.payment-network-card b{color:#ffffff;font:600 16px/1.2 Inter,sans-serif}

/* Summary Section (Text on #282828 background, matching Photo 1) */
.payment-summary{display:flex;flex-direction:column;gap:12px;margin:0 0 16px;padding:0 2px}
.payment-summary>div{display:flex;flex-direction:column;gap:3px}
.payment-summary span{color:#878787;font:400 13px/1 Inter,sans-serif}
.payment-summary b{color:#ffffff;font:600 15.5px/1.2 Inter,sans-serif}

/* Amount Pills Grid */
.payment-amount-label{color:#878787;font:400 13px/1 Inter,sans-serif;margin:0 0 6px 2px}
.payment-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px}
.payment-value-grid>div{min-width:0;display:flex;align-items:center;padding:11px 12px;border-radius:10px;background:#1c1c1c;min-height:44px;box-sizing:border-box}
.payment-value-grid span{color:#878787;font:400 14px/1 Inter,sans-serif;margin-right:6px;flex-shrink:0}
.payment-value-grid b{color:#ffffff;font:600 15px/1 Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payment-copy-btn{margin-left:auto;border:0;background:transparent;color:#878787;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px;flex-shrink:0}
.payment-copy-btn:hover{color:#ffffff}
.payment-copy-btn.copied{color:#fee600}
.payment-amount-warning{margin:0 2px 14px;color:#878787;font:400 12px/1.35 Inter,sans-serif}

/* Wallet Address Box */
.payment-address-label{color:#878787;font:400 13px/1 Inter,sans-serif;margin:0 0 6px 2px}
.payment-address-box{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#1c1c1c;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box}
.payment-address-text{color:#ffffff;font:400 13.5px/1.3 Inter,sans-serif;overflow-wrap:anywhere;word-break:break-all;min-width:0}

/* Autocheck & Cooldown hidden per user request */
.payment-autocheck-block,
.wallet-autocheck,
.payment-check-cooldown{display:none!important}

/* Check Payment Button - Photo 1 pixel-perfect centering */
.payment-check-btn,
button.payment-check-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0 16px!important;border:none!important;border-radius:10px!important;background:#fee600!important;color:#000000!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1!important;text-align:center!important;cursor:pointer!important;box-sizing:border-box!important;transition:background 0.15s ease!important}
.payment-check-btn:hover{background:#ffe94d!important}
.payment-check-btn:active{background:#e5cf00!important}
.payment-check-btn:disabled{background:#383838!important;color:#878787!important;cursor:not-allowed!important}

/* ══════════════════════ PIN SETUP SCREEN ══════════════════════ */
#pin-setup-screen{position:fixed;inset:0;z-index:9500;background:#171717;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}
#pin-setup-screen.hidden{display:none!important}
.ps-wrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:clamp(40px,10vw,70px) 16px 30px;min-height:100%;box-sizing:border-box}
.ps-logo-wrap{margin-bottom:28px}
.ps-card{width:100%;background:#282828;border-radius:18px;padding:28px 16px 24px;text-align:center;box-sizing:border-box;overflow:hidden}
.ps-title{font-family:Inter,-apple-system,sans-serif;font-size:22px;font-weight:700;color:#f5f5f5;margin:0 0 8px;letter-spacing:-.3px}
.ps-subtitle{font-family:Inter,-apple-system,sans-serif;font-size:14px;color:#878787;margin:0 0 24px;line-height:1.45}
.ps-pin-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:0;width:100%;box-sizing:border-box}
.ps-pin-cell{min-width:0;width:100%;height:60px;border:1.5px solid #3a3a3a;border-radius:12px;background:#1c1c1c;color:#f5f5f5;text-align:center;font-size:26px;font-family:Inter,-apple-system,sans-serif;outline:none;caret-color:transparent;transition:border-color .15s;box-sizing:border-box}
.ps-pin-cell:focus{border-color:#fee600}
.ps-error{font-family:Inter,-apple-system,sans-serif;font-size:13.5px;color:#ff535c;margin:12px 0 0;line-height:1.35}
.ps-error.hidden{display:none}

/* ══════════════════════ PIN LOCK OVERLAY ══════════════════════ */
#pin-lock-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 60000 !important;
    background: rgba(0, 0, 0, 0.72) !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
#pin-lock-overlay.hidden {
    display: none !important;
}
.pl-sheet {
    width: 100% !important;
    max-width: 100% !important;
    background: #282828 !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 18px 14px calc(18px + env(safe-area-inset-bottom)) 14px !important;
    box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.5) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
.pl-top {
    margin-bottom: 0 !important;
}
.pl-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
}
.pl-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 !important;
    letter-spacing: -0.2px !important;
    line-height: 1.25 !important;
}
.pl-close-btn {
    display: none !important;
}
.pl-subtitle {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 13.5px !important;
    color: #cccccc !important;
    margin: 5px 0 15px 0 !important;
    line-height: 1.35 !important;
}
.pl-pin-row {
    display: flex !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.pl-pin-cell {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #1c1c1c !important;
    color: #ffffff !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    outline: none !important;
    box-shadow: none !important;
    caret-color: transparent !important;
    box-sizing: border-box !important;
    transition: background 0.15s !important;
}
.pl-pin-cell:focus,
.pl-pin-cell:focus-visible,
.pl-pin-cell:active {
    outline: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: #1c1c1c !important;
}
.pl-pin-cell.filled {
    background: #1c1c1c !important;
    border: 0 !important;
    box-shadow: none !important;
}
.pl-pin-cell.error-shake {
    border: 1px solid #ff535c !important;
    animation: pin-shake .35s ease !important;
}
@keyframes pin-shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-7px); }
    40% { transform: translateX(7px); }
    60% { transform: translateX(-5px); }
    80% { transform: translateX(5px); }
}
.pl-error {
    font-family: Inter, -apple-system, sans-serif !important;
    font-size: 13px !important;
    color: #ff535c !important;
    margin: 10px 0 0 !important;
    line-height: 1.35 !important;
}
.pl-error.hidden {
    display: none !important;
}

/* ══════════════════════ SMOOTH TAB SCROLLING ══════════════════════ */
.profile-ref-tabs,
.feed-tabs,
.chat-info-tabs,
.ads-tabs,
.ref-segment {
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-padding-inline: 16px !important;
}

/* ══════════════════════ PROFILE REDESIGN (PHOTOS 3, 4, 5) ══════════════════════ */
.profile-ref-main-card { padding: 16px !important; border-radius: 18px !important; }
.profile-ref-avatar { height: 320px !important; border-radius: 16px !important; background: #383838 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #d0d0d0 !important; font-size: 72px !important; font-weight: 500 !important; }
.profile-ref-plane-svg { margin-right: 4px; vertical-align: middle; color: #878787; flex-shrink: 0; }
.profile-ref-activity { color: #878787; font-size: 13.5px; line-height: 1.4; margin-top: 6px; }
.profile-ref-activity span { color: #878787; }
.profile-deposit-card { background: #282828 !important; border-radius: 18px !important; padding: 20px 16px 18px !important; margin-bottom: 14px !important; text-align: center; }
.profile-deposit-header { font-size: 14px; color: #878787; margin-bottom: 8px; font-weight: 500; }
.profile-deposit-amount { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.profile-deposit-amount img { width: 26px; height: 26px; border-radius: 50%; object-fit: contain; }
.profile-deposit-usd { font-size: 13px; color: #878787; margin-bottom: 16px; }
.profile-deposit-actions { display: grid; gap: 8px; }
.profile-deposit-btn-yellow { width: 100%; height: 44px; border: 0; border-radius: 12px; background: #fee600; color: #111; font-weight: 600; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.profile-deposit-btn-dark { width: 100%; height: 44px; border: 0; border-radius: 12px; background: #383838; color: #fff; font-weight: 600; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

/* ══════════════════════ DEPOSIT TOPUP & WITHDRAW SHEETS (PHOTOS 1, 2, 3) ══════════════════════ */
.wallet-sheet-overlay,
#wallet-sheet-overlay {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    background: rgba(0, 0, 0, 0.65) !important;
    z-index: 50000 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: auto !important;
}
.wallet-sheet-overlay.hidden,
#wallet-sheet-overlay.hidden {
    display: none !important;
}

.wallet-sheet,
#wallet-sheet {
    position: relative !important;
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    max-height: calc(100dvh - 36px) !important;
    overflow-y: auto !important;
    background: #242424 !important;
    border-radius: 20px 20px 0 0 !important;
    padding: 20px 16px calc(24px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.65) !important;
    box-sizing: border-box !important;
}

/* Eliminate duplicate close button */
.wallet-sheet-close {
    display: none !important;
}

.wallet-sheet-top-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.wallet-sheet-top-row h3 { margin: 0; font-size: 18px; font-weight: 700; color: #f5f5f5; }
.wallet-sheet-x-close { border: 0; background: transparent; color: #878787; font-size: 20px; cursor: pointer; padding: 4px; line-height: 1; }
.wallet-sheet-x-close:active { color: #fff; }
.wallet-qr-card { background: #fff !important; border-radius: 16px !important; padding: 14px !important; width: 220px !important; height: 220px !important; margin: 0 auto 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; }
.wallet-payment-qr { width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; }
.wallet-warning-yellow { color: #fee600 !important; font-size: 13px !important; line-height: 1.4 !important; text-align: center !important; margin-bottom: 14px !important; }
.wallet-minimum-yellow { color: #fee600 !important; font-size: 13.5px !important; font-weight: 600 !important; text-align: center !important; margin: 14px 0 16px !important; }
.wallet-sheet-sub-empty { padding: 28px 10px; color: #878787; font-size: 15px; text-align: center; }
.withdraw-amount-row { position: relative; margin-bottom: 6px; }
.withdraw-max-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: 0; background: #383838; color: #fee600; font-size: 13px; font-weight: 600; padding: 5px 10px; border-radius: 8px; cursor: pointer; }
.withdraw-error { color: #ff535c; font-size: 13px; margin: 4px 0 8px; }
.withdraw-error.hidden { display: none; }

/* ══════════════════════ SUPPORT TICKET SCREEN (PHOTO 1) ══════════════════════ */
.page.support-ticket-page { display: none !important; }
.page.support-ticket-page.active { display: block !important; }
.support-ticket-page { padding: 12px 14px 100px; min-height: 100%; background: #202020; box-sizing: border-box; }
.support-ticket-title { font-size: 28px; font-weight: 800; color: #fff; line-height: 1.15; margin: 10px 0 18px; letter-spacing: -.4px; }
.support-ticket-card { background: #282828; border-radius: 18px; padding: 20px 16px; box-sizing: border-box; }
.support-field-label { display: block; font-size: 14.5px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.support-input { width: 100%; height: 48px; border: 1px solid #333; outline: 0; border-radius: 12px; background: #1c1c1c; color: #fff; padding: 0 14px; font: 500 15px Inter, sans-serif; box-sizing: border-box; cursor: text !important; user-select: text !important; -webkit-user-select: text !important; transition: border-color 0.15s, background 0.15s; }
.support-input:focus { border-color: #666 !important; background: #222 !important; }
.support-editor-box {
    border: 1px solid #333 !important;
    border-radius: 12px !important;
    background: #1c1c1c !important;
    position: relative !important;
    margin-bottom: 8px !important;
}
.support-editor-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 2px !important;
    padding: 6px 8px !important;
    border-bottom: 1px solid #2a2a2a !important;
    background: #202020 !important;
    border-radius: 12px 12px 0 0 !important;
}
.support-dropdown-wrap {
    position: relative !important;
    display: inline-block !important;
}
.support-tb-dropdown-btn {
    height: 28px !important;
    border: 0 !important;
    background: transparent !important;
    color: #878787 !important;
    font: 500 13.5px Inter, -apple-system, sans-serif !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    padding: 0 6px !important;
    border-radius: 4px !important;
}
.support-tb-dropdown-btn:hover,
.support-tb-dropdown-btn:active {
    color: #fff !important;
    background: #2a2a2a !important;
}
.support-size-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.55) !important;
    z-index: 10000 !important;
    min-width: 95px !important;
    padding: 4px 0 !important;
    border: 1px solid #ddd !important;
}
.support-size-menu.hidden {
    display: none !important;
}
.support-size-item {
    width: 100% !important;
    text-align: left !important;
    padding: 6px 14px !important;
    border: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font: 500 13px Inter, -apple-system, sans-serif !important;
    cursor: pointer !important;
    display: block !important;
}
.support-size-item.active {
    color: #0084ff !important;
    font-weight: 700 !important;
}
.support-size-item:hover {
    background: #f0f0f0 !important;
}

.support-tb-btn {
    min-width: 28px !important;
    height: 28px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #878787 !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 14px !important;
    padding: 0 4px !important;
    position: relative !important;
    box-sizing: border-box !important;
    transition: color .15s, border-color .15s;
}
.support-tb-btn:hover {
    color: #ccc !important;
    background: #282828 !important;
}
.support-tb-btn:active {
    background: #333 !important;
    color: #fff !important;
}
.support-tb-btn.active {
    color: #0084ff !important;
}
.support-tb-btn.popover-active {
    border-color: #fff !important;
    color: #fff !important;
}

.support-palette-wrap {
    position: relative !important;
    display: inline-block !important;
}
.support-tb-letter-a {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}
.support-color-bar {
    position: absolute !important;
    bottom: 3px !important;
    left: 6px !important;
    right: 6px !important;
    height: 2.5px !important;
    background-color: #000 !important;
    border-radius: 1px !important;
}
.support-tb-letter-a-bg {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: repeating-linear-gradient(45deg, #777, #777 2px, #aaa 2px, #aaa 4px) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.support-color-palette {
    position: absolute !important;
    top: 42px !important;
    left: 80px !important;
    z-index: 20000 !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    padding: 8px !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6) !important;
    display: grid !important;
    grid-template-columns: repeat(7, 20px) !important;
    gap: 4px !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
}
.support-color-palette.hidden {
    display: none !important;
}
.support-color-swatch {
    width: 20px !important;
    height: 20px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    transition: transform 0.1s, box-shadow 0.1s !important;
}
.support-color-swatch:hover {
    transform: scale(1.18) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.35) !important;
    z-index: 2 !important;
}

.support-editor-body {
    min-height: 140px !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    padding: 12px 14px !important;
    color: #fff !important;
    font: 15px/1.5 Inter, -apple-system, sans-serif !important;
    outline: 0 !important;
    word-break: break-word !important;
    border-radius: 0 0 12px 12px !important;
}
.support-editor-body:empty:before {
    content: 'Напишите текст обращения...' !important;
    color: #555 !important;
    pointer-events: none !important;
}

.support-char-error {
    color: #ff3b30 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    margin: 8px 0 16px 2px !important;
    line-height: 1.3 !important;
}
.support-char-error.hidden {
    display: none !important;
}

.support-actions-row {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}
.support-attach-btn {
    flex: 0 0 44px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #343434 !important;
    color: #aaa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}
.support-attach-btn:active {
    background: #444 !important;
    color: #fff !important;
}
.support-submit-btn {
    flex: 1 !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fee600 !important;
    color: #111 !important;
    font: 700 15px Inter, -apple-system, sans-serif !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.support-submit-btn:active {
    opacity: 0.85 !important;
}
.support-attached-name {
    margin-top: 8px !important;
    font-size: 12px !important;
    color: #fee600 !important;
}

/* ══════════════════════ TOP FLOATING NOTIFICATION BANNER ══════════════════════ */
/* ══════════════════════ TOP FLOATING NOTIFICATION BANNER (PREMIUM THEME) ══════════════════════ */
.top-notification-banner {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(0) scale(1) !important;
    width: calc(100% - 24px) !important;
    max-width: 420px !important;
    background: rgba(22, 22, 22, 0.94) !important;
    border: 1px solid rgba(254, 230, 0, 0.35) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.05), 0 8px 24px rgba(254, 230, 0, 0.12) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border-radius: 18px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    z-index: 999999 !important;
    opacity: 1 !important;
    transition: transform 0.42s cubic-bezier(0.2, 0.9, 0.2, 1.15), opacity 0.3s ease !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.top-notification-banner.hidden {
    opacity: 0 !important;
    transform: translateX(-50%) translateY(-150%) scale(0.92) !important;
    pointer-events: none !important;
}

/* Color schemes matching the app */
.top-notification-banner.notif-type-success {
    border-color: rgba(76, 217, 100, 0.38) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 24px rgba(76, 217, 100, 0.14) !important;
}
.top-notification-banner.notif-type-success .top-notification-icon-wrap {
    background: linear-gradient(135deg, rgba(76, 217, 100, 0.22), rgba(76, 217, 100, 0.08)) !important;
    border: 1px solid rgba(76, 217, 100, 0.4) !important;
    color: #4cd964 !important;
}
.top-notification-banner.notif-type-success .top-notification-title {
    color: #4cd964 !important;
}

.top-notification-banner.notif-type-error {
    border-color: rgba(255, 83, 92, 0.38) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 24px rgba(255, 83, 92, 0.14) !important;
}
.top-notification-banner.notif-type-error .top-notification-icon-wrap {
    background: linear-gradient(135deg, rgba(255, 83, 92, 0.22), rgba(255, 83, 92, 0.08)) !important;
    border: 1px solid rgba(255, 83, 92, 0.4) !important;
    color: #ff535c !important;
}
.top-notification-banner.notif-type-error .top-notification-title {
    color: #ff535c !important;
}

.top-notification-banner.notif-type-info {
    border-color: rgba(254, 230, 0, 0.35) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 24px rgba(254, 230, 0, 0.14) !important;
}
.top-notification-banner.notif-type-info .top-notification-icon-wrap {
    background: linear-gradient(135deg, rgba(254, 230, 0, 0.22), rgba(254, 230, 0, 0.08)) !important;
    border: 1px solid rgba(254, 230, 0, 0.4) !important;
    color: #fee600 !important;
}
.top-notification-banner.notif-type-info .top-notification-title {
    color: #fee600 !important;
}

.top-notification-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.top-notification-icon-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.top-notification-body {
    flex: 1 !important;
    min-width: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.top-notification-title {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin-bottom: 2px !important;
    letter-spacing: -0.15px !important;
}
.top-notification-text {
    font-size: 13px !important;
    color: #dedede !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
}
.top-notification-text b {
    color: #fff !important;
    font-weight: 700 !important;
}
.top-notification-close {
    border: 0 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #999 !important;
    font-size: 13px !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    transition: background 0.15s, color 0.15s, transform 0.15s !important;
}
.top-notification-close:active {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
    transform: scale(0.9) !important;
}

/* ══════════════════════ WALLET SHEET MODERN TYPOGRAPHY & FIXES ══════════════════════ */
.wallet-sheet,
.wallet-sheet *,
#wallet-sheet-content,
#wallet-sheet-content * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    box-sizing: border-box;
}

.wallet-sheet {
    background: #222 !important;
    border-radius: 24px 24px 0 0 !important;
    border-top: 1px solid #333 !important;
    padding: 20px 18px calc(18px + env(safe-area-inset-bottom)) !important;
    max-height: 85dvh !important;
}

.wallet-sheet-top-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
}

.wallet-sheet-top-row h3 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #fff !important;
    letter-spacing: -0.3px;
    line-height: 1.25 !important;
}

.wallet-sheet-x-close {
    border: 0 !important;
    background: #333 !important;
    color: #a0a0a0 !important;
    font-size: 16px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    transition: background 0.15s, color 0.15s;
}
.wallet-sheet-x-close:active {
    background: #444 !important;
    color: #fff !important;
}

.wallet-select-label,
.wallet-amount-label,
.wallet-payment-amount-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8e8e8e !important;
    margin: 14px 0 8px !important;
    letter-spacing: -0.1px;
}

.wallet-select {
    min-height: 50px !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: #191919 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}
.wallet-select.active {
    border-color: #fee600 !important;
}

.wallet-amount-input {
    width: 100% !important;
    min-height: 50px !important;
    background: #191919 !important;
    border: 1px solid #fee600 !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 14px !important;
    outline: 0 !important;
}

.wallet-usd-hint {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #888 !important;
    margin-top: 6px !important;
}

.wallet-minimum-yellow {
    color: #fee600 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 12px 0 10px !important;
    line-height: 1.35 !important;
}

.wallet-amount-error {
    color: #ff535c !important;
    background: rgba(255, 83, 92, 0.12) !important;
    border: 1px solid rgba(255, 83, 92, 0.3) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 0 0 14px !important;
    line-height: 1.3 !important;
}
.wallet-amount-error.hidden {
    display: none !important;
}

.wallet-qr-card {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 14px !important;
    width: 220px !important;
    height: 220px !important;
    margin: 0 auto 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}

.wallet-payment-qr {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.wallet-warning-yellow {
    color: #fee600 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin-bottom: 14px !important;
    font-weight: 500 !important;
}

.wallet-network-card {
    background: #2a2a2a !important;
    border: 1px solid #383838 !important;
    border-radius: 14px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}
.wallet-network-card .wallet-token {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}
.wallet-network-card small {
    display: block !important;
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.wallet-network-card b {
    display: block !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-top: 1px !important;
}

.wallet-payment-amount-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}
.wallet-payment-amount-grid > div {
    background: #202020 !important;
    border: 1px solid #333 !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
}
.wallet-payment-amount-grid span {
    color: #888 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-right: 6px !important;
}
.wallet-payment-amount-grid b {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.wallet-payment-note {
    color: #888 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    margin: 8px 0 14px !important;
}

.wallet-mock-address {
    margin-top: 12px !important;
}
.wallet-mock-address label {
    display: block !important;
    color: #8e8e8e !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}
.wallet-mock-address .wallet-address-value {
    background: #202020 !important;
    border: 1px solid #333 !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #fff !important;
}
.wallet-address-value span {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #eee !important;
    font-family: 'Inter', monospace, sans-serif !important;
    word-break: break-all !important;
    line-height: 1.3 !important;
}

.wallet-autocheck {
    background: #242424 !important;
    border: 1px solid #363636 !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    color: #929292 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    margin-top: 14px !important;
    text-align: center !important;
}

.wallet-yellow-btn {
    background: #fee600 !important;
    color: #111 !important;
    border: 0 !important;
    border-radius: 12px !important;
    min-height: 48px !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 14px !important;
    width: 100% !important;
    letter-spacing: -0.2px;
    transition: filter 0.15s, transform 0.1s;
}
.wallet-yellow-btn:active {
    filter: brightness(0.92);
    transform: scale(0.99);
}
.wallet-yellow-btn:disabled {
    background: #444 !important;
    color: #777 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.wallet-btn-secondary {
    background: #2a2a2a !important;
    color: #a0a0a0 !important;
    border: 1px solid #3a3a3a !important;
    margin-top: 8px !important;
}
.wallet-btn-secondary:active {
    background: #333 !important;
    color: #fff !important;
}

#deposit-check-status {
    min-height: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 10px 0 4px !important;
    text-align: center !important;
    color: #b0b0b0 !important;
    transition: all .3s;
}