/* =====================================================
   Para Çekme - ParaCekme.css
   Mobile-first, responsive
   ===================================================== */

/* ---------- ROOT & RESET ---------- */
:root{--bg:#07090F;--bg2:#0D1117;--card:#111827;--card2:#1a2235;--accent:#6C63FF;--accent2:#8B5CF6;--text:#F1F5F9;--muted:#8B949E;--border:#1E2A3A;--green:#10B981;--red:#EF4444;--yellow:#F59E0B;}
body.loading{opacity:0;transition:opacity .3s;min-height:100vh;}
body{opacity:1;}

/* ---------- HERO ---------- */
.page-hero{padding:32px 16px 24px;background:linear-gradient(180deg,rgba(108,99,255,.09) 0%,transparent 100%);border-bottom:1px solid var(--border);}
.page-hero h1{font-size:1.6rem;font-weight:900;letter-spacing:-1px;margin-bottom:6px;}
.page-hero h1 span{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.page-hero p{color:var(--muted);font-size:.88rem;}

/* ---------- LAYOUT ---------- */
#auth-gate{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);}
.auth-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:40px 24px;text-align:center;max-width:380px;margin:auto;}
.container{padding:20px 16px;max-width:760px;margin:auto;}
.tabs{display:flex;gap:6px;margin-bottom:24px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px;}
.tab-btn{flex:1;padding:10px 14px;border:none;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;background:transparent;color:var(--muted);transition:.2s;}
.tab-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;}
.tab-btn:hover:not(.active){background:var(--card2);color:var(--text);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}

/* ---------- BALANCE CARD ---------- */
.bal-card{background:var(--card2);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:18px;display:grid;grid-template-columns:1fr;gap:14px;}
.bal-item .bl{font-size:.74rem;color:var(--muted);margin-bottom:4px;}
.bal-item .bv{font-size:1.4rem;font-weight:800;}
.bal-item.main .bv{color:var(--text);}
.bal-item.pend .bv{color:var(--yellow);}
.bal-item.avail .bv{color:var(--green);}

/* ---------- LOCK NOTICE ---------- */
.lock-card{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:14px;padding:20px;text-align:center;margin-bottom:18px;}
.lock-card .ic{font-size:1.8rem;margin-bottom:8px;}
.lock-card h3{font-size:.95rem;margin-bottom:6px;color:var(--yellow);}
.lock-card p{font-size:.8rem;color:var(--muted);line-height:1.5;max-width: 450px; margin: auto auto 16px;}
.btn-vfy{display:inline-block;background:var(--yellow);color:#111;padding:9px 20px;border-radius:8px;font-weight:700;font-size:.8rem;text-decoration:none;}

/* ---------- INFO BANNER ---------- */
.info-banner{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:14px 16px;margin-bottom:16px;font-size:.79rem;color:var(--muted);line-height:1.65;}
.info-banner .row{display:flex;gap:8px;margin-bottom:4px;}
.info-banner .row:last-child{margin-bottom:0;}
.info-banner .row .ic{flex-shrink:0;}
.info-banner b{color:var(--text);}

/* ---------- FORM ---------- */
.panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:26px;}
.fg{margin-bottom:14px;}
.fg label{display:block;font-size:.76rem;color:var(--muted);margin-bottom:5px;font-weight:500;}
input,select,textarea{width:100%;padding:11px 13px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:9px;font-family:inherit;font-size:.87rem;outline:none;transition:.2s;}
input:focus,select:focus{border-color:var(--accent);}
input.err{border-color:var(--red);}
.fhint{font-size:.71rem;color:var(--muted);margin-top:4px;min-height: 1em;}
.fhint.err{color:var(--red);}
.err-box,.ok-box{border-radius:9px;padding:11px 14px;font-size:.81rem;margin-bottom:14px;display:none;}
.err-box{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);color:var(--red);}
.ok-box{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);color:var(--green);}
.btn-pri{width:100%;padding:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:.3s;}
.btn-pri:hover{opacity:.9;}
.btn-pri:disabled{opacity:.5;cursor:not-allowed;}
.spin{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;vertical-align:middle;margin-right:5px;}
@keyframes sp{to{transform:rotate(360deg);}}

