/* "Next up": the customer's newest videos, one tap from a project (public/next-video.js).
   Light on the dashboard; .nv-dark inside the welcome after checkout. */
.nv{--nv-ink:#14241f;--nv-soft:#5f6b63;--nv-line:rgba(20,36,31,.14);--nv-card:#fffdf8;--nv-go:#14241f;--nv-go-ink:#eef6d6;--nv-accent:#3a6a28;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--nv-ink);text-align:left}
.nv.nv-dark{--nv-ink:#fff;--nv-soft:#b9c6b9;--nv-line:rgba(255,255,255,.16);--nv-card:rgba(255,255,255,.05);--nv-go:#d9fa64;--nv-go-ink:#14241f;--nv-accent:#d9fa64}
.nv[hidden]{display:none!important}
.nv-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--nv-accent);margin:0 0 10px}
.nv-lead{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:16px;align-items:center;background:var(--nv-card);border:1px solid var(--nv-line);border-radius:14px;padding:12px}
.nv-thumb{display:block;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#24382f,#14241f)}
.nv-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.nv-about{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.nv-about b{font-size:16px;line-height:1.3;letter-spacing:-.015em;font-weight:720;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nv-about span{font-size:13px;color:var(--nv-soft)}
.nv-go{appearance:none;margin-top:8px;min-height:46px;padding:0 18px;border:0;border-radius:10px;background:var(--nv-go);color:var(--nv-go-ink);font:750 15px/1.1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;text-align:center}
.nv-go i{font-style:normal;margin-left:4px}
.nv-go:hover{transform:translateY(-1px)}
.nv-go:disabled,.nv-more button:disabled{opacity:.6;cursor:progress;transform:none}
.nv-go:focus-visible,.nv-more button:focus-visible{outline:3px solid var(--nv-accent);outline-offset:2px}
.nv-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.nv-more>span{grid-column:1/-1;font-size:12px;font-weight:650;color:var(--nv-soft)}
.nv-more button{appearance:none;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:8px;border:1px solid var(--nv-line);border-radius:10px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.nv-more button:hover{border-color:var(--nv-accent)}
.nv-more button:not(:has(img)){grid-template-columns:minmax(0,1fr)}
.nv-more img{grid-row:1/3;width:72px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#24382f}
.nv-more b{font-size:13px;font-weight:650;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:end}
.nv-more small{font-size:11.5px;color:var(--nv-soft);align-self:start}
.nv .nv-status{margin:10px 0 0;font-size:13px;color:var(--nv-soft)}
.nv .nv-status:empty{display:none}
.nv .nv-status.error{color:#c2412d}
.nv.nv-dark .nv-status.error{color:#ffb4a1}
.nv .nv-terms{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:var(--nv-soft);max-width:none}
.nv-terms a{color:inherit;text-decoration:underline}
/* On the dashboard it opens below the box, from the "See recent videos" link. */
.dashboard-next{margin:16px 0 0}
/* Taller than the window with the strip open: start from the top instead of centering. */
.workspace main.dashboard.has-next:not(.projects-page){align-items:flex-start;padding-top:clamp(24px,5vh,56px)}
@media (max-width:560px){
  .nv-lead{grid-template-columns:1fr}
  .nv-go{width:100%}
  .nv-more{grid-template-columns:1fr}
}