/* Wave 8, E4 and E10: type of business picker (setup guide), Settings Modules, My menu, campaign ideas and AI drafts.
   Colors only through the tokens in app.css / themes.css, so every theme and dark mode work. */
.vt-search{max-width:420px;margin-top:12px}
.vt-list{display:grid;gap:14px;margin:12px 0 4px;max-height:min(46vh,520px);max-height:min(46dvh,520px);overflow:auto;padding:2px 2px 6px;overscroll-behavior:contain}
.vt-group{border:0;margin:0;padding:0;min-width:0}
.vt-group legend{font:600 .75rem/1.4 var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0;margin-bottom:6px}
.vt-chips{display:flex;flex-wrap:wrap;gap:8px}
.vt-chip{position:relative;display:inline-flex}
.vt-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.vt-chip span{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1.5px solid var(--line);border-radius:99px;background:var(--surface);font-weight:550;transition:background-color .16s,border-color .16s,transform .16s cubic-bezier(.22,1,.36,1)}
.vt-chip:hover span{border-color:var(--lake)}
.vt-chip input:checked+span{background:var(--lake);border-color:var(--lake);color:var(--lake-ink)}
.vt-chip input:focus-visible+span{outline:3px solid var(--lake);outline-offset:2px}
.vt-chip:active span{transform:scale(.97)}
.vt-pack:empty{display:none}
.vt-pack{margin-top:16px}
.vt-h{font-size:1rem;margin:4px 0 10px}
.vt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-items:start}
.vt-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface);min-width:0}
.vt-card h4{font:650 .9375rem/1.3 var(--f-display);margin:0 0 6px}
.vt-small{font-size:.8125rem;margin:0 0 8px}
.vt-row{gap:12px;align-items:center}
.vt-row .s{display:block}
.vt-stages{margin:6px 0 10px;padding-left:1.25rem;display:grid;gap:2px}
.vt-ul{margin:6px 0 10px;padding-left:1.25rem}
.vt-check{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;font-weight:550;min-height:32px}
.vt-check input{width:20px;height:20px;accent-color:var(--lake);margin:1px 0 0}
.vt-sw44{position:relative}
.vt-sw44::before{content:"";position:absolute;inset:-11px -4px}
.vt-mods .row{padding:10px 0}
.mm-row{gap:12px;align-items:center;min-height:48px}
.mm-row .ico{vertical-align:-3px;margin-right:6px}

/* E10: campaign ideas for your type of business and the AI draft box */
.vt-ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:10px}
.vt-idea{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface);min-width:0;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s,border-color .16s}
.vt-idea:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--lake)}
.vt-idea h3{font-size:.9375rem;margin:0}
.vt-idea p{margin:0}
.vt-idea .toolbar{margin-top:auto}
.vt-tags{display:flex;flex-wrap:wrap;gap:6px}
.vt-sms{white-space:pre-wrap;background:var(--sunk);border-radius:12px;padding:10px 12px;font-size:.875rem}
.vt-ai{border:1px dashed var(--lake);border-radius:14px;padding:14px;background:var(--lake-soft)}
.vt-count{font-size:.8125rem;color:var(--muted)}
.vt-count.over{color:var(--eye);font-weight:600}
@media (prefers-reduced-motion:reduce){.vt-chip span,.vt-idea{transition:none}.vt-idea:hover{transform:none}}
@media (pointer:coarse){.vt-chip span{min-height:44px;padding:8px 16px}.vt-check{min-height:44px;align-items:center}}
.vt-ins{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}