/* TIP1 v1.3 TIPS & PAYMENTS */
:root{--bg:#0a0a0f;--surface:#12121f;--border:#1e1e35;--text:#e8e8f0;--muted:#9aa8bc;--gold:#d4af37;--danger:#ef5350;--ok:#4caf50;--focus:#ffd166;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;}
body{max-width:920px;margin:0 auto;padding:12px 14px 48px;}
h1{font-size:1.35rem;color:var(--gold);margin:0 0 6px;}
.muted{color:var(--muted);}
.banner,.limit,.notice{border-radius:10px;padding:12px 14px;margin:10px 0;font-size:16px;}
.banner{border:2px solid var(--gold);background:#2a2208;}
.limit{border:2px solid var(--danger);background:#2a1216;}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;margin:12px 0;}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
button{min-height:44px;min-width:44px;padding:10px 14px;font-size:16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;}
button.primary{background:var(--gold);color:#111;border-color:var(--gold);font-weight:600;}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px;}
label{display:block;margin:8px 0 4px;color:var(--muted);font-size:15px;}
input,select,textarea{width:100%;font-size:16px;padding:10px;border-radius:8px;border:1px solid var(--border);background:#0d1220;color:var(--text);}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;}
.stat{background:#0d1220;border:1px solid var(--border);border-radius:10px;padding:12px;}
.stat strong{display:block;font-size:1.25rem;color:var(--gold);}
.entry{border-bottom:1px solid var(--border);padding:10px 0;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}
@media (max-width:400px){body{padding:10px;} h1{font-size:1.2rem;}}
