/* Sign-in, reset, account and Users pages. The sign-in card itself uses Bill Pay Manager's own .login-* rules from bp.css (white card, horizontal logo, red top edge). */
.pw-toggle{color:#002e63;border-radius:6px}.pw-toggle:hover{background:rgba(0,46,99,.08)}
.auth-alert{border-radius:8px;padding:10px 14px;margin:0 0 14px;font-size:14px;border:1px solid}
.auth-alert.err{background:#f6d3d6;border-color:#e3a1a8;color:#7a000a}
.auth-alert.ok{background:#cfe9d8;border-color:#9fd2b0;color:#0f4d25}
.auth-alert.warn{background:#f6e3b4;border-color:#e3c37a;color:#5e3100}
.auth-alert.secret{background:#dfe8f5;border-color:#9fb9da;color:#0b2340}
.secret-box{margin:8px 0;padding:10px 12px;background:#c9d8ec;border:1px dashed #5d7fae;border-radius:8px;word-break:break-all;user-select:all}
.secret-box code{font-size:15px;color:#001f45}
.w-auto{width:auto}
/* read-only users: hide edit forms (the server also returns 403 for every write) */
body.role-user form[method="post" i]:not(.allow-user):not(.logout-form){display:none!important}
.role-pill{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font:600 10.5px var(--lgp-font);letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.16);color:#fff;white-space:nowrap}

/* ==== Users page (Oct 21, 2026): fits 1180 px without sideways scroll; stacked cards on phones ==== */
.users-legend{margin:0 0 12px}
.users-tbl{table-layout:auto;width:100%}
.users-tbl td{vertical-align:top}
.users-tbl .u-name,.users-tbl .u-mail{overflow-wrap:anywhere}.users-tbl .u-mail{margin-top:2px}
.users-tbl tr.is-suspended td{opacity:.8}
.users-tbl .u-actions{min-width:300px}
.u-btns{gap:6px;margin-top:6px}.u-btns form{margin:0}
.u-edit{margin-top:6px}.u-edit summary{cursor:pointer;color:var(--lgp-navy);font-weight:600;font-size:13px}
.u-edit summary:hover{color:var(--lgp-red)}
.u-edit[open]{background:rgba(255,255,255,.35);border:1px solid #b4c9e3;border-radius:8px;padding:8px 10px}
.u-edit form{margin-top:6px}.u-edit input[type=email]{min-width:0;flex:1 1 180px}
label.chk{display:flex;align-items:center;gap:8px;font-weight:500;margin:10px 0 8px}label.chk input{width:auto;margin:0}
@media(max-width:760px){
  .users-tbl thead{display:none}
  .users-tbl,.users-tbl tbody,.users-tbl tr,.users-tbl td{display:block;width:100%;box-sizing:border-box}
  .users-tbl tr{border:1px solid #b4c9e3;border-radius:10px;margin:0 0 12px;padding:6px 10px}
  .users-tbl tr[hidden],.users-tbl tr.tbl-empty{display:none}
  .users-tbl td{border:0;padding:6px 0}
  .users-tbl td[data-label]:not([data-label="User"])::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lgp-muted)}
  .users-tbl .u-actions{min-width:0}
  .u-btns .lgp-btn{min-height:40px}
}