/* css – تم تیره شیک با جزئیات مدرن؛ RTL کامل */

:root{
    --bg:#0f172a;          /* slate-900 */
    --card:#111827;        /* gray-900 */
    --txt:#e5e7eb;         /* zinc-200 */
    --muted:#9ca3af;
    --pri:#22c55e;         /* green-500 */
    --warn:#f59e0b;        /* amber-500 */
    --err:#ef4444;         /* red-500 */
    --btn:#1f2937;         /* gray-800 */
    --border:#1f2937;
    --pill:#0b1220;
  }
  
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
  .wrap{padding:14px;max-width:920px;margin:0 auto}
  
  .topbar{
    display:flex;justify-content:space-between;align-items:center;
    padding:10px 12px;margin:6px 0 14px;background:linear-gradient(180deg,#0b1220,transparent);
    border:1px solid var(--border);border-radius:16px;
  }
  .brand{font-weight:700;letter-spacing:.2px}
  .balance{display:flex;align-items:center;gap:8px}
  .unit{color:var(--muted)}
  
  .tabs{display:flex;gap:6px;margin-bottom:10px}
  .tab{
    flex:1;background:#0b1220;border:1px solid var(--border);color:var(--txt);
    padding:10px;border-radius:12px;cursor:pointer
  }
  .tab.active{background:#0f213a;border-color:#264765;box-shadow:0 8px 24px rgba(0,0,0,.25)}
  
  .view{display:none}
  .view.active{display:block}
  
  .card{
    background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;margin:10px 0;
    box-shadow:0 8px 24px rgba(0,0,0,.25)
  }
  .center{text-align:center}
  .muted{color:var(--muted)}
  .grid{display:grid;grid-template-columns:1fr;gap:10px}
  .grid-2{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:1fr 1fr 1fr}
  @media(min-width:680px){.grid{grid-template-columns:1fr 1fr}}
  .field{display:flex;flex-direction:column;gap:6px}
  .field input,.field select{
    width:100%;padding:10px 12px;border-radius:12px;border:1px solid #334155;background:#0b1220;color:var(--txt)
  }
  
  .actions{display:flex;gap:10px;margin-top:8px}
  .btn{
    background:var(--btn);color:var(--txt);border:1px solid #334155;border-radius:12px;padding:10px 12px;cursor:pointer
  }
  .btn:disabled{opacity:.5;cursor:not-allowed}
  .btn.primary{background:#065f46;border-color:#0d9488}
  .btn.warn{background:#7c2d12;border-color:var(--warn)}
  .btn.ghost{background:#0b1220;border-color:#1e293b}
  
  .hint{font-size:13px;line-height:1.7;margin-top:8px;color:var(--muted)}
  .hr{height:1px;background:#1f2937;margin:10px 0}
  .result .linkbox{display:flex;flex-direction:column;gap:6px;margin-top:10px}
  code{background:#0b1220;border:1px solid #334155;border-radius:10px;padding:4px 6px;word-break:break-all}
  code.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
  
  .toast{
    position:fixed;left:0;right:0;bottom:16px;margin:auto;width:max-content;max-width:90%;
    background:#111827;color:#e5e7eb;border:1px solid #374151;padding:10px 14px;border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:9999
  }
  
  .row{display:flex;gap:8px;flex-wrap:wrap}
  .col{flex:1}
  .pill{display:inline-block;background:var(--pill);border:1px solid var(--border);color:#a7f3d0;padding:4px 10px;border-radius:999px;font-size:12px}
  .qr{display:flex;align-items:center;gap:10px;margin-top:10px}
  .qrbox{background:#fff;border-radius:12px;padding:8px;display:inline-block}
  img.qrimg{display:block;width:180px;height:180px;object-fit:contain}
  .sep{height:8px}
  .stat{display:flex;align-items:center;gap:6px}
  .stat b{font-size:16px}
  .tag-active{color:#34d399}
  .tag-inactive{color:#fca5a5}
  .proto-row{display:flex;gap:8px;align-items:center}
  
  .paybox{
    display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap
  }
  
  .stack{display:flex;flex-direction:column;gap:12px}