/* [novo-visual-f2] Tema escuro do miolo das telas (index.html), no visual dos mockups.
   So vale com html.nv1-on (menu novo ligado). Vale para #ct (telas) e #mb (janelas).
   NAO toca no popup da ligacao, na Minha Central (iframe) nem na tela de login. */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&family=Sora:wght@600;700&display=swap');

html.nv1-on body{background:#090D1A}
html.nv1-on #ct,
html.nv1-on #mb{
  --primary:#6250E8;--primary-dark:#5141C9;--primary-light:rgba(98,80,232,.2);
  --secondary:#AEB6DA;--bg:#090D1A;--paper:#10162B;
  --success:#3DD68C;--warning:#F2B544;--error:#FF6F7D;--info:#5AB0FF;
  --text-primary:#EDF0FF;--text-secondary:#AEB6DA;--text-hint:#8A93BD;
  --border:#1E2748;--shadow:0 10px 30px rgba(0,0,0,.35);--shadow-sm:none;
  --radius:18px;--radius-sm:12px;
  --font:'Figtree',system-ui,sans-serif;
  --ac:#6250E8;--acl:rgba(98,80,232,.2);
  color:#EDF0FF;font-family:'Figtree',system-ui,sans-serif;
}
html.nv1-on #ct{background:#090D1A}

/* ---------- estrutura ---------- */
html.nv1-on #ct .ph{background:transparent;border-bottom:1px solid #1B2346;padding:22px 28px}
html.nv1-on #ct .ph-t{font-family:'Sora',system-ui,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;color:#fff}
html.nv1-on #ct .ph-s{color:#8A93BD}
html.nv1-on #ct .card,
html.nv1-on #ct .pc{background:#10162B;border:1px solid #1E2748;border-radius:20px;box-shadow:none}
html.nv1-on #ct .card-t{color:#AEB6DA;letter-spacing:.08em}
html.nv1-on #ct h1,html.nv1-on #ct h2,html.nv1-on #ct h3{font-family:'Sora',system-ui,sans-serif;color:#fff}

/* numeros grandes ficam em fonte mono */
html.nv1-on #ct [style*="font-size:20px;font-weight:700"],
html.nv1-on #ct [style*="font-size:22px;font-weight:700"],
html.nv1-on #ct [style*="font-size:24px;font-weight:700"],
html.nv1-on #ct [style*="font-size:26px;font-weight:700"],
html.nv1-on #ct [style*="font-size:28px;font-weight:700"],
html.nv1-on #ct [style*="tabular-nums"]{font-family:'JetBrains Mono',ui-monospace,monospace !important;font-weight:600 !important}

/* ---------- botoes ---------- */
html.nv1-on #ct .btn-d,html.nv1-on #mb .btn-d{background:#6250E8;border-radius:12px;min-height:40px;font-weight:600}
html.nv1-on #ct .btn-d:hover,html.nv1-on #mb .btn-d:hover{background:#7363F0}
html.nv1-on #ct .btn-o,html.nv1-on #mb .btn-o{background:transparent;border:1px solid #2A3460;color:#EDF0FF;border-radius:12px;min-height:40px}
html.nv1-on #ct .btn-o:hover,html.nv1-on #mb .btn-o:hover{background:#1C2547;border-color:#A99FF2;color:#fff}
html.nv1-on #ct .btn-r,html.nv1-on #mb .btn-r{background:transparent;border:1px solid rgba(255,111,125,.5);color:#FF97A1;border-radius:12px}
html.nv1-on #ct .btn-r:hover,html.nv1-on #mb .btn-r:hover{background:rgba(255,111,125,.12)}

