/* ============================================================================
   /producao.css — o visual do que a Produção de Conteúdo e a de Criativos dividem
   (card do roteiro, quadros kanban, Banco de Cenas, Fluxo de Edição).
   Par do /producao.js. Saiu do CSS da raiz em 24/09/2026, seletor por seletor.
   As regras .dp-* do fim são CÓPIA das do Depoimentos (o Banco de Cenas usa as
   mesmas classes); mexeu no visual do Depoimentos, a cópia daqui não muda sozinha.
   ============================================================================ */
/* === MARKDOWN TOOLBAR FLUTUANTE — aparece ao selecionar texto === */
#mdToolbar{
  position:fixed; z-index:99999;
  display:none;
  background:linear-gradient(180deg,rgba(13,40,64,.98),rgba(5,20,31,.98));
  border:1px solid var(--border2);
  border-radius:10px;
  padding:4px;
  box-shadow:0 12px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(255,109,6,.08);
  font-family:Inter,sans-serif;
  user-select:none;
  backdrop-filter:blur(8px);
}
#mdToolbar.show{ display:flex; gap:2px; animation:mdTbIn .15s ease }
@keyframes mdTbIn{ from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }
.md-tb-btn{
  background:transparent; border:0;
  color:var(--text2); cursor:pointer;
  padding:6px 9px; border-radius:6px;
  font-size:12px; font-weight:900;
  font-family:Inter,sans-serif;
  display:flex; align-items:center; justify-content:center;
  min-width:28px; height:28px;
  transition:.12s;
}
.md-tb-btn:hover{ background:rgba(255,109,6,.15); color:var(--orange) }
.md-tb-btn.bold{ font-weight:900 }
.md-tb-btn.italic{ font-style:italic; font-weight:600 }
.md-tb-btn.h{ font-size:11px; letter-spacing:.5px }
.md-tb-sep{ width:1px; background:var(--border); margin:4px 2px }

/* ===================================================================== */
/* === SISTEMA DE COMENTÁRIOS / REVISÃO DE ROTEIRO (estilo Google Docs) === */
/* ===================================================================== */
/* Botão "Comentar" branco dentro da toolbar de formatação (#mdToolbar) */
.md-tb-btn.rc-comment{ background:#fff; color:#0B0F1A; min-width:auto; padding:6px 11px; gap:5px }
.md-tb-btn.rc-comment:hover{ background:#fff; color:#0B0F1A; filter:brightness(.9) }

/* Toolbar de seleção simples — campos sem markdown (edição, descrição, CTAs) */
#rcSelToolbar{
  position:fixed; z-index:99999; display:none;
  background:linear-gradient(180deg,rgba(13,40,64,.98),rgba(5,20,31,.98));
  border:1px solid var(--border2); border-radius:10px; padding:4px;
  box-shadow:0 12px 40px rgba(0,0,0,.6); backdrop-filter:blur(8px); user-select:none;
}
#rcSelToolbar.show{ display:flex; animation:mdTbIn .15s ease }
.rc-sel-btn{
  background:#fff; color:#0B0F1A; border:0; cursor:pointer;
  padding:7px 13px; border-radius:7px; font-size:12px; font-weight:900;
  font-family:Inter,sans-serif; display:flex; align-items:center; gap:6px;
}
.rc-sel-btn:hover{ filter:brightness(.9) }

/* Botão toggle no header do modal */
#rcToggleBtn{
  position:relative; background:rgba(255,255,255,.06);
  border:1px solid var(--border2); color:var(--text2);
  border-radius:10px; padding:7px 12px; cursor:pointer;
  font-family:Inter,sans-serif; font-size:13px; font-weight:900;
  display:inline-flex; align-items:center; gap:7px; transition:.12s; white-space:nowrap;
}
#rcToggleBtn:hover{ border-color:var(--orange); color:var(--orange) }
#rcToggleBtn.active{ background:rgba(255,109,6,.14); border-color:var(--orange); color:var(--orange) }
#rcCountBadge{
  min-width:19px; height:19px; padding:0 5px; border-radius:10px;
  background:var(--orange); color:#0B0F1A; font-size:11px; font-weight:900;
  display:inline-flex; align-items:center; justify-content:center;
}
#rcCountBadge.zero{ display:none }

/* Painel lateral (drawer estilo Google Docs) — item flex ao lado do box */
#rcPanel{
  flex:0 0 340px; width:340px; max-width:88vw; margin-left:14px;
  max-height:90vh; min-height:min(62vh,460px);
  background:linear-gradient(180deg,#0c2336,#06151f);
  border:1px solid var(--border2); border-radius:24px;
  box-shadow:0 30px 80px rgba(0,0,0,.55);
  display:none; flex-direction:column; overflow:hidden;
}
#rtModal.rc-open #rcPanel{ display:flex; animation:rcPanelIn .24s cubic-bezier(.4,0,.2,1) }
#rtModal.rc-open .rt-modal-box{ min-width:0 }
@keyframes rcPanelIn{ from{opacity:0;transform:translateX(-18px)} to{opacity:1;transform:translateX(0)} }
.rc-panel-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:18px 18px 14px; border-bottom:1px solid var(--border) }
.rc-panel-title{ font-size:15px; font-weight:900; color:var(--text); display:flex; align-items:center; gap:8px }
.rc-panel-close{ background:transparent; border:0; color:var(--text3); font-size:24px; cursor:pointer; line-height:1; padding:0 4px }
.rc-panel-close:hover{ color:var(--orange) }
.rc-filter{ display:flex; gap:6px; padding:12px 16px; border-bottom:1px solid var(--border) }
.rc-filter-btn{ flex:1; background:var(--bg3); border:1px solid var(--border); color:var(--text2); border-radius:8px; padding:7px; cursor:pointer; font-size:12px; font-weight:900; font-family:Inter,sans-serif; transition:.12s }
.rc-filter-btn.active{ background:rgba(255,109,6,.14); border-color:var(--orange); color:var(--orange) }
.rc-list{ flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:12px }
.rc-empty{ color:var(--text3); font-size:13px; font-style:italic; text-align:center; padding:34px 14px; line-height:1.65 }

