
#crvPanel .va-seg{display:none;gap:2px;padding:4px;border:1px solid var(--dv2-line);border-radius:12px;background:rgba(255,255,255,.02);margin:0 0 18px}
#crvPanel.va-ready.crv-video-mode .va-seg{display:flex}
#crvPanel .va-seg button{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:36px;border-radius:9px;border:0;background:none;color:var(--dv2-muted);font:inherit;font-size:13px;font-weight:400;cursor:pointer;transition:background .16s ease,color .16s ease}
#crvPanel .va-seg button:hover{color:var(--dv2-text)}
#crvPanel .va-seg button.on{font-weight:500}
#crvPanel .va-seg button.on{background:#f1f1f4;color:#111}

/* În modul „cu actor” controalele vechi se ascund; în „Avansat” rămân neatinse. */
#crvPanel .va-form{display:none}
#crvPanel.va-on.crv-video-mode .va-form{display:block}
#crvPanel.va-on.crv-video-mode .crv-panel-inner>*:not(.va-keep){display:none!important}

.va-ic{width:16px;height:16px;flex:none}
.va-step{display:flex;align-items:center;gap:10px;margin:18px 0 10px}
.va-step:first-child{margin-top:0}
.va-num{width:22px;height:22px;border-radius:50%;border:1px solid rgba(201,168,232,.5);display:grid;place-items:center;font-size:11.5px;font-weight:500;flex:none}
.va-st{font-size:14px;font-weight:500;color:var(--dv2-text)}
.va-sub{font-size:12.5px;color:var(--dv2-dim);margin:-4px 0 10px 32px;line-height:1.5}

