/* Onboard client page (onboard.js). Foundation language: hairline rules, status words, no cards. */
.ob-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px 28px;align-items:center;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:14px 0;margin-bottom:6px}
.ob-id{display:flex;gap:14px;align-items:center;min-width:0}
.ob-id h1{font:600 20px/1.2 var(--font);margin:0}
.ob-ready{display:grid;gap:3px;min-width:170px}
.ob-ready .lbl{font:600 10.5px var(--mono);letter-spacing:.06em;color:var(--ink3)}
.ob-ready .v{font:600 22px var(--mono)}
.ob-bar{height:3px;background:var(--bd);border-radius:2px;overflow:hidden}
.ob-bar i{display:block;height:100%;background:var(--ok);transition:width .3s}
.ob-done{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ob-step{border-bottom:1px solid var(--bd);padding:16px 0}
.ob-sh{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start}
.ob-n{font:600 12px var(--mono);color:var(--ink3);border:1px solid var(--bd2);border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
.ob-t h2{font:600 14px/1.3 var(--font);margin:0}
.ob-t p{margin:2px 0 0;max-width:80ch}
.ob-st{text-align:right;white-space:nowrap}
.ob-body{margin:10px 0 0 38px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.ob-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ob-line .lbl,.ob-cmd .lbl{font:600 10.5px var(--mono);letter-spacing:.06em;color:var(--ink3)}
.ob-cmd pre.code,.ob-sub pre.code,.ob-secret pre.code{font:12px/1.5 var(--mono);background:var(--sf2);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;margin:4px 0 6px;overflow:auto;max-height:340px;white-space:pre;user-select:all}
.ob-act{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ob-na{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.ob-sub{border-left:2px solid var(--bd2);padding:2px 0 2px 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
.ob-sub h3,.ob-h3{font:600 12.5px var(--font);margin:6px 0 0}
.ob-secret{border:1px solid color-mix(in srgb,var(--warn) 45%,var(--bd));border-radius:var(--r);padding:10px 12px;display:grid;gap:8px}
.ob-kv{border-collapse:collapse;width:100%;max-width:820px}
.ob-kv td{padding:4px 8px 4px 0;border-bottom:1px solid var(--bd);vertical-align:middle}
.ob-kv td.act{text-align:right;white-space:nowrap;width:1%}
.ob-kv .ob-v{word-break:break-all;font-size:12px}
.ob-qr{width:280px;max-width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--bd);background:#fff}
.ob-pick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ob .net-form{grid-template-columns:130px minmax(220px,460px)}
.ob .net-warn{border:1px solid color-mix(in srgb,var(--warn) 45%,var(--bd));background:var(--warnBg);padding:8px 12px;border-radius:var(--r);font-size:12.5px}
.ob .net-help{border-left:2px solid var(--warn);padding:2px 0 2px 12px;color:var(--ink2);max-width:90ch}
table.cust td.n .quick-btn{white-space:nowrap}
@media (max-width:719px){
  .ob-head{grid-template-columns:1fr;gap:12px}
  .ob-sh{grid-template-columns:24px minmax(0,1fr)}
  .ob-st{grid-column:2;text-align:left}
  .ob-body{margin-left:0}
  .ob .net-form{grid-template-columns:1fr}
  .ob-sub{padding-left:10px}
  .ob-kv td{display:block;border:0;padding:2px 0}
  .ob-kv tr{display:block;border-bottom:1px solid var(--bd);padding:4px 0}
  .ob-kv td.act{width:auto;text-align:left}
  .ob .tw{overflow-x:auto}
}
.ob-trust{font-size:12.5px;line-height:1.5;color:var(--ink2);max-width:78ch;margin:8px 0 0;padding:8px 12px;border-left:2px solid var(--acc);background:var(--sf2)}