/* Card de comentário */
.rc-item{ background:rgba(255,255,255,.03); border:1px solid var(--border); border-left:3px solid var(--cyan); border-radius:14px; padding:12px 13px; transition:.15s; cursor:pointer }
.rc-item:hover{ background:rgba(255,255,255,.055); border-color:var(--border2) }
.rc-item.active{ box-shadow:0 0 0 2px var(--orange) }
.rc-item.resolved{ opacity:.6 }
.rc-item.resolved .rc-text{ text-decoration:line-through; text-decoration-color:var(--text3) }
.rc-item-head{ display:flex; align-items:center; gap:8px; margin-bottom:7px }
.rc-avatar{ width:26px; height:26px; border-radius:50%; flex:0 0 auto; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:900; color:#0B0F1A }
.rc-author{ font-size:12.5px; font-weight:900; color:var(--text); line-height:1.1 }
.rc-time{ font-size:10.5px; color:var(--text3); font-weight:700 }
.rc-campo-tag{ margin-left:auto; font-size:9.5px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; color:var(--text3); background:rgba(255,255,255,.05); padding:3px 7px; border-radius:6px; white-space:nowrap }
.rc-quote{ font-size:11.5px; color:var(--text2); border-left:2px solid var(--orange); padding:2px 0 2px 9px; margin:0 0 7px; font-style:italic; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.rc-text{ font-size:13px; color:var(--text); line-height:1.5; white-space:pre-wrap; word-break:break-word }
.rc-item-actions{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap }
.rc-act{ background:transparent; border:1px solid var(--border); color:var(--text2); border-radius:8px; padding:5px 10px; cursor:pointer; font-size:11px; font-weight:900; font-family:Inter,sans-serif; transition:.12s; display:inline-flex; align-items:center; gap:5px }
.rc-act:hover{ border-color:var(--orange); color:var(--orange) }
.rc-act.resolve:hover{ border-color:#34A853; color:#34A853 }
.rc-act.reopen{ color:#FACC15; border-color:rgba(250,204,21,.4) }
.rc-act.del:hover{ border-color:#EF4444; color:#EF4444 }
.rc-resolved-meta{ font-size:10px; color:#34A853; font-weight:800; margin-top:8px; display:flex; align-items:center; gap:5px }

/* Composer flutuante (escrever o comentário após selecionar) */
#rcComposer{
  position:fixed; z-index:100000; width:300px; max-width:92vw; display:none;
  background:linear-gradient(180deg,#0d2840,#06151f);
  border:1px solid var(--border2); border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.6); padding:12px;
}
#rcComposer.show{ display:block; animation:mdTbIn .15s ease }
.rc-composer-head{ display:flex; align-items:center; gap:8px; margin-bottom:9px }
.rc-composer-quote{ font-size:11px; color:var(--text2); background:rgba(255,109,6,.08); border-left:2px solid var(--orange); padding:5px 9px; border-radius:0 6px 6px 0; margin-bottom:9px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-style:italic }
#rcComposerInput{ width:100%; min-height:70px; resize:vertical; background:var(--bg3); border:1px solid var(--border); border-radius:10px; padding:9px 11px; color:var(--text); font-family:Inter,sans-serif; font-size:13px; line-height:1.5; outline:none; box-sizing:border-box }
#rcComposerInput:focus{ border-color:var(--orange) }
.rc-composer-actions{ display:flex; justify-content:flex-end; gap:8px; margin-top:9px }
.rc-composer-btn{ border:0; border-radius:9px; padding:7px 14px; cursor:pointer; font-size:12px; font-weight:900; font-family:Inter,sans-serif; transition:.12s }
.rc-composer-btn.cancel{ background:transparent; border:1px solid var(--border); color:var(--text2) }
.rc-composer-btn.send{ background:linear-gradient(135deg,#FF6D06,#FF8C38); color:#0B0F1A }
.rc-composer-btn.send:hover{ filter:brightness(1.08) }
.rc-composer-btn:disabled{ opacity:.5; cursor:not-allowed }

/* Highlight do trecho comentado no preview (modo Visualizar) */
mark.rc-mark{ background:rgba(255,109,6,.22); color:inherit; border-bottom:2px solid var(--orange); border-radius:3px; padding:0 1px; cursor:pointer; transition:.12s }
mark.rc-mark:hover, mark.rc-mark.active{ background:rgba(255,109,6,.42) }
mark.rc-mark.resolved{ background:rgba(52,168,83,.16); border-bottom-color:#34A853 }

/* Responsivo: em telas médias/pequenas o painel vira bottom-sheet (não espreme o modal) */
@media(max-width:980px){
  #rcPanel{ position:fixed; top:auto; left:0; right:0; bottom:0; width:100%; max-width:100%; height:74vh; min-height:0; margin:0; border-radius:22px 22px 0 0; border-left:0; z-index:1001 }
  #rtModal.rc-open #rcPanel{ animation:rcSheetIn .24s cubic-bezier(.4,0,.2,1) }
  @keyframes rcSheetIn{ from{transform:translateY(102%)} to{transform:translateY(0)} }
}

/* ===================================================================== */
/* === NAVEGAÇÃO ENTRE CARDS (setas ‹ › + teclado ← →) ================= */
/* ===================================================================== */
/* As setas são itens flex do overlay, então convivem com o painel de
   comentários: ‹  [card]  [comentários]  ›  — sem sobrepor. */
#rtModal .rt-modal-box{ order:1 }
#rcPanel{ order:2 }
#rtNavPrev{ order:0 } #rtNavNext{ order:3 }
.rt-nav-arrow{
  flex:0 0 auto; align-self:center; margin:0 6px;
  display:none; flex-direction:column; align-items:center; gap:8px;
  background:transparent; border:0; cursor:pointer; font-family:Inter,sans-serif;
}
.rt-nav-arrow.show{ display:flex }
.rt-nav-ico{
  width:52px; height:52px; border-radius:50%;
  background:linear-gradient(180deg,rgba(13,40,64,.96),rgba(5,20,31,.96));
  border:1px solid var(--border2); color:var(--text);
  font-size:32px; font-weight:900; line-height:1;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 36px rgba(0,0,0,.5); transition:.15s;
}
.rt-nav-arrow:hover .rt-nav-ico{ border-color:var(--orange); color:var(--orange); transform:scale(1.08) }
.rt-nav-arrow:active .rt-nav-ico{ transform:scale(.95) }
.rt-nav-label{
  font-size:11px; font-weight:900; color:var(--text2);
  background:rgba(5,20,31,.92); padding:3px 9px; border-radius:8px;
  max-width:118px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-family:'SF Mono',Monaco,monospace; letter-spacing:.02em; border:1px solid var(--border);
}
@media(max-width:980px){
  .rt-nav-arrow{ position:fixed; top:50%; transform:translateY(-50%); z-index:1006; margin:0 }
  #rtNavPrev{ left:6px } #rtNavNext{ right:6px }
  .rt-nav-ico{ width:40px; height:40px; font-size:25px }
  .rt-nav-label{ display:none }
}
/* Barra de pular etapa (topo do modal) */
.rt-stage-nav{ display:none; align-items:center; justify-content:center; gap:10px; margin:-4px 0 16px }
.rt-stage-btn{ width:30px; height:30px; border-radius:9px; border:1px solid var(--border2); background:rgba(255,255,255,.05); color:var(--text2); font-size:18px; font-weight:900; cursor:pointer; line-height:1; display:flex; align-items:center; justify-content:center; transition:.12s }
.rt-stage-btn:hover:not(:disabled){ border-color:var(--orange); color:var(--orange) }
.rt-stage-btn:disabled{ opacity:.3; cursor:default }
.rt-stage-label{ font-size:11.5px; font-weight:900; color:var(--text2); text-transform:uppercase; letter-spacing:.04em; background:rgba(255,255,255,.04); padding:5px 13px; border-radius:999px; border:1px solid var(--border); white-space:nowrap; max-width:62%; overflow:hidden; text-overflow:ellipsis }

/* === COR DA ETAPA aplicada aos cards, à barra de etapa e ao card aberto === */
#kbBoard .kb-card, #crKanban .cr-card{
  border-left:3px solid var(--col-color, var(--text3));
  background: color-mix(in srgb, var(--col-color, transparent) 9%, var(--surface));
}
#kbBoard .kb-card:hover, #crKanban .cr-card:hover{
  background: color-mix(in srgb, var(--col-color, transparent) 15%, var(--surface2));
}
#rtStageNav .rt-stage-label{
  color: var(--stage-color, var(--text2));
  border-color: color-mix(in srgb, var(--stage-color, var(--border)) 45%, var(--border));
  background: color-mix(in srgb, var(--stage-color, transparent) 14%, rgba(255,255,255,.04));
}
#rtStageNav .rt-stage-btn:hover:not(:disabled){ border-color: var(--stage-color, var(--orange)); color: var(--stage-color, var(--orange)) }
#rtModal.has-stage .rt-modal-box{ border-top:3px solid var(--stage-color) }
#rtModal.has-stage .rt-modal-codigo{ color: var(--stage-color) }

/* Textarea de roteiro — visual mais elegante */
#rtRoteiroTextarea{
  width:100%; min-height:300px; max-height:60vh;
  background:var(--bg3) !important;
  border:1px solid var(--border) !important;
  border-radius:8px;
  padding:14px 16px !important;
  color:var(--text) !important;
  font-family:'Inter','SF Pro Text',sans-serif !important;
  font-size:14px; line-height:1.65;
  resize:vertical;
  transition:border-color .15s;
}
#rtRoteiroTextarea:focus{ border-color:var(--orange) !important; outline:none }
#rtRoteiroTextarea::placeholder{ color:var(--text3); font-style:italic }

/* Botões toggle Edit/Preview */
.rt-mode-btn{
  background:transparent; border:0;
  color:var(--text2); cursor:pointer;
  padding:6px 14px; border-radius:6px;
  font-size:12px; font-weight:800;
  font-family:Inter,sans-serif;
  transition:.15s;
}
.rt-mode-btn:hover{ color:var(--text) }
.rt-mode-btn.active{ background:var(--orange); color:#000; font-weight:900 }

/* Preview renderizado bonito */
#rtRoteiroPreview{
  min-height:300px; max-height:60vh; overflow:auto;
  background:var(--bg3); border:1px solid var(--border);
  border-radius:8px; padding:18px 22px;
  color:var(--text); font-size:14px; line-height:1.7;
  font-family:Inter,sans-serif;
}
#rtRoteiroPreview h1{ font-size:22px; font-weight:900; color:var(--text); margin:18px 0 10px; padding-bottom:8px; border-bottom:1px solid var(--border) }
#rtRoteiroPreview h2{ font-size:18px; font-weight:900; color:var(--orange); margin:18px 0 8px; text-transform:uppercase; letter-spacing:.03em }
#rtRoteiroPreview h3{ font-size:14px; font-weight:900; color:var(--cyan); margin:14px 0 6px; text-transform:uppercase; letter-spacing:.05em }
#rtRoteiroPreview h1:first-child, #rtRoteiroPreview h2:first-child, #rtRoteiroPreview h3:first-child{ margin-top:0 }
#rtRoteiroPreview p{ margin:8px 0 }
#rtRoteiroPreview strong{ color:var(--orange); font-weight:900 }
#rtRoteiroPreview em{ color:var(--text); font-style:italic }
#rtRoteiroPreview del, #rtRoteiroPreview s{ color:var(--text3) }
#rtRoteiroPreview ul, #rtRoteiroPreview ol{ margin:10px 0; padding-left:24px }
#rtRoteiroPreview li{ margin:4px 0 }
#rtRoteiroPreview blockquote{ border-left:3px solid var(--orange); padding:8px 14px; color:var(--text2); margin:12px 0; background:rgba(255,109,6,.05); border-radius:0 6px 6px 0; font-style:italic }
#rtRoteiroPreview hr{ border:0; border-top:1px solid var(--border); margin:18px 0 }
#rtRoteiroPreview a{ color:var(--cyan); text-decoration:underline }
#rtRoteiroPreview code{ background:rgba(255,255,255,.06); padding:2px 6px; border-radius:4px; font-size:12px; font-family:ui-monospace,monospace; color:var(--cyan) }
#rtRoteiroPreview pre{ background:rgba(0,0,0,.3); padding:12px; border-radius:6px; overflow-x:auto; margin:10px 0 }
#rtRoteiroPreview pre code{ background:transparent; padding:0; color:var(--text) }

/* Botão Clarear/Escurecer do preview */
.rt-theme-btn{
  background:var(--bg3); border:1px solid var(--border);
  color:var(--text2); cursor:pointer;
  padding:7px 14px; border-radius:8px;
  font-size:12px; font-weight:800;
  font-family:Inter,sans-serif;
  display:inline-flex; align-items:center; gap:6px;
  transition:.15s;
}
.rt-theme-btn:hover{ color:var(--text); border-color:var(--orange) }

/* ===== MODO CLARO do preview — folha branca tipo documento markdown ===== */
#rtRoteiroPreview.rt-pv-light{
  background:#ffffff;
  border:1px solid #dfe3e8;
  box-shadow:0 10px 40px rgba(0,0,0,.35);
  color:#1f2328;
  font-family:'Inter','SF Pro Text',-apple-system,sans-serif;
  font-size:15px; line-height:1.75;
  padding:34px 40px;
  -webkit-font-smoothing:antialiased;
}
/* Coluna de leitura confortável, igual doc */
#rtRoteiroPreview.rt-pv-light > *{ max-width:74ch; margin-left:auto; margin-right:auto }

#rtRoteiroPreview.rt-pv-light h1{
  font-size:27px; font-weight:900; color:#0d1117;
  margin:26px 0 12px; padding-bottom:10px;
  border-bottom:1px solid #e6eaef; letter-spacing:-.01em; text-transform:none;
}
#rtRoteiroPreview.rt-pv-light h2{
  font-size:20px; font-weight:900; color:#B34700;
  margin:24px 0 10px; text-transform:uppercase; letter-spacing:.03em;
}
#rtRoteiroPreview.rt-pv-light h3{
  font-size:14.5px; font-weight:900; color:#0B6E99;
  margin:18px 0 7px; text-transform:uppercase; letter-spacing:.05em;
}
#rtRoteiroPreview.rt-pv-light h4,
#rtRoteiroPreview.rt-pv-light h5,
#rtRoteiroPreview.rt-pv-light h6{ color:#30363d; font-weight:900; margin:16px 0 6px }
#rtRoteiroPreview.rt-pv-light h1:first-child,
#rtRoteiroPreview.rt-pv-light h2:first-child,
#rtRoteiroPreview.rt-pv-light h3:first-child{ margin-top:0 }
#rtRoteiroPreview.rt-pv-light p{ margin:12px 0; color:#1f2328 }
#rtRoteiroPreview.rt-pv-light strong{ color:#B34700; font-weight:900 }
#rtRoteiroPreview.rt-pv-light em{ color:#3d444d; font-style:italic }
#rtRoteiroPreview.rt-pv-light del, #rtRoteiroPreview.rt-pv-light s{ color:#8b949e }
#rtRoteiroPreview.rt-pv-light ul, #rtRoteiroPreview.rt-pv-light ol{ margin:12px auto; padding-left:26px }
#rtRoteiroPreview.rt-pv-light li{ margin:6px 0 }
#rtRoteiroPreview.rt-pv-light li::marker{ color:#B34700 }
#rtRoteiroPreview.rt-pv-light blockquote{
  border-left:4px solid #FF6D06; background:#FFF6EE;
  color:#4a5057; padding:10px 16px; margin:16px auto;
  border-radius:0 6px 6px 0; font-style:italic;
}
#rtRoteiroPreview.rt-pv-light hr{ border-top:1px solid #e6eaef; margin:24px auto }
#rtRoteiroPreview.rt-pv-light a{ color:#0A58CA; text-decoration:underline }
#rtRoteiroPreview.rt-pv-light code{
  background:#f2f4f7; color:#0B6E99; border:1px solid #e6eaef;
  padding:1px 6px; border-radius:4px; font-size:12.5px; font-family:ui-monospace,monospace;
}
#rtRoteiroPreview.rt-pv-light pre{
  background:#f6f8fa; border:1px solid #e6eaef; color:#1f2328;
  padding:14px; border-radius:8px; margin:14px auto;
}
#rtRoteiroPreview.rt-pv-light pre code{ background:transparent; border:0; color:#1f2328 }
#rtRoteiroPreview.rt-pv-light mark.rc-mark{ background:rgba(255,109,6,.25); color:#1f2328; border-bottom-color:#B34700 }
#rtRoteiroPreview.rt-pv-light mark.rc-mark.resolved{ background:rgba(52,168,83,.18); border-bottom-color:#1E8E3E }
#rtRoteiroPreview.rt-pv-light mark.rc-mark:hover, #rtRoteiroPreview.rt-pv-light mark.rc-mark.active{ background:rgba(255,109,6,.45) }
@media(max-width:760px){
  #rtRoteiroPreview.rt-pv-light{ padding:22px 20px; font-size:14.5px }
}

/* ==== FLUXO DE EDIÇÃO (era o bloco <!-- ME:FLUXO-EDICAO --> da raiz) ==== */
/* ==== FLUXO DE EDIÇÃO — lista vertical ====
   Uma forma só, dentro do modal e em tela cheia. Antes eram duas coisas
   (canvas horizontal no modal, o mesmo canvas em overlay) e a informação
   morava num flutuante de hover: o editor passava o mouse bloco a bloco
   pra ler a instrução. Agora abre tudo. */
.me-topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.me-acoes{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto;align-items:center}
.me-nav{display:flex;gap:4px;align-items:center;margin-right:4px;padding-right:8px;
  border-right:1px solid var(--border)}
.me-nav button{width:30px;height:30px;padding:0;border-radius:9px;font-size:14px;font-weight:900;
  display:grid;place-items:center}
.me-nav button:disabled{opacity:.28;cursor:default;background:rgba(255,255,255,.04);
  border-color:var(--border);color:var(--text3)}
.me-acoes button{padding:7px 12px;border-radius:9px;font-size:11.5px;font-weight:800;cursor:pointer;
  border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text2);
  font-family:Inter,sans-serif;transition:.13s;white-space:nowrap}
