/* COOPSOL CRM — módulo comercial (v2.69.0)
 * Réplica dos componentes do Figma (Tailwind: slate/green/cyan) para
 * Dashboard Comercial, Representantes e Metas. Prefixo .evx- para não
 * interferir no resto do CRM. */
.evx { --s50:#f8fafc; --s100:#f1f5f9; --s200:#e2e8f0; --s300:#cbd5e1; --s400:#94a3b8; --s500:#64748b; --s600:#475569; --s700:#334155; --s800:#1e293b; --s900:#0f172a; --s950:#020617;
  --g50:#f0fdf4; --g100:#dcfce7; --g500:#22c55e; --g600:#16a34a; --g700:#15803d; --g800:#166534; --cy500:#06b6d4; --cy600:#0891b2; --cy700:#0e7490;
  display:flex; flex-direction:column; gap:20px; color:var(--s700); font-size:14px; }
.evx * { box-sizing:border-box; }
.evx-head { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.evx-h1 { margin:0; font-size:24px; font-weight:800; letter-spacing:-.01em; color:var(--s950); }
.evx-sub { margin:4px 0 0; font-size:14px; color:var(--s500); }
.evx-hero { display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid var(--s200); border-radius:16px; padding:20px 20px; box-shadow:0 1px 2px rgba(15,23,42,.05); }
.evx-hero-mark { width:44px; height:44px; border-radius:10px; background:#0b1220; color:#22d3ee; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; flex-shrink:0; }
.evx-hero h1 { margin:0; font-size:24px; font-weight:800; color:var(--s950); }
.evx-hero p { margin:6px 0 0; color:var(--s500); font-size:14px; }
.evx-hero-meta { margin-top:10px; display:flex; align-items:center; gap:8px; font-size:12px; color:var(--s400); flex-wrap:wrap; }
.evx-pill { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:2px 10px; font-size:12px; font-weight:700; }
.evx-pill.ok { background:#ecfdf5; color:#047857; }

.evx-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:8px; font-weight:600; border:0; cursor:pointer; padding:8px 16px; font-size:14px; line-height:1.3; font-family:inherit; transition:background .15s, color .15s; }
.evx-btn:disabled { opacity:.5; pointer-events:none; }
.evx-btn.sm { padding:6px 12px; font-size:12px; }
.evx-btn.primary { background:var(--g600); color:#fff; } .evx-btn.primary:hover { background:var(--g700); }
.evx-btn.secondary { background:#fff; color:var(--s700); border:1px solid var(--s200); } .evx-btn.secondary:hover { background:var(--s50); }
.evx-btn.ghost { background:transparent; color:var(--s500); } .evx-btn.ghost:hover { background:var(--s100); color:var(--s800); }
.evx-btn.danger { background:#ef4444; color:#fff; } .evx-btn.danger:hover { background:#dc2626; }
.evx-btn.amber { background:#f59e0b; color:#fff; } .evx-btn.amber:hover { background:#d97706; }
.evx-btn.clear { background:transparent; color:var(--s400); font-weight:600; } .evx-btn.clear:hover { color:#ef4444; background:#fef2f2; }

.evx-card { background:#fff; border:1px solid var(--s200); border-radius:16px; box-shadow:0 1px 2px rgba(15,23,42,.05); overflow:hidden; }
.evx-card.r12 { border-radius:12px; }
.evx-card-h { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:16px 20px; border-bottom:1px solid var(--s100); }
.evx-card-h.sm { padding:12px 16px; }
.evx-card-t { margin:0; font-size:16px; font-weight:700; color:var(--s900); }
.evx-card-t.sm { font-size:14px; }
.evx-card-d { margin:2px 0 0; font-size:12px; color:var(--s500); }
.evx-card-b { padding:16px 20px; }
.evx-panel { background:#fff; border:1px solid var(--s200); border-radius:16px; padding:20px; box-shadow:0 1px 2px rgba(15,23,42,.05); }
.evx-panel-t { margin:0 0 4px; font-weight:700; color:var(--s900); font-size:16px; }
.evx-panel-d { margin:0 0 20px; font-size:12px; color:var(--s400); }

.evx-fgrid { display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:640px){ .evx-fgrid.c3 { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .evx-fgrid.c5 { grid-template-columns:repeat(5,minmax(0,1fr)); } .evx-fgrid.c4 { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (min-width:1280px){ .evx-fgrid.c6 { grid-template-columns:repeat(6,minmax(0,1fr)); } }
.evx-f { display:flex; flex-direction:column; gap:4px; min-width:0; }
.evx-f > label, .evx-lbl { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--s500); }
.evx-sel, .evx-inp { height:36px; border-radius:8px; border:1px solid var(--s200); background:#fff; padding:0 8px; font-size:14px; color:var(--s700); font-family:inherit; width:100%; outline:none; }
.evx-sel:focus, .evx-inp:focus { box-shadow:0 0 0 2px var(--g500); border-color:transparent; }
.evx-fbar { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--s100); }
.evx-field { display:flex; flex-direction:column; gap:6px; }
.evx-field > label { font-size:14px; font-weight:600; color:var(--s700); }
.evx-field .evx-inp, .evx-field .evx-sel { height:44px; border-radius:12px; border-color:var(--s300); padding:0 14px; }
.evx-field textarea.evx-inp { height:auto; padding:10px 14px; }
.evx-field .evx-err { font-size:12px; font-weight:600; color:#dc2626; }
.evx-f .evx-err { font-size:12px; font-weight:600; color:#dc2626; }

.evx-scope { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.evx-scope-l { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--s400); }
.evx-chip { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:var(--g100); color:var(--g800); font-size:12px; font-weight:600; border:0; cursor:pointer; font-family:inherit; }
.evx-chip:hover { background:#fee2e2; color:#b91c1c; }
.evx-chip svg { width:12px; height:12px; }
.evx-link-red { background:none; border:0; cursor:pointer; font-size:12px; font-weight:600; color:#f87171; font-family:inherit; }
.evx-link-red:hover { color:#dc2626; text-decoration:underline; }
.evx-scope-txt { font-size:12px; color:var(--s500); margin:0; } .evx-scope-txt b { color:var(--s700); }
.evx-overline { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--s400); margin:0 0 12px; }

.evx-kpis { display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:640px){ .evx-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1280px){ .evx-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); } .evx-kpis.c5 { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.evx-kpi { background:#fff; border:1px solid var(--s200); border-radius:16px; padding:20px; box-shadow:0 1px 2px rgba(15,23,42,.05); }
.evx-kpi-top { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; }
.evx-kpi-l { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--s500); margin:0; }
.evx-kpi-v { margin:16px 0 0; font-size:24px; font-weight:800; letter-spacing:-.01em; color:var(--s950); }
.evx-kpi-v.muted { color:var(--s400); }
.evx-kpi-d { margin:8px 0 0; font-size:12px; line-height:1.5; color:var(--s400); }
.evx-mini { background:#fff; border:1px solid var(--s200); border-radius:12px; padding:16px; }
.evx-mini p { margin:0; } .evx-mini .l { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--s400); }
.evx-mini .v { margin-top:4px; font-size:24px; font-weight:800; color:var(--s900); }
.evx-mini .v.pos { color:var(--g600); } .evx-mini .v.crit { color:#dc2626; } .evx-mini .v.warn { color:#d97706; }
.evx-tip { position:relative; display:inline-flex; }
.evx-tip > button { width:20px; height:20px; border-radius:999px; border:1px solid var(--s300); background:#fff; font-size:11px; color:var(--s600); cursor:help; padding:0; font-family:inherit; font-weight:700; }
.evx-tip > span { display:none; position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); width:240px; border-radius:12px; background:var(--s950); color:#fff; padding:10px 12px; font-size:12px; line-height:1.5; font-weight:400; text-transform:none; letter-spacing:0; z-index:30; box-shadow:0 10px 25px rgba(0,0,0,.2); }
.evx-tip:hover > span, .evx-tip:focus-within > span { display:block; }

.evx-seg { display:inline-flex; gap:4px; background:var(--s100); padding:4px; border-radius:8px; }
.evx-seg button { border:0; background:transparent; padding:4px 12px; border-radius:6px; font-size:12px; font-weight:700; color:var(--s500); cursor:pointer; font-family:inherit; }
.evx-seg button.on { background:#fff; color:var(--s900); box-shadow:0 1px 2px rgba(15,23,42,.08); }
.evx-tabs { display:flex; gap:4px; align-items:center; flex-wrap:wrap; }
.evx-tabs > span { font-size:12px; font-weight:600; color:var(--s500); margin-right:4px; }
.evx-tabs button { border:0; background:transparent; padding:6px 12px; border-radius:8px; font-size:12px; font-weight:700; color:var(--s500); cursor:pointer; font-family:inherit; }
.evx-tabs button:hover { background:var(--s100); } .evx-tabs button.on { background:var(--s900); color:#fff; }

.evx-tw { overflow-x:auto; }
.evx-t { width:100%; border-collapse:collapse; text-align:left; }
.evx-t th { padding:10px 16px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--s400); background:var(--s50); border-bottom:1px solid var(--s100); white-space:nowrap; }
.evx-t.plain th { background:transparent; }
.evx-t.lg th { font-size:12px; color:var(--s500); padding:12px; border-bottom-color:var(--s200); }
.evx-t td { padding:12px 16px; font-size:14px; color:var(--s600); border-bottom:1px solid var(--s100); vertical-align:middle; }
.evx-t.lg td { padding:12px; color:var(--s700); }
.evx-t tbody tr:hover { background:var(--s50); }
.evx-t tr.risk { background:rgba(254,242,242,.5); }
.evx-t .strong { font-weight:600; color:var(--s800); }
.evx-t .name { font-weight:700; color:var(--s900); background:none; border:0; padding:0; cursor:pointer; font-size:14px; font-family:inherit; text-align:left; }
.evx-t .name:hover { color:var(--g600); }
.evx-empty { padding:32px; text-align:center; font-size:14px; color:var(--s400); }
.evx-mono { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; color:var(--s400); }

.evx-badge { display:inline-flex; border-radius:999px; padding:4px 10px; font-size:12px; font-weight:700; white-space:nowrap; }
.evx-badge.positive { background:#ecfdf5; color:#047857; } .evx-badge.warning { background:#fffbeb; color:#b45309; }
.evx-badge.critical { background:#fef2f2; color:#b91c1c; } .evx-badge.default { background:var(--s100); color:var(--s600); }
.evx-badge.info { background:#eff6ff; color:#1d4ed8; } .evx-badge.purple { background:#f5f3ff; color:#6d28d9; }
.evx-badge.block { display:flex; }
.evx-tag-risk { font-size:9px; font-weight:700; background:#fee2e2; color:#dc2626; padding:2px 6px; border-radius:999px; }
.evx-avatar { width:28px; height:28px; border-radius:999px; background:var(--g500); color:#fff; font-size:10px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }

.evx-bar { height:6px; width:100%; background:var(--s100); border-radius:999px; overflow:hidden; }
.evx-bar > i { display:block; height:100%; border-radius:999px; background:#10b981; }
.evx-bar > i.amber { background:#fbbf24; } .evx-bar > i.red { background:#f87171; }
.evx-pct { font-size:14px; font-weight:700; } .evx-pct.green { color:#059669; } .evx-pct.amber { color:#d97706; } .evx-pct.red { color:#ef4444; } .evx-pct.none { color:var(--s400); }

.evx-alert { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 20px; }
.evx-alert + .evx-alert { border-top:1px solid rgba(248,250,252,.8); }
.evx-alert .dot { width:8px; height:8px; border-radius:999px; flex-shrink:0; }
.evx-alert .txt { display:flex; align-items:center; gap:12px; min-width:0; font-size:14px; font-weight:600; }
.evx-alert .txt b { font-size:16px; font-weight:800; margin-right:6px; }
.evx-alert button { flex-shrink:0; border:0; cursor:pointer; font-size:12px; font-weight:700; padding:6px 12px; border-radius:8px; font-family:inherit; }
.evx-alert.critical { background:#fef2f2; color:#991b1b; } .evx-alert.critical .dot { background:#ef4444; } .evx-alert.critical button { background:#fee2e2; color:#b91c1c; }
.evx-alert.warning { background:#fffbeb; color:#92400e; } .evx-alert.warning .dot { background:#fbbf24; } .evx-alert.warning button { background:#fef3c7; color:#b45309; }
.evx-alert.info { background:#eff6ff; color:#1e40af; } .evx-alert.info .dot { background:#60a5fa; } .evx-alert.info button { background:#dbeafe; color:#1d4ed8; }

.evx-grid3 { display:grid; gap:20px; }
@media (min-width:1280px){ .evx-grid3 { grid-template-columns:2fr 1fr; } }
.evx-fun { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.evx-fun .st { width:96px; text-align:right; font-size:12px; font-weight:600; color:var(--s500); flex-shrink:0; }
.evx-fun .tr { flex:1; height:32px; background:var(--s100); border-radius:8px; overflow:hidden; }
.evx-fun .tr > i { display:flex; align-items:center; justify-content:flex-end; padding-right:12px; height:100%; border-radius:8px; background:linear-gradient(90deg,#06b6d4,#22c55e); font-style:normal; font-size:10px; font-weight:700; color:#fff; min-width:28px; }
.evx-fun .nums { display:grid; grid-template-columns:1fr 1fr; gap:8px; width:176px; flex-shrink:0; font-size:10px; }
.evx-fun .nums span:last-child { text-align:right; font-weight:600; color:var(--s700); }
@media (max-width:640px){ .evx-fun .nums { display:none; } }
.evx-conv { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:0 20px 20px; }
.evx-conv div { background:var(--s50); border-radius:12px; padding:12px; text-align:center; }
.evx-conv p { margin:0; } .evx-conv .l { font-size:9px; text-transform:uppercase; letter-spacing:.05em; color:var(--s400); } .evx-conv .v { font-size:14px; font-weight:700; color:var(--s800); margin-top:4px; }
.evx-hz { margin-bottom:16px; } .evx-hz .top { display:flex; justify-content:space-between; font-size:12px; margin-bottom:8px; } .evx-hz .top b { color:var(--s700); } .evx-hz .top span { color:var(--s500); }
.evx-hz .tr { height:24px; background:var(--s100); border-radius:8px; overflow:hidden; } .evx-hz .tr i { display:flex; justify-content:flex-end; align-items:center; padding-right:8px; height:100%; border-radius:8px; font-style:normal; font-size:10px; font-weight:700; color:#fff; }
.evx-sum { padding-top:8px; border-top:1px solid var(--s100); }
.evx-sum .row { display:flex; justify-content:space-between; font-size:12px; margin-top:4px; } .evx-sum .row span { color:var(--s500); } .evx-sum .row b { color:var(--s800); }
.evx-chart { padding:16px; } .evx-chart svg { width:100%; height:auto; display:block; }
.evx-chart-empty { height:240px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:var(--s50); font-size:14px; color:var(--s400); text-align:center; padding:16px; }
.evx-legend { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; font-size:13px; margin-top:6px; }
.evx-legend span { display:inline-flex; align-items:center; gap:6px; } .evx-legend i { width:14px; height:2px; display:inline-block; }

.evx-kebab { position:relative; display:inline-block; }
.evx-kebab > button.k { width:28px; height:28px; border-radius:8px; border:0; background:transparent; color:var(--s400); font-weight:700; font-size:16px; cursor:pointer; font-family:inherit; }
.evx-kebab > button.k:hover { background:var(--s100); color:var(--s700); }
.evx-menu { position:absolute; right:0; top:32px; z-index:40; width:176px; background:#fff; border:1px solid var(--s200); border-radius:12px; box-shadow:0 20px 25px -5px rgba(15,23,42,.15); padding:4px 0; display:none; }
.evx-kebab.open .evx-menu { display:block; }
.evx-menu button { display:block; width:100%; text-align:left; padding:8px 16px; font-size:14px; color:var(--s700); background:none; border:0; cursor:pointer; font-family:inherit; }
.evx-menu button:hover { background:var(--s50); } .evx-menu button.red { color:#dc2626; } .evx-menu button.amber { color:#d97706; }
.evx-expand { font-size:12px; font-weight:600; color:var(--cy600); background:none; border:0; cursor:pointer; padding:4px 8px; border-radius:6px; font-family:inherit; }
.evx-expand:hover { background:#ecfeff; }
.evx-cy { color:var(--cy700); font-weight:500; }

.evx-ov { position:fixed; inset:0; background:rgba(2,6,23,.4); z-index:99990; display:none; }
.evx-ov.on { display:flex; }
.evx-drawer { margin-left:auto; width:100%; max-width:576px; height:100%; background:#fff; display:flex; flex-direction:column; box-shadow:-20px 0 40px rgba(0,0,0,.15); }
.evx-drawer.wide { max-width:672px; }
.evx-dr-h { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:16px 20px; border-bottom:1px solid var(--s100); }
.evx-dr-h h3 { margin:0; font-size:18px; font-weight:800; color:var(--s900); } .evx-dr-h p { margin:4px 0 0; font-size:12px; color:var(--s500); }
.evx-dr-x { width:32px; height:32px; border-radius:8px; border:0; background:none; font-size:20px; color:var(--s400); cursor:pointer; }
.evx-dr-x:hover { background:var(--s100); color:var(--s700); }
.evx-dr-b { flex:1; overflow-y:auto; padding:20px; }
.evx-dr-f { border-top:1px solid var(--s100); padding:12px 20px; display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; background:#fff; }
.evx-modal-wrap { align-items:center; justify-content:center; padding:16px; }
.evx-modal { width:100%; max-width:448px; background:#fff; border-radius:16px; box-shadow:0 25px 50px -12px rgba(0,0,0,.25); padding:24px; display:flex; flex-direction:column; gap:16px; max-height:90vh; overflow-y:auto; }
.evx-modal.lg { max-width:720px; padding:0; gap:0; }
.evx-modal h3 { margin:0; font-size:18px; font-weight:700; color:var(--s900); } .evx-modal p.m { margin:0; font-size:14px; color:var(--s500); line-height:1.6; }
.evx-modal-f { display:flex; justify-content:flex-end; gap:12px; padding-top:4px; }

.evx-steps { display:flex; align-items:center; gap:0; margin-bottom:24px; }
.evx-step { display:flex; flex-direction:column; align-items:center; gap:6px; flex:1; position:relative; }
.evx-step .n { width:28px; height:28px; border-radius:999px; background:var(--s200); color:var(--s500); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; z-index:1; }
.evx-step.act .n { background:var(--g600); color:#fff; } .evx-step.done .n { background:var(--g100); color:var(--g700); }
.evx-step .t { font-size:11px; font-weight:600; color:var(--s400); text-align:center; } .evx-step.act .t { color:var(--s900); }
.evx-step + .evx-step::before { content:''; position:absolute; top:14px; right:50%; width:100%; height:2px; background:var(--s200); }
.evx-step.done + .evx-step::before, .evx-step.act::before { background:var(--g500); }
.evx-sect { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--s500); padding-top:8px; margin:0 0 12px; }
.evx-g2 { display:grid; gap:16px; } @media (min-width:640px){ .evx-g2 { grid-template-columns:1fr 1fr; } .evx-g2 .full { grid-column:1 / -1; } }
.evx-rev { border:1px solid var(--s200); border-radius:12px; overflow:hidden; margin-bottom:12px; }
.evx-rev h4 { margin:0; padding:10px 16px; background:var(--s50); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--s500); }
.evx-rev .r { display:flex; gap:16px; padding:10px 16px; border-top:1px solid var(--s100); font-size:14px; }
.evx-rev .r span { width:160px; flex-shrink:0; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--s400); padding-top:2px; }
.evx-rev .r b { font-weight:500; color:var(--s800); word-break:break-word; }
.evx-radio { display:flex; gap:12px; align-items:flex-start; cursor:pointer; border:2px solid var(--s200); border-radius:12px; padding:16px; margin-bottom:12px; }
.evx-radio.on { border-color:var(--g500); background:var(--g50); }
.evx-radio p { margin:0; } .evx-radio .t { font-weight:600; color:var(--s900); } .evx-radio .d { font-size:12px; color:var(--s500); margin-top:2px; }
.evx-code { display:flex; gap:12px; align-items:center; background:var(--s50); border:1px solid var(--s200); border-radius:8px; padding:12px 16px; margin-bottom:16px; }
.evx-code span { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--s500); } .evx-code b { font-family:ui-monospace,monospace; color:var(--s900); }
.evx-check { display:flex; gap:8px; align-items:center; font-size:14px; color:var(--s700); cursor:pointer; margin-bottom:6px; }
.evx-checks { display:grid; gap:6px; grid-template-columns:1fr 1fr; border:1px solid var(--s200); border-radius:12px; padding:12px; }
.evx-dup { border:2px solid #fcd34d; background:#fffbeb; border-radius:12px; padding:16px; margin-bottom:16px; font-size:14px; color:#92400e; }
.evx-dup b { display:block; margin-bottom:6px; }
.evx-hist { position:relative; padding-left:24px; padding-bottom:20px; }
.evx-hist::before { content:''; position:absolute; left:0; top:6px; width:10px; height:10px; border-radius:999px; background:var(--g500); box-shadow:0 0 0 2px #fff; }
.evx-hist::after { content:''; position:absolute; left:4px; top:18px; bottom:0; width:1px; background:var(--s200); }
.evx-hist:last-child::after { display:none; }
.evx-hist .d { font-size:10px; font-weight:700; color:var(--s400); } .evx-hist .a { font-size:14px; font-weight:700; color:var(--s900); } .evx-hist .u { font-size:12px; color:var(--s500); }
.evx-ba { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; font-size:12px; }
.evx-ba div { border-radius:8px; padding:8px 12px; } .evx-ba .b { background:#fef2f2; border:1px solid #fee2e2; } .evx-ba .af { background:var(--g50); border:1px solid var(--g100); }
.evx-ba small { display:block; font-size:10px; font-weight:700; text-transform:uppercase; } .evx-ba .b small { color:#ef4444; } .evx-ba .af small { color:var(--g600); }
.evx-feedback { border:1px solid #a7f3d0; background:#ecfdf5; color:#065f46; border-radius:12px; padding:16px; font-size:14px; font-weight:600; }
.evx-note { font-size:12px; color:var(--s400); font-style:italic; margin:0; }
.evx-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px; }
.evx-info-grid div { background:var(--s50); border-radius:8px; padding:10px 12px; } .evx-info-grid small { display:block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--s400); } .evx-info-grid b { font-size:14px; font-weight:600; color:var(--s800); }
.evx-ind { border:1px solid var(--s200); border-radius:12px; padding:16px; margin-bottom:12px; }
.evx-ind .h { display:flex; justify-content:space-between; font-size:12px; font-weight:700; color:var(--s600); }
.evx-ind .v { font-size:20px; font-weight:800; color:var(--s900); margin-top:4px; } .evx-ind .s { font-size:12px; color:var(--s400); }
.evx-grp { border:1px solid var(--s200); border-radius:12px; overflow:hidden; margin-bottom:12px; }
.evx-grp > button { width:100%; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 16px; background:#fff; border:0; cursor:pointer; text-align:left; font-family:inherit; }
.evx-grp > button:hover { background:var(--s50); }
.evx-grp .body { border-top:1px solid var(--s100); padding:12px 16px 16px; display:none; } .evx-grp.open .body { display:block; }
.evx-grp .cards { display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); margin-bottom:12px; }
.evx-grp .cards div { background:var(--s50); border-radius:8px; padding:12px; }
.evx-usina-ic { width:32px; height:32px; border-radius:8px; background:var(--cy600); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.evx-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:var(--s900); color:#fff; padding:12px 20px; border-radius:12px; font-size:14px; font-weight:600; z-index:100000; box-shadow:0 20px 25px rgba(0,0,0,.2); }
.evx-mcards { display:none; }
@media (max-width:767px){ .evx-hide-sm { display:none; } .evx-mcards { display:block; padding:16px; } .evx-mcard { border:1px solid var(--s200); border-radius:12px; padding:16px; margin-bottom:12px; } .evx-mcard .g { display:grid; grid-template-columns:1fr 1fr; gap:8px; font-size:12px; margin:10px 0; } .evx-mcard .g span { color:var(--s400); display:block; } .evx-mcard .g b { font-weight:600; } }
.evx-filters-toggle { display:none; }
@media (max-width:1023px){ .evx-filters-toggle { display:inline-flex; align-items:center; gap:6px; background:none; border:0; font-weight:600; font-size:14px; color:var(--s500); cursor:pointer; font-family:inherit; } .evx-filters-body.fechado { display:none; } }
.cr-tw { padding-bottom:180px; margin-bottom:-180px; } /* espaço para o menu ••• sem cortar */
@media (min-width:1024px){ .cr-tw { overflow:visible; padding-bottom:0; margin-bottom:0; } }