/* CAMPAIGN COMPOSER V1 — DS V2 (tokens --vds-*; fallbacks só por segurança). Sem glow, sem cartões demais: seções com borda discreta. */
.vcc{position:fixed;inset:0;z-index:9000;display:none;flex-direction:column;background:var(--vds-bg-canvas,#0f1623);color:var(--vds-text-body,#d7dce8);font-family:var(--vds-font-sans,system-ui,sans-serif)}
.vcc.open{display:flex}
body.vcc-lock{overflow:hidden}
.vcc *{box-sizing:border-box}
.vcc-top{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));background:var(--vds-bg-header,#121a28)}
.vcc-top-l{min-width:0}
.vcc-top-r{display:flex;align-items:center;gap:8px;flex-shrink:0}
.vcc-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--vds-text-tertiary,#8a90ab)}
.vcc-title{margin:2px 0 6px;font-size:18px;font-weight:700;color:var(--vds-text-primary,#fff);overflow-wrap:anywhere}
.vcc-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--vds-text-secondary,#aab1c5)}
.vcc-state{font-weight:700;padding:1px 8px;border-radius:var(--vds-radius-pill,999px);border:1px solid var(--vds-border-default,rgba(255,255,255,.14))}
.vcc-st-ready_to_publish,.vcc-st-published{border-color:var(--vds-success-bd,#2d6);color:var(--vds-success,#3c9)}
.vcc-st-ready_to_review{border-color:var(--vds-gold-500,#c9a24a);color:var(--vds-gold-300,#e3c77e)}
.vcc-st-incomplete,.vcc-st-draft{color:var(--vds-text-secondary,#aab1c5)}
.vcc-st-partially_published,.vcc-st-published_unconfirmed,.vcc-st-publishing{border-color:var(--vds-warning-bd,#c90);color:var(--vds-warning,#e5b24a)}
.vcc-st-failed{border-color:var(--vds-danger-bd,#c44);color:var(--vds-danger,#f06a6a)}
.vcc-saving{font-size:12px;color:var(--vds-text-tertiary,#8a90ab);min-width:60px;text-align:right}
.vcc-nav{flex-shrink:0;display:flex;gap:6px;padding:8px 20px;overflow-x:auto;border-bottom:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));scrollbar-width:thin}
.vcc-chip{flex-shrink:0;background:transparent;border:1px solid var(--vds-border-default,rgba(255,255,255,.14));color:var(--vds-text-secondary,#aab1c5);border-radius:var(--vds-radius-pill,999px);padding:5px 12px;font-size:12.5px;cursor:pointer}
.vcc-chip:hover{background:var(--vds-surface-hover,rgba(255,255,255,.05))}
.vcc-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}   /* min-height:0 → a coluna rola (sem isso, o que passa da dobra ficava inalcançável) */
.vcc-main{overflow-y:auto;padding:16px 20px 80px;min-width:0;min-height:0;-webkit-overflow-scrolling:touch}
.vcc-side{display:none}
@media (min-width:1100px){
  .vcc-body{grid-template-columns:minmax(0,1fr) 400px}
  .vcc-side{display:block;overflow-y:auto;padding:16px;border-left:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));background:var(--vds-surface-1,#131b29)}
  .vcc-inline-prev{display:none}
}
.vcc-sec{border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-lg,12px);padding:16px;margin:0 0 14px;background:var(--vds-surface-1,#131b29);scroll-margin-top:8px}
.vcc-sec-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.vcc-sec-h h3{margin:0;font-size:15px;font-weight:700;color:var(--vds-text-primary,#fff)}
.vcc-sec-h h3:focus{outline:none}
.vcc-f{display:block;margin:0 0 10px}
.vcc-l{display:block;font-size:12px;font-weight:600;color:var(--vds-text-label,#b8bfd1);margin-bottom:4px}
.vcc-hint{display:block;font-size:11.5px;color:var(--vds-text-tertiary,#8a90ab);margin-top:3px}
.vcc-in{width:100%;background:var(--vds-surface-input,#0d1420);border:1px solid var(--vds-border-default,rgba(255,255,255,.14));color:var(--vds-text-primary,#fff);border-radius:var(--vds-radius-md,8px);padding:9px 10px;font:inherit;font-size:14px;min-height:40px}
textarea.vcc-in{resize:vertical;line-height:1.45}
.vcc-in:focus{outline:2px solid var(--vds-gold-500,#c9a24a);outline-offset:1px;border-color:transparent}
.vcc-in:disabled{opacity:.6}
.vcc-grid2{display:grid;grid-template-columns:1fr;gap:0 12px}
@media (min-width:640px){.vcc-grid2{grid-template-columns:1fr 1fr}}
.vcc-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:4px 0 8px}
.vcc-kv div{border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-md,8px);padding:8px 10px}
.vcc-kv span{display:block;font-size:11px;color:var(--vds-text-tertiary,#8a90ab)}
.vcc-kv b{font-size:13px;color:var(--vds-text-primary,#fff);overflow-wrap:anywhere}
.vcc-note,.vcc-lead{font-size:12.5px;color:var(--vds-text-secondary,#aab1c5);margin:6px 0;line-height:1.5}
.vcc-lead{font-size:13.5px;color:var(--vds-text-body,#d7dce8)}
.vcc-src{font-size:11.5px;color:var(--vds-text-tertiary,#8a90ab)}
.vcc-warn{border:1px solid var(--vds-warning-bd,#c90);background:var(--vds-warning-bg,rgba(229,178,74,.08));color:var(--vds-text-body,#d7dce8);border-radius:var(--vds-radius-md,8px);padding:10px 12px;margin:8px 0;font-size:13px}
.vcc-warn ul{margin:6px 0 0 18px;padding:0}
.vcc-ok{border:1px solid var(--vds-success-bd,#2d6);background:var(--vds-success-bg,rgba(51,204,153,.08));border-radius:var(--vds-radius-md,8px);padding:10px 12px;margin:8px 0;font-size:13px}
.vcc-bad{color:var(--vds-danger,#f06a6a);font-size:13px}
.vcc-box{border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-md,8px);padding:10px 12px;margin:8px 0}
.vcc-box p{margin:4px 0;font-size:13px}
.vcc-list{list-style:none;margin:6px 0;padding:0}
.vcc-list li{padding:6px 0;border-bottom:1px solid var(--vds-border-subtle,rgba(255,255,255,.06));font-size:13px;overflow-wrap:anywhere}
.vcc-sub{font-size:12px;color:var(--vds-text-tertiary,#8a90ab);margin-top:2px;overflow-wrap:anywhere}
.vcc-tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:var(--vds-radius-pill,999px);border:1px solid var(--vds-border-default,rgba(255,255,255,.14));color:var(--vds-text-secondary,#aab1c5);margin-left:4px}
.vcc-st{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:var(--vds-radius-pill,999px);border:1px solid;margin-left:6px}
.vcc-st-ok{color:var(--vds-success,#3c9);border-color:var(--vds-success-bd,#2d6)}
.vcc-st-wait{color:var(--vds-warning,#e5b24a);border-color:var(--vds-warning-bd,#c90)}
.vcc-st-bad{color:var(--vds-danger,#f06a6a);border-color:var(--vds-danger-bd,#c44)}
.vcc-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.vcc-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:var(--vds-radius-md,8px);border:1px solid var(--vds-border-default,rgba(255,255,255,.14));background:var(--vds-surface-2,#1a2334);color:var(--vds-text-primary,#fff);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.vcc-btn:hover{background:var(--vds-surface-hover,rgba(255,255,255,.06))}
.vcc-btn:disabled{opacity:.5;cursor:not-allowed}
.vcc-primary{background:var(--vds-gold-500,#c9a24a);border-color:var(--vds-gold-500,#c9a24a);color:var(--vds-text-on-gold,#111)}
.vcc-primary:hover{background:var(--vds-gold-600,#b8913b)}
.vcc-ghost{background:transparent}
.vcc-danger{color:var(--vds-danger,#f06a6a)}
.vcc-link{background:none;border:0;color:var(--vds-gold-300,#e3c77e);text-decoration:underline;cursor:pointer;font:inherit;font-size:12.5px;padding:0}
.vcc-x{background:transparent;border:1px solid var(--vds-border-default,rgba(255,255,255,.14));color:var(--vds-text-secondary,#aab1c5);width:40px;height:40px;border-radius:var(--vds-radius-md,8px);cursor:pointer}
.vcc button:focus-visible,.vcc-modal button:focus-visible,.vcc-chip:focus-visible{outline:2px solid var(--vds-gold-500,#c9a24a);outline-offset:2px}
.vcc-cr{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-md,8px);padding:10px;margin:0 0 10px}
.vcc-cr-media img,.vcc-cr-ph{width:96px;height:140px;object-fit:cover;border-radius:var(--vds-radius-sm,6px);background:var(--vds-surface-3,#222c3f);display:flex;align-items:center;justify-content:center;color:var(--vds-text-tertiary,#8a90ab)}
.vcc-cr-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:4px}
.vcc-cr-h .vcc-btn{margin-left:auto}
.vcc-warnlist{margin:6px 0;padding-left:18px;font-size:12px;color:var(--vds-warning,#e5b24a)}
@media (max-width:520px){.vcc-cr{grid-template-columns:72px minmax(0,1fr)}.vcc-cr-media img,.vcc-cr-ph{width:72px;height:104px}}
.vcc-add{border-top:1px dashed var(--vds-border-default,rgba(255,255,255,.14));padding-top:10px}
.vcc-up{display:flex;align-items:center;gap:8px;font-size:12.5px;margin:6px 0;flex-wrap:wrap}
.vcc-up progress{flex:1;min-width:120px;height:8px}
.vcc-mode{border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-md,8px);padding:10px;margin:10px 0 0}
.vcc-mode legend{font-weight:700;font-size:13.5px;padding:0 6px;color:var(--vds-text-primary,#fff)}
.vcc-opt{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-md,8px);margin:6px 0;cursor:pointer;font-size:13px}
.vcc-opt.on{border-color:var(--vds-gold-500,#c9a24a)}
.vcc-opt input{margin-top:3px;accent-color:var(--vds-gold-500,#c9a24a)}
.vcc-opt small{color:var(--vds-text-secondary,#aab1c5);line-height:1.45}
.vcc-copy{border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-md,8px);padding:10px;margin:0 0 10px}
.vcc-pend{border:1px solid var(--vds-gold-500,#c9a24a);border-radius:var(--vds-radius-md,8px);padding:10px;margin:6px 0 10px;font-size:13px}
.vcc-pend p{margin:4px 0;white-space:pre-wrap}
.vcc-hist{margin-top:6px;font-size:12.5px}
.vcc-hist ol{margin:6px 0 0 18px;padding:0}
.vcc-hist li{margin:4px 0}
.vcc-prev-h{display:flex;flex-direction:column;gap:8px}
.vcc-tabs{display:flex;gap:6px;flex-wrap:wrap}
.vcc-tab{background:transparent;border:1px solid var(--vds-border-default,rgba(255,255,255,.14));color:var(--vds-text-secondary,#aab1c5);border-radius:var(--vds-radius-md,8px);padding:6px 10px;font-size:12.5px;cursor:pointer;min-height:36px}
.vcc-tab.on{border-color:var(--vds-gold-500,#c9a24a);color:var(--vds-text-primary,#fff)}
.vcc-seg{display:inline-flex;border:1px solid var(--vds-border-default,rgba(255,255,255,.14));border-radius:var(--vds-radius-md,8px);overflow:hidden;align-self:flex-start}
.vcc-seg button{background:transparent;border:0;color:var(--vds-text-secondary,#aab1c5);padding:6px 12px;font-size:12.5px;cursor:pointer;min-height:36px}
.vcc-seg button.on{background:var(--vds-surface-selected,rgba(201,162,74,.14));color:var(--vds-text-primary,#fff)}
.vcc-approx{font-size:12px;color:var(--vds-text-tertiary,#8a90ab);margin:8px 0}
.vcc-mock{max-width:340px;margin:0 auto;border:1px solid var(--vds-border-default,rgba(255,255,255,.14));border-radius:var(--vds-radius-lg,12px);background:var(--vds-surface-2,#1a2334);overflow:hidden}
.vcc-mock-id{display:flex;gap:8px;align-items:center;padding:10px}
.vcc-mock-id small{display:block;font-size:11px;color:var(--vds-text-tertiary,#8a90ab)}
.vcc-av{width:30px;height:30px;border-radius:50%;background:var(--vds-surface-3,#222c3f);flex-shrink:0}
.vcc-mock-txt{margin:0 10px 8px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.vcc-mock-txt span{color:var(--vds-text-tertiary,#8a90ab)}
.vcc-mock-media{position:relative;background:#000;width:100%;max-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vcc-mock-media img{width:100%;height:100%}
.vcc-play{position:absolute;font-size:28px;color:rgba(255,255,255,.85)}
.vcc-mock-ov{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:12.5px}
.vcc-mock-ov p{margin:0 0 8px;overflow-wrap:anywhere}
.vcc-mock-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;border-top:1px solid var(--vds-border-subtle,rgba(255,255,255,.08))}
.vcc-mock-foot div{min-width:0}
.vcc-mock-foot small{display:block;font-size:11px;color:var(--vds-text-tertiary,#8a90ab);overflow-wrap:anywhere}
.vcc-mock-foot b{display:block;font-size:13px;overflow-wrap:anywhere}
.vcc-mock-cta{flex-shrink:0;background:var(--vds-surface-3,#2a3448);color:var(--vds-text-primary,#fff);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700}
.vcc-dl{display:grid;grid-template-columns:minmax(90px,max-content) minmax(0,1fr);gap:4px 10px;font-size:12.5px;margin:8px 0}
.vcc-dl dt{color:var(--vds-text-tertiary,#8a90ab)}
.vcc-dl dd{margin:0;overflow-wrap:anywhere}
.vcc-checks{list-style:none;margin:0;padding:0}
.vcc-checks li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--vds-border-subtle,rgba(255,255,255,.06))}
.vcc-checks li .vcc-st{margin:2px 0 0;flex-shrink:0}
.vcc-checks p{margin:2px 0 0;font-size:12.5px;color:var(--vds-text-secondary,#aab1c5)}
.vcc-rev-ad{border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-md,8px);padding:10px;margin:8px 0}
.vcc-confirm{border:1px solid var(--vds-gold-500,#c9a24a);border-radius:var(--vds-radius-md,8px);padding:12px;margin:10px 0}
.vcc-loading,.vcc-error{padding:30px;text-align:center;color:var(--vds-text-secondary,#aab1c5)}
.vcc-prev-empty{padding:20px;color:var(--vds-text-tertiary,#8a90ab);font-size:13px}
.vcc-modal{position:fixed;inset:0;z-index:9100;background:var(--vds-overlay,rgba(0,0,0,.6));display:flex;align-items:center;justify-content:center;padding:16px}
.vcc-modal-in{position:relative;background:var(--vds-surface-1,#131b29);border:1px solid var(--vds-border-default,rgba(255,255,255,.14));border-radius:var(--vds-radius-lg,12px);padding:18px;width:100%;max-width:640px;max-height:86vh;overflow-y:auto;color:var(--vds-text-body,#d7dce8)}
.vcc-modal-in h4{margin:0 40px 12px 0;font-size:15px;color:var(--vds-text-primary,#fff)}
.vcc-modal-x{position:absolute;top:12px;right:12px}
.vcc-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.vcc-lib-it{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--vds-surface-2,#1a2334);border:1px solid var(--vds-border-subtle,rgba(255,255,255,.08));border-radius:var(--vds-radius-md,8px);padding:8px;color:inherit;cursor:pointer;font:inherit}
.vcc-lib-it img,.vcc-lib-it .vcc-cr-ph{width:100%;height:150px;object-fit:cover;border-radius:6px}
.vcc-lib-it b{font-size:12.5px;overflow-wrap:anywhere}
.vcc-lib-it small{display:block;font-size:11.5px;color:var(--vds-text-tertiary,#8a90ab)}
.vcc-lib-it:disabled{opacity:.45;cursor:not-allowed}
.vcc-aud-it{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--vds-border-subtle,rgba(255,255,255,.06))}
.vcc-aud-it div{min-width:0}
.vcc-aud-it small{display:block;font-size:11.5px;color:var(--vds-text-tertiary,#8a90ab);overflow-wrap:anywhere}
.vcc-aud-it select{width:auto;min-width:110px;flex-shrink:0}
@media (max-width:520px){.vcc-top{padding:12px 16px}.vcc-main{padding:12px 16px 80px}.vcc-nav{padding:8px 16px}.vcc-sec{padding:12px}.vcc-top-r .vcc-ghost{display:none}.vcc-aud-it{flex-direction:column;align-items:stretch}.vcc-aud-it select{width:100%}}
.vcc [hidden],.vcc-modal [hidden]{display:none!important}