/* Vetra® — identidade visual aplicada ao robô de postagem (Postiz).
   Cores e tipografia do site vetraonevision.com: preto/grafite, coral #FF4433, Geist. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500&display=swap');

:root .dark {
  --new-back-drop:#000 !important;
  --new-bgColor:#0a0a0a !important;
  --new-bgColorInner:#111111 !important;
  --new-settings:#1a1a1a !important;
  --new-border:#1f1f1f !important;
  --new-sep:#2a2a2a !important;
  --new-bgLineColor:#1a1a1a !important;
  --new-blockSeparator:#1c1c1c !important;
  --new-btn-simple:#1f1f1f !important;
  --new-btn-primary:#ff4433 !important;
  --new-ai-btn:#ff7a5c !important;
  --new-box-hover:#171717 !important;
  --new-table-border:#1f1f1f !important;
  --new-table-header:#141414 !important;
  --new-table-text:rgba(244,244,242,.55) !important;
  --new-table-text-focused:#ff7a5c !important;
  --new-small-strips:#121212 !important;
  --new-big-strips:#0f0f0f !important;
  --new-col-color:#1c1c1c !important;
  --new-textItemBlur:rgba(244,244,242,.55) !important;
  --new-textColor:244 244 242 !important;
  --color-primary:#0a0a0a !important;
  --color-secondary:#070707 !important;
  --color-third:#070707 !important;
  --color-text:#f4f4f2 !important;
  --color-forth:#ff4433 !important;
  --color-seventh:#ff4433 !important;
  --color-custom4:#ff7a5c !important;
  --color-custom7:#ff4433 !important;
  --color-custom11:#ff7a5c !important;
  --color-custom12:#ffb3a6 !important;
  --color-custom28:#ff9a85 !important;
  --color-custom29:#2a0f0b !important;
  --color-custom30:#c7301f !important;
  --color-custom41:#ffc9bf !important;
  --color-custom45:#ff4433 !important;
  --color-custom50:#2a0f0b !important;
  --color-custom51:#ff4433 !important;
}
:root .light {
  --new-back-drop:#0a0a0a !important;
  --new-bgColor:#f4f4f2 !important;
  --new-bgColorInner:#ffffff !important;
  --new-border:#e5e4df !important;
  --new-sep:#d3d2cc !important;
  --new-bgLineColor:#e9e8e4 !important;
  --new-textItemFocused:#e43a29 !important;
  --new-boxFocused:#ffe9e5 !important;
  --new-btn-primary:#e43a29 !important;
  --new-ai-btn:#ff6a4d !important;
  --new-table-text-focused:#e43a29 !important;
  --new-textColor:10 10 10 !important;
  --color-primary:#f4f4f2 !important;
  --color-text:#0a0a0a !important;
  --color-forth:#e43a29 !important;
  --color-seventh:#e43a29 !important;
  --color-custom4:#e43a29 !important;
  --color-custom7:#e43a29 !important;
  --color-custom11:#ff6a4d !important;
  --color-custom12:#ffb3a6 !important;
  --color-custom28:#ff9a85 !important;
  --color-custom29:#ffe9e5 !important;
  --color-custom30:#f0dcd8 !important;
  --color-custom41:#ffc9bf !important;
  --color-custom45:#e43a29 !important;
  --color-custom50:#ffe9e5 !important;
  --color-custom51:#e43a29 !important;
}

/* tipografia */
body, [class*="plus_jakarta_sans"] {
  font-family:'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
code, pre, kbd { font-family:'Geist Mono', ui-monospace, Menlo, monospace !important; }
h1, h2, [class*="text-[40px]"], [class*="text-[32px]"], [class*="text-[28px]"], [class*="text-[24px]"] { letter-spacing:-.035em !important; }
h1 { font-weight:800 !important; }

/* fundo quadriculado com brilho coral, como no site */
body.dark {
  background-image:
    radial-gradient(900px 420px at 50% -120px, rgba(255,68,51,.10), transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size:100% 100%, 72px 72px, 72px 72px !important;
  background-attachment:fixed !important;
}

/* roxos fixos do Postiz → coral Vetra */
[class*="bg-[#612"], [class*="bg-[#7236"], [class*="bg-[#8155"], [class*="bg-[#5826"], [class*="bg-[#832a"] { background-color:#ff4433 !important; }
[class*="bg-[#612bd3]/"], [class*="bg-[#612BD3]/"], [class*="bg-[#612ad5]/"], [class*="bg-[#612AD5]/"] { background-color:rgba(255,68,51,.12) !important; }
[class*="border-[#612"], [class*="border-[#7236"], [class*="border-[#8155"] { border-color:rgba(255,68,51,.55) !important; }
[class*="text-[#612"], [class*="text-[#7236"], [class*="text-[#8155"], [class*="text-[#fc69ff"], [class*="text-[#FC69FF"] { color:#ff7a5c !important; }
[class*="scrollbar-thumb-[#612"] { --scrollbar-thumb:#ff4433 !important; }
::selection { background:rgba(255,68,51,.35); }
input:focus, textarea:focus, select:focus { border-color:#ff4433 !important; outline-color:#ff4433 !important; }
input[type="checkbox"], input[type="radio"] { accent-color:#ff4433; }

/* marca: troca o logo do Postiz pelo Vetra® */
svg[viewBox="0 0 101 33"] { display:none !important; }
*:has(> svg[viewBox="0 0 101 33"])::before {
  content:"Vetra®";
  font:800 26px/1 'Geist', ui-sans-serif, system-ui, sans-serif;
  letter-spacing:-.04em;
  color:rgb(var(--new-textColor));
}
img[src^="/auth/avatars/"] { display:none !important; }

/* tela de entrada: troca a propaganda do Postiz pelo painel Vetra */
[class*="bg-[#0E0E0E]"], [class*="bg-[#0e0e0e]"] { background-color:transparent !important; }
div[class*="pt-[88px]"][class*="lg:flex"] > * { display:none !important; }
div[class*="pt-[88px]"][class*="lg:flex"] {
  justify-content:center !important; align-items:flex-start !important; padding:56px 64px !important;
  border:1px solid rgba(255,255,255,.07); border-radius:14px;
  background:radial-gradient(700px 360px at 30% 0%, rgba(255,68,51,.14), transparent 70%), #0d0d0d;
}
div[class*="pt-[88px]"][class*="lg:flex"]::before {
  content:"VETRA® CONTENT CREATOR";
  font:500 11px/1 'Geist', sans-serif; letter-spacing:2px; color:#ff4433; margin-bottom:22px;
}
div[class*="pt-[88px]"][class*="lg:flex"]::after {
  content:"Seus conteúdos publicados no dia e na hora certos, em todas as redes.";
  font:800 54px/1.02 'Geist', sans-serif; letter-spacing:-.045em; max-width:13ch; text-align:left;
  background:linear-gradient(95deg, #f4f4f2 0%, #f4f4f2 52%, #ff4433 78%, #ff7a5c 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* logo do menu lateral (P roxo) → monograma Vetra */
svg[viewBox="0 0 60 60"][class*="min-w-[60px]"] { display:none !important; }
div:has(> svg[viewBox="0 0 60 60"][class*="min-w-[60px]"])::before {
  content:""; display:block; width:48px; height:48px; margin-top:8px;
  background:url('/vetra-skin/favicon.svg') center/contain no-repeat;
}