/* Portal additions on top of the console's style.css. */
header.top nav { display: flex; gap: 4px; flex-wrap: wrap; }
header.top nav a { color: var(--ink); text-decoration: none; padding: 6px 10px; border-radius: 7px; }
header.top nav a.on { background: var(--bg); font-weight: 600; }
main#pmain { max-width: 1100px; margin: 0 auto; padding: 20px 16px 60px; }
.view.narrow { max-width: 440px; margin: 40px auto; }
.view.narrow .card label, .narrow-card label { display: flex; flex-direction: column; gap: 4px; margin: 10px 0; font-size: 13px; color: var(--muted); }
.view.narrow .card label.check { flex-direction: row; align-items: flex-start; gap: 8px; color: var(--ink); }
.view.narrow input:not([type=checkbox]), .narrow-card input { width: 100%; }
.view.narrow h1 { font-size: 22px; }
.narrow-card { max-width: 480px; }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.banner { border: 1px solid var(--accent); background: var(--card); border-radius: 10px; padding: 12px 14px; margin-bottom: 14px; }
.steps { padding-left: 20px; margin: 6px 0; }
.steps li { margin: 8px 0; }
.steps li.done { color: var(--muted); text-decoration: line-through; }
.steps li .act { margin-left: 8px; }
.doc pre { background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; overflow-x: auto; font-size: 12.5px; white-space: pre-wrap; word-break: break-word; }
.doc code { font-family: ui-monospace, Menlo, monospace; font-size: 12.5px; background: var(--bg); padding: 1px 4px; border-radius: 4px; }
.doc h2 { margin-top: 22px; }
.doc h2:first-child { margin-top: 0; }
@media (max-width: 640px) {
  header.top { flex-wrap: wrap; gap: 8px; }
  .kpi { min-width: 140px; }
}
.view .card { margin-bottom: 14px; }