/* ============ Investing Against the Grain — Auth & Dashboard shared styles ============ */

/* ---------- Header auth buttons: plain gold, text only ---------- */
.btn-auth{display:inline-block;padding:9px 22px;border-radius:10px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#e8bc62,#d3a24a);color:#141414 !important;text-decoration:none;border:none;cursor:pointer;transition:filter .2s,transform .2s;white-space:nowrap}
.btn-auth:hover{filter:brightness(1.1);transform:translateY(-1px)}
.mobile-menu a.btn-auth-m{display:block;text-align:center;background:linear-gradient(135deg,#e8bc62,#d3a24a);color:#141414 !important;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border-radius:10px;margin:10px 0;padding:13px;border-bottom:none !important}

/* ---------- Auth pages ---------- */
.auth-wrap{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:56px 22px;background:radial-gradient(900px 420px at 50% -80px,rgba(211,162,74,.12),transparent)}
.auth-card{width:100%;max-width:490px;background:#1c1c20;border:1px solid var(--line,#2a2a31);border-radius:20px;padding:42px 38px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.auth-card h1{font-size:30px;margin:0 0 6px;letter-spacing:-.01em}
.auth-card h1 .g{color:var(--gold,#d3a24a)}
.auth-card h2{font-size:26px;margin:0 0 6px;letter-spacing:-.01em}
.auth-card h2 .g{color:var(--gold,#d3a24a)}
.auth-sub{color:#a09a8c;font-size:14px;margin:0 0 26px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:#d8d3c8}
.field input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #3a3a42;background:#141416;color:#fff;font-size:15px;box-sizing:border-box;font-family:inherit;transition:border-color .2s}
.field input:focus{outline:none;border-color:var(--gold,#d3a24a)}
.field input.bad{border-color:#c0392b}
.field .hint{font-size:12px;color:#8a8578;margin-top:6px}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:50px}
.pw-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:9px;color:#a09a8c;border-radius:8px}
.pw-toggle:hover{color:var(--gold,#d3a24a)}
.pw-toggle svg{width:20px;height:20px;display:block}
.btn-block{width:100%;padding:15px;border:none;border-radius:12px;font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#e8bc62,#d3a24a);color:#141414;cursor:pointer;transition:filter .2s;margin-top:6px}
.btn-block:hover{filter:brightness(1.08)}
.btn-block:disabled{opacity:.6;cursor:wait}
.auth-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px;font-size:13.5px}
.link-like{background:none;border:none;color:var(--gold,#d3a24a);cursor:pointer;font-size:13.5px;font-weight:600;padding:0;font-family:inherit}
.link-like:hover{text-decoration:underline}
.auth-alt{text-align:center;font-size:14px;color:#a09a8c;margin-top:20px}
.auth-alt a{color:var(--gold,#d3a24a);font-weight:700;text-decoration:none}
.auth-alt a:hover{text-decoration:underline}
.form-err{display:none;background:#3a1414;border:1px solid #7a2a2a;color:#ffb4b4;font-size:13.5px;padding:11px 14px;border-radius:10px;margin-bottom:16px}
.form-err.show{display:block}
.form-ok{display:none;background:#0f2f1d;border:1px solid #2c6b45;color:#9fe6b8;font-size:13.5px;padding:11px 14px;border-radius:10px;margin-bottom:16px}
.form-ok.show{display:block}
.demo-box{margin-top:22px;border-top:1px solid var(--line,#2a2a31);padding-top:18px;text-align:center}
.demo-box p{font-size:13px;color:#8a8578;margin:0 0 10px}
.demo-box code{color:#d8d3c8;font-size:12.5px}
.btn-ghost{display:inline-block;padding:11px 22px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.05em;background:transparent;color:var(--gold,#d3a24a);border:1px solid var(--gold,#d3a24a);cursor:pointer;text-decoration:none}
.btn-ghost:hover{background:rgba(211,162,74,.1)}
.reset-steps{display:none}
.reset-steps.show{display:block}
.step-pill{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#141414;background:linear-gradient(135deg,#e8bc62,#d3a24a);border-radius:999px;padding:5px 14px;margin-bottom:14px}

/* ---------- Toast ---------- */
#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:#242428;border:1px solid var(--gold,#d3a24a);color:#fff;padding:13px 24px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:999;max-width:92vw;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.5)}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---------- Modals (dashboard wallet flows) ---------- */
.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;backdrop-filter:blur(3px)}
.modal-back.open{display:flex}
.modal{width:100%;max-width:450px;max-height:92vh;overflow-y:auto;background:#1c1c20;border:1px solid var(--line,#2a2a31);border-radius:18px;padding:32px 30px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:pop .25s ease}
@keyframes pop{from{transform:scale(.96) translateY(8px);opacity:0}to{transform:none;opacity:1}}
.modal h3{margin:0 0 4px;font-size:22px}
.modal .m-sub{font-size:13.5px;color:#a09a8c;margin:0 0 20px}
.modal .m-close{float:right;background:none;border:1px solid #3a3a42;color:#d8d3c8;border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:16px;line-height:1}
.modal .m-close:hover{border-color:var(--gold,#d3a24a);color:var(--gold,#d3a24a)}
.amt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.amt-pick{padding:11px 4px;border-radius:10px;border:1px solid #3a3a42;background:#141416;color:#d8d3c8;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.amt-pick:hover{border-color:var(--gold,#d3a24a)}
.amt-pick.sel{background:linear-gradient(135deg,#e8bc62,#d3a24a);color:#141414;border-color:transparent}
.m-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.m-success{text-align:center;padding:16px 0 4px}
.m-success .tick{width:64px;height:64px;border-radius:50%;background:#0f2f1d;border:2px solid #2c6b45;color:#9fe6b8;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.demo-note{font-size:12px;color:#8a8578;background:#141416;border:1px dashed #3a3a42;border-radius:10px;padding:10px 12px;margin-top:16px;text-align:center}

@media(max-width:520px){
  .auth-card{padding:32px 24px}
  .modal{padding:26px 20px}
  .m-row{grid-template-columns:1fr}
  .amt-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:1320px){.links{gap:11px;font-size:12px}.links .btn-nav{padding:7px 13px}.links .cta{padding:8px 14px}.btn-auth{padding:8px 14px;font-size:11.5px}}

.field input[type="file"]{padding:11px 12px;cursor:pointer}
.field input[type="file"]::file-selector-button{background:linear-gradient(135deg,#e8bc62,#d3a24a);border:none;border-radius:8px;padding:9px 16px;font-weight:800;font-size:13px;color:#141414;cursor:pointer;margin-right:12px;font-family:inherit}
.id-preview{display:flex;align-items:center;gap:12px;margin-top:12px}
.id-preview img{max-width:140px;max-height:90px;border-radius:10px;border:1px solid #3a3a42;object-fit:cover}
.id-preview button{background:none;border:1px solid #3a3a42;color:#d8d3c8;border-radius:8px;padding:8px 14px;font-size:12.5px;cursor:pointer;font-family:inherit}
.id-preview button:hover{border-color:#c0392b;color:#ff9d9d}

.st-Rejected{background:#3a1414;color:#ff9d9d}