.va-actors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.va-act{position:relative;text-align:left;padding:0;border-radius:14px;border:1px solid var(--dv2-line);background:rgba(255,255,255,.02);overflow:hidden;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s}
.va-act:hover{border-color:var(--dv2-line2)}
.va-act .ph{display:block;aspect-ratio:4/5;background:#17151d;position:relative;overflow:hidden}
.va-act .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.va-act .ph .ini{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;font-weight:500;color:rgba(255,255,255,.7);background:linear-gradient(160deg,#2a232f,#17151d)}
.va-act .tx{display:block;padding:7px 9px 9px}
/* numele cu vârsta pe un rând, trăsătura pe al doilea — la fel pe toate cardurile, fără rupturi la jumătatea textului */
.va-act .tx b{display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:500;white-space:nowrap}
.va-act .tx b i{font-style:normal;font-size:11.5px;font-weight:400;color:var(--dv2-dim)}
.va-act .tx span{display:block;font-size:11.5px;color:var(--dv2-dim);margin-top:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.va-act.on{border-color:rgba(201,168,232,.6);box-shadow:0 0 0 3px rgba(201,168,232,.1)}
.va-act .tick{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:#f1f1f4;color:#111;display:none;place-items:center}
.va-act .tick .va-ic{width:11px;height:11px}
.va-act.on .tick{display:grid}
.va-act.soon{cursor:default;opacity:.55}
.va-act.soon:hover{border-color:var(--dv2-line)}
.va-act .soon-tag{position:absolute;left:6px;top:6px;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:18px;padding:0 6px;border-radius:999px;background:rgba(14,14,18,.8);border:1px solid var(--dv2-line2);font-size:9.5px;line-height:16px;color:var(--dv2-muted)}

.va-ta{width:100%;min-height:84px;resize:vertical;border-radius:12px;border:1px solid var(--dv2-line2);background:rgba(255,255,255,.02);padding:11px 13px;font:inherit;font-size:13.5px;line-height:1.55;color:var(--dv2-text);outline:none}
.va-ta:focus{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.035)}
.va-ta::placeholder{color:var(--dv2-dim)}
.va-grp{margin-top:14px}
.va-k{font-size:12.5px;color:var(--dv2-muted);font-weight:400;margin-bottom:7px}
.va-chips{display:flex;flex-wrap:wrap;gap:6px}
.va-chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--dv2-line2);background:rgba(255,255,255,.03);font:inherit;font-size:12px;color:var(--dv2-muted);white-space:nowrap;cursor:pointer;transition:.15s}
.va-chip:hover{color:var(--dv2-text);border-color:rgba(255,255,255,.2)}
.va-chip.on{background:#1a1622;color:var(--dv2-text);border-color:rgba(201,168,232,.55);box-shadow:0 0 0 3px rgba(201,168,232,.08)}
.va-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;color:var(--dv2-dim)}
.va-foot.warn{color:#f0b489}
.va-sel{height:32px;border-radius:10px;border:1px solid var(--dv2-line2);background:rgba(255,255,255,.02);padding:0 8px;font:inherit;font-size:12px;color:var(--dv2-text)}
.va-sel option{background:#17171d}

.va-durs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.va-dur{text-align:left;padding:12px 13px;border-radius:14px;border:1px solid var(--dv2-line);background:rgba(255,255,255,.02);font:inherit;color:inherit;cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:3px}
.va-dur:hover{border-color:var(--dv2-line2)}
.va-dur .n{font-size:22px;font-weight:500;letter-spacing:-.03em}
.va-dur .n small{font-size:12px;color:var(--dv2-muted);font-weight:400;margin-left:5px;letter-spacing:0}
.va-dur .d2{font-size:12px;color:var(--dv2-muted);line-height:1.45}
.va-dur .d4{font-size:12px;color:var(--dv2-dim);line-height:1.45}
.va-dur .d4::first-letter{text-transform:uppercase}
.va-dur .d3{margin-top:auto;padding-top:8px;font-size:12px;color:var(--dv2-dim)}
.va-dur .d3 b{display:block;color:var(--dv2-text);font-weight:500}
.va-dur.on{border-color:rgba(201,168,232,.6);background:#1a1622;box-shadow:0 0 0 3px rgba(201,168,232,.1)}
.va-sum{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--dv2-line);font-size:12.5px;color:var(--dv2-muted);line-height:1.55}
.va-sum b{color:var(--dv2-text);font-weight:500}
.va-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin-top:14px}
.va-go small{font-size:12px;font-weight:400;opacity:.62}
.va-note{font-size:12.5px;color:var(--dv2-dim);margin-top:12px;line-height:1.5;text-align:left;text-wrap:pretty}
.va-err{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(226,154,174,.4);background:rgba(226,154,174,.05);font-size:12.5px;color:var(--dv2-text);line-height:1.5}
.va-err:empty{display:none}

#vaPrev{display:none;margin:0 0 20px;padding:20px;border-radius:20px;background:var(--dv2-card);border:1px solid var(--dv2-line)}
#vaPrev.on{display:block}
.va-pv{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:22px;align-items:start}
.va-pv-h{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.va-pv-h h3{font-size:15.5px;font-weight:500}
.va-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--dv2-line2);background:rgba(255,255,255,.03);font-size:11px;color:var(--dv2-muted);white-space:nowrap}
.va-badge i{width:6px;height:6px;border-radius:50%;background:var(--dv2-dim)}
.va-badge.mint{color:var(--dv2-mint);border-color:rgba(157,216,194,.4);background:rgba(157,216,194,.05)}
.va-badge.mint i{background:var(--dv2-mint);box-shadow:0 0 8px rgba(157,216,194,.6)}
.va-badge.lav i{background:var(--dv2-lav);box-shadow:0 0 8px rgba(201,168,232,.6);animation:vabreathe 1.2s ease-in-out infinite}
.va-badge.rose{color:var(--dv2-rose);border-color:rgba(226,154,174,.4);background:rgba(226,154,174,.05)}
.va-badge.rose i{background:var(--dv2-rose)}
@keyframes vabreathe{50%{opacity:.3}}
.va-frame{position:relative;border-radius:16px;overflow:hidden;background:#17151d;border:1px solid var(--dv2-line);aspect-ratio:2/3;width:100%}
.va-frame img,.va-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.va-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dv2-dim);text-align:center;padding:24px;font-size:13px;line-height:1.5}
.va-empty .va-ic{width:30px;height:30px}
.va-shim{position:absolute;inset:0;background:linear-gradient(110deg,#17151d 30%,#272131 50%,#17151d 70%);background-size:220% 100%;animation:vashim 1.4s linear infinite}
@keyframes vashim{from{background-position:120% 0}to{background-position:-100% 0}}
.va-dim{position:absolute;inset:0;background:rgba(7,7,8,.55)}
.va-cap{position:absolute;left:12px;right:12px;bottom:12px;padding:11px 13px;border-radius:14px;background:rgba(14,14,18,.8);backdrop-filter:blur(12px);border:1px solid var(--dv2-line2);font-size:12.5px;color:var(--dv2-muted);line-height:1.5}
.va-cap b{display:block;color:var(--dv2-text);font-weight:500;font-size:13.5px;margin-bottom:2px}
.va-tl{position:absolute;left:10px;top:10px}
.va-stp{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:9px;padding:0}
.va-stp li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--dv2-dim)}
.va-stp li .d{width:18px;height:18px;border-radius:50%;border:1px solid var(--dv2-line2);display:grid;place-items:center;flex:none}
.va-stp li .d .va-ic{width:10px;height:10px}
.va-stp li.done{color:var(--dv2-muted)}
.va-stp li.done .d{background:rgba(157,216,194,.12);border-color:rgba(157,216,194,.45);color:var(--dv2-mint)}
.va-stp li.now{color:var(--dv2-text)}
.va-stp li.now .d{border-color:rgba(201,168,232,.6)}
.va-stp li.now .d::after{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--dv2-lav);border-top-color:transparent;animation:vaspin .8s linear infinite}
@keyframes vaspin{to{transform:rotate(360deg)}}
.va-side{min-width:0;display:flex;flex-direction:column;gap:14px}
.va-acts{display:flex;gap:8px;flex-wrap:wrap}
.va-acts>*{flex:1 1 auto}
.va-obtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--dv2-line2);background:rgba(255,255,255,.02);color:var(--dv2-text);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.va-obtn:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}
.va-obtn.sm{height:34px;font-size:12.5px;padding:0 12px}
.va-obtn small,#vaPrev .dv2-sbtn small{font-size:12px;font-weight:400;opacity:.62}
#vaPrev .dv2-sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;white-space:nowrap;cursor:pointer}
#vaPrev .dv2-sbtn:disabled,.va-obtn:disabled{opacity:.45;cursor:default}
.va-hint{font-size:12.5px;color:var(--dv2-dim);line-height:1.55}
.va-hint b{color:var(--dv2-muted);font-weight:500}
.va-cost{border-top:1px solid var(--dv2-line);padding-top:10px}
.va-cost .r{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--dv2-muted);padding:4px 0}
.va-cost .r b{color:var(--dv2-text);font-weight:500;font-variant-numeric:tabular-nums}
.va-cost .r.t{border-top:1px solid var(--dv2-line);margin-top:4px;padding-top:9px;color:var(--dv2-text)}
.va-alert{display:flex;gap:12px;padding:13px 15px;border-radius:14px;border:1px solid rgba(226,154,174,.4);background:rgba(226,154,174,.05)}
.va-alert .va-ic{width:20px;height:20px;color:var(--dv2-rose);margin-top:1px}
.va-alert b{display:block;font-size:13.5px;font-weight:500}
.va-alert span{font-size:12.5px;color:var(--dv2-muted);line-height:1.55}
.va-warn{padding:10px 12px;border-radius:12px;border:1px solid rgba(240,180,137,.4);background:rgba(240,180,137,.05);font-size:12.5px;color:var(--dv2-text);line-height:1.5}