/* ---------- formularios ---------- */
html.nv1-on #ct input,html.nv1-on #ct select,html.nv1-on #ct textarea,
html.nv1-on #mb input,html.nv1-on #mb select,html.nv1-on #mb textarea{background:#0C1122;border:1px solid #232D52;color:#EDF0FF;border-radius:12px}
html.nv1-on #ct input::placeholder,html.nv1-on #mb input::placeholder,html.nv1-on #ct textarea::placeholder,html.nv1-on #mb textarea::placeholder{color:#7A84B2}
html.nv1-on #ct input:focus,html.nv1-on #ct select:focus,html.nv1-on #ct textarea:focus,
html.nv1-on #mb input:focus,html.nv1-on #mb select:focus,html.nv1-on #mb textarea:focus{border-color:#A99FF2;outline:none}
html.nv1-on #ct select option,html.nv1-on #mb select option{background:#10162B;color:#EDF0FF}
html.nv1-on #ct input[type=checkbox],html.nv1-on #ct input[type=radio],html.nv1-on #mb input[type=checkbox],html.nv1-on #mb input[type=radio]{accent-color:#6250E8}

/* ---------- tabelas ---------- */
html.nv1-on #ct th,html.nv1-on #mb th{background:#0E1428;color:#8A93BD;border-bottom:1px solid #1E2748;letter-spacing:.06em}
html.nv1-on #ct td,html.nv1-on #mb td{border-bottom:1px solid #182042;color:#D5DAF5}
html.nv1-on #ct tr:hover td{background:#121A34}

/* ---------- janelas (modais) ---------- */
html.nv1-on #mb .mo{background:#10162B;border:1px solid #2A3460;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.6);color:#EDF0FF}

