#walletModal {
    background: rgba(10, 10, 10, 0.55) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
#walletModal .modal {
    background: #ece9d8 !important;
    border: 2px solid #0a0a0a !important;
    border-radius: 0 !important;
    max-width: 460px !important;
    width: 92% !important;
    box-shadow: 12px 12px 0 0 #0a0a0a, 0 0 0 1px #0a0a0a !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #0a0a0a !important;
    overflow: hidden !important;
}
#walletModal .modal-header {
    padding: 18px 22px 14px !important;
    border-bottom: 1px solid rgba(10, 10, 10, 0.10) !important;
    background: #ece9d8 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
#walletModal .modal-header::before {
    content: 'Ø';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #1a7878;
    color: #ece9d8;
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
}
#walletModal .modal-header h2 {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    margin: 0 !important;
    font-weight: 600 !important;
    flex: 1;
}
#walletModal .modal-header h2::after {
    content: ' · 0xNOX';
    color: #1a7878;
}
#walletModal .modal-close {
    background: none !important;
    border: 1px solid #0a0a0a !important;
    color: #0a0a0a !important;
    width: 28px;
    height: 28px;
    line-height: 1 !important;
    font-size: 18px !important;
    border-radius: 0 !important;
    cursor: pointer;
    transition: all 0.12s;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#walletModal .modal-close:hover {
    background: #0a0a0a !important;
    color: #ece9d8 !important;
}
#walletModal .modal-body {
    padding: 18px 22px 22px !important;
    background: #ece9d8 !important;
}
#walletModal .nox-modal-tagline {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace;
    font-size: 0.70rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(10, 10, 10, 0.60);
    margin: 0 0 14px;
    padding: 0;
}
#walletModal .nox-modal-tagline strong {
    color: #1a7878;
    font-weight: 600;
}
#walletModal .wallet-options {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    border: 1px solid #0a0a0a;
}
#walletModal .wallet-option {
    display: grid !important;
    grid-template-columns: 56px 56px 1fr auto !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 16px 18px 16px 0 !important;
    background: #ece9d8 !important;
    border: none !important;
    border-bottom: 1px solid #0a0a0a !important;
    cursor: pointer !important;
    transition: background 0.12s !important;
    color: #0a0a0a !important;
}
#walletModal .wallet-option:last-child { border-bottom: none !important; }
#walletModal .wallet-option:hover { background: #d8d4be !important; }
#walletModal .wallet-option .nox-num {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace;
    font-size: 0.72rem;
    letter-spacing: 0.10em;
    color: rgba(10, 10, 10, 0.50);
    text-align: center;
    border-right: 1px solid rgba(10, 10, 10, 0.20);
    padding: 6px 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}
#walletModal .wallet-option .nox-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}
#walletModal .wallet-option .nox-icon svg {
    width: 28px;
    height: 28px;
    color: #0a0a0a;
}
#walletModal .wallet-option .nox-info h3 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #0a0a0a !important;
    margin: 0 0 2px !important;
    letter-spacing: -0.01em;
}
#walletModal .wallet-option .nox-info p {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.70rem !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: rgba(10, 10, 10, 0.60) !important;
    margin: 0 !important;
}
#walletModal .wallet-option .nox-arrow {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace;
    font-size: 0.78rem;
    letter-spacing: 0.10em;
    color: #0a0a0a;
    padding-right: 4px;
}
#walletModal .wallet-option:hover .nox-arrow { color: #1a7878; }

#walletModal .wallet-divider {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 18px 0 14px !important;
    color: rgba(10, 10, 10, 0.50) !important;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.70rem !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
}
#walletModal .wallet-divider::before,
#walletModal .wallet-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(10, 10, 10, 0.20) !important;
}
#walletModal .generate-wallet-section { text-align: left !important; }
#walletModal .generate-wallet-section p {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.04em !important;
    color: rgba(10, 10, 10, 0.70) !important;
    margin: 0 0 12px !important;
    line-height: 1.5 !important;
}
#walletModal .btn-full {
    width: 100% !important;
    background: #0a0a0a !important;
    color: #ece9d8 !important;
    border: 1px solid #0a0a0a !important;
    border-radius: 0 !important;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    padding: 14px 22px !important;
    cursor: pointer !important;
    transition: background 0.14s, color 0.14s !important;
}
#walletModal .btn-full:hover {
    background: #1a7878 !important;
    border-color: #1a7878 !important;
    color: #ece9d8 !important;
}
#walletModal .nox-modal-foot {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(10, 10, 10, 0.10);
    font-family: ui-monospace, 'SF Mono', Menlo, monospace;
    font-size: 0.66rem;
    letter-spacing: 0.10em;
    color: rgba(10, 10, 10, 0.50);
    line-height: 1.6;
}
#walletModal .nox-modal-foot a { color: #1a7878; text-decoration: none; }
#walletModal .nox-modal-foot a:hover { text-decoration: underline; }