@media (max-width:980px){
  .va-pv{grid-template-columns:minmax(0,1fr)}
  .va-frame{max-width:360px}
}
@media (prefers-reduced-motion:reduce){.va-shim,.va-badge.lav i,.va-stp li.now .d::after{animation:none}}

#vaProd{margin-top:14px}
.va-prod{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border-radius:14px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.015);color:inherit;font:inherit;text-align:left}
.va-prod.add{cursor:pointer;transition:.15s}
.va-prod.add:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.03)}
.va-prod.add>.va-ic{width:20px;height:20px;color:var(--dv2-muted)}
.va-prod b{display:block;font-size:13px;font-weight:500}
.va-prod em{display:block;font-style:normal;font-size:11.5px;color:var(--dv2-dim);margin-top:1px;line-height:1.4}
.va-plus{margin-left:auto;height:30px;padding:0 11px;border-radius:10px;border:1px solid var(--dv2-line2);font-size:12px;display:inline-flex;align-items:center;white-space:nowrap}
.va-prod.busy{border-style:solid;border-color:var(--dv2-line);color:var(--dv2-muted);font-size:12.5px}
.va-prod.on{align-items:flex-start;border-style:solid;border-color:rgba(157,216,194,.4);background:rgba(157,216,194,.04)}
.va-prod.on img{width:54px;height:54px;border-radius:10px;object-fit:cover;flex:none;border:1px solid var(--dv2-line2)}
.va-prod-t{min-width:0;flex:1}
.va-prod-t>span{display:block;font-size:12px;color:var(--dv2-muted);margin:2px 0 8px;line-height:1.45}
.va-prod-t>span b{display:inline;color:var(--dv2-text);font-size:inherit}
.va-sub2{font-size:11.5px;color:var(--dv2-dim);margin-top:6px;line-height:1.5}
.va-x{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--dv2-muted);background:none;border:0;cursor:pointer;flex:none}
.va-x:hover{background:rgba(255,255,255,.06);color:var(--dv2-text)}
.va-x .va-ic{width:14px;height:14px}
.va-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--dv2-lav);border-top-color:transparent;animation:vaspin .8s linear infinite;flex:none}
.va-ok{display:flex;gap:9px;align-items:center;padding:9px 12px;border-radius:12px;border:1px solid rgba(157,216,194,.4);background:rgba(157,216,194,.05);font-size:12.5px;color:var(--dv2-text);line-height:1.4}
.va-ok .va-ic{width:14px;height:14px;color:var(--dv2-mint);flex:none}
.va-warn b{font-weight:500}
.va-warn ul{margin:6px 0 0 16px;font-size:12px;color:var(--dv2-muted)}
@media (max-width:900px){.va-prod.add{flex-wrap:wrap}.va-plus{margin-left:0;width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.va-spin{animation:none}}
.va-prod-t .va-chip{height:auto;min-height:30px;max-width:100%;padding:6px 12px;white-space:normal;text-align:left;line-height:1.3}