/* ---------- cores escritas direto no codigo (style="...") ---------- */
/* fundos brancos e cinza claro -> cartao escuro */
html.nv1-on #ct [style*="background:#fff"],html.nv1-on #ct [style*="background: #fff"],html.nv1-on #ct [style*="background:white"],html.nv1-on #ct [style*="background:#FFF"],
html.nv1-on #mb [style*="background:#fff"],html.nv1-on #mb [style*="background: #fff"],html.nv1-on #mb [style*="background:white"]{background:#10162B !important}
html.nv1-on #ct [style*="background:#f3f4f6"],html.nv1-on #ct [style*="background:#f9fafb"],html.nv1-on #ct [style*="background:#f8fafc"],html.nv1-on #ct [style*="background:#f1f5f9"],
html.nv1-on #ct [style*="background:#f4f7fb"],html.nv1-on #ct [style*="background:#fbfcfe"],html.nv1-on #ct [style*="background:#f1f3f5"],html.nv1-on #ct [style*="background:#e5e7eb"],
html.nv1-on #ct [style*="background:#f5f5f5"],html.nv1-on #ct [style*="background:#fafafa"],html.nv1-on #ct [style*="background:#f0f2f8"],html.nv1-on #ct [style*="background: #f"],
html.nv1-on #mb [style*="background:#f3f4f6"],html.nv1-on #mb [style*="background:#f9fafb"],html.nv1-on #mb [style*="background:#f8fafc"],html.nv1-on #mb [style*="background:#f1f5f9"]{background:#141B35 !important}
/* fundos pastel -> versao translucida da cor */
html.nv1-on #ct [style*="background:#dcfce7"],html.nv1-on #ct [style*="background:#e8f5e9"],html.nv1-on #ct [style*="background:#ecfdf5"],html.nv1-on #ct [style*="background:#f0fdf4"],html.nv1-on #ct [style*="background:#d1fae5"],
html.nv1-on #mb [style*="background:#dcfce7"],html.nv1-on #mb [style*="background:#e8f5e9"],html.nv1-on #mb [style*="background:#ecfdf5"],html.nv1-on #mb [style*="background:#f0fdf4"]{background:rgba(61,214,140,.12) !important}
html.nv1-on #ct [style*="background:#fee2e2"],html.nv1-on #ct [style*="background:#fef2f2"],html.nv1-on #ct [style*="background:#fdecec"],html.nv1-on #ct [style*="background:#fff0f0"],html.nv1-on #ct [style*="background:#ffebee"],
html.nv1-on #mb [style*="background:#fee2e2"],html.nv1-on #mb [style*="background:#fef2f2"],html.nv1-on #mb [style*="background:#fdecec"],html.nv1-on #mb [style*="background:#fff0f0"]{background:rgba(255,111,125,.12) !important}
html.nv1-on #ct [style*="background:#fffbeb"],html.nv1-on #ct [style*="background:#fff8e1"],html.nv1-on #ct [style*="background:#fdf3d8"],html.nv1-on #ct [style*="background:#FAEEDA"],html.nv1-on #ct [style*="background:#fef3c7"],html.nv1-on #ct [style*="background:#fff7ed"],
html.nv1-on #mb [style*="background:#fffbeb"],html.nv1-on #mb [style*="background:#fff8e1"],html.nv1-on #mb [style*="background:#fdf3d8"],html.nv1-on #mb [style*="background:#FAEEDA"]{background:rgba(242,181,68,.12) !important}
html.nv1-on #ct [style*="background:#eff6ff"],html.nv1-on #ct [style*="background:#e3f2fd"],html.nv1-on #ct [style*="background:#ebefff"],html.nv1-on #ct [style*="background:#dbeafe"],html.nv1-on #ct [style*="background:#eef2ff"],html.nv1-on #ct [style*="background:#f5f3ff"],
html.nv1-on #mb [style*="background:#eff6ff"],html.nv1-on #mb [style*="background:#e3f2fd"],html.nv1-on #mb [style*="background:#ebefff"],html.nv1-on #mb [style*="background:#dbeafe"]{background:rgba(90,176,255,.12) !important}
/* bordas claras */
html.nv1-on #ct [style*="border:1px solid #e5e7eb"],html.nv1-on #ct [style*="border:1px solid #f3f4f6"],html.nv1-on #ct [style*="border:1.5px solid #e5e7eb"],html.nv1-on #ct [style*="border:1px solid #e2e8f0"],
html.nv1-on #mb [style*="border:1px solid #e5e7eb"],html.nv1-on #mb [style*="border:1px solid #e2e8f0"]{border-color:#1E2748 !important}
html.nv1-on #ct [style*="border-bottom:1px solid #f3f4f6"],html.nv1-on #ct [style*="border-bottom:1px solid #e5e7eb"],html.nv1-on #ct [style*="border-top:1px solid #f3f4f6"],html.nv1-on #ct [style*="border-top:1px solid #e5e7eb"]{border-color:#182042 !important}
/* textos escuros -> claros */
html.nv1-on #ct [style*="color:#111827"],html.nv1-on #ct [style*="color:#1e293b"],html.nv1-on #ct [style*="color:#0f172a"],html.nv1-on #ct [style*="color:#0f2747"],html.nv1-on #ct [style*="color:#242c3a"],
html.nv1-on #ct [style*="color:#0f1e2e"],html.nv1-on #ct [style*="color:#1d3b57"],html.nv1-on #ct [style*="color:#000"],html.nv1-on #ct [style*="color:#333"],html.nv1-on #ct [style*="color:#1f2937"],
html.nv1-on #mb [style*="color:#111827"],html.nv1-on #mb [style*="color:#1e293b"],html.nv1-on #mb [style*="color:#0f172a"],html.nv1-on #mb [style*="color:#0f2747"],html.nv1-on #mb [style*="color:#1f2937"]{color:#EDF0FF !important}
html.nv1-on #ct [style*="color:#374151"],html.nv1-on #ct [style*="color:#475569"],html.nv1-on #ct [style*="color:#334155"],html.nv1-on #ct [style*="color:#4b5563"],html.nv1-on #ct [style*="color:#425466"],
html.nv1-on #mb [style*="color:#374151"],html.nv1-on #mb [style*="color:#475569"],html.nv1-on #mb [style*="color:#4b5563"]{color:#D5DAF5 !important}
html.nv1-on #ct [style*="color:#6b7280"],html.nv1-on #ct [style*="color:#64748b"],html.nv1-on #mb [style*="color:#6b7280"],html.nv1-on #mb [style*="color:#64748b"]{color:#AEB6DA !important}
html.nv1-on #ct [style*="color:#9ca3af"],html.nv1-on #ct [style*="color:#94a3b8"],html.nv1-on #mb [style*="color:#9ca3af"],html.nv1-on #mb [style*="color:#94a3b8"]{color:#8A93BD !important}
/* textos coloridos escuros -> versao clara da mesma cor */
html.nv1-on #ct [style*="color:#15803d"],html.nv1-on #ct [style*="color:#1f8a4c"],html.nv1-on #ct [style*="color:#2e7d32"],html.nv1-on #ct [style*="color:#166534"],html.nv1-on #ct [style*="color:#00ac69"],html.nv1-on #ct [style*="color:#047857"],
html.nv1-on #mb [style*="color:#15803d"],html.nv1-on #mb [style*="color:#166534"]{color:#6FE3AC !important}
html.nv1-on #ct [style*="color:#dc2626"],html.nv1-on #ct [style*="color:#b91c1c"],html.nv1-on #ct [style*="color:#A32D2D"],html.nv1-on #ct [style*="color:#b23b3b"],html.nv1-on #ct [style*="color:#991b1b"],html.nv1-on #ct [style*="color:#c62828"],
html.nv1-on #mb [style*="color:#dc2626"],html.nv1-on #mb [style*="color:#b91c1c"],html.nv1-on #mb [style*="color:#991b1b"]{color:#FF97A1 !important}
html.nv1-on #ct [style*="color:#1d4ed8"],html.nv1-on #ct [style*="color:#2a78d6"],html.nv1-on #ct [style*="color:#3366ff"],html.nv1-on #ct [style*="color:#1565c0"],html.nv1-on #ct [style*="color:#1e40af"],html.nv1-on #ct [style*="color:#185FA5"],
html.nv1-on #mb [style*="color:#1d4ed8"],html.nv1-on #mb [style*="color:#2a78d6"],html.nv1-on #mb [style*="color:#3366ff"]{color:#8CC8FF !important}
html.nv1-on #ct [style*="color:#b8860b"],html.nv1-on #ct [style*="color:#e65100"],html.nv1-on #ct [style*="color:#92400e"],html.nv1-on #ct [style*="color:#b45309"],html.nv1-on #ct [style*="color:#a16207"],
html.nv1-on #mb [style*="color:#b8860b"],html.nv1-on #mb [style*="color:#92400e"],html.nv1-on #mb [style*="color:#b45309"]{color:#F2C46A !important}
html.nv1-on #ct [style*="color:#6d28d9"],html.nv1-on #ct [style*="color:#5b21b6"],html.nv1-on #ct [style*="color:#4f46e5"],html.nv1-on #ct [style*="color:#4338ca"]{color:#A99FF2 !important}

/* barras de progresso cinza claro */
html.nv1-on #ct [style*="background:#eef0f4"],html.nv1-on #ct [style*="background:#edf0f5"],html.nv1-on #ct [style*="background:#e9ecf2"]{background:#161E3A !important}

/* ---------- movimento ---------- */
@keyframes nv2-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html.nv1-on #ct .pg.on .card,html.nv1-on #ct .pg.on .pc{animation:nv2-rise .45s ease both}
@media (prefers-reduced-motion:reduce){html.nv1-on #ct .pg.on .card,html.nv1-on #ct .pg.on .pc{animation:none}}

/* linhas da grade da agenda (desenhadas com gradiente) */
html.nv1-on #ct .agw-col{background-image:linear-gradient(to bottom,#1B2346 1px,transparent 1px) !important}

/* janelas soltas no body (painel da agenda, conversa, avisos) */
html.nv1-on .nv2-escuro{color:#EDF0FF;font-family:'Figtree',system-ui,sans-serif}
html.nv1-on .nv2-escuro input,html.nv1-on .nv2-escuro select,html.nv1-on .nv2-escuro textarea{background:#0C1122 !important;border-color:#232D52 !important;color:#EDF0FF !important}