/* Live-app additions on top of the approved prototype styles (brand.css + app.css). */
.muted{color:var(--muted)}
.chip.ex{background:#2a1a12;color:#FFFFFF;letter-spacing:.06em}
.chip.dark{background:#2a1a12;color:#FFFFFF}
/* login: pure white panel on paper */
.login-wrap{min-height:calc(100vh - 110px);display:grid;place-items:center;padding:2rem 1rem}
.login-panel{background:#FFFFFF;width:min(460px,100%);text-align:center}
.login-logo{margin:0 auto 1rem;height:auto}
.login-panel h1{font-size:1.9rem}.login-sub{color:var(--muted);margin:.4rem 0 1rem}
.login-form{text-align:start}.login-form input{background:#FFFFFF!important}
.otp{font-size:1.6rem!important;letter-spacing:.5em;text-align:center;font-family:ui-monospace,Menlo,monospace!important}
.linkbtn{background:none;border:0;color:var(--caramel-text,#7A4A17);text-decoration:underline;cursor:pointer;margin-top:.8rem;font-weight:600}
.login-msg{min-height:1.4em;color:#8A181A;font-weight:600;margin:.8rem 0 0}.login-msg.ok{color:#2c5a2a}
.login-note{font-size:.8rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:.8rem;margin-top:1rem}
/* staff forms: pure white */
.card form input,.card form select,.card form textarea,.asmt input,.asmt select,.cert select,.coc select,.stagesel select{background:#FFFFFF;border:1.5px solid var(--line);border-radius:12px;padding:.5rem .7rem;font:inherit;font-size:.92rem;color:var(--ink)}
.miniform{display:grid;gap:.5rem;margin-top:.8rem}.miniform .btn{justify-self:start}
.formcard{background:#FFFFFF}.formcard .f{display:block;margin:.55rem 0}.formcard .f>span{font-weight:600;font-size:.9rem}.formcard input,.formcard select,.formcard textarea{width:100%;margin-top:.3rem}
.formcard .chk{display:flex;gap:.5rem;align-items:center;margin:.4rem 0;font-size:.92rem}.formcard .chk input{width:auto;margin:0}
.notef{display:grid;gap:.6rem;margin-bottom:1rem}.notef textarea{width:100%}.notef-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.notef .pill{display:inline-flex;gap:.4rem;align-items:center;border:1.5px solid var(--line);border-radius:999px;padding:.4rem .9rem;cursor:pointer;font-size:.86rem;background:#FFFFFF}
.notef .pill:has(input:checked){background:var(--espresso);border-color:var(--espresso);color:#FFFFFF}
.asmt{width:100%}.asmt input{width:5.5rem}.asmt td{padding:.35rem .4rem}
.cert select{margin-top:.35rem;width:100%}
.stagesel{display:flex;flex-direction:column;gap:.25rem;color:#FFFFFF;font-size:.8rem;font-weight:600}
.stagesel select{min-width:190px}
.dl2{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem}.dl2 dd{margin:0}
.who-am-i{color:#FFFFFF;text-align:center;font-weight:600}
.sidefoot .toggle,#logout{cursor:pointer}
.fb.priv{border-inline-start:4px solid #2a1a12}
.kanban.k6{grid-template-columns:repeat(6,minmax(170px,1fr))}