/* RS3K Frontend Styles (gold theme & mobile-first) */
:root{ --bg:#fff; --text:#111; --muted:#6b7280; --border:#e5e7eb; --gold:#C8A200; }

/* Card */
.rs3k-card{ background:var(--bg); border:1px solid var(--gold); border-radius:10px; padding:1.5rem; box-shadow:0 10px 25px rgba(0,0,0,.06); width:90%; margin:1rem auto; }

/* Form */
.rs3k-form p{ margin:1rem 0; }
.rs3k-form label{ display:block; font-weight:700; margin-bottom:.5rem; }
.rs3k-form input[type="text"], .rs3k-form input[type="password"], .rs3k-form input[type="email"]{ width:100%; padding:1rem; border:1px solid var(--gold); border-radius:10px; outline:0; }
.rs3k-input-icon{ position:relative; }
.rs3k-input-icon input{ padding-right:48px; position:relative; z-index:1; pointer-events:auto; }
.rs3k-input-icon .rs3k-eye{ position:absolute; right:12px; top:50%; transform:translateY(-50%); border:0; background:transparent; cursor:pointer; padding:4px; line-height:0; z-index:2; pointer-events:auto; }
.rs3k-input-row{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.rs3k-remember{ display:flex; align-items:center; gap:.5rem; color:var(--muted); }

/* Button */
.rs3k-btn{ display:inline-block; background:var(--gold); color:#fff; padding:.9rem 1rem; border-radius:10px; border:1px solid var(--gold); font-weight:700; }
.rs3k-btn:hover{ filter:brightness(1.05); }
.rs3k-btn:focus{ outline:none; box-shadow:0 0 0 3px rgba(200,162,0,.25); }
.rs3k-card .rs3k-form .rs3k-btn{ background:var(--gold) !important; color:#fff !important; border:1px solid var(--gold) !important; }
.rs3k-btn-sm{ padding:.5rem .75rem; font-size:.9rem; }

/* Notices */
.rs3k-notice{ border-radius:10px; padding:.75rem .9rem; margin:.75rem 0; border:1px solid var(--border); background:#f9fafb; }

/* Dashboard */
.rs3k-dash{ width:90%; }
.rs3k-dash-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.rs3k-identity .rs3k-id{ font-weight:800; font-size:1.35rem; line-height:1.25; }
.rs3k-identity .rs3k-name{ font-size:1rem; color:var(--muted); margin-top:.2rem; }
.rs3k-row-2{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1rem 0; }
.rs3k-box{ border:1px solid var(--gold); border-radius:10px; padding:.85rem .9rem; text-align:center; }
.rs3k-box-title{ font-size:.9rem; color:var(--muted); margin-bottom:.4rem; font-weight:700; }
.rs3k-box-value{ font-size:1.1rem; font-weight:800; }
.rs3k-section-title{ text-align:left; font-size:1rem; margin:1rem 0 .5rem; color:var(--text); }
.rs3k-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.rs3k-box-button{ display:flex; align-items:center; justify-content:center; }
.rs3k-btn-wide{ display:block; width:100%; text-align:center; padding:.9rem 1rem; background:var(--gold); border:1px solid var(--gold); color:#fff; border-radius:10px; }

/* Phone consistency */
@media (min-width:320px){
  .rs3k-grid-2{ grid-template-columns:1fr 1fr; }
  .rs3k-row-2{ grid-template-columns:1fr 1fr; }
}
@media (max-width:360px){
  .rs3k-card{ padding:1.1rem; }
  .rs3k-identity .rs3k-id{ font-size:1.25rem; }
}

.rs3k-input-icon .rs3k-eye{ position:absolute; right:12px; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer; background:transparent; border:0; }