#walletModal .generated-wallet {
    background: #fff !important;
    border: 1px solid #0a0a0a !important;
    border-radius: 0 !important;
    padding: 14px !important;
    margin-top: 14px !important;
}
#walletModal .generated-wallet label {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.66rem !important;
    letter-spacing: 0.16em !important;
    color: rgba(10, 10, 10, 0.60) !important;
    margin-bottom: 4px !important;
    display: block !important;
    text-transform: uppercase !important;
}
#walletModal .generated-wallet .address {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.78rem !important;
    color: #1a7878 !important;
    word-break: break-all !important;
    margin-bottom: 12px !important;
}
#walletModal .seed-phrase {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.78rem !important;
    background: #ece9d8 !important;
    padding: 12px !important;
    word-break: break-word !important;
    line-height: 1.8 !important;
    color: #0a0a0a !important;
    border: 1px solid rgba(10, 10, 10, 0.20) !important;
}
#walletModal .warning {
    font-size: 0.72rem !important;
    color: #8a3a00 !important;
    margin-top: 12px !important;
    padding: 8px 10px !important;
    background: rgba(245, 158, 11, 0.10) !important;
    border-left: 3px solid #c47f00 !important;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    letter-spacing: 0.04em !important;
}

@media (max-width: 540px) {
    #walletModal .modal { max-width: 96% !important; box-shadow: 6px 6px 0 0 #0a0a0a !important; }
    #walletModal .wallet-option { grid-template-columns: 44px 48px 1fr auto !important; }
    #walletModal .wallet-option .nox-icon { width: 48px; height: 48px; }
    #walletModal .wallet-option .nox-icon svg { width: 24px; height: 24px; }
    #walletModal .wallet-option .nox-info h3 { font-size: 0.92rem !important; }
    #walletModal .wallet-option .nox-info p { font-size: 0.62rem !important; }
}

/* WC QR sub-modal styled to match */
#wcQRModal {
    background: rgba(10, 10, 10, 0.55) !important;
    backdrop-filter: blur(2px);
}
#wcQRModal .modal {
    background: #ece9d8 !important;
    border: 2px solid #0a0a0a !important;
    border-radius: 0 !important;
    box-shadow: 12px 12px 0 0 #0a0a0a !important;
    color: #0a0a0a !important;
}
#wcQRModal .modal-header {
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(10, 10, 10, 0.10) !important;
    background: #ece9d8 !important;
}
#wcQRModal .modal-header h2 {
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    margin: 0 !important;
}
#wcQRModal .modal-header h2::after {
    content: ' · SCAN QR';
    color: #1a7878;
}
#wcQRModal .modal-close {
    background: none !important;
    border: 1px solid #0a0a0a !important;
    color: #0a0a0a !important;
    width: 28px;
    height: 28px;
    border-radius: 0 !important;
    font-size: 18px !important;
    cursor: pointer;
}
#wcQRModal .modal-close:hover {
    background: #0a0a0a !important;
    color: #ece9d8 !important;
}
#wcQRModal .modal-body { background: #ece9d8 !important; padding: 20px !important; }
#wcQRModal #wcQRContainer {
    background: #fff !important;
    border: 1px solid #0a0a0a !important;
    border-radius: 0 !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
}
#wcQRModal #wcQRImage { border-radius: 0 !important; }
#wcQRModal #wcQRLoading {
    color: rgba(10, 10, 10, 0.60) !important;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace;
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
#wcQRModal p {
    color: rgba(10, 10, 10, 0.70) !important;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.74rem !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
#wcQRModal .btn,
#wcQRModal .btn-outline {
    background: #0a0a0a !important;
    color: #ece9d8 !important;
    border: 1px solid #0a0a0a !important;
    border-radius: 0 !important;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 0.74rem !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    padding: 10px 16px !important;
    cursor: pointer !important;
}
#wcQRModal .btn:hover {
    background: #1a7878 !important;
    border-color: #1a7878 !important;
}
#wcQRModal a.btn-outline {
    text-decoration: none !important;
}