/* Hosted-portal additions on top of app.css (ported verbatim from the live artifact). */
[hidden]:not([hidden=until-found i]){display:none!important}
html,body{overflow-x:hidden}
.wrap{padding-left:16px;padding-right:16px}
nav a:focus-visible{outline-offset:-2px}
footer a{color:var(--muted)}
.kbtn{color:var(--ink)}

/* Users admin */
.ulist{padding-top:0;padding-bottom:0}
.ulist .top{align-items:baseline}
.urole{font:500 13px Montserrat,sans-serif;color:var(--muted);white-space:nowrap}
.uemail{word-break:break-all}
.uacts{display:flex;gap:8px;margin-top:8px}
.uform select.fin{appearance:none;-webkit-appearance:none;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236E655D' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center}
.chk{display:flex;align-items:center;gap:10px;min-height:48px;font-size:15px}
.chk input{width:20px;height:20px;accent-color:var(--crown)}
.uform .note{display:block}

/* Login */
.login{max-width:380px;margin:0 auto;padding:0 0 40px}
.login .lhd{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 0 18px;border-bottom:3px double var(--gold)}
.login .lhd img{width:56px;height:auto}
.login .lhd .stamp{text-align:center;font-size:12px;letter-spacing:.04em}
.login form{margin-top:22px}
.login .fin{font-size:16px}
.login #code{letter-spacing:.4em;font-variant-numeric:tabular-nums;text-align:center;font-size:22px}
.login .note{text-align:center;display:block;min-height:20px}
.login .linkbtn{display:block;margin:12px auto 0}

/* Print card: black headers on paper */
.printcard th{color:#000;font:700 15px Montserrat,Arial,sans-serif;text-transform:none;letter-spacing:0}
.printcard td{color:#000}

/* Users turned off */
.mi.off .top span:first-child,.mi.off .uemail{opacity:.55}