/* portal-extra.css: small additions the mockup did not need (real links instead of
   demo buttons, forms inside the header, the audit log tab). Same tokens as portal.css. */
.nav .logo{display:block}
.nav .links a{color:#fff;text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
.nav .links a:hover,.nav .links a[aria-current="true"]{border-bottom-color:#fff}
.nav .user form{margin:0}
.nav .user .av{font-size:13px}
.lnk.onDark{color:#fff;font-size:14.5px}
.links .dim{opacity:.85}
a.mod{display:flex;color:#fff;text-decoration:none}
a.tbox{text-decoration:none;display:inline-block}
.tabsrow{margin-bottom:22px}
#err{margin-bottom:14px}
.login-card .err{margin-top:14px}
.small-links a.lnk{font-size:14.5px}
/* initials avatar inside tables (no photos yet) */
.face.ini{display:grid;place-items:center;color:var(--ink);font-size:13px;font-weight:400}
.tbl{margin-top:20px}
.tbl.first{margin-top:0}
.intro{margin:0 0 16px;max-width:70ch}
td.ink{color:var(--ink);font-weight:400}
td.muted,.muted{color:var(--muted)}
.sub-line{font-size:12.5px;color:var(--muted)}
.state.lockd{color:var(--warn)}
.mx input[disabled]{opacity:.5}
/* audit log */
table.audit{min-width:760px}
table.audit td{font-size:14px}
table.audit td.when{white-space:nowrap;color:var(--muted)}
table.audit td.ip{direction:ltr;text-align:right;color:var(--muted);font-size:13px}
.more{margin-top:14px}
/* environment check */
table.check{min-width:0}
table.check td.ok{color:var(--ok);font-weight:500}
table.check td.bad{color:var(--bad);font-weight:500}
code{direction:ltr;unicode-bidi:isolate;background:var(--page);padding:1px 6px;font-size:13.5px}
.err-box{color:var(--bad)}
.ltrfield{direction:ltr;text-align:right}
.err.wide{grid-column:1/-1}
.roval{padding:9px 0;color:var(--ink)}
.mbox .hint{font-size:14.5px;color:var(--muted)}
.mbox .eyebrow.muted{color:var(--muted)}
.spaced-top{margin-top:34px}
.editbtn+.editbtn{margin-inline-start:10px}
.state.fixed{cursor:default}
/* system settings + costs tabs */
.setf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;padding:22px 24px;max-width:760px}
.setf .ua-h,.setf .acts,.setf .err{grid-column:1/-1}
.setf .ua-h:first-child{margin-top:0;border-top:0;padding-top:0}
.setf .hint{font-size:13.5px;color:var(--muted);margin:6px 0 0}
@media (max-width:700px){.setf{grid-template-columns:1fr}}
.cohead{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.cohead .intro{margin:0}
.cohead select{border:0;border-bottom:1px solid #bfc3c8;background:transparent;font-size:16px;padding:6px 0;color:var(--ink);min-width:170px}
/* Demo mode (dev only): "viewing as" strip under the header, and the row button */
.demobar{background:#f6c344;color:#25272b;font-size:14.5px;padding-block:8px}
.demobar .wrap{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.demobar form{margin:0}
.demobar .lnk{color:#25272b;font-weight:700;text-decoration:underline}
td.acts{white-space:nowrap}
.asform{display:inline;margin:0 10px 0 0}