.me-acoes button:hover{background:rgba(255,109,6,.13);border-color:rgba(255,109,6,.35);color:#FF8C38}
.me-acoes button.ok{background:rgba(52,199,89,.18);border-color:rgba(52,199,89,.45);color:#34C759}

/* a régua: o vídeo inteiro numa tira. Herda o termômetro do canvas antigo —
   vermelho no começo, verde no fim — que era a única coisa que se perdia
   ao trocar a linha do tempo horizontal por uma lista que rola. */
.me-regua{display:flex;gap:2px;flex:1;min-width:200px;height:30px;align-items:stretch}
.me-regua i{display:block;border-radius:3px;cursor:pointer;position:relative;opacity:.55;
  transition:opacity .13s,transform .13s;min-width:5px}
.me-regua i:hover{opacity:1;transform:scaleY(1.14)}
.me-regua i.aqui{opacity:1;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.me-regua i b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:9px;font-weight:900;color:#08090C;pointer-events:none}

.me-rodape{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;font-weight:800;color:var(--text3);
  margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.me-rodape span{display:inline-flex;align-items:center;gap:5px}
.me-rodape b{color:#FF8C38}
.me-rodape .alerta{color:#F59E0B}

/* ---- a lista ---- */
.me-lista{display:flex;flex-direction:column;gap:12px;max-height:62vh;overflow-y:auto;
  padding-right:6px;scroll-behavior:smooth}
#meCheio .me-lista{max-height:none;flex:1}

/* 186px é largura de celular EM PÉ. Um 16:9 nela vira um selo de 186x105 e o
   texto some. Vídeo deitado ganha coluna maior — 380x214 — e aí a tela do bloco
   é legível de longe, que é o serviço dela.
   Pedro, 04/09/2026: "os horizontais que você montou ficaram muito ruins". */
.me-bloco.deitado{grid-template-columns:380px 1fr}
@media (max-width:1100px){.me-bloco.deitado{grid-template-columns:300px 1fr}}
.me-bloco{display:grid;grid-template-columns:186px 1fr;gap:20px;padding:16px 18px;border-radius:15px;
  background:linear-gradient(180deg,rgba(20,27,48,.62),rgba(9,13,24,.8));
  border:1px solid var(--border);transition:.16s;scroll-margin-top:12px}
.me-bloco:hover{border-color:rgba(255,109,6,.32)}
.me-bloco.sem-molde{border-color:rgba(245,158,11,.4)}
@media (max-width:760px){.me-bloco{grid-template-columns:1fr}}

/* ==== O CELULAR ====
   Gerado do bloco, não é desenho guardado. O molde diz a FORMA da tela e mora
   no catálogo; aqui entra o CONTEÚDO daquele bloco — a headline que vai ao ar,
   a partitura, a CTA. Nenhum SVG genérico consegue mostrar isso.
   Cor por tipo de elemento: âmbar headline · roxo partitura · verde CTA ·
   ciano lip cam. */
.me-fone{position:relative;width:100%;aspect-ratio:9/16;border-radius:17px;overflow:hidden;
  background:#0B0F17;border:5px solid #14181F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
/* ---- vídeo DEITADO (YouTube): outra tela, outras zonas mortas ----
   Desenhar C0YT/C1YT/LIVE como celular em pé mentia duas vezes: no formato e
   na régua. As faixas de INTERFACE do vertical são o que o Instagram cobre —
   no YouTube não existe cabeçalho nem legenda por cima do vídeo. O que come
   pedaço aqui é a barra de controles no rodapé, e só quando o mouse passa.
   Pedro, 04/09/2026: "o molde que está sendo replicado no dashboard está
   horizontal (...) meu editor não vai entender porra nenhuma". */
.me-fone.h{aspect-ratio:16/9;border-radius:8px;border-width:4px}
.me-fone.h .me-ilha{display:none}
.me-fone.h .me-safe.topo{display:none}
.me-fone.h .me-safe.base{height:13%;background:repeating-linear-gradient(45deg,
  rgba(148,163,184,.13) 0 5px,transparent 5px 10px);border-top:1px dashed rgba(148,163,184,.4)}
.me-fone.h .me-safe.base small{color:rgba(203,213,225,.75)}
.me-fone.h .me-palco{inset:5% 6% 17% 6%;gap:5px;justify-content:center}
/* o quadro deitado é largo e BAIXO: o mesmo texto do vertical não cabe em
   altura. Fonte menor, e a instrução limitada a duas linhas — ela é apoio,
   quem manda é o que vai escrito na tela. */
.me-fone.h .me-palco{overflow:hidden}
.me-fone.h .me-el{font-size:6.5px;padding:3px 5px;border-radius:4px;line-height:1.2;
  min-height:0;overflow:hidden}
/* texto comprido não empurra o quadro: corta em 3 linhas. O texto inteiro
   está sempre na coluna da direita, em NA TELA — aqui é a MIRA, não a fonte. */
.me-fone.h .me-el > span{display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden}
.me-fone.h .me-el.hl,.me-fone.h .me-el.hl2{font-size:7px}
.me-fone.h .me-nota{font-size:5px;margin-top:1px;line-height:1.15;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.me-fone.h .me-vazia{font-size:7px}
.me-fone.h .me-quem{bottom:1px}
.me-fone.h .me-quem b{font-size:6px;padding:2px 5px}
.me-fone.h .me-quem small{font-size:5px}
/* terços da capa: onde o objeto herói e o texto vivem no quadro deitado */
.me-fone.h::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 33.2%,rgba(255,255,255,.05) 33.2% 33.5%,
  transparent 33.5% 66.5%,rgba(255,255,255,.05) 66.5% 66.8%,transparent 66.8%)}
.me-ilha{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:36%;height:9px;
  background:#000;border-radius:6px;z-index:5}
/* faixa que a interface do Instagram cobre: o que cair aqui some atrás do
   cabeçalho e da legenda. Régua de produção que não estava escrita em lugar
   nenhum até agora. */
.me-safe{position:absolute;left:0;right:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(45deg,rgba(239,68,68,.1) 0 5px,transparent 5px 10px)}
.me-safe.topo{top:0;height:13%;border-bottom:1px dashed rgba(239,68,68,.34)}
.me-safe.base{bottom:0;height:22%;border-top:1px dashed rgba(239,68,68,.34)}
.me-safe small{position:absolute;right:4px;font-size:6.5px;font-weight:900;color:rgba(248,113,113,.72);
  letter-spacing:.06em}
.me-safe.topo small{bottom:2px}.me-safe.base small{top:2px}

.me-palco{position:absolute;inset:13% 0 22%;z-index:3;display:flex;flex-direction:column;
  justify-content:center;gap:6px;padding:8px 9px}
/* a divisa da tela dividida: é nela que "encostado em cima" e "encostado
   embaixo" ganham sentido. Grossa e vermelha porque é referência de
   posicionamento, não enfeite. */
.me-divisa{position:absolute;left:0;right:0;top:50%;height:2px;z-index:4;
  background:#F43F5E;box-shadow:0 0 6px rgba(244,63,94,.5)}
.me-el{border-radius:6px;padding:6px 7px;font-size:8px;font-weight:800;line-height:1.25;
  text-align:center;letter-spacing:.005em;word-break:break-word;
  display:flex;align-items:center;justify-content:center;gap:4px}
.me-el em{font-style:normal;font-size:9px;flex:0 0 auto;opacity:.9}
/* o complemento do rótulo — "uma palavra por vez", "dentro da vinheta" — é
   instrução de edição, não é o que vai escrito na tela. Fica junto e menor. */
.me-nota{display:block;font-style:normal;font-size:6.5px;font-weight:700;opacity:.68;
  margin-top:2px;text-transform:none;letter-spacing:0}
.me-el.hl{background:#E0A21A;color:#1a1204;font-size:9px;font-weight:900;text-transform:uppercase}
.me-el.hl2{background:#0F766E;color:#7FF3E1;font-size:9px;font-weight:900;text-transform:uppercase}
.me-el.part{background:#8B5CF6;color:#F3EEFF}
.me-el.cta{background:#22C55E;color:#04260f;font-weight:900;text-transform:uppercase}
.me-el.txt{background:#3E4A5E;color:#E7ECF3}
.me-el.err{background:#DC2626;color:#fff}
.me-el.cer{background:#16A34A;color:#fff}

/* o badge da lip cam: estado + a cor do estado + o gatilho embaixo, que é o
   que o editor precisa saber ("congelado ATÉ QUANDO?") */
.me-badge{position:absolute;top:calc(13% + 8px);left:50%;transform:translateX(-50%);z-index:5;
  display:flex;flex-direction:column;align-items:center;gap:3px;width:82%}
.me-badge b{font-size:8px;font-weight:900;padding:4px 9px;border-radius:7px;letter-spacing:.05em;
  white-space:nowrap;display:inline-flex;align-items:center;gap:4px;border:1px solid}
.me-badge b.congelado{background:rgba(56,189,248,.16);border-color:rgba(56,189,248,.6);color:#7DD3FC}
.me-badge b.aovivo{background:rgba(244,63,94,.16);border-color:rgba(244,63,94,.6);color:#FDA4AF}
.me-badge b.slow{background:rgba(168,85,247,.16);border-color:rgba(168,85,247,.6);color:#D8B4FE}
.me-badge b.loop{background:rgba(250,204,21,.16);border-color:rgba(250,204,21,.55);color:#FDE68A}
.me-badge small{font-size:7px;font-weight:700;color:#8A94A6;text-align:center;line-height:1.3}

/* quem está na tela e o que ele faz naquele bloco */
.me-quem{position:absolute;left:0;right:0;bottom:calc(22% + 8px);z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:3px}
.me-quem b{font-size:8px;font-weight:900;color:#C8D0DC;letter-spacing:.12em;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  padding:4px 11px;border-radius:7px}
.me-quem small{font-size:7px;font-weight:700;color:#7C8698;text-align:center;
  max-width:88%;line-height:1.3}
.me-vazia{position:absolute;inset:13% 0 22%;z-index:2;display:grid;place-items:center;
  font-size:7.5px;font-weight:800;color:#3F4A5A;letter-spacing:.08em}

.me-solomolde{margin-top:6px;display:flex;align-items:center;gap:6px;justify-content:center}
.me-solomolde .mini{width:38px;height:30px;border-radius:5px;background:#fff;overflow:hidden;
  display:grid;place-items:center;flex:0 0 auto}
.me-solomolde .mini svg{width:100%;height:100%}
.me-solomolde span{font-size:8.5px;font-weight:900;color:var(--text3);letter-spacing:.04em;line-height:1.25}

/* ---- o corpo do bloco ---- */
.me-corpo{display:flex;flex-direction:column;gap:9px;min-width:0}
.me-linha1{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.me-n{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto;
  font-size:11px;font-weight:900;color:#08090C}
.me-nome{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.02em}
.me-tc{font-size:10.5px;font-weight:800;color:var(--text3);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.05)}
.me-tc.est{color:#F59E0B;opacity:.92}

.me-chips{display:flex;gap:5px;flex-wrap:wrap}
.me-chip{font-size:10px;font-weight:900;padding:4px 9px;border-radius:999px;letter-spacing:.03em;
  background:rgba(255,109,6,.12);border:1px solid rgba(255,109,6,.26);color:#FF8C38}
.me-chip.err{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.3);color:#F87171}
.me-chip.cer{background:rgba(52,199,89,.13);border-color:rgba(52,199,89,.3);color:#4ADE80}
.me-chip.falta{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.34);color:#FBBF24}
.me-chip.lip{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.3);color:#67E8F9}

.me-orient{font-size:13px;color:var(--text2);line-height:1.5}
.me-nota{font-size:12px;color:#FBBF24;line-height:1.45;padding:7px 11px;border-radius:9px;
  background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.22)}

.me-cx{border-radius:10px;padding:9px 12px;background:rgba(255,255,255,.028);
  border:1px solid rgba(255,255,255,.06)}
.me-cx>b{display:block;font-size:8.5px;letter-spacing:.14em;color:var(--text3);
  text-transform:uppercase;margin-bottom:5px;font-weight:900}
.me-cx .me-item{font-size:12.5px;color:var(--text);line-height:1.5;padding:2px 0}
.me-cx .me-item i{font-style:normal;font-weight:900;font-size:9.5px;letter-spacing:.06em;
  padding:2px 6px;border-radius:5px;margin-right:7px}
.me-cx .me-item i.hl{background:rgba(245,158,11,.2);color:#FBBF24}
.me-cx .me-item i.part{background:rgba(124,58,237,.24);color:#C4B5FD}
.me-cx .me-item i.cta{background:rgba(34,197,94,.2);color:#4ADE80}
.me-cx .me-item i.txt{background:rgba(148,163,184,.18);color:#CBD5E1}
.me-cx .me-item i.err{background:rgba(239,68,68,.2);color:#F87171}
.me-cx .me-item i.cer{background:rgba(34,197,94,.2);color:#4ADE80}
.me-cx .me-pos{font-size:10px;font-weight:800;color:#22D3EE;margin-left:6px}

.me-mat{display:flex;flex-direction:column;gap:5px}
.me-mat a,.me-mat .me-semlink{display:flex;align-items:baseline;gap:7px;font-size:12.5px;
  line-height:1.45;text-decoration:none;color:#67E8F9;padding:3px 0}
.me-mat a:hover{color:#A5F3FC;text-decoration:underline}
.me-mat .me-semlink{color:#FBBF24}
.me-mat .me-mn{font-size:10px;font-weight:900;color:var(--text3);flex:0 0 auto;
  font-family:ui-monospace,Menlo,monospace}
.me-mat .me-gat{color:var(--text3);font-size:11.5px;font-style:italic}

.me-fala{font-size:13.5px;color:var(--text);line-height:1.62;padding:11px 14px;border-radius:11px;
  background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.055);white-space:pre-wrap}
.me-fala>b{display:block;font-size:8.5px;letter-spacing:.14em;color:var(--text3);
  text-transform:uppercase;margin-bottom:5px;font-weight:900}

.me-vazio{padding:34px;text-align:center;color:var(--text3);font-size:12.5px;
  border:1px dashed var(--border);border-radius:13px;line-height:1.6}

.me-notas{margin-top:12px;display:grid;gap:6px}
.me-notas-tit{font-size:11px;font-weight:900;color:#FFE500;letter-spacing:.08em;text-transform:uppercase;
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.me-notas-tit span{font-size:11px;font-weight:700;color:var(--text3);letter-spacing:0;text-transform:none}
.rt-section .me-notas textarea{width:100%;min-height:90px;font-size:14px;font-weight:500;line-height:1.6}

/* ---- tela cheia ---- */
#meCheio{position:fixed;inset:0;z-index:9999;background:#08090C;padding:20px 26px;overflow:hidden;
  display:flex;flex-direction:column}
#meCheio .me-topo{margin-bottom:12px}
#meCheio .me-bloco{max-width:1240px;margin:0 auto;width:100%}

/* ==== regras que estavam espalhadas no CSS da raiz ==== */

.rt-modal-codigo,.kb-card-code{
  font-family:var(--font-num);
  font-feature-settings:"ss01","tnum","cv11";
  letter-spacing:-0.018em;
}
.kb-catfilter{scrollbar-width:thin !important;scrollbar-color:var(--accent,#FF6D06) transparent !important}
.kb-catfilter::-webkit-scrollbar{display:block !important;height:7px}
.kb-catfilter::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
.kb-catfilter::-webkit-scrollbar-thumb{background:var(--accent,#FF6D06) !important;border-radius:999px;border:0}
.rt-wrap{display:grid;gap:16px}
.rt-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--border2);background:linear-gradient(180deg,rgba(18,24,43,.9),rgba(8,12,23,.96))}
.rt-search{flex:1;min-width:200px;padding:11px 16px;border-radius:12px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);font-size:13px;font-weight:800;outline:none}
.rt-search:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,109,6,.12)}
.rt-count{color:var(--text3);font-size:12px;font-weight:900;padding:8px 12px;border-radius:10px;background:var(--bg3);border:1px solid var(--border)}
.rt-count strong{color:var(--orange)}
.rt-new-btn{padding:11px 18px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#000;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 8px 22px rgba(255,109,6,.28)}
.rt-new-btn:hover{transform:translateY(-1px)}
.rt-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 16px;border-radius:18px;border:1px solid var(--border2);background:rgba(13,40,64,.45)}
.rt-flabel{color:var(--text3);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding-right:6px}
.rt-fchip{padding:7px 13px;border-radius:999px;border:1px solid var(--border2);background:var(--surface);color:var(--text2);font-size:12px;font-weight:900;cursor:pointer;transition:.15s}
.rt-fchip:hover{border-color:var(--orange);color:var(--orange)}
.rt-fchip.active{background:var(--orangeDim);border-color:var(--orange);color:var(--orange)}
.rt-filter-cascade{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(220px,1.25fr) minmax(190px,1fr);gap:12px;padding:14px 16px}
.rt-filter-field{display:grid;gap:6px;min-width:0}
.rt-filter-field .rt-flabel{padding:0}
.rt-filter-select{width:100%;min-width:0;padding:9px 34px 9px 11px;border-radius:9px;border:1px solid var(--border2);background:var(--surface);color:var(--text);font:700 12px/1.2 inherit;outline:none;cursor:pointer}
.rt-filter-select:hover,.rt-filter-select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,109,6,.1)}
.rt-filter-select:disabled{opacity:.55;cursor:not-allowed}
.rt-open-row{cursor:pointer}
.rt-open-row:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.rt-table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--border2);background:var(--surface);max-height:calc(100vh - 360px);max-height:calc(100dvh - 360px)}
.rt-table{width:100%;border-collapse:collapse;min-width:1100px}
.rt-table th{position:sticky;top:0;background:var(--bg3);color:var(--text3);font-size:10px;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:13px 14px;border-bottom:1px solid var(--border2);font-weight:900;white-space:nowrap;z-index:2}
.rt-table th.sortable{cursor:pointer;user-select:none}
.rt-table th.sortable:hover{color:var(--orange)}
.rt-table th .sort-arrow{display:inline-block;margin-left:4px;color:var(--orange)}
.rt-table td{color:var(--text2);font-size:13px;padding:11px 14px;border-bottom:1px solid var(--border);font-weight:700;vertical-align:middle}
.rt-table tr:hover td{background:var(--orangeDim);color:var(--text)}
.rt-table td.codigo{font-family:'SF Mono','Monaco',monospace;color:var(--cyan);font-size:11px;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;display:none}
.rt-table th[data-sort="codigo"]{display:none}
.rt-table td.headline{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.rt-headline-code{display:inline-block;padding:2px 7px;border-radius:5px;background:rgba(0,245,255,.12);color:var(--cyan);font-family:'SF Mono','Monaco',monospace;font-size:10px;font-weight:900;margin-right:8px;vertical-align:middle}
.rt-headline-text{vertical-align:middle}
.rt-badge{display:inline-flex;padding:4px 9px;border-radius:7px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.rt-b-postado{background:rgba(57,255,20,.14);color:var(--green)}
.rt-b-roteiro{background:rgba(255,229,0,.14);color:var(--yellow)}
.rt-b-gravar{background:rgba(255,141,128,.16);color:#FF8D80}
.rt-b-editado{background:rgba(0,245,255,.14);color:var(--cyan)}
.rt-b-agendado{background:rgba(108,56,255,.18);color:#b78cff}
.rt-b-criativos{background:rgba(255,109,6,.16);color:var(--orange)}
.rt-b-ideia{background:rgba(34,197,94,.14);color:var(--pink)}
.rt-b-rascunho{background:rgba(99,130,153,.18);color:var(--text2)}
.rt-b-revisar{background:rgba(255,229,0,.10);color:#FFE500}
.rt-b-default{background:var(--surface2);color:var(--text2)}
.rt-tag-cor{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:900;border:1px solid transparent}
.rt-cor-C0{background:rgba(59,130,246,.18);color:#93C5FD;border-color:rgba(59,130,246,.4)}
.rt-cor-C1{background:rgba(250,204,21,.20);color:#FACC15;border-color:rgba(250,204,21,.45)}
.rt-cor-C2{background:rgba(255,109,6,.20);color:#FF8C38;border-color:rgba(255,109,6,.4)}
.rt-cor-C3{background:rgba(220,38,38,.22);color:#FCA5A5;border-color:rgba(220,38,38,.45)}
.rt-cor-C0YT{background:linear-gradient(135deg,rgba(255,0,0,.32),rgba(59,130,246,.28));color:#FFFFFF;border-color:rgba(255,0,0,.5);text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:900}
.rt-cor-C1YT{background:linear-gradient(135deg,rgba(255,0,0,.32),rgba(250,204,21,.32));color:#FFFFFF;border-color:rgba(255,0,0,.5);text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:900}
.rt-cor-C2YT{background:linear-gradient(135deg,rgba(255,0,0,.32),rgba(255,109,6,.32));color:#FFFFFF;border-color:rgba(255,0,0,.5);text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:900}
.rt-cor-C3YT{background:linear-gradient(135deg,rgba(255,0,0,.32),rgba(168,85,247,.40));color:#FFFFFF;border-color:rgba(255,0,0,.5);text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:900}
.rt-cor-AD{background:rgba(168,85,247,.20);color:#C084FC;border-color:rgba(168,85,247,.45)}
.rt-cor-EP{background:rgba(108,56,255,.20);color:#b78cff;border-color:rgba(108,56,255,.4)}
.rt-cor-LIVE{background:rgba(255,229,0,.16);color:#FACC15;border-color:rgba(255,229,0,.35)}
.rt-cor-MODELO{background:rgba(20,184,166,.18);color:#5EEAD4;border-color:rgba(20,184,166,.4)}
.rt-cor-OUTRO{background:var(--surface2);color:var(--text2)}
.rt-row-btn{padding:5px 9px;border-radius:7px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-size:11px;font-weight:900;cursor:pointer;transition:.15s}
.rt-row-btn:hover{color:var(--orange);border-color:var(--orange)}
.rt-empty{padding:60px 20px;text-align:center;color:var(--text3);font-size:14px;font-weight:800}
.rt-loading{padding:60px 20px;text-align:center;color:var(--orange);font-size:14px;font-weight:900}
.rt-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;border:1px solid var(--border2);background:var(--surface)}
.rt-pgbtn{padding:8px 14px;border-radius:9px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-weight:900;font-size:12px;cursor:pointer}
.rt-pgbtn:hover:not(:disabled){color:var(--orange);border-color:var(--orange)}
.rt-pgbtn:disabled{opacity:.4;cursor:not-allowed}
.rt-pginfo{color:var(--text2);font-size:12px;font-weight:900}
.rt-modal{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.rt-modal.open{display:flex}
.rt-modal-box{width:100%;max-width:680px;max-height:90vh;overflow:auto;border-radius:24px;border:1px solid var(--border2);background:linear-gradient(180deg,#0d2840,#05141f);box-shadow:0 30px 80px rgba(0,0,0,.55);padding:28px}
.rt-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.rt-modal-title{font-size:20px;font-weight:900;color:var(--text);line-height:1.25}
.rt-modal-codigo{color:var(--cyan);font-size:12px;font-weight:900;font-family:monospace;margin-top:6px}
.rt-modal-close{background:transparent;border:0;color:var(--text3);font-size:28px;cursor:pointer;padding:0 6px;line-height:1}
.rt-modal-close:hover{color:var(--orange)}
.rt-form{display:grid;gap:16px}
.rt-field{display:grid;gap:6px}
.rt-field label{font-size:11px;color:var(--text3);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.rt-field input,.rt-field select,.rt-field textarea{padding:11px 14px;border-radius:11px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);font-size:13px;font-weight:700;outline:none;font-family:inherit}
.rt-field input:focus,.rt-field select:focus,.rt-field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,109,6,.12)}
.rt-field textarea{min-height:90px;resize:vertical}
.rt-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rt-plat-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:var(--bg3);border:1px solid var(--border2);border-radius:11px}
.rt-plat-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--border2);background:transparent;color:var(--text2);font-size:12px;font-weight:800;cursor:pointer;user-select:none;transition:transform .08s ease,border-color .15s ease,background .15s ease}
.rt-plat-chip:hover{transform:translateY(-1px);border-color:var(--text3)}
.rt-plat-chip input{display:none}
.rt-plat-chip .platform-icon{width:18px;height:18px}
.rt-plat-chip .platform-icon svg{width:13px;height:13px}
.rt-plat-chip.is-on{color:var(--text);background:rgba(255,255,255,.04)}
.rt-plat-chip.is-on[data-p="instagram"]{border-color:#E1306C;box-shadow:0 0 0 1px rgba(225,48,108,.35) inset}
.rt-plat-chip.is-on[data-p="tiktok"]{border-color:#25F4EE;box-shadow:0 0 0 1px rgba(37,244,238,.3) inset}
.rt-plat-chip.is-on[data-p="facebook"]{border-color:#1877F2;box-shadow:0 0 0 1px rgba(24,119,242,.3) inset}
.rt-plat-chip.is-on[data-p="youtube"]{border-color:#FF0000;box-shadow:0 0 0 1px rgba(255,0,0,.3) inset}
.rt-plat-chip.is-on[data-p="meta"]{border-color:#1877F2;box-shadow:0 0 0 1px rgba(24,119,242,.3) inset}
.rt-plat-chip.is-on[data-p="whatsapp"]{border-color:#25D366;box-shadow:0 0 0 1px rgba(37,211,102,.3) inset}
.rt-plat-hint{margin-top:6px;font-size:11px;color:var(--text3);font-weight:700}
.rt-plat-hint .rt-plat-warn{color:#EAB308}
.rt-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
.rt-btn-secondary{padding:11px 18px;border-radius:11px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-weight:900;font-size:13px;cursor:pointer}
.rt-btn-primary{padding:11px 22px;border-radius:11px;border:0;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#000;font-weight:900;font-size:13px;cursor:pointer}
.rt-btn-danger{padding:11px 18px;border-radius:11px;border:1px solid rgba(34,197,94,.4);background:rgba(34,197,94,.1);color:var(--pink);font-weight:900;font-size:13px;cursor:pointer;margin-right:auto}
.rt-modal-box{max-width:880px}
.rt-alerta-pub{margin:0 0 14px;border-radius:13px;overflow:hidden;border:1px solid rgba(250,204,21,.45);background:linear-gradient(135deg,rgba(40,32,5,.8),rgba(24,20,6,.65))}
.rt-alerta-pub .rap-tape{height:5px;background:repeating-linear-gradient(45deg,#FACC15 0 8px,#0A0A0A 8px 16px);animation:hazPulse 2.1s ease-in-out infinite}
.rt-alerta-pub .rap-in{padding:12px 16px}
.rt-alerta-pub .rap-tit{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:#FACC15;margin-bottom:8px}
.rt-alerta-pub .rap-arq{font-size:10px;font-weight:800;color:rgba(255,255,255,.5);margin:8px 0 4px;text-transform:uppercase;letter-spacing:.04em}
.rt-alerta-pub ul{margin:0;padding-left:18px}
.rt-alerta-pub li{font-size:12px;color:#FDE68A;font-weight:700;line-height:1.6}
.rt-alerta-pub .rap-ok{padding:10px 16px;font-size:12px;font-weight:700;color:#7CFFB0}
.rt-tabs{display:flex;gap:4px;padding:6px;background:var(--bg3);border-radius:13px;margin-bottom:18px;flex-wrap:wrap}
.rt-tab{flex:1;min-width:90px;padding:9px 10px;border:0;background:transparent;color:var(--text3);font-weight:900;font-size:12px;border-radius:9px;cursor:pointer;transition:.15s;text-align:center}
.rt-tab:hover{color:var(--text2)}
.rt-tab.active{background:var(--surface2);color:var(--orange);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.rt-tab-pane{display:none}
.rt-tab-pane.active{display:grid;gap:14px;animation:fadeIn .18s ease}
.rt-section{display:grid;gap:6px}
.rt-section-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px}
.rt-section-label .rt-section-icon{font-size:14px}
.rt-sl-edicao{background:rgba(255,229,0,.10);color:#FFE500}
.rt-sl-thumbnail{background:rgba(57,255,20,.10);color:var(--green)}
.rt-sl-quebra{background:rgba(34,197,94,.10);color:var(--pink)}
.rt-sl-roteiro{background:rgba(0,140,255,.12);color:#7df0ff}
.rt-sl-cta{background:rgba(34,211,238,.14);color:#c4a3ff}
.rt-sl-descricao{background:rgba(255,109,6,.12);color:var(--orange)}
.rt-sl-teleprompter{background:rgba(0,245,255,.12);color:var(--cyan)}
.rt-section textarea{padding:11px 14px;border-radius:10px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);font-size:13px;font-weight:600;outline:none;font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}
.rt-section textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,109,6,.12)}
.rt-section textarea.tall{min-height:160px}
.rt-section textarea.xtall{min-height:240px}
.rt-section .rt-section-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:4px}
.rt-mini-btn{padding:5px 10px;border-radius:7px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-weight:900;font-size:10px;cursor:pointer}
.rt-mini-btn:hover{color:var(--orange);border-color:var(--orange)}
.rt-quebra-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rt-sl-sub{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--text3)}
.rt-quebra-col{display:grid;gap:6px;min-width:0}
.rt-quebra-rot{font-size:11px;font-weight:900;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:baseline;gap:8px}
.rt-quebra-rot span{font-size:11px;font-weight:700;color:var(--text3);text-transform:none;letter-spacing:0}
.rt-section .rt-quebra-col textarea{width:100%;min-height:120px;font-size:14px;font-weight:500;line-height:1.6;padding:13px 16px}
.rt-thumb-linha{display:flex;align-items:stretch;border:1px solid var(--border2);border-radius:10px;background:var(--bg3);overflow:hidden;cursor:text;transition:.15s}
.rt-thumb-linha:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,109,6,.12)}
.rt-thumb-tag{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 14px;background:rgba(57,255,20,.10);color:var(--green);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.rt-section .rt-thumb-linha textarea,.rt-section .rt-thumb-linha textarea:focus{flex:1;min-width:0;min-height:0;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;font-size:15px;font-weight:800;padding:12px 14px;resize:none}
textarea.rt-cresce{field-sizing:content;overflow:hidden}
.rt-modal-head-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.rt-head-link{padding:6px 12px;border-radius:9px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);text-decoration:none;font-size:11px;font-weight:900;display:inline-flex;align-items:center;gap:5px}
.rt-head-link:hover{color:var(--orange);border-color:var(--orange)}
@media (max-width:760px){
.rt-quebra-grid{grid-template-columns:1fr}
.rt-tabs{overflow-x:auto;flex-wrap:nowrap}
.rt-tab{flex:0 0 auto}
}
.rt-video-block{margin:0 0 18px;border-radius:18px;overflow:hidden;border:1px solid var(--border2);background:#000;position:relative}
.rt-video-frame{position:relative;width:100%;padding-top:56.25%;background:#000}
.rt-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rt-video-empty{padding:32px 20px;text-align:center;color:var(--text2);font-weight:800;background:linear-gradient(180deg,var(--bg3),var(--surface));display:flex;flex-direction:column;align-items:center;gap:14px}
.rt-video-empty-icon{font-size:32px;opacity:.5}
.rt-video-empty p{font-size:13px;color:var(--text3);max-width:380px;line-height:1.5}
.rt-video-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.rt-video-actions button,.rt-video-actions a{padding:9px 14px;border-radius:10px;border:1px solid var(--border2);background:var(--surface2);color:var(--text);font-weight:900;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:.15s}
.rt-video-actions button:hover,.rt-video-actions a:hover{border-color:var(--orange);color:var(--orange)}
.rt-video-actions button.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#000;border-color:transparent}
.rt-video-loading{padding:24px;text-align:center;color:var(--orange);font-weight:900;font-size:13px}
.rt-video-results{padding:14px;display:grid;gap:8px;background:var(--surface);max-height:300px;overflow:auto}
.rt-video-result-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--bg3);border:1px solid var(--border);cursor:pointer;transition:.15s}
.rt-video-result-item:hover{border-color:var(--orange);background:var(--surface2)}
.rt-video-result-item.priority{border-color:var(--green);background:rgba(57,255,20,.06)}
.rt-video-result-item .vri-title{font-size:12px;color:var(--text);font-weight:800;line-height:1.3;word-break:break-word}
.rt-video-result-item .vri-meta{font-size:10px;color:var(--text3);font-weight:700;margin-top:3px}
.rt-video-result-item .vri-pick{padding:5px 10px;border-radius:6px;background:var(--orange);color:#000;font-weight:900;font-size:10px;border:0;cursor:pointer;white-space:nowrap}
.rt-video-result-item.priority .vri-pick{background:var(--green)}
.rt-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:10px;background:var(--bg3)}
.rt-vcard{padding:0;border-radius:10px;border:2px solid transparent;background:var(--surface);cursor:pointer;text-align:left;overflow:hidden;display:flex;flex-direction:column;transition:.15s}
.rt-vcard:hover{border-color:var(--orange2)}
.rt-vcard.active{border-color:var(--orange);box-shadow:0 0 0 2px var(--orangeDim)}
.rt-vthumb{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden}
.rt-vthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rt-vthumb-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;opacity:.4}
.rt-vbadge{position:absolute;bottom:5px;left:5px;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.85);color:var(--orange);font-size:10px;font-weight:900;text-transform:uppercase}
.rt-vname{padding:7px 9px;font-size:11px;font-weight:800;color:var(--text2);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.rt-vmeta-pop{position:fixed;z-index:9999;pointer-events:none;opacity:0;transition:opacity .15s;min-width:200px;max-width:270px;background:var(--bg3);border:1px solid var(--border2);border-radius:12px;padding:12px 14px;box-shadow:0 8px 30px rgba(0,0,0,.55);font-size:11px;color:var(--text2)}
.rt-vmeta-pop.show{opacity:1}
.rt-vmeta-pop .vmp-name{font-weight:900;color:var(--text);font-size:12px;margin-bottom:8px;word-break:break-word;line-height:1.35;border-bottom:1px solid var(--border);padding-bottom:6px}
.rt-vmeta-pop .vmp-row{display:flex;gap:7px;align-items:center;margin-bottom:4px;font-weight:700}
.rt-vmeta-pop .vmp-icon{width:16px;text-align:center;flex-shrink:0;opacity:.75}
.rt-vmeta-pop .vmp-warn{margin-top:8px;padding:6px 8px;border-radius:7px;background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.3);color:var(--orange);font-weight:900;font-size:10px;line-height:1.5}
.rt-vmeta-pop .vmp-loading{color:var(--text3);font-style:italic;font-size:11px}
.kb-cal-card.has-haz,
.kb-card.has-haz{position:relative;border:1px solid rgba(250,204,21,.55) !important;overflow:hidden}
.kb-cal-card.has-haz::before,
.kb-card.has-haz::before{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:0;
  background:repeating-linear-gradient(45deg,rgba(250,204,21,.5) 0 7px,rgba(0,0,0,.55) 7px 14px);
  animation:hazPulse 2.1s ease-in-out infinite;
}
.kb-cal-card.has-haz::after,
.kb-card.has-haz::after{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;pointer-events:none;z-index:2;
  background:repeating-linear-gradient(45deg,#FACC15 0 6px,#0A0A0A 6px 12px);
}
.kb-cal-card.has-haz>*,
.kb-card.has-haz>*{position:relative;z-index:1}
.kb-cal-card.has-haz .kb-cal-card-code,
.kb-cal-card.has-haz .kb-cal-card-title,
.kb-cal-card.has-haz .kb-cal-card-time,
.kb-card.has-haz .kb-card-code,
.kb-card.has-haz .kb-card-title,
.kb-card.has-haz .kb-card-date,
.kb-card.has-haz .kb-card-chip{text-shadow:0 1px 3px #000,0 0 6px #000}
.kb-cal-card.has-haz .kb-cal-card-title,
.kb-card.has-haz .kb-card-title{color:#fff}
.kb-haz{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:15px;height:15px;margin-left:3px;border-radius:4px;
  background:#FACC15;color:#000;font-size:10px;font-weight:900;line-height:1;
  cursor:help;box-shadow:0 0 7px rgba(250,204,21,.7)
}
@media (prefers-reduced-motion:reduce){
.kb-cal-card.has-haz::before{animation:none;opacity:.45}
}
.rt-toast{position:fixed;bottom:24px;right:24px;padding:13px 20px;border-radius:12px;background:var(--bg3);border:1px solid var(--green);color:var(--green);font-weight:900;font-size:13px;box-shadow:0 12px 30px rgba(0,0,0,.3);z-index:2000;opacity:0;transform:translateY(10px);transition:.25s}
.rt-toast.show{opacity:1;transform:translateY(0)}
.rt-toast.error{border-color:var(--pink);color:var(--pink)}
@media (max-width:760px){
.rt-toolbar{grid-template-columns:1fr}
.rt-field-row{grid-template-columns:1fr}
}
.kb-wrap{display:grid;gap:14px}
.kb-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-radius:16px;border:1px solid var(--border2);background:linear-gradient(180deg,rgba(18,24,43,.9),rgba(8,12,23,.96))}
.kb-toolbar input{flex:1;min-width:200px;padding:9px 14px;border-radius:10px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);font-size:13px;font-weight:800;outline:none}
.kb-toolbar input:focus{border-color:var(--orange)}
.kb-status{font-size:11px;color:var(--text3);font-weight:900;padding:6px 10px;border-radius:8px;background:var(--bg3);border:1px solid var(--border)}
.kb-status.connected{color:var(--green);border-color:rgba(57,255,20,.3)}
.kb-viewswitch{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:3px}
.kb-vbtn{border:0;background:transparent;color:var(--text2);font-size:12px;font-weight:900;padding:7px 14px;border-radius:8px;cursor:pointer;transition:.15s;font-family:inherit}
.kb-vbtn:hover{color:var(--text)}
.kb-vbtn.active{background:var(--accent);color:#000;box-shadow:0 0 12px var(--accentDim)}
.kb-catfilter{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:3px}
.kb-catbtn{border:0;background:transparent;color:var(--text2);font-size:11px;font-weight:900;padding:6px 11px;border-radius:7px;cursor:pointer;transition:.15s;font-family:inherit;letter-spacing:.04em}
.kb-catbtn:hover{color:var(--text)}
.kb-catbtn.active{background:var(--surface2);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.kb-daterange{display:flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:3px 6px}
.kb-daterange input[type=date]{border:0;background:transparent;color:var(--text);font-size:11.5px;font-weight:800;padding:5px 4px;font-family:inherit;outline:none;color-scheme:dark;cursor:pointer}
.kb-daterange span{color:var(--text3);font-size:11px;font-weight:900}
.kb-dateclear{border:0;background:transparent;color:var(--text3);font-size:14px;font-weight:900;cursor:pointer;padding:0 5px;border-radius:5px;transition:.15s}
.kb-dateclear:hover{color:var(--orange);background:var(--orangeDim)}
.kb-cal{margin-top:14px;border-radius:16px;border:1px solid var(--border2);background:#F0F4F8;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.4)}
.kb-cal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #D8DFE7;background:#FFFFFF}
.kb-cal-nav{width:34px;height:34px;border-radius:9px;border:1px solid #C9D2DC;background:#FFFFFF;color:#1a2433;font-size:18px;font-weight:900;cursor:pointer;transition:.15s;font-family:inherit}
.kb-cal-nav:hover{background:var(--orange);color:#000;border-color:var(--orange)}
.kb-cal-today{padding:8px 14px;border-radius:9px;border:1px solid #C9D2DC;background:#FFFFFF;color:#1a2433;font-size:12px;font-weight:900;cursor:pointer;transition:.15s;font-family:inherit}
.kb-cal-today:hover{background:var(--orange);color:#000;border-color:var(--orange)}
.kb-cal-title{font-size:18px;font-weight:900;color:#1a2433;text-transform:capitalize;margin-left:8px}
.kb-cal-hint{margin-left:auto;font-size:11px;color:#6B7B8C;font-weight:800}
.kb-cal-metricool{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;text-decoration:none;font-size:11.5px;font-weight:900;letter-spacing:.02em;background:linear-gradient(135deg,#00D2A0,#00A87E);color:#04231C;border:0;box-shadow:0 4px 12px -6px rgba(0,210,160,.7);transition:.15s;white-space:nowrap}
.kb-cal-metricool:hover{filter:brightness(1.08);transform:translateY(-1px)}
.kb-cal-hint + .kb-cal-metricool,.kb-cal-metricool + .kb-cal-hint{margin-left:12px}
.kb-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding:10px 0;background:#E2E8F0;border-bottom:1px solid #D8DFE7}
.kb-cal-weekdays span{text-align:center;font-size:10px;font-weight:900;color:#1a2433;letter-spacing:.12em}
.kb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:auto;gap:1px;background:#CBD5E0}
.kb-cal-day{background:#FFFFFF;padding:8px 6px 10px;display:flex;flex-direction:column;gap:4px;transition:.15s;position:relative;overflow:hidden}
.kb-cal-day.kb-cal-other{background:#F0F4F8;opacity:.6}
.kb-cal-day.kb-cal-today-cell{background:#FFF7ED;box-shadow:inset 0 0 0 2px var(--orange)}
.kb-cal-day.kb-drop-hover{background:#FFE4CC;box-shadow:inset 0 0 0 2px var(--orange)}
.kb-cal-daynum{font-size:12px;font-weight:900;color:#1a2433;align-self:flex-end;padding:0 2px}
.kb-cal-today-cell .kb-cal-daynum{color:var(--orange);font-size:14px}
.kb-cal-other .kb-cal-daynum{color:#94A3B8}
.kb-cal-events{display:flex;flex-direction:column;gap:4px;}
.kb-cal-card{padding:4px 7px;border-radius:5px;background:#1a2433;border-left:3px solid #94A3B8;font-size:10.5px;font-weight:800;color:#F0F4F8;cursor:grab;line-height:1.25;display:flex;flex-direction:column;gap:2px;overflow:hidden;transition:.12s;user-select:none;flex-shrink:0}
.kb-cal-card:hover{filter:brightness(1.12);transform:translateX(2px);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.kb-cal-card.dragging{opacity:.4;cursor:grabbing}
.kb-cal-card-code{font-family:'SF Mono','Monaco',monospace;font-size:10px;font-weight:900;color:#FFFFFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-cal-card-title{font-size:9px;font-weight:700;color:#A9BBC9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-cal-card-teste{font-size:10px;line-height:1;flex-shrink:0}
.kb-cal-card.cat-C0{background:#0d2d1a;border-left-color:#39FF14}
.kb-cal-card.cat-C0 .kb-cal-card-code{color:#86efac}
.kb-cal-card.cat-C1{background:#2d1500;border-left-color:var(--orange)}
.kb-cal-card.cat-C1 .kb-cal-card-code{color:#fdba74}
.kb-cal-card.cat-C2{background:#001f2d;border-left-color:var(--cyan)}
.kb-cal-card.cat-C2 .kb-cal-card-code{color:#67e8f9}
.kb-cal-card.cat-C3{background:#2d2500;border-left-color:var(--yellow)}
.kb-cal-card.cat-C3 .kb-cal-card-code{color:#fde68a}
.kb-cal-card.cat-AD{background:#2d0a0a;border-left-color:#EF4444}
.kb-cal-card.cat-AD .kb-cal-card-code{color:#fca5a5}
.kb-cal-card-top{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:1px}
.kb-cal-card .platform-icon{width:11px;height:11px;border-radius:2px;padding:1px;flex-shrink:0}
.kb-cal-card .platform-icon svg{width:9px;height:9px}
.kb-cal-platforms{display:flex;gap:2px;align-items:center;flex-shrink:0}
.kb-cal-more{font-size:9.5px;font-weight:900;color:var(--orange);padding:2px 4px;cursor:pointer}
.kb-cal-more:hover{text-decoration:underline}
.kb-cal-card-bottom{display:flex;align-items:center;gap:5px;margin-top:3px;flex-wrap:wrap}
.kb-cal-card-time{font-size:8.5px;font-weight:800;color:#93C5FD;white-space:nowrap;flex-shrink:0}
.kb-cal-card-status{align-self:flex-start;padding:2px 6px;border-radius:4px;font-size:8.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#374151;color:#E5E7EB}
.kb-cal-card-status.st-IDEIA{background:#475569;color:#F1F5F9}
.kb-cal-card-status.st-ROTEIRO{background:#1E40AF;color:#DBEAFE}
.kb-cal-card-status.st-REVISAR_SCRIPT{background:#7C2D12;color:#FED7AA}
.kb-cal-card-status.st-GRAVAR{background:#B91C1C;color:#FEE2E2}
.kb-cal-card-status.st-EDITAR{background:#A16207;color:#FEF3C7}
.kb-cal-card-status.st-EDITANDO{background:#CA8A04;color:#000}
.kb-cal-card-status.st-EDITADO{background:#15803D;color:#DCFCE7}
.kb-cal-card-status.st-REVISAR_EDI{background:#7E22CE;color:#F3E8FF}
.kb-cal-card-status.st-AGENDAR_PROGRAMAR{background:#C026D3;color:#FAE8FF}
.kb-cal-card-status.st-AGENDADO{background:#0E7490;color:#CFFAFE}
.kb-cal-card-status.st-POSTADO{background:#16A34A;color:#000;font-weight:900}
.kb-cal-card-status.st-CRIATIVOS{background:#DB2777;color:#FCE7F3}
.kb-cal-card-status{cursor:pointer;transition:.12s}
.kb-cal-card-status:hover{filter:brightness(1.18);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
#kbStatusPopover{position:fixed;z-index:99998;background:#0e1424;border:1px solid #1e293b;border-radius:11px;box-shadow:0 18px 50px -10px rgba(0,0,0,.7);padding:6px;display:none;flex-direction:column;gap:3px;min-width:200px;font-family:inherit;animation:kbPopIn .12s ease-out}
#kbStatusPopover.open{display:flex}
#kbStatusPopover .kb-pop-head{font-size:9.5px;font-weight:900;color:#94A3B8;text-transform:uppercase;letter-spacing:.1em;padding:6px 10px 4px}
#kbStatusPopover .kb-pop-item{padding:7px 10px;border-radius:7px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:#E5E7EB;background:#374151;transition:.1s;border:0;text-align:left;font-family:inherit;display:flex;align-items:center;gap:8px}
#kbStatusPopover .kb-pop-item:hover{transform:translateX(2px);filter:brightness(1.18)}
#kbStatusPopover .kb-pop-item.active{box-shadow:0 0 0 2px rgba(255,255,255,.4) inset;outline:2px solid #fff;outline-offset:-2px}
.kb-cal-float{position:fixed;inset:0;z-index:99996;align-items:flex-start;justify-content:center;padding:max(60px,calc(env(safe-area-inset-top) + 24px)) 24px max(24px,env(safe-area-inset-bottom))}
.kb-cal-float-overlay{position:absolute;inset:0;background:rgba(5,8,15,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:kbFloatFade .18s ease-out}
.kb-cal-float-panel{position:relative;background:#F0F4F8;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.6);width:min(940px,95vw);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);display:flex;flex-direction:column;overflow:hidden;animation:kbFloatSlide .22s cubic-bezier(.16,1,.3,1)}
.kb-cal-float-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#1a2433;color:#fff;gap:10px}
.kb-cal-float-title{font-size:14px;font-weight:900;color:#fff;text-transform:capitalize;margin-left:6px;letter-spacing:.01em}
.kb-cal-float-btn{background:rgba(255,255,255,.10);border:0;color:#fff;font-size:13px;font-weight:800;padding:5px 10px;border-radius:7px;cursor:pointer;transition:.14s;font-family:inherit}
.kb-cal-float-btn:hover{background:rgba(255,255,255,.18)}
.kb-cal-float-close{background:transparent;border:0;color:rgba(255,255,255,.7);font-size:24px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:6px;transition:.14s}
.kb-cal-float-close:hover{background:rgba(255,255,255,.12);color:#fff}
.kb-cal-float-body{flex:1;overflow:auto;background:#F0F4F8}
.kb-cal-float-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#CBD5E0}
.kb-cal-float-grid .kb-cal-day{min-height:84px;padding:5px 4px 6px}
.kb-cal-float-grid .kb-cal-card{padding:3px 5px;font-size:9.5px;gap:1px;border-radius:4px;border-left-width:2px}
.kb-cal-float-grid .kb-cal-card-code{font-size:9px}
.kb-cal-float-grid .kb-cal-card-title{font-size:8.5px}
.kb-cal-float-grid .kb-cal-card-status{font-size:7.5px;padding:1px 4px}
.kb-cal-float-grid .kb-cal-card-bottom{margin-top:1px;gap:3px}
.kb-cal-float-grid .kb-cal-card-time{font-size:7.5px}
.kb-cal-float-grid .kb-cal-daynum{font-size:10px}
.kb-cal-float-grid .kb-cal-events{gap:2px}
.kb-cal-float-grid .platform-icon{width:8px !important;height:8px !important}
#kbStatusPopover .kb-pop-item.active::before{content:"✓";font-size:13px}
#kbStatusPopover .kb-pop-item.st-IDEIA{background:#475569}
#kbStatusPopover .kb-pop-item.st-ROTEIRO{background:#1E40AF}
#kbStatusPopover .kb-pop-item.st-REVISAR_SCRIPT{background:#7C2D12;color:#FED7AA}
#kbStatusPopover .kb-pop-item.st-GRAVAR{background:#B91C1C;color:#FEE2E2}
#kbStatusPopover .kb-pop-item.st-EDITAR{background:#A16207;color:#FEF3C7}
#kbStatusPopover .kb-pop-item.st-EDITANDO{background:#CA8A04;color:#000}
#kbStatusPopover .kb-pop-item.st-EDITADO{background:#15803D;color:#DCFCE7}
#kbStatusPopover .kb-pop-item.st-REVISAR_EDI{background:#7E22CE;color:#F3E8FF}
#kbStatusPopover .kb-pop-item.st-AGENDAR_PROGRAMAR{background:#C026D3;color:#FAE8FF}
#kbStatusPopover .kb-pop-item.st-AGENDADO{background:#0E7490;color:#CFFAFE}
#kbStatusPopover .kb-pop-item.st-POSTADO{background:#16A34A;color:#000}
.kb-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:14px;align-items:stretch;scrollbar-width:thin;scrollbar-color:#FF6D06 rgba(255,255,255,.05)}
.kb-board::-webkit-scrollbar{height:10px}
.kb-board::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}
.kb-board::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#FF6D06,#FF8C38);border-radius:999px;border:0;background-clip:border-box}
.kb-board::-webkit-scrollbar-thumb:hover{filter:brightness(1.12)}
.kb-topscroll{overflow-x:auto;overflow-y:hidden;height:14px;margin:8px 0 10px;scrollbar-width:thin;scrollbar-color:#FF6D06 rgba(255,255,255,.05)}
.kb-topscroll-inner{height:1px}
.kb-topscroll::-webkit-scrollbar{height:10px}
.kb-topscroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}
.kb-topscroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#FF6D06,#FF8C38);border-radius:999px;border:0}
.kb-topscroll::-webkit-scrollbar-thumb:hover{filter:brightness(1.12)}
.kb-col{flex:0 0 280px;width:280px;background:linear-gradient(180deg,rgba(18,24,43,.78),rgba(8,12,23,.86));border:1px solid var(--border2);border-radius:18px;display:flex;flex-direction:column;min-height:300px;transition:.18s}
.kb-col-body::-webkit-scrollbar{width:6px}
.kb-col-body::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}
.kb-col-body::-webkit-scrollbar-thumb{background:rgba(255,109,6,.3);border-radius:3px}
.kb-col-body::-webkit-scrollbar-thumb:hover{background:rgba(255,109,6,.5)}
.kb-col[data-status="POSTADO"]{--col-color:#22C55E}
.kb-col[data-status="AGENDADO"]{--col-color:#06B6D4}
.kb-col[data-status="AGENDAR/PROGRAMAR"]{--col-color:#22D3EE}
.kb-col[data-status="EDITADO"]{--col-color:#22D3EE}
.kb-col[data-status="REVISAR EDIÇÃO"]{--col-color:#3B82F6}
.kb-col[data-status="EDITANDO"]{--col-color:#10B981}
.kb-col[data-status="EDITAR"]{--col-color:#EAB308}
.kb-col[data-status="GRAVAR"]{--col-color:#F97316}
.kb-col[data-status="REVISAR SCRIPT"]{--col-color:#A16207}
.kb-col[data-status="ROTEIRO"]{--col-color:#6B7280}
.kb-col[data-status="IDEIA"]{--col-color:#9CA3AF}
.kb-col[data-status="CRIATIVOS"]{--col-color:#EF4444}
.kb-col{--col-color:#9CA3AF;border-color:color-mix(in srgb,var(--col-color) 30%,transparent)}
.kb-col-head{background:linear-gradient(180deg,color-mix(in srgb,var(--col-color) 18%,var(--bg2)),color-mix(in srgb,var(--col-color) 6%,var(--bg2)))!important;border-bottom-color:color-mix(in srgb,var(--col-color) 35%,transparent)!important}
.kb-col-title{color:var(--col-color)}
.kb-col .kb-card{
  border-left-color:var(--col-color)!important;
  border-left-width:4px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--col-color) 22%,var(--surface)),color-mix(in srgb,var(--col-color) 10%,var(--surface)))!important;
  border-color:color-mix(in srgb,var(--col-color) 40%,var(--border))!important;
}
.kb-col .kb-card:hover{
  background:linear-gradient(135deg,color-mix(in srgb,var(--col-color) 32%,var(--surface)),color-mix(in srgb,var(--col-color) 16%,var(--surface)))!important;
  box-shadow:0 6px 20px color-mix(in srgb,var(--col-color) 30%,transparent)!important;
}
.kb-col.drag-over{border-width:2px;background:rgba(255,109,6,.06);box-shadow:0 0 0 2px rgba(255,109,6,.3),inset 0 0 30px rgba(255,109,6,.08)}
.kb-col-head{padding:13px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px;position:sticky;top:0;background:inherit;border-radius:18px 18px 0 0;z-index:1}
.kb-col-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px}
.kb-col-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.kb-dot-POSTADO{background:#22C55E;box-shadow:0 0 10px #22C55E80}
.kb-dot-AGENDADO{background:#9CA3AF;box-shadow:0 0 10px #9CA3AF80}
.kb-dot-AGENDAR\/PROGRAMAR{background:#22D3EE;box-shadow:0 0 10px #22D3EE80}
.kb-dot-EDITADO{background:#22D3EE;box-shadow:0 0 10px #22D3EE80}
.kb-dot-REVISAR\ EDIÇÃO{background:#3B82F6;box-shadow:0 0 10px #3B82F680}
.kb-dot-EDITANDO{background:#10B981;box-shadow:0 0 10px #10B98180}
.kb-dot-EDITAR{background:#EAB308;box-shadow:0 0 10px #EAB30880}
.kb-dot-GRAVAR{background:#F97316;box-shadow:0 0 10px #F9731680}
.kb-dot-REVISAR\ SCRIPT{background:#A16207;box-shadow:0 0 10px #A1620780}
.kb-dot-ROTEIRO{background:#6B7280;box-shadow:0 0 10px #6B728080}
.kb-dot-IDEIA{background:#9CA3AF;opacity:.6}
.kb-dot-CRIATIVOS{background:#EF4444;box-shadow:0 0 10px #EF444480}
.kb-col-count{font-size:11px;color:var(--text3);font-weight:900;background:var(--bg3);padding:3px 9px;border-radius:999px;min-width:28px;text-align:center}
.kb-col-add{background:transparent;border:0;color:var(--text3);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:6px;transition:.15s}
.kb-col-add:hover{color:var(--orange);background:var(--orangeDim)}
.kb-col-sort{background:transparent;border:0;color:var(--text3);cursor:pointer;font-size:14px;line-height:1;padding:3px 6px;border-radius:6px;transition:.15s;font-weight:900}
.kb-col-sort:hover{color:var(--cyan);background:rgba(0,245,255,.1)}
.kb-col-sort:active{transform:scale(.9)}
.kb-col-sort.sorting{animation:kbSortPulse .6s ease;color:var(--orange)}
.kb-col-body{padding:8px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:80px}
.kb-card{padding:12px 13px 11px;border-radius:11px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--text3);color:var(--text);font-size:12.5px;font-weight:700;line-height:1.35;cursor:grab;transition:.15s;position:relative;user-select:none;display:flex;flex-direction:column;gap:9px}
.kb-card:hover{background:var(--surface2);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.3)}
.kb-card.dragging{opacity:.35;cursor:grabbing;transform:scale(.98)}
#kbDropIndicator{transform-origin:center}
.kb-card.kb-selected{
  outline:2px solid var(--orange) !important;
  outline-offset:1px;
  box-shadow:0 0 0 4px rgba(255,109,6,.15), 0 6px 20px rgba(255,109,6,.25) !important;
  background:linear-gradient(135deg,rgba(255,109,6,.08),rgba(255,140,56,.04)) !important;
}
.kb-card.kb-selected::after{
  content:'✓';
  position:absolute; top:6px; right:8px;
  background:var(--orange); color:#000;
  width:18px; height:18px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:900;
  box-shadow:0 2px 6px rgba(0,0,0,.4);
  z-index:5;
}
.kb-card-chip{align-self:flex-start;padding:3px 9px;border-radius:999px;font-size:9.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.kb-card-teste{align-self:flex-start;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em;white-space:nowrap;background:rgba(168,85,247,.18);color:#C084FC;border:1px solid rgba(168,85,247,.4)}
.kb-card-code{font-family:'SF Mono','Monaco','Menlo',monospace;font-size:13px;font-weight:900;color:var(--text);letter-spacing:.02em;word-break:break-all;line-height:1.3}
.kb-card-title{color:var(--text3);line-height:1.35;font-size:11.5px;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kb-card-date{font-size:10px;color:var(--text3);font-weight:800;margin-top:-3px}
.kb-card.cat-C0{border-left-color:var(--green)}
.kb-card.cat-C0 .kb-card-chip{background:rgba(57,255,20,.16);color:var(--green)}
.kb-card.cat-C1{border-left-color:var(--orange)}
.kb-card.cat-C1 .kb-card-chip{background:rgba(255,109,6,.18);color:var(--orange)}
.kb-card.cat-C2{border-left-color:var(--cyan)}
.kb-card.cat-C2 .kb-card-chip{background:rgba(0,245,255,.16);color:var(--cyan)}
.kb-card.cat-C3{border-left-color:var(--yellow)}
.kb-card.cat-C3 .kb-card-chip{background:rgba(255,229,0,.18);color:var(--yellow)}
.kb-card.cat-AD{border-left-color:#EF4444}
.kb-card.cat-AD .kb-card-chip{background:rgba(239,68,68,.20);color:#FCA5A5;border:1px solid rgba(239,68,68,.4)}
.kb-empty-col{padding:18px 8px;text-align:center;color:var(--text3);font-size:11px;font-weight:800;border:1px dashed var(--border);border-radius:9px;margin:6px}
@media (max-width:760px){
.kb-col{flex:0 0 240px;width:240px}
}
#rtDlEditarLote, #kbDlEditarLote, #rtDlEditarLote:hover, #kbDlEditarLote:hover, #rtDlEditarLote:active, #kbDlEditarLote:active{
  background:linear-gradient(90deg,#4285F4 0%,#4285F4 25%,#EA4335 25%,#EA4335 50%,#FBBC04 50%,#FBBC04 75%,#34A853 75%,#34A853 100%) !important;
  color:#fff !important;
  border:0 !important;
  font-weight:900 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.7) !important;
  box-shadow:0 2px 12px rgba(66,133,244,.3) !important;
}
.kb-show-more{
  position:relative;overflow:hidden;
  transition:all .15s ease,transform .12s ease !important;
}
.kb-col{
  display:flex !important;
  flex-direction:column !important;
}
.kb-col-body{
  flex:1 1 auto !important;
}
.kb-loadmore-bar{
  display:flex;justify-content:center;align-items:center;
  padding:18px 0 4px;
}
.kb-show-more{
  padding:10px 22px;
  background:rgba(255,109,6,.1) !important;
  border:1px solid rgba(255,109,6,.35) !important;
  border-radius:10px !important;
  color:var(--orange) !important;
  font-family:var(--font);
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:-.005em;
  cursor:pointer;
  transition:all .15s ease;
  box-shadow:0 2px 12px rgba(255,109,6,.15);
}
.kb-show-more:hover{
  background:rgba(255,109,6,.2) !important;
  border-color:rgba(255,109,6,.6) !important;
  transform:translateY(-1px);
  box-shadow:0 4px 18px rgba(255,109,6,.28);
}
.kb-show-more.kb-show-less{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:var(--text3) !important;
  box-shadow:none;
}
.kb-show-more.kb-show-less:hover{
  background:rgba(255,255,255,.07) !important;
  color:var(--text2) !important;
  border-color:rgba(255,255,255,.2) !important;
}
@media (max-width:980px){
.kb-board, .kb-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    max-width:100vw !important;
    padding-bottom:8px !important;
  }
.kb-toolbar{ flex-wrap:wrap !important; gap:8px !important }
.kb-toolbar > *{ max-width:100% }
.kb-col{ min-width:240px !important; max-width:240px !important }
.rt-modal{ padding:8px !important }
.rt-modal-box{
    max-width:100% !important; width:100% !important;
    max-height:92vh !important; padding:18px !important;
  }
.rt-modal-head{ flex-wrap:wrap !important; gap:8px !important }
.rt-modal-head-actions{ width:100%; flex-wrap:wrap !important }
.rt-modal-actions{ flex-wrap:wrap !important; gap:8px !important }
.rt-new-btn{
    min-height:38px;
    padding:8px 12px !important;
    font-size:12px !important;
  }
}
@media (max-width:480px){
.kb-col{ min-width:220px !important; max-width:220px !important }
}
.kb-vbtn,.kb-catbtn,.rt-tab,.rt-new-btn{
  transition:transform var(--t-fast) var(--ease-out),
             background-color var(--t-base) var(--ease-out),
             border-color var(--t-base) var(--ease-out),
             color var(--t-fast) var(--ease-out),
             box-shadow var(--t-base) var(--ease-out),
             opacity var(--t-fast) var(--ease-out);
}
.kb-card,.rt-table tr{
  transition:transform var(--t-base) var(--ease-out),
             border-color var(--t-base) var(--ease-out),
             box-shadow var(--t-base) var(--ease-out),
             background-color var(--t-base) var(--ease-out);
}
.rt-tab,.kb-vbtn{position:relative}
.rt-tab::after,.kb-vbtn::after{
  content:'';position:absolute;left:50%;bottom:0;
  width:0;height:2px;background:var(--orange);
  transform:translateX(-50%);
  transition:width var(--t-base) var(--ease-out);
  border-radius:2px 2px 0 0;
}
.rt-tab.active::after,.kb-vbtn.active::after{width:60%}
#bcModal{z-index:99999}
.bc-nf-fala{font-size:12px;color:var(--text2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bc-nf-dur{font-size:11px;color:var(--text2);opacity:.85}
.bc-tc{display:flex;flex-wrap:wrap;gap:5px;border-top:1px solid var(--border);padding-top:14px;margin-top:12px}
.bc-tc-w{font-size:12px;line-height:1.2;padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:rgba(255,255,255,.03);cursor:pointer;transition:.15s;white-space:nowrap}
.bc-tc-w:hover{border-color:#00F5FF;color:#00F5FF}
.bc-tc-w b{display:block;font-size:9px;opacity:.6;font-weight:500;letter-spacing:.02em}
.bc-tc-w.copiada{border-color:#22C55E;color:#22C55E}
.bc-tc-vazio{font-size:12px;color:var(--text2);opacity:.7}
@media (max-width:900px){
.rt-tab,.kb-vbtn,.rt-modal-actions button{
    min-height:40px;
  }
.rt-modal{padding:6px !important;align-items:flex-start !important}
.rt-modal-box{
    max-width:100% !important;width:100% !important;
    max-height:96vh !important;padding:14px !important;border-radius:14px !important;
    margin:max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom));
  }
.rt-tabs{
    overflow-x:auto !important;flex-wrap:nowrap !important;
    scrollbar-width:none;-ms-overflow-style:none;
    margin:0 -4px;padding:0 4px;
  }
.rt-tabs::-webkit-scrollbar{display:none}
.rt-tab{flex:0 0 auto;font-size:12px;padding:8px 12px;white-space:nowrap}
.rt-toolbar{grid-template-columns:1fr !important;gap:10px}
.rt-field-row{grid-template-columns:1fr !important}
.rt-new-btn{width:100%}
.kb-board,.kb-wrap{
    overflow-x:auto !important;
    scrollbar-width:none;
  }
.kb-board::-webkit-scrollbar{height:6px}
.kb-col{min-width:240px !important;max-width:240px !important}
.kb-card{padding:12px;font-size:13px}
.kb-toolbar{flex-wrap:wrap !important;gap:8px}
.kb-toolbar > *{flex:1 1 auto;min-width:140px}
.kb-toolbar{flex-wrap:wrap;gap:8px}
.kb-vbtn{flex:1 1 auto;min-width:120px}
.rt-modal{
    -webkit-backdrop-filter:blur(3px) !important;
    backdrop-filter:blur(3px) !important;
  }
#mdToolbar{
    max-width:calc(100vw - 16px) !important;
    flex-wrap:wrap !important;left:8px !important;right:8px !important;
  }
}
@media (max-width:380px){
.kb-col{min-width:220px !important;max-width:220px !important}
.rt-tab{font-size:11.5px !important;padding:7px 10px !important}
}
@media (max-width:900px){
.kb-wrap{gap:10px}
.kb-toolbar{
    padding:10px !important;border-radius:12px !important;
    flex-wrap:wrap !important;gap:8px !important;
    align-items:stretch !important;
  }
.kb-toolbar > *{width:100%}
.kb-viewswitch{order:1;justify-content:space-around}
.kb-vbtn{flex:1;padding:9px 10px !important;font-size:12px !important;min-height:38px}
.kb-catfilter{
    order:2;width:100%;
    overflow-x:auto;scrollbar-width:none;
    justify-content:flex-start;flex-wrap:nowrap !important;
  }
.kb-catfilter::-webkit-scrollbar{display:none}
.kb-catbtn{flex:0 0 auto;font-size:11px;padding:7px 12px !important;min-height:34px;white-space:nowrap}
.kb-daterange{order:3;width:100%;padding:6px 8px !important;justify-content:space-between;flex-wrap:wrap}
.kb-daterange input[type=date]{flex:1;min-width:120px;font-size:12px}
.kb-toolbar input#kbSearch{order:4;width:100%;min-width:0 !important;font-size:16px !important}
#kbRefresh,#kbDlEditarLote{order:5;flex:1;margin:0 !important}
#kbDlEditarLote{font-size:11.5px !important;padding:10px 12px !important;white-space:normal;line-height:1.2}
.kb-status{order:6;width:100%;text-align:center;font-size:11px;padding:6px 0}
.kb-board{
    margin-top:10px;
    overflow-x:auto !important;
    scrollbar-width:thin;
    padding-bottom:8px;
    gap:10px !important;
  }
.kb-board::-webkit-scrollbar{height:6px}
.kb-col{
    min-width:260px !important;max-width:280px !important;
    border-radius:14px !important;padding:10px !important;
  }
.kb-col-head{padding:8px 10px !important;font-size:12px !important}
.kb-card{padding:11px !important;font-size:12.5px !important;border-radius:10px !important}
.kb-card-code{font-size:10.5px !important}
.kb-card-title{font-size:13px !important;line-height:1.35}
.kb-cal{margin-top:10px;border-radius:12px}
.kb-cal-head{
    padding:10px 12px !important;flex-wrap:wrap;gap:8px !important;
  }
.kb-cal-nav{width:30px !important;height:30px !important;font-size:16px !important}
.kb-cal-today{padding:6px 10px !important;font-size:11px !important;min-height:30px}
.kb-cal-title{font-size:14px !important;margin-left:0;flex:1;text-align:center}
.kb-cal-hint{display:none}
.kb-cal-weekdays{padding:6px 0}
.kb-cal-weekdays span{font-size:9px !important;letter-spacing:.05em}
.kb-cal-day{padding:4px 3px 6px !important;min-height:78px}
.kb-cal-daynum{font-size:11px !important;padding:0}
.kb-cal-today-cell .kb-cal-daynum{font-size:12px !important}
.kb-cal-events{gap:2px}
.kb-cal-card{padding:3px 5px !important;font-size:9.5px !important;border-radius:4px !important}
.kb-cal-card-code{font-size:9px !important}
.kb-cal-card-title{font-size:8px !important;display:none}
.kb-cal-card-status{font-size:7.5px !important;padding:1px 4px !important;display:none}
.kb-cal-platforms{display:none}
.kb-cal-card .platform-icon{display:none}
.rt-wrap{gap:10px}
.rt-toolbar{
    flex-wrap:wrap !important;gap:8px !important;
    padding:10px 12px !important;border-radius:12px;
  }
.rt-search{width:100% !important;flex:1 1 100% !important;font-size:16px !important}
.rt-count{order:3;font-size:12px;flex:1}
#rtDlEditarLote{
    order:4;flex:1 1 100% !important;width:100%;margin:0 !important;
    font-size:12px !important;padding:10px !important;white-space:normal;line-height:1.2;
  }
.rt-new-btn{order:5;width:100% !important;font-size:13px !important;padding:11px !important;min-height:42px}
.rt-filters{
    flex-wrap:wrap !important;gap:6px !important;
    padding:8px 12px !important;border-radius:10px !important;
  }
.rt-filter-cascade{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;padding:12px !important}
.rt-filter-field{width:100%}
.rt-flabel{font-size:10.5px;flex:0 0 100%;margin-bottom:4px}
.rt-filters > div{flex-wrap:wrap !important;gap:5px !important}
.rt-table-wrap{
    overflow-x:auto !important;-webkit-overflow-scrolling:touch;
    border-radius:12px;
  }
.rt-table{min-width:880px;font-size:12px}
.rt-table th,.rt-table td{padding:8px 10px !important;white-space:nowrap}
.rt-pagination{
    flex-wrap:wrap;gap:8px;justify-content:center;
    padding-top:10px;
  }
.rt-pgbtn{flex:1;min-height:38px;font-size:12px}
.rt-pginfo{flex:1 1 100%;text-align:center;order:-1;font-size:12px}
.rt-modal-head{flex-wrap:wrap !important;gap:8px !important;padding-bottom:12px}
.rt-modal-codigo{font-size:11px !important}
.rt-modal-headline,.rt-modal-title{font-size:16px !important;line-height:1.3}
.rt-modal-head-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:6px}
.rt-modal-head-actions button{flex:1 1 auto;min-height:38px;font-size:12px}
.rt-modal-tabs,.rt-tabs{
    overflow-x:auto !important;flex-wrap:nowrap !important;
    margin:0 -4px !important;padding:0 4px !important;
    scrollbar-width:none;
  }
.rt-modal-tabs::-webkit-scrollbar,.rt-tabs::-webkit-scrollbar{display:none}
.rt-modal-tabs button,.rt-tab{
    flex:0 0 auto !important;white-space:nowrap;
    font-size:12px !important;padding:9px 12px !important;
  }
.rt-quebra-grid{grid-template-columns:1fr !important;gap:10px}
.rt-field-row,.rt-grid2,.rt-grid3{grid-template-columns:1fr !important;gap:10px !important}
.rt-modal-actions{
    flex-wrap:wrap !important;gap:8px;
    padding-top:12px;border-top:1px solid var(--border);
  }
.rt-modal-actions button{flex:1 1 calc(50% - 4px);min-height:42px;font-size:12px}
.rt-table tbody tr:hover{background:transparent !important}
.rt-table button,.kb-card button{
    min-height:32px;padding:6px 10px;
  }
}
@media (max-width:380px){
.kb-col{min-width:240px !important;max-width:240px !important}
.kb-cal-day{min-height:64px;padding:3px 2px 4px !important}
.kb-cal-daynum{font-size:10px !important}
.kb-cal-card{padding:2px 4px !important;font-size:9px !important}
.kb-cal-card-code{font-size:8px !important}
.rt-table{min-width:780px}
}
@media (max-width:900px){
#kbBoard::before{
    content:"💡 No celular, toque na pílula de status pra mover (arrastar só funciona no PC)";
    display:block;
    width:100%;
    padding:8px 12px;
    margin-bottom:10px;
    border-radius:10px;
    background:rgba(34,211,238,.10);
    border:1px solid rgba(34,211,238,.25);
    color:#22D3EE;
    font-size:12px;
    font-weight:700;
    text-align:center;
    line-height:1.4;
    flex:0 0 100%;
  }
}
.tag{display:inline-flex;padding:4px 8px;border-radius:7px;font-size:11px;font-weight:900}
tbody td.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.tag{
  font-weight:600 !important;
  letter-spacing:.04em !important;
  font-size:10px !important;
  padding:3px 9px !important;
  border-radius:6px !important;
  text-transform:uppercase;
}
@media (max-width:980px){
.modal{ padding:8px !important }
}
[data-reveal].in{opacity:1;transform:none}
.platform-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:5px;flex-shrink:0;
  font-size:10px;font-weight:900;color:#fff;
}
.platform-icon[data-platform="instagram"]{background:linear-gradient(135deg,#833AB4,#E1306C,#F77737)}
.platform-icon[data-platform="tiktok"]{background:#000;border:1px solid #25F4EE}
.platform-icon[data-platform="youtube"]{background:#FF0000}
.platform-icon[data-platform="meta"]{background:#1877F2}
.platform-icon[data-platform="facebook"]{background:#1877F2}
.platform-icon[data-platform="whatsapp"]{background:#25D366}
.platform-icon svg{width:11px;height:11px;display:block}
@media (max-width:900px){
#wikiFab.hidden{opacity:0;pointer-events:none}
}
#wikiTooltip.visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
#esc-root #esc-stage.dragging{cursor:grabbing}
#esc-root .toolbar{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px}
#esc-root .toolbar button{background:rgba(15,23,38,.9);border:1px solid var(--esc-borda);color:#cbd5e1;
    font-size:12px;padding:8px 13px;border-radius:10px;cursor:pointer;font-weight:600}
#esc-root .toolbar button:hover{border-color:var(--esc-laranja);color:#fff}
#esc-root .toolbar button.on{background:var(--esc-laranja);color:#06121d;border-color:var(--esc-laranja)}
#esc-root .badge{position:absolute;bottom:16px;left:16px;z-index:20;font-size:10px;color:var(--esc-laranja);
    border:1px solid var(--esc-laranja);padding:4px 10px;border-radius:999px;letter-spacing:1px;font-weight:700}
#esc-root #esc-errBalao .cnt{min-width:22px;text-align:center}
#esc-root #esc-calib .row{display:flex;gap:6px;margin-top:8px}
#esc-root #esc-calib button.modo.on{background:var(--esc-laranja);color:#06121d;border-color:var(--esc-laranja)}
.dp-hero-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:13px;margin-bottom:24px;height:392px}
.dp-hero-tile{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;background:#0b1018;border:1px solid var(--border2);transition:.22s}
.dp-hero-tile:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 16px 40px rgba(255,109,6,.25)}
.dp-hero-tile.big{grid-row:1/3}
.dp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.dp-hero-tile:hover .dp-hero-img{transform:scale(1.05)}
.dp-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,12,.95) 0%,rgba(8,9,12,.3) 50%,rgba(8,9,12,.08) 100%)}
.dp-hero-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);z-index:2;width:62px;height:62px;border-radius:50%;background:rgba(255,109,6,.92);color:#06121d;display:flex;align-items:center;justify-content:center;font-size:22px;opacity:0;transition:.2s;box-shadow:0 0 30px rgba(255,109,6,.7)}
.dp-hero-tile.big .dp-hero-play{width:74px;height:74px;font-size:26px}
.dp-hero-tile:hover .dp-hero-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.dp-hero-cat{position:absolute;font-size:9.5px;font-weight:900;color:#06121d;background:linear-gradient(135deg,var(--accent),var(--accent2));padding:4px 10px;border-radius:7px;text-transform:uppercase;letter-spacing:.05em;z-index:2;box-shadow:0 3px 12px rgba(255,109,6,.5)}
.dp-hero-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 20px}
.dp-hero-tile.big .dp-hero-cat{left:22px;top:22px}
.dp-hero-tile.big .dp-hero-info{padding:26px 26px}
.dp-hero-tile.big .dp-hero-title{font-size:clamp(22px,2.2vw,34px);font-weight:900;color:#fff;line-height:1.08;letter-spacing:-.025em;text-shadow:0 2px 14px rgba(0,0,0,.85);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dp-hero-tile:not(.big) .dp-hero-cat{left:12px;top:10px}
.dp-hero-tile:not(.big) .dp-hero-info{padding:12px 14px}
.dp-hero-tile:not(.big) .dp-hero-title{font-size:14px;font-weight:800;color:#fff;line-height:1.25;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.85);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dp-hero-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:rgba(255,255,255,.85);font-weight:700}
.dp-hero-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121d;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;flex:0 0 auto}
@media (max-width:760px){
.dp-hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}
.dp-hero-tile.big{grid-row:auto;grid-column:1/3;aspect-ratio:16/9}
.dp-hero-tile:not(.big){aspect-ratio:16/9}
.dp-hero-tile.big .dp-hero-cat{top:10px;left:12px}
.dp-hero-tile.big .dp-hero-info{padding:14px 16px}
}
.dp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.dp-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.dp-search{flex:1;min-width:220px;background:rgba(255,255,255,.04);border:1px solid var(--border2);border-radius:12px;color:var(--text);padding:11px 16px;font-size:14px;font-family:Inter,sans-serif;transition:.18s}
.dp-search:focus{outline:none;border-color:var(--accent);background:rgba(255,109,6,.06);box-shadow:0 0 0 3px rgba(255,109,6,.12)}
.dp-alunobar{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin-bottom:18px;scrollbar-width:none}
.dp-alunobar::-webkit-scrollbar{display:none}
.flt-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.flt-row{display:flex;align-items:center;gap:12px}
.flt-row .dp-alunobar{margin-bottom:0;padding:2px 0 8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}
.flt-row .dp-alunobar::-webkit-scrollbar{display:block;height:7px}
.flt-row .dp-alunobar::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
.flt-row .dp-alunobar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;opacity:.85}
.flt-row .dp-alunobar::-webkit-scrollbar-thumb:hover{filter:brightness(1.15)}
.flt-label{flex:0 0 64px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text3);text-align:right;user-select:none}
@media (max-width:640px){
.flt-row{flex-direction:column;align-items:stretch;gap:4px}
.flt-label{flex:none;text-align:left}
}
.dp-chip{flex:0 0 auto;background:rgba(255,255,255,.04);border:1px solid var(--border2);border-radius:999px;color:var(--text2);padding:8px 16px;font-size:12.5px;font-weight:800;cursor:pointer;transition:.15s;font-family:Inter,sans-serif;white-space:nowrap}
.dp-chip:hover{color:var(--accent);border-color:rgba(255,109,6,.5)}
.dp-chip.active{color:#06121d;background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:var(--accent);box-shadow:0 6px 18px rgba(255,109,6,.35)}
.dp-groups{display:flex;flex-direction:column;gap:26px}
.dp-group-name{font-size:16px;font-weight:900;color:var(--text);letter-spacing:.04em;text-transform:uppercase;position:relative;padding-bottom:8px}
.dp-group-name::after{content:'';position:absolute;left:0;bottom:0;width:38px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 8px rgba(255,109,6,.6)}
.dp-row-wrap{position:relative;margin:0 -4px}
.dp-row{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:12px 4px 16px;scrollbar-width:thin;scrollbar-color:var(--accent) rgba(255,255,255,.06)}
.dp-row::-webkit-scrollbar{height:9px}
.dp-row::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px;margin:0 4px}
.dp-row::-webkit-scrollbar-thumb{background:rgba(255,109,6,.55);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.dp-row::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}
.dp-arrow{position:absolute;top:0;bottom:18px;width:48px;border:0;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;opacity:0;transition:.2s}
.dp-row-wrap:hover .dp-arrow{opacity:1}
.dp-arrow:hover{color:var(--accent)}
.dp-arrow.prev{left:0;background:linear-gradient(90deg,rgba(8,9,12,.98),rgba(8,9,12,0));border-radius:12px 0 0 12px}
.dp-arrow.next{right:0;background:linear-gradient(270deg,rgba(8,9,12,.98),rgba(8,9,12,0));border-radius:0 12px 12px 0}
.dp-arrow[disabled]{display:none}
.dp-card{flex:0 0 320px;width:320px;background:transparent;display:flex;flex-direction:column;cursor:pointer;scroll-snap-align:start}
.dp-card.vertical{flex-basis:208px;width:208px}
.dp-card.square{flex-basis:260px;width:260px}
.dp-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(255,109,6,.22),rgba(255,109,6,.05));display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;border:1px solid var(--border2);transition:all .22s cubic-bezier(.2,.8,.2,1)}
.dp-card.vertical .dp-thumb{aspect-ratio:9/16}
.dp-card.square .dp-thumb{aspect-ratio:4/5}
.dp-card:hover .dp-thumb{border-color:var(--accent);box-shadow:0 14px 38px rgba(0,0,0,.55),0 0 0 1px var(--accent),0 8px 26px rgba(255,109,6,.3);transform:translateY(-4px)}
.dp-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0b1018;transition:transform .35s}
.dp-card:hover .dp-thumb-img{transform:scale(1.05)}
.dp-thumb-shade{position:absolute;inset:0;background:rgba(8,9,12,.35);opacity:0;transition:.2s;z-index:1}
.dp-card:hover .dp-thumb-shade{opacity:1}
.dp-thumb-play{position:relative;z-index:2;width:52px;height:52px;border-radius:50%;background:rgba(8,9,12,.55);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;transition:.2s;opacity:0;transform:scale(.8);backdrop-filter:blur(4px)}
.dp-card:hover .dp-thumb-play{opacity:1;transform:scale(1);background:var(--accent);color:#06121d;border-color:var(--accent);box-shadow:0 0 26px rgba(255,109,6,.7)}
.dp-cat-badge{position:absolute;top:9px;left:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121d;font-size:9px;font-weight:900;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;z-index:2;box-shadow:0 3px 12px rgba(255,109,6,.5)}
.dp-num-badge{position:absolute;bottom:9px;right:9px;background:rgba(8,9,12,.82);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;z-index:2;border:1px solid rgba(255,255,255,.14)}
.dp-body{padding:11px 2px 0;display:flex;gap:10px;flex:1}
.dp-card-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121d;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:900;flex:0 0 auto;margin-top:1px}
.dp-headline{font-size:13.5px;font-weight:800;color:var(--text);line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s}
.dp-card:hover .dp-headline{color:var(--accent)}
.dp-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text3);font-weight:700;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-modal{position:fixed;inset:0;z-index:9999;background:rgba(3,7,15,.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px}
.dp-modal.open{display:flex}
.dp-modal-box{background:linear-gradient(180deg,#14171f,#0e1015);border:1px solid var(--border2);border-radius:18px;width:min(860px,100%);max-height:92vh;overflow:auto;box-shadow:0 40px 100px rgba(0,0,0,.7),0 0 0 1px rgba(255,109,6,.12)}
.dp-modal-video{position:relative;aspect-ratio:16/9;background:#000;border-radius:18px 18px 0 0;overflow:hidden}
.dp-modal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dp-modal-content{padding:22px 24px}
.dp-modal-cat{font-size:11px;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}
.dp-modal-headline{font-size:21px;font-weight:900;color:var(--text);margin:6px 0 4px;line-height:1.25}
.dp-modal-meta{font-size:13px;color:var(--text2);font-weight:800;margin-bottom:14px}
.dp-modal-transc{font-size:14px;color:var(--text2);line-height:1.7;white-space:pre-wrap;border-top:1px solid var(--border);padding-top:14px}
.dp-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.dp-modal-btn{background:var(--bg3);border:1px solid var(--border);border-radius:10px;color:var(--text2);padding:9px 16px;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:.15s;font-family:Inter,sans-serif}
.dp-modal-btn:hover{color:var(--accent);border-color:var(--accent)}
.dp-modal-btn.dp-btn-dl{background:linear-gradient(90deg,#4285F4 0 25%,#EA4335 25% 50%,#FBBC04 50% 75%,#34A853 75% 100%);color:#fff;border:0;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:0 2px 12px rgba(66,133,244,.3)}
#bcModal .dp-modal-btn:hover{color:#00F5FF;border-color:#00F5FF}
#bcModal .dp-modal-btn.dp-btn-dl:hover{color:#fff;border:0}
#bcModal .dp-modal-cat{color:#00F5FF}
.dp-modal-btn.dp-btn-dl:hover{filter:brightness(1.1);color:#fff;border:0}
.dp-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dp-modal-close:hover{background:var(--accent);color:#06121d}
@media (max-width:600px){
.dp-card{flex-basis:240px;width:240px}
.dp-arrow{display:none!important}
}
@media (max-width:900px){
[data-reveal]:not(.in){opacity:1 !important;transform:none !important}
}
@keyframes hazPulse{0%,100%{opacity:.32}50%{opacity:.7}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes kbPopIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes kbFloatFade{from{opacity:0}to{opacity:1}}
@keyframes kbFloatSlide{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes kbSortPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3) rotate(180deg)}}

/* Banco de Cenas — arquivos de EDIÇÃO: licença, pra que serve, onde no SSD */
.bc-lic{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}
.bc-lic-limpa{background:rgba(34,197,94,.16);color:#4ADE80;border:1px solid rgba(34,197,94,.35)}
.bc-lic-nao_testada{background:rgba(245,158,11,.14);color:#FBBF24;border:1px solid rgba(245,158,11,.35)}
.bc-lic-claim{background:rgba(220,38,38,.16);color:#F87171;border:1px solid rgba(220,38,38,.4)}
.bc-nf-serve{font-size:11px;line-height:1.4;color:var(--text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc-modal-uso{display:flex;flex-direction:column;gap:8px;margin:10px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:12px;line-height:1.45;color:var(--text2)}
.bc-modal-uso b{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:2px}
.bc-modal-uso code{font-size:11px;word-break:break-all;color:var(--text)}