/* Musqet Bitcoin Payment Modal */
.musqet-wc-btc-overlay {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.55); z-index: 999999;
    display: none; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.25s ease;
}
.musqet-wc-btc-overlay.visible { opacity: 1; }
.musqet-wc-btc-modal {
    background: #fff; border-radius: 16px; max-width: 420px; width: 92%;
    max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    transform: translateY(16px) scale(0.97); transition: transform 0.25s ease;
}
.musqet-wc-btc-overlay.visible .musqet-wc-btc-modal {
    transform: translateY(0) scale(1);
}
.musqet-wc-btc-header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 20px 24px 14px; border-bottom: 1px solid #f0f0f0;
}
.musqet-wc-btc-header-left { display: flex; align-items: center; gap: 10px; }
.musqet-wc-btc-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; background: #f7931a; color: #fff;
    border-radius: 50%; font-size: 16px; font-weight: bold; transform: rotate(13.88deg);
}
.musqet-wc-btc-header h2 { margin: 0; font-size: 18px; color: #333; }
.musqet-wc-btc-close {
    background: none; border: none; font-size: 26px; color: #999;
    cursor: pointer; padding: 4px 8px; border-radius: 6px; line-height: 1;
}
.musqet-wc-btc-close:hover { background: #f5f5f5; color: #333; }
.musqet-wc-btc-loading { text-align: center; padding: 60px 24px; color: #888; }
.musqet-wc-btc-loading .spinner {
    display: inline-block; width: 20px; height: 20px;
    border: 2px solid #ddd; border-top-color: #f7931a;
    border-radius: 50%; animation: musqetWcSpin 0.8s linear infinite;
}
.musqet-wc-btc-loading p { margin: 12px 0 0; font-size: 14px; }
.musqet-wc-btc-amount { text-align: center; padding: 16px 24px 8px; }
.musqet-wc-btc-amount .sats { font-size: 30px; font-weight: 700; color: #333; }
.musqet-wc-btc-amount .sats-label { font-size: 16px; font-weight: 400; color: #999; margin-left: 4px; }
.musqet-wc-btc-amount .fiat { font-size: 14px; color: #999; margin-top: 2px; }
.musqet-wc-btc-tabs { display: flex; gap: 6px; padding: 0 24px; margin: 12px 0 16px; }
.musqet-wc-btc-tab {
    flex: 1; padding: 10px 12px; background: #f5f5f5; border: 2px solid transparent;
    border-radius: 8px; font-size: 14px; font-weight: 600; color: #888;
    cursor: pointer; text-align: center; transition: all 0.15s;
}
.musqet-wc-btc-tab.active { background: #fff9f0; border-color: #f7931a; color: #f7931a; }
.musqet-wc-btc-tab:hover:not(.active) { background: #eee; }
.musqet-wc-btc-panel { display: none; }
.musqet-wc-btc-panel.active { display: block; }
.musqet-wc-btc-qr { text-align: center; padding: 4px 24px 12px; }
.musqet-wc-btc-qr canvas { border-radius: 12px; border: 1px solid #eee; }
.musqet-wc-btc-address { padding: 0 24px 16px; }
.musqet-wc-btc-address-box {
    display: flex; align-items: center; gap: 8px; background: #f8f9fa;
    border: 1px solid #e0e0e0; border-radius: 8px; padding: 10px 12px;
}
.musqet-wc-btc-address-text {
    flex: 1; font-family: monospace; font-size: 11px; color: #555;
    word-break: break-all; line-height: 1.4; height: 3.2em; overflow: hidden;
}
.musqet-wc-btc-copy {
    flex-shrink: 0; background: #f7931a; color: #fff; border: none;
    border-radius: 6px; padding: 8px 10px; font-size: 16px; line-height: 1;
    cursor: pointer; transition: background 0.15s;
}
.musqet-wc-btc-copy:hover { background: #e8850f; }
.musqet-wc-btc-copy.copied { background: #28a745; }
.musqet-wc-btc-status {
    text-align: center; padding: 14px 24px 20px; border-top: 1px solid #f0f0f0;
}

@keyframes musqetWcSpin { to { transform: rotate(360deg); } }
@keyframes musqetWcPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(0.7); }
}