/* 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:"CREATOR VETRA";
  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;
}

/* ===== padrão Vetra (o mesmo da página inicial do Vetra Edit) ===== */
h1 { font-weight:500 !important; letter-spacing:-.045em !important; }
body.dark {
  background-color:#000 !important;
  background-image:
    radial-gradient(520px 520px at calc(100% + 60px) -80px, rgba(255,68,51,.28), transparent 70%),
    radial-gradient(420px 420px at -120px 460px, rgba(255,138,92,.12), transparent 70%),
    linear-gradient(90deg, transparent calc(25% - .5px), rgba(255,255,255,.035) calc(25% - .5px), rgba(255,255,255,.035) calc(25% + .5px), transparent calc(25% + .5px), transparent calc(50% - .5px), rgba(255,255,255,.035) calc(50% - .5px), rgba(255,255,255,.035) calc(50% + .5px), transparent calc(50% + .5px), transparent calc(75% - .5px), rgba(255,255,255,.035) calc(75% - .5px), rgba(255,255,255,.035) calc(75% + .5px), transparent calc(75% + .5px)) !important;
  background-size:auto !important;
}
:root .dark { --new-back-drop:#000 !important; --new-bgColor:#000 !important; --color-primary:#000 !important; }
/* marca: o logo vira "Vetra • CREATOR" (elemento posto pelo vetra.js) */
*:has(> svg[viewBox="0 0 101 33"])::before { content:none !important; }
.vetra-logo { display:flex; align-items:center; gap:10px; font:600 22px/1 'Geist', ui-sans-serif, system-ui, sans-serif; letter-spacing:-.02em; color:#fff; }
.vetra-logo i { width:6px; height:6px; border-radius:9px; background:#ff4433; box-shadow:0 0 12px #ff4433; }
.vetra-logo span { font:400 11px/1 'Geist Mono', ui-monospace, monospace; letter-spacing:.3em; color:rgba(255,255,255,.38); }
.light .vetra-logo { color:#0a0a0a; } .light .vetra-logo span { color:rgba(10,10,10,.45); }
/* entrada: formulário em vidro */
div[class*="lg:w-[600px]"][class*="bg-[#1A1919]"] {
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)) !important;
  border:1px solid rgba(255,255,255,.08); border-radius:22px !important;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
form h1 { font-size:44px !important; }
form input { font-family:'Geist', sans-serif !important; }
form [class*="h-[42px]"][class*="border"] { border-radius:12px !important; background:rgba(255,255,255,.03) !important; border-color:rgba(255,255,255,.14) !important; }
form button[type="submit"] {
  border-radius:100px !important; background:#ff4433 !important; font-weight:500;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 10px 40px rgba(255,68,51,.35); transition:transform .2s, box-shadow .2s;
}
form button[type="submit"]:hover { transform:translateY(-1px); box-shadow:0 0 0 1px rgba(255,255,255,.2) inset, 0 14px 50px rgba(255,68,51,.5); }
form [class*="bg-white"][class*="h-[52px]"] { border-radius:100px !important; }
/* entrada: painel da direita igual ao topo da página inicial */
div[class*="pt-[88px]"][class*="lg:flex"] {
  position:relative; overflow:hidden; justify-content:center !important; padding:64px 72px !important;
  border:1px solid rgba(255,255,255,.08); border-radius:22px;
  background:
    radial-gradient(560px 560px at calc(100% + 120px) -120px, rgba(255,68,51,.38), transparent 70%),
    radial-gradient(420px 420px at -160px 110%, rgba(255,138,92,.16), transparent 70%),
    #000 !important;
}
div[class*="pt-[88px]"][class*="lg:flex"]::before {
  content:"VETRA • CREATOR";
  font:500 12px/1 'Geist Mono', monospace; letter-spacing:.22em; color:#ff4433; margin-bottom:26px;
}
div[class*="pt-[88px]"][class*="lg:flex"]::after {
  content:"Seus conteúdos publicados no dia e na hora certos, em todas as redes.";
  font:500 clamp(40px, 4.6vw, 68px)/1 'Geist', sans-serif; letter-spacing:-.045em; max-width:14ch;
  background:linear-gradient(92deg, #fff 0%, #fff 40%, #ff8a5c 70%, #ff4433 92%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
form .absolute.z-\[1\] > div { background:#090909; }