/* Visual mengikuti prototipe final docs/prototipe/index.html (B oranye #B54716, warm neutrals). Hanya bagian login scaffold; tanpa toolbar demo/role picker. */
:root{--ink:#302820;--muted:#70665e;--line:#e3d9cf;--bg:#f7f3ee;--accent:#B54716}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.5 'Segoe UI',Arial,sans-serif}
button,input,select,textarea{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:10px 14px;color:inherit;background:white}
button{cursor:pointer}
button:hover{background:#fbede3}
button:focus-visible,input:focus-visible{outline:3px solid #bf802e;outline-offset:3px}
.primary{background:var(--accent);color:white;border-color:var(--accent)}
.primary:hover{background:#923810;color:white}
.panel{background:white;border:1px solid var(--line);border-radius:10px}
.login{max-width:470px;margin:80px auto;padding:36px}
.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--accent);margin-bottom:8px}
h1{font-size:32px;letter-spacing:-1px;margin:0}
p{margin:8px 0 18px}
.notice{background:#fff1e7;padding:13px;border-radius:7px}
.error{color:#a12a20;min-height:22px}
form{display:grid;gap:15px}
label{display:grid;gap:6px;font-size:13px}
input{width:100%;min-width:0;max-width:100%}
@media(max-width:600px){.login{margin:35px 17px;padding:25px}h1{font-size:28px}}