/* public/app/numbers.css: the owner picks their own UNLOOK number (27 Oct 2026, the approved mockup). Only the dashboard's
   own tokens and parts (the font picker's radio tiles .fopt, the tabs .t-tabs, the status words .cs-st); no new colours.
   Row text stays 400-500. */
.np{display:flex;flex-direction:column;gap:12px}
.np-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.np-tabs{flex:none}
.np-find{display:flex;gap:8px;flex:1 1 240px;min-width:0}
.np-find .input{flex:1;min-width:0}
.np-find .btn{flex:none}
.np-res{display:flex;flex-direction:column;gap:12px}
.np-list{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));margin:0}
.np-opt{min-height:52px;align-items:center}
.np-tx{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.np-n{font-weight:500;color:var(--ink);white-space:nowrap}
.np-c{font-size:var(--fs-meta);color:var(--ink-2)}
/* "Show more" is a plain text button, not a boxed one: boxed, it read as one more number tile (the owner, 27 Oct) */
.np-more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-top:4px;padding:0 2px;border:0;background:none;color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;border-radius:var(--r-ctl)}
.np-more:hover{color:var(--ink)}
.np-more:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.np-more svg{width:16px;height:16px}
.np-hint{margin:0;font-size:var(--fs-sm);color:var(--ink-2)}
.np-msg{font-size:var(--fs-sm)}
.np-go{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:4px}
.np-small{margin:0;font-size:var(--fs-meta);color:var(--ink-3)}
.np-sub{margin:0;font-size:var(--fs-sm);color:var(--ink-2)}
.np-big{margin:0;font-size:var(--fs-lg);font-weight:500;color:var(--ink)}
.np-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:var(--fs-sm)}
.np-step .sd b{font-weight:500;color:var(--ink)}
.np-in{padding:12px 0}
.np-lead{margin-bottom:12px;max-width:62ch}
@media (max-width:720px){
  .np-top{flex-direction:column;align-items:stretch}
  .np-tabs{align-self:flex-start}
  .np-find{flex:none}
  .np-list{grid-template-columns:minmax(0,1fr)}
  .np-go .btn{width:100%;min-height:48px}
}