/* Method Select */
.method-select{display:flex;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:5px;}
.method-btn{flex:1;padding:9px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-weight:600;cursor:pointer;transition:.2s;}
.method-btn.active{background:var(--accent);color:#fff;}

/* Summary Box */
.summary-box{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;margin:16px 0;}
.sum-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);padding:5px 0;}
.sum-row.total{font-size:.9rem;font-weight:700;color:var(--green);border-top:1px solid var(--border);margin-top:5px;padding-top:10px;}

/* ---------- REQUEST CARDS (History) ---------- */
.req-card{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:15px 17px;margin-bottom:10px;}
.req-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap;}
.req-amt{font-size:1.05rem;font-weight:800;color:var(--text);}
.badge-st{font-size:.71rem;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;}
.st-bekliyor{background:rgba(245,158,11,.1);color:var(--yellow);border:1px solid rgba(245,158,11,.3);}
.st-onaylandi{background:rgba(16,185,129,.1);color:var(--green);border:1px solid rgba(16,185,129,.3);}
.st-reddedildi{background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.25);}
.req-detail{font-size:.78rem;color:var(--muted);display:flex;flex-direction:column;gap:3px;}
.req-detail b{color:var(--text);}
.req-rejnote{margin-top:8px;padding:9px 11px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.76rem;color:#FCA5A5;}
.empty,.loading{text-align:center;padding:50px 20px;color:var(--muted);font-size:.86rem;}

/* ---------- ADMIN ---------- */
.admin-row{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:16px 18px;margin-bottom:10px;}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.admin-grid{display:grid;grid-template-columns:1fr;gap:6px 16px;font-size:.79rem;color:var(--muted);margin-bottom:12px;}
.admin-grid b{color:var(--text);}
.admin-actions{display:flex;gap:8px;}
.btn-ok{flex:1;padding:9px 12px;background:rgba(16,185,129,.1);color:var(--green);border:1px solid rgba(16,185,129,.3);border-radius:8px;cursor:pointer;font-weight:700;font-size:.79rem;transition:.2s;}
.btn-ok:hover{background:var(--green);color:#fff;}
.btn-rej{flex:1;padding:9px 12px;background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.25);border-radius:8px;cursor:pointer;font-weight:700;font-size:.79rem;transition:.2s;}
.btn-rej:hover{background:var(--red);color:#fff;}
.admin-filters{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
.afchip{padding:6px 13px;border-radius:20px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:.76rem;font-weight:600;cursor:pointer;}
.afchip.active{background:var(--accent);color:#fff;border-color:var(--accent);}

/* ---------- OVERLAY & MODAL ---------- */
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;justify-content:center;align-items:center;padding:16px;}
.overlay.open{display:flex;}
.mpanel{background:var(--card2);border:1px solid var(--border);border-radius:14px;padding:24px;width:100%;max-width:400px;}
.mpanel h3{margin-bottom:14px;font-size:.96rem;}
.mpanel textarea{min-height: 80px; resize: vertical;}
.btn-cancel{background:var(--card);border:1px solid var(--border);color:var(--muted);font-weight:600;cursor:pointer;padding:9px 12px;border-radius:8px;}

/* TOAST */
.toast{position:fixed;bottom:20px;right:20px;background:var(--card2);border:1px solid var(--accent);color:var(--text);padding:12px 20px;border-radius:12px;font-size:.85rem;font-weight:600;z-index:9999;opacity:0;transform:translateY(10px);transition:.3s;pointer-events:none;max-width:calc(100vw - 40px);box-shadow:0 8px 24px rgba(0,0,0,.4);}
.toast.show{opacity:1;transform:translateY(0);}

/* ═══════════════════════════════════
   TABLET & DESKTOP (≥ 768px)
═══════════════════════════════════ */
@media (min-width: 768px) {
  .container{padding:24px 32px;}
  .bal-card{grid-template-columns:repeat(3, 1fr);}
  .admin-grid{grid-template-columns:1fr 1fr;}
}