/* Rikap web — approved palette, locked to light */
:root{color-scheme:light;--rust:#C24A1E;--cream:#FFF6EC;--dark:#3A2418;--muted:#7A5A48;--tint:#FBE3D6;--ok:#2E7D4F}
*{box-sizing:border-box}
html,body{margin:0;background:var(--cream);color:var(--dark);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px}
main{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px}
.card{width:100%;max-width:400px;background:var(--cream);border:1.5px solid var(--rust);border-radius:12px;padding:24px}
.card.wide{max-width:1040px}
.logo{display:flex;align-items:center;font-size:20px;font-weight:600;color:var(--rust);margin-bottom:16px}
.logo span{border:1.5px solid var(--rust);border-radius:5px;padding:0 4px;margin-right:1px}
h1{font-size:20px;font-weight:600;margin:0 0 4px}
.sub{color:var(--muted);margin:0 0 16px;line-height:1.5}
label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 4px}
input,select{width:100%;font:inherit;color:var(--dark);background:#fff;border:1px solid var(--rust);border-radius:6px;padding:9px 10px;outline:none}
input:focus,select:focus{box-shadow:0 0 0 3px var(--tint)}
input[readonly]{background:var(--tint)}
.pw{position:relative}.pw input{padding-right:40px}
.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--rust);cursor:pointer;font-size:13px;padding:4px}
button,.btn{display:block;width:100%;font:inherit;font-weight:600;border-radius:6px;padding:10px;cursor:pointer;margin-top:14px;text-align:center;text-decoration:none}
.primary{background:var(--rust);color:#fff;border:1px solid var(--rust)}
.secondary{background:#fff;color:var(--rust);border:1px solid var(--rust)}
button:disabled{opacity:.55;cursor:not-allowed}
a{color:var(--rust)}
.or,.foot{text-align:center;color:var(--muted);font-size:13px;margin:12px 0 0}
.right{text-align:right;margin:6px 0 0;font-size:13px}
.rules{font-size:12px;line-height:1.7;color:var(--muted);margin-top:6px}
.rules .ok{color:var(--ok)}
.msg{border:1px solid var(--rust);border-radius:10px;padding:10px 12px;margin-top:14px;font-size:14px;display:none;background:#fff}
.msg.show{display:block}.msg b{display:block;color:var(--rust)}
.err{color:var(--rust);font-size:12px;margin-top:4px;min-height:0}
.ts{margin-top:14px;min-height:65px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.cols h2{font-size:14px;color:var(--rust);margin:0;padding-bottom:6px;border-bottom:1px solid var(--rust)}
.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-top:14px}
.check input{width:auto;margin-top:2px}
dialog{border:1.5px solid var(--rust);border-radius:12px;background:var(--cream);color:var(--dark);max-width:640px;width:92vw;padding:0}
dialog::backdrop{background:rgba(58,36,24,.45)}
.doc{max-height:60vh;overflow:auto;padding:18px 20px;border-bottom:1px solid var(--rust);line-height:1.6;font-size:14px}
.dlg-foot{padding:12px 20px}
.hidden{display:none!important}