/*
 * nft_iter38_iter39.css
 * ─────────────────────────────────────────────────────────────────
 * Static CSS extracted from nft-manager-iter38.js injectStyles()
 * and nft-manager-iter39.js injectMarketplaceStyles().
 *
 * Moved to a static file to prevent FOUC / page flickering caused
 * by dynamic createElement('style') injection on every page load.
 * ─────────────────────────────────────────────────────────────────
 */

/* ═══════════════════════════════════════════════════════════════════
   iter38 — Card-based NFT picker (Transfer + Burn)
   ═══════════════════════════════════════════════════════════════════ */
.i38-picker-wrap{margin:0 0 18px;}
.i38-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px;flex-wrap:wrap;}
.i38-picker-title{font-size:0.78rem;font-weight:700;color:#8b89b8;text-transform:uppercase;letter-spacing:0.08em;}
.i38-picker-search{flex:1;min-width:180px;max-width:320px;background:rgba(139,92,246,0.05);border:1px solid rgba(139,92,246,0.18);color:#f0f1ff;border-radius:10px;padding:8px 12px;font-size:0.82rem;outline:none;transition:border-color 0.18s;}
.i38-picker-search:focus{border-color:rgba(139,92,246,0.55);}
.i38-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;max-height:340px;overflow-y:auto;padding:6px;background:rgba(0,0,0,0.25);border:1px solid rgba(139,92,246,0.12);border-radius:14px;}
.i38-picker-grid::-webkit-scrollbar{width:8px;}
.i38-picker-grid::-webkit-scrollbar-thumb{background:rgba(139,92,246,0.3);border-radius:8px;}
.i38-picker-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background:rgba(14,16,72,0.55);border:2px solid rgba(139,92,246,0.15);transition:all 0.22s cubic-bezier(.2,.9,.35,1.25);aspect-ratio:1;}
.i38-picker-card:hover{transform:translateY(-3px) scale(1.015);border-color:rgba(139,92,246,0.55);box-shadow:0 10px 32px rgba(139,92,246,0.28);}
.i38-picker-card.selected{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,0.25),0 14px 40px rgba(34,211,238,0.25);transform:translateY(-2px) scale(1.02);}
.i38-picker-card.selected::after{content:"✓";position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#22d3ee;color:#0b0f1a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:0.8rem;box-shadow:0 4px 14px rgba(34,211,238,0.5);}
.i38-burn-card.selected{border-color:#f43f5e !important;box-shadow:0 0 0 3px rgba(244,63,94,0.3),0 14px 40px rgba(244,63,94,0.3) !important;}
.i38-burn-card.selected::after{background:#f43f5e !important;color:#fff !important;content:"🔥" !important;font-size:0.7rem !important;}
.i38-picker-card img{width:100%;height:100%;object-fit:cover;display:block;}
.i38-picker-card .i38-name{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;background:linear-gradient(to top, rgba(0,0,0,0.85), transparent);font-size:0.7rem;color:#f0f1ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;}
.i38-picker-empty{grid-column:1/-1;padding:40px 16px;text-align:center;color:#8b89b8;font-size:0.88rem;}

/* Selected preview */
.i38-selected-preview{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,rgba(34,211,238,0.1),rgba(139,92,246,0.08));border:1px solid rgba(34,211,238,0.25);border-radius:14px;padding:14px;margin-top:14px;}
.i38-selected-preview.burn{background:linear-gradient(135deg,rgba(244,63,94,0.12),rgba(239,68,68,0.06));border-color:rgba(244,63,94,0.3);}
.i38-selected-preview img{width:72px;height:72px;border-radius:12px;object-fit:cover;flex-shrink:0;background:rgba(0,0,0,0.3);}
.i38-selected-preview .i38-sp-body{flex:1;min-width:0;}
.i38-selected-preview .i38-sp-name{font-size:0.95rem;font-weight:700;color:#f0f1ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.i38-selected-preview .i38-sp-meta{font-size:0.72rem;color:#8b89b8;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;}
.i38-selected-preview .i38-sp-taxon{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(139,92,246,0.2);color:#c4b5fd;font-size:0.66rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-top:4px;}

/* Address book results */
.i38-ab-result{padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(139,92,246,0.1);transition:background 0.15s;display:flex;align-items:center;justify-content:space-between;}
.i38-ab-result:hover{background:rgba(139,92,246,0.12);}
.i38-ab-result:last-child{border-bottom:none;}
.i38-ab-result .i38-ab-name{font-size:0.88rem;font-weight:700;color:#f0f1ff;}
.i38-ab-result .i38-ab-count{font-size:0.68rem;color:#8583ab;margin-top:2px;}

/* Burn process enhancements */
.i38-burn-step{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding:12px 14px;background:rgba(244,63,94,0.06);border:1px solid rgba(244,63,94,0.2);border-radius:12px;}
.i38-burn-step-num{width:26px;height:26px;border-radius:50%;background:rgba(244,63,94,0.2);color:#f43f5e;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:0.82rem;flex-shrink:0;}
.i38-burn-step-text{font-size:0.82rem;color:#fda4af;font-weight:600;}
@keyframes i38-shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-6px);}75%{transform:translateX(6px);}}
.i38-shake{animation:i38-shake 0.4s ease;}


/* ═══════════════════════════════════════════════════════════════════
   iter39 — Marketplace Listing Overlay
   ═══════════════════════════════════════════════════════════════════ */
.mp-listing-overlay{position:fixed;inset:0;z-index:10000;background:rgba(4,2,18,0.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.3s;}
.mp-listing-overlay.show{opacity:1;}
.mp-listing-card{background:linear-gradient(145deg,#0f0a26 0%,#1a1040 100%);border:1px solid rgba(139,92,246,0.25);border-radius:20px;max-width:580px;width:100%;max-height:90vh;overflow-y:auto;padding:0;box-shadow:0 24px 80px rgba(0,0,0,0.6);}
.mp-listing-header{padding:24px 28px 16px;border-bottom:1px solid rgba(139,92,246,0.1);display:flex;align-items:center;justify-content:space-between;}
.mp-listing-header h3{margin:0;font-size:1.15rem;color:#f0f1ff;font-weight:800;}
.mp-listing-body{padding:20px 28px 28px;}
.mp-listing-preview{display:flex;gap:16px;margin-bottom:20px;padding:14px;background:rgba(139,92,246,0.04);border:1px solid rgba(139,92,246,0.1);border-radius:14px;}
.mp-listing-preview img{width:80px;height:80px;object-fit:cover;border-radius:12px;border:1px solid rgba(139,92,246,0.15);}
.mp-listing-preview-info{flex:1;display:flex;flex-direction:column;justify-content:center;}
.mp-listing-preview-name{font-size:0.95rem;font-weight:700;color:#f0f1ff;}
.mp-listing-preview-tid{font-size:0.68rem;color:#8b89b8;margin-top:3px;word-break:break-all;}
.mp-field{margin-bottom:16px;}
.mp-field label{display:block;font-size:0.78rem;font-weight:700;color:#a78bfa;margin-bottom:6px;letter-spacing:0.3px;text-transform:uppercase;}
.mp-field input,.mp-field textarea,.mp-field select{width:100%;background:rgba(0,0,0,0.3);border:1px solid rgba(139,92,246,0.2);border-radius:10px;color:#f0f1ff;padding:10px 14px;font-size:0.85rem;transition:border-color 0.2s;outline:none;}
.mp-field input:focus,.mp-field textarea:focus,.mp-field select:focus{border-color:rgba(139,92,246,0.5);}
.mp-field textarea{resize:vertical;min-height:60px;}
.mp-field .mp-hint{font-size:0.7rem;color:#8b89b8;margin-top:4px;}
.mp-price-row{display:flex;gap:10px;align-items:flex-end;}
.mp-price-row .mp-field{flex:1;}
.mp-price-row .mp-currency{width:90px;}
.mp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.mp-tag{background:rgba(139,92,246,0.12);border:1px solid rgba(139,92,246,0.2);border-radius:20px;padding:4px 12px;font-size:0.72rem;color:#a78bfa;cursor:pointer;transition:all 0.2s;}
.mp-tag:hover,.mp-tag.active{background:rgba(139,92,246,0.3);border-color:rgba(139,92,246,0.5);color:#fff;}
.mp-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(139,92,246,0.1);}
.mp-btn-list{flex:1;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;color:#fff;padding:12px;border-radius:12px;font-weight:700;font-size:0.88rem;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;}
.mp-btn-list:hover{box-shadow:0 8px 24px rgba(139,92,246,0.35);transform:translateY(-1px);}
.mp-btn-list:disabled{opacity:0.5;cursor:not-allowed;transform:none;box-shadow:none;}
.mp-btn-cancel{background:rgba(255,255,255,0.04);border:1px solid rgba(139,92,246,0.2);color:#a78bfa;padding:12px 20px;border-radius:12px;font-weight:600;font-size:0.85rem;cursor:pointer;transition:all 0.2s;}
.mp-btn-cancel:hover{background:rgba(255,255,255,0.08);}
.mp-success{text-align:center;padding:30px 20px;}
.mp-success-icon{font-size:3rem;color:#34d399;margin-bottom:12px;}
.mp-success h4{color:#f0f1ff;margin:0 0 8px;font-size:1.1rem;}
.mp-success p{color:#8b89b8;font-size:0.82rem;margin:0;}