/* ============================================================
   ELETRICPRO v3.1 — CSS Completo (CORRIGIDO)
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #f0f2f8; }
:root {
  --mep-bg: #f0f2f8; --mep-card: #ffffff; --mep-border: #dce3ef;
  --mep-text: #132b57; --mep-muted: #71819c; --mep-blue: #082c63;
  --mep-blue-2: #0f4aa2; --mep-green: #17984c; --mep-green-2: #1bb65b;
  --mep-orange: #f2a82b; --mep-purple: #8a5cf6;
  --mep-shadow: 0 4px 20px rgba(19,43,87,.08);
  --mep-shadow-lg: 0 12px 40px rgba(19,43,87,.14);
  --sidebar-w: 260px;
}
#mep-root { width:100%;max-width:100%;margin:0;padding:0;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;line-height:1.5;color:var(--mep-text);background:var(--mep-bg); }
#mep-root button,#mep-root input,#mep-root select,#mep-root textarea { font-family:inherit;font-size:inherit; }
#mep-root button { cursor:pointer; }

/* AUTH */
.mep-auth-screen-clean { min-height:100vh;background:linear-gradient(135deg,#e8f0ff 0%,#f5f8ff 50%,#e8f5ee 100%);display:flex;align-items:center;justify-content:center;padding:32px 16px; }
.mep-auth-grid { width:100%;max-width:1100px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center; }
.mep-auth-brand-card { background:linear-gradient(160deg,#06214a 0%,#0d3880 60%,#082c63 100%);border-radius:24px;padding:48px 44px;color:#fff; }
.mep-auth-badge { display:inline-block;background:rgba(255,255,255,.15);color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:24px; }
.mep-auth-brand-card h1 { font-size:44px;font-weight:900;line-height:1.05;margin:0 0 16px;color:#fff; }
.mep-auth-brand-card p { font-size:17px;line-height:1.65;color:rgba(255,255,255,.82);margin:0 0 24px; }
.mep-auth-brand-list { display:grid;gap:12px; }
.mep-auth-brand-list div { font-weight:600;font-size:15px;color:rgba(255,255,255,.92); }
.mep-auth-box.modern { background:#fff;border-radius:24px;box-shadow:var(--mep-shadow-lg);padding:40px; }
.mep-auth-logo { display:flex;align-items:center;gap:14px;margin-bottom:28px; }
.mep-auth-logo-icon { width:52px;height:52px;border-radius:16px;background:var(--mep-blue);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;flex-shrink:0; }
.mep-auth-logo-nome { font-size:26px;font-weight:900;color:var(--mep-blue); }
.mep-auth-logo-sub { font-size:12px;color:var(--mep-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:2px; }
.mep-auth-tabs { display:grid;grid-template-columns:1fr 1fr;background:#f2f6fc;border:1px solid var(--mep-border);padding:5px;border-radius:14px;margin-bottom:24px;gap:4px; }
.mep-auth-tab { border:0;background:transparent;padding:12px;border-radius:10px;font-weight:700;color:var(--mep-muted);cursor:pointer;transition:all .2s; }
.mep-auth-tab.ativo { background:#fff;color:var(--mep-blue);box-shadow:0 2px 8px rgba(8,44,99,.1); }
.mep-auth-form { display:none; }
.mep-auth-form.ativo { display:block; }
.mep-auth-campo { display:grid;gap:7px;margin-bottom:16px; }
.mep-auth-campo label { font-weight:700;font-size:13px;color:var(--mep-text); }
.mep-auth-campo input { width:100%;border:1.5px solid var(--mep-border);background:#fff;padding:13px 15px;border-radius:12px;outline:none;transition:border-color .2s; }
.mep-auth-campo input:focus { border-color:var(--mep-blue-2); }
.mep-auth-senha-wrap { position:relative; }
.mep-auth-senha-wrap input { padding-right:48px; }
.mep-ver-senha { position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--mep-muted); }
.mep-auth-btn { width:100%;border:0;background:var(--mep-blue);color:#fff;padding:15px;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;transition:background .2s; }
.mep-auth-btn:hover { background:var(--mep-blue-2); }
.mep-auth-btn.green { background:var(--mep-green); }
.mep-auth-btn.green:hover { background:var(--mep-green-2); }
.mep-auth-erro { background:#fff2f2;border:1px solid #ffcbcb;color:#b83333;padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:14px; }
.mep-auth-esqueci { margin-top:16px;text-align:center; }
.mep-auth-esqueci a { color:var(--mep-blue-2);text-decoration:none;font-size:14px; }
.mep-auth-termos { font-size:13px;color:var(--mep-muted);margin-top:14px;line-height:1.5; }

/* APP LAYOUT */
.mep-dashboard-app { display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;width:100%;background:var(--mep-bg); }
.mep-sidebar-pro { background:linear-gradient(180deg,#07213f 0%,#061c37 60%,#092e56 100%);color:#fff;position:sticky;top:0;height:100vh;overflow:hidden;z-index:30;flex-shrink:0; }
.mep-sidebar-inner { display:flex;flex-direction:column;height:100%;padding:20px 14px;overflow-y:auto; }
.mep-brand { display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px;flex-shrink:0; }
.mep-brand-logo { width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#f4b321,#e8920a);color:#06214a;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;flex-shrink:0; }
.mep-brand strong { display:block;font-size:15px;font-weight:900;color:#fff;letter-spacing:.03em; }
.mep-brand span { display:block;font-size:9px;opacity:.6;letter-spacing:.12em;text-transform:uppercase;margin-top:1px; }
.mep-side-nav { display:grid;gap:3px;flex-shrink:0; }
.mep-sidebar-item { border:0;background:transparent;color:rgba(231,238,251,.88);text-align:left;padding:10px 12px;border-radius:9px;font-weight:600;font-size:13.5px;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:8px;width:100%; }
.mep-sidebar-item:hover { background:rgba(255,255,255,.1);color:#fff; }
.mep-sidebar-item.ativo { background:rgba(255,255,255,.16);color:#fff;font-weight:700; }
.mep-side-tools-title { margin:16px 0 7px;font-size:10px;font-weight:800;letter-spacing:.14em;opacity:.5;text-transform:uppercase;padding:0 4px;flex-shrink:0; }
.mep-side-tools { display:grid;gap:4px;flex-shrink:0; }
.mep-side-tools div { font-size:12.5px;color:rgba(231,238,251,.65);padding:7px 12px;border-radius:8px;cursor:default; }
.mep-sidebar-help { margin-top:auto;padding-top:14px;flex-shrink:0; }
.mep-sidebar-help-inner { background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:14px;border-radius:12px; }
.mep-sidebar-help strong { display:block;font-size:13px;margin-bottom:9px;color:#fff; }
.mep-sidebar-help button { width:100%;background:transparent;border:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.85);padding:9px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer; }
.mep-sidebar-help button:hover { background:rgba(255,255,255,.1); }
.mep-sidebar-overlay { display:none;position:fixed;inset:0;background:rgba(5,18,40,.5);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:29; }
.mep-sidebar-overlay.show { opacity:1;visibility:visible; }
.mep-main { min-width:0;padding:16px 20px 110px;display:flex;flex-direction:column;background:var(--mep-bg); }

/* HEADER */
.mep-header-pro { display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--mep-border);border-radius:14px;padding:12px 16px;box-shadow:var(--mep-shadow);flex-wrap:wrap;margin-bottom:0; }
.mep-header-left { display:flex;align-items:center;gap:10px; }
.mep-header-actions { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.mep-circle-btn,.mep-icon-btn { width:38px;height:38px;border-radius:50%;border:1px solid var(--mep-border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .15s;flex-shrink:0; }
.mep-circle-btn:hover,.mep-icon-btn:hover { background:#f5f8ff; }
.mep-icon-btn.small-action { width:30px;height:30px;font-size:12px; }
.mep-user-chip { display:flex;align-items:center;gap:9px;border-left:1px solid var(--mep-border);padding-left:12px; }
.mep-user-avatar { width:36px;height:36px;border-radius:50%;background:#d4e4ff;color:var(--mep-blue);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;flex-shrink:0;overflow:hidden; }
.mep-user-chip strong { display:block;font-size:13px;font-weight:700;color:var(--mep-text); }
.mep-user-chip span { display:block;font-size:11px;color:var(--mep-muted); }

/* VIEWS */
.mep-view { display:none; }
.mep-view.ativo { display:block; }
.mep-page-head { display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:20px 0 16px;flex-wrap:wrap; }
.mep-page-head h1 { margin:0 0 4px;font-size:24px;font-weight:900;color:var(--mep-blue); }
.mep-page-head p { margin:0;color:var(--mep-muted);font-size:14px; }
.mep-page-head.simple { margin-bottom:18px; }
.mep-page-head-actions { display:flex;gap:9px;flex-wrap:wrap;flex-shrink:0; }

/* BOTÕES */
.mep-primary-btn,.mep-outline-btn,.mep-whats-btn { border-radius:10px;padding:10px 16px;font-weight:700;font-size:13.5px;border:1.5px solid transparent;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap; }
.mep-primary-btn { background:var(--mep-green);color:#fff;border-color:var(--mep-green); }
.mep-primary-btn:hover { background:var(--mep-green-2); }
.mep-outline-btn { background:#fff;border-color:var(--mep-border);color:var(--mep-text); }
.mep-outline-btn:hover { border-color:#b8c6e0;background:#f7f9fe; }
.mep-outline-btn.small,.mep-primary-btn.small { padding:7px 11px;font-size:12.5px; }
.mep-whats-btn { background:#1ea952;color:#fff;border-color:#1ea952; }
.mep-whats-btn:hover { background:#18943f; }
.mep-whats-btn.small { padding:7px 11px;font-size:12.5px; }

/* CARDS */
.mep-card { background:var(--mep-card);border:1px solid var(--mep-border);border-radius:16px;box-shadow:var(--mep-shadow);padding:18px; }
.mep-card-title { display:flex;align-items:flex-start;gap:10px;margin-bottom:14px; }
.mep-card-title > span:first-child { font-size:19px;flex-shrink:0; }
.mep-card-title strong { display:block;font-size:14.5px;font-weight:700;color:var(--mep-text); }
.mep-card-title small { display:block;font-size:12.5px;color:var(--mep-muted);margin-top:2px; }
.mep-card-head-between { display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap; }

/* DASHBOARD KPIS */
.mep-dashboard-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px; }
.mep-kpi-card small { display:block;color:var(--mep-muted);margin-bottom:7px;font-weight:700;font-size:12.5px; }
.mep-kpi-card strong { display:block;font-size:26px;font-weight:900;color:var(--mep-blue);margin-bottom:4px;line-height:1.1; }
.mep-kpi-card span { display:block;color:var(--mep-muted);font-size:12.5px; }
.mep-quick-actions { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.mep-quick-action { border:1.5px solid var(--mep-border);background:#f8faff;border-radius:13px;padding:16px 14px;text-align:left;color:var(--mep-text);cursor:pointer;transition:all .2s; }
.mep-quick-action:hover { border-color:#9ab2dc;background:#f0f5ff;transform:translateY(-1px); }
.mep-quick-action strong { display:block;font-size:15px;font-weight:700;margin-bottom:5px;color:var(--mep-blue); }
.mep-quick-action span { display:block;color:var(--mep-muted);line-height:1.5;font-size:13px; }
.mep-tip-list { display:grid;gap:9px; }
.mep-tip-list div { background:#f6f9ff;border:1px solid #dce8f8;border-radius:11px;padding:11px 13px;line-height:1.6;font-size:13.5px; }

/* LAYOUT GRID */
.mep-layout-grid { display:grid;grid-template-columns:minmax(0,1.65fr) 300px;gap:16px;align-items:start; }
.dashboard-layout { grid-template-columns:minmax(0,1.6fr) 300px; }
.mep-col-main,.mep-col-side { display:grid;gap:16px;min-width:0; }

/* STEPPER */
.mep-stepper-clean { display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:16px 0; }
.mep-step-clean { background:#fff;border:1px solid var(--mep-border);border-radius:11px;padding:10px 11px;display:flex;gap:9px;align-items:center; }
.mep-step-clean > span:first-child { width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef3ff;color:var(--mep-blue-2);font-weight:800;font-size:13px;flex-shrink:0; }
.mep-step-clean.ativo { background:#f0fff6;border-color:#b0e4c4; }
.mep-step-clean.ativo > span:first-child { background:var(--mep-green);color:#fff; }
.mep-step-clean strong { display:block;font-size:12.5px;font-weight:700; }
.mep-step-clean small { display:block;font-size:11px;color:var(--mep-muted);margin-top:1px; }

/* FORMS */
.mep-form-grid { display:grid;gap:12px; }
.mep-form-grid.cols-2 { grid-template-columns:repeat(2,1fr); }
.mep-form-grid.cols-3 { grid-template-columns:repeat(3,1fr); }
.mep-form-grid.cols-4 { grid-template-columns:repeat(4,1fr); }
.mep-form-grid.cols-5 { grid-template-columns:repeat(5,1fr); }
.mep-form-grid.align-end { align-items:end; }
.compact-top { margin-top:12px; }
.mep-field { display:grid;gap:6px; }
.mep-field > span { font-size:12.5px;font-weight:700;color:#29416a; }
.mep-field input,.mep-field select,.mep-field textarea { width:100%;border:1.5px solid var(--mep-border);border-radius:10px;padding:10px 12px;background:#fff;color:var(--mep-text);outline:none;transition:border-color .2s; }
.mep-field input:focus,.mep-field select:focus,.mep-field textarea:focus { border-color:var(--mep-blue-2); }
.mep-field textarea { resize:vertical;min-height:68px; }
.mep-input-addon { display:grid;grid-template-columns:1fr auto; }
.mep-input-addon b { display:flex;align-items:center;justify-content:center;border:1.5px solid var(--mep-border);border-left:0;background:#f5f8fe;border-radius:0 10px 10px 0;padding:0 13px;color:var(--mep-muted); }
.mep-input-addon input { border-radius:10px 0 0 10px; }
.mep-segmented { display:inline-flex;background:#f0f3fa;border:1.5px solid var(--mep-border);border-radius:11px;padding:4px;gap:3px;flex-wrap:wrap; }
.mep-segmented button { border:0;background:transparent;padding:8px 13px;border-radius:8px;font-weight:700;color:var(--mep-muted);cursor:pointer;transition:all .2s; }
.mep-segmented button.ativo { background:var(--mep-green);color:#fff; }
.mep-mini-stat { border:1.5px solid var(--mep-border);background:#f8faff;border-radius:11px;padding:11px 12px;display:grid;gap:5px; }
.mep-mini-stat span { font-size:11.5px;font-weight:700;color:#29416a; }
.mep-mini-stat input { border:0;background:transparent;font-weight:800;font-size:15px;color:var(--mep-blue);padding:0;width:100%;outline:none; }

/* ============================================================
   RESUMO SIDEBAR — CORRIGIDO OVERFLOW
   ============================================================ */
.sticky-summary { position:sticky;top:16px;overflow:hidden;max-width:100%;min-width:0; }
.mep-col-side { min-width:0;max-width:100%;overflow:hidden; }
.mep-summary-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px; }
.mep-summary-box { border:1.5px solid var(--mep-border);border-top:4px solid var(--mep-blue);border-radius:12px;padding:11px 12px;background:#fff;overflow:hidden; }
.mep-summary-box small,.mep-summary-box span { display:block; }
.mep-summary-box small { font-size:11.5px;font-weight:700;color:var(--mep-muted); }
.mep-summary-box strong { display:block;font-size:22px;font-weight:900;color:var(--mep-blue);margin:5px 0 3px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.mep-summary-box span { font-size:11.5px;color:var(--mep-muted); }
.mep-summary-box.green { border-top-color:var(--mep-green); }
.mep-summary-box.green strong { color:var(--mep-green); }
.mep-summary-box.orange { border-top-color:var(--mep-orange); }
.mep-summary-box.orange strong { color:#c97a00; }
.mep-summary-box.purple { border-top-color:var(--mep-purple); }
.mep-summary-box.purple strong { color:var(--mep-purple); }

/* CHART — CORRIGIDO */
.mep-chart-wrap { overflow:hidden;max-width:100%; }
.mep-chart-label { font-weight:800;margin-bottom:9px;font-size:13.5px; }
.mep-chart-flex { display:flex;flex-direction:column;gap:10px;align-items:center;max-width:100%;overflow:hidden; }
.mep-chart-legenda { display:grid;gap:4px;width:100%;max-width:100%;overflow:hidden; }
.mep-chart-legenda-compact { max-height:140px;overflow:hidden;position:relative; }
.mep-chart-legenda-compact.expanded { max-height:none; }
canvas#mep-chart-carga { max-width:180px;max-height:180px;flex-shrink:0; }
.mep-leg-item { display:flex;align-items:center;gap:6px;font-size:11.5px;min-width:0;overflow:hidden; }
.mep-leg-dot { width:10px;height:10px;border-radius:50%;flex-shrink:0; }
.mep-leg-name { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0; }
.mep-leg-w { font-weight:800;white-space:nowrap;flex-shrink:0; }
.mep-leg-p { color:var(--mep-muted);white-space:nowrap;flex-shrink:0; }
.mep-btn-ver-resumo { margin-top:6px;font-size:12px;color:var(--mep-blue-2);background:none;border:1px solid var(--mep-border);border-radius:8px;padding:5px 10px;cursor:pointer;width:100%;text-align:center;font-weight:600;transition:all .15s; }
.mep-btn-ver-resumo:hover { background:#f5f8ff; }

/* AMBIENTES */
.mep-ambientes-tabs { display:flex;gap:7px;overflow-x:auto;padding-bottom:5px;margin-bottom:12px;-webkit-overflow-scrolling:touch; }
.mep-amb-tab { min-width:140px;border:1.5px solid var(--mep-border);background:#f7f9fe;border-radius:11px;padding:10px 12px;text-align:left;display:grid;gap:2px;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative; }
.mep-amb-tab:hover { border-color:#9ab2dc;background:#f0f5ff; }
.mep-amb-tab strong { font-size:12.5px;font-weight:700; }
.mep-amb-tab span { font-size:11.5px;color:var(--mep-muted); }
.mep-amb-tab.ativo { background:linear-gradient(160deg,#1ca051,#13883f);color:#fff;border-color:#148e45; }
.mep-amb-tab.ativo span { color:rgba(255,255,255,.75); }
.mep-amb-actions { display:flex;gap:3px;margin-top:3px; }
.mep-amb-actions button { font-size:10px;padding:2px 5px;border:0;border-radius:4px;cursor:pointer;background:rgba(0,0,0,.06);color:var(--mep-muted);transition:all .15s;line-height:1.3; }
.mep-amb-actions button:hover { background:rgba(0,0,0,.12);color:var(--mep-text); }
.mep-amb-tab.ativo .mep-amb-actions button { background:rgba(255,255,255,.2);color:rgba(255,255,255,.85); }
.mep-amb-tab.ativo .mep-amb-actions button:hover { background:rgba(255,255,255,.35); }
.mep-ambiente-body { display:grid;grid-template-columns:210px 1fr;gap:13px; }
.mep-ambiente-side { display:grid;gap:6px;align-content:start; }
.mep-side-section-btn { display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--mep-border);background:#fff;border-radius:10px;padding:10px 12px;font-weight:700;font-size:13.5px;color:var(--mep-text);cursor:pointer;transition:all .2s;width:100%; }
.mep-side-section-btn:hover { background:#f5f8ff; }
.mep-side-section-btn.ativo { background:var(--mep-blue-2);color:#fff;border-color:var(--mep-blue-2); }
.mep-side-section-btn b { background:#eaf0ff;color:var(--mep-blue);padding:2px 7px;border-radius:999px;font-size:11.5px;flex-shrink:0; }
.mep-side-section-btn.ativo b { background:rgba(255,255,255,.2);color:#fff; }
.mep-section-title { font-size:16px;font-weight:800;margin-bottom:10px; }
.mep-data-table { width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--mep-border);border-radius:12px;overflow:hidden; }
.mep-data-table th,.mep-data-table td { padding:10px 9px;border-bottom:1px solid #edf1f7;text-align:left;font-size:12.5px; }
.mep-data-table tr:last-child td { border-bottom:0; }
.mep-data-table th { background:#f5f8fd;font-size:11.5px;color:#43608b;font-weight:700;text-transform:uppercase;letter-spacing:.04em; }
.mep-row-actions { display:inline-flex;align-items:center;gap:5px;border:1px solid var(--mep-border);border-radius:999px;padding:3px 7px;background:#fff; }
.mep-row-actions button { width:22px;height:22px;border:0;border-radius:50%;background:#e8f0ff;color:var(--mep-blue);font-weight:900;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .15s; }
.mep-row-actions button:hover { background:#d0e0ff; }
.mep-tag-lite { display:inline-block;background:#f0f5ff;color:#3a5cab;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:700; }
.mep-inline-power { width:95px !important;border:1.5px solid var(--mep-border) !important;border-radius:8px !important;padding:6px 9px !important;font-size:12.5px !important;color:var(--mep-text) !important;background:#fff !important; }

/* BARRA INFERIOR — SÓ APARECE NO ORÇAMENTO */
.mep-bottom-bar { position:fixed;left:var(--sidebar-w);right:0;bottom:0;background:#fff;border-top:1px solid var(--mep-border);box-shadow:0 -4px 24px rgba(8,44,99,.12);display:none;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 20px;z-index:20; }
.mep-bottom-bar.visivel { display:grid; }
.mep-bottom-values { display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
.mep-bottom-values > div { padding-right:8px;border-right:1px solid #e5eaf5; }
.mep-bottom-values > div:last-child { border-right:0; }
.mep-bottom-values span { display:block;font-size:11.5px;color:var(--mep-muted);font-weight:600; }
.mep-bottom-values strong { display:block;font-size:19px;font-weight:900;color:var(--mep-blue);margin-top:2px; }
.mep-bottom-total { text-align:center;padding:0 14px;border-left:1px solid #e5eaf5;border-right:1px solid #e5eaf5; }
.mep-bottom-total span { display:block;font-size:10px;color:var(--mep-muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em; }
.mep-bottom-total strong { display:block;font-size:32px;font-weight:900;color:#1b2638;line-height:1.1; }
.mep-bottom-actions { display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end; }

/* HISTÓRICO */
.mep-history-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.mep-history-grid-dashboard { grid-template-columns:repeat(3,1fr); }
.mep-history-card { background:#fff;border:1px solid var(--mep-border);border-radius:14px;padding:16px;box-shadow:var(--mep-shadow);transition:all .2s; }
.mep-history-card:hover { box-shadow:var(--mep-shadow-lg);transform:translateY(-2px); }
.mep-history-top { display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--mep-muted);margin-bottom:9px;flex-wrap:wrap; }
.mep-history-tag { display:inline-block;background:#eef3ff;color:var(--mep-blue-2);padding:4px 9px;border-radius:999px;font-weight:800;font-size:11.5px; }
.mep-history-card h3 { font-size:13.5px;line-height:1.5;margin-bottom:11px;color:var(--mep-text);font-weight:600; }
.mep-history-price { font-size:22px;font-weight:900;color:var(--mep-green);margin-bottom:12px; }
.mep-empty-state { background:#fff;border:1.5px dashed var(--mep-border);padding:30px;border-radius:14px;color:var(--mep-muted);text-align:center;grid-column:1/-1; }

/* PERFIL */
.mep-profile-card { max-width:720px; }
.mep-profile-card .mep-form-grid { gap:14px;margin-bottom:14px; }

/* MODAL */
.mep-modal { position:fixed;inset:0;background:rgba(5,18,40,.52);display:none;align-items:center;justify-content:center;padding:16px;z-index:99999; }
.mep-modal.show { display:flex; }
.mep-modal-card { width:min(940px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:18px;border:1px solid var(--mep-border);box-shadow:0 24px 80px rgba(6,33,74,.28);padding:18px; }
.mep-modal-head { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px; }
.mep-modal-head strong { font-size:17px;font-weight:800;color:var(--mep-blue); }
.mep-detail-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px; }
.mep-detail-box { border:1px solid var(--mep-border);border-radius:12px;background:#f6f9ff;padding:12px 13px; }
.mep-detail-box span { display:block;font-size:11.5px;color:var(--mep-muted);margin-bottom:5px;font-weight:600; }
.mep-detail-box strong { display:block;font-size:16px;line-height:1.4;font-weight:800; }
.mep-modal-subtitle { font-size:16px;font-weight:800;color:var(--mep-blue);margin:16px 0 9px; }
body.mep-modal-open { overflow:hidden; }
.mep-modal-input-card { max-width:460px; }

/* TOAST */
.mep-toast { position:fixed;top:20px;right:20px;background:var(--mep-blue);color:#fff;padding:12px 16px;border-radius:11px;box-shadow:var(--mep-shadow-lg);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .25s,transform .25s;z-index:100000;font-weight:600;font-size:13.5px;max-width:300px; }
.mep-toast.show { opacity:1;pointer-events:auto;transform:translateY(0); }
.mep-toast-err { background:#c0392b !important; }

/* DARK MODE */
.mep-dark-mode { --mep-bg:#091525;--mep-card:#101d30;--mep-border:#1e3050;--mep-text:#e8f0ff;--mep-muted:#8aa4c0;--mep-blue:#c8dcff;--mep-blue-2:#5a96ee;--mep-shadow:0 8px 24px rgba(0,0,0,.35);--mep-shadow-lg:0 16px 48px rgba(0,0,0,.4); }
.mep-dark-mode .mep-outline-btn,.mep-dark-mode .mep-circle-btn,.mep-dark-mode .mep-icon-btn,.mep-dark-mode .mep-step-clean,.mep-dark-mode .mep-summary-box,.mep-dark-mode .mep-side-section-btn,.mep-dark-mode .mep-amb-tab,.mep-dark-mode .mep-data-table,.mep-dark-mode .mep-modal-card,.mep-dark-mode .mep-kpi-card,.mep-dark-mode .mep-quick-action,.mep-dark-mode .mep-tip-list div,.mep-dark-mode .mep-bottom-bar,.mep-dark-mode .mep-history-card,.mep-dark-mode .mep-header-pro { background:#101d30;color:#e8f0ff;border-color:#1e3050; }
.mep-dark-mode .mep-field input,.mep-dark-mode .mep-field select,.mep-dark-mode .mep-field textarea,.mep-dark-mode .mep-mini-stat input,.mep-dark-mode .mep-inline-power { background:#0d1a2e !important;color:#e8f0ff;border-color:#1e3050; }
.mep-dark-mode .mep-data-table th { background:#0d1a2e;color:#8aa4c0; }
.mep-dark-mode .mep-detail-box,.mep-dark-mode .mep-mini-stat { background:#0d1a2e;border-color:#1e3050; }
.mep-dark-mode .mep-empty-state { background:#101d30;border-color:#1e3050; }
.mep-dark-mode .mep-auth-box.modern { background:#101d30; }
.mep-dark-mode .mep-auth-campo input { background:#0d1a2e;color:#e8f0ff;border-color:#1e3050; }
.mep-dark-mode .mep-auth-tab { color:#8aa4c0; }
.mep-dark-mode .mep-auth-tab.ativo { background:#1e3050;color:#e8f0ff; }
.mep-dark-mode .mep-auth-tabs { background:#0d1a2e;border-color:#1e3050; }
.mep-dark-mode .mep-toggle-slider { background:#1e3050; }
.mep-dark-mode .mep-perfil-foto { background:#1e3050;color:#8aa4c0;border-color:#1e3050; }
.mep-dark-mode .mep-amb-tab { background:#0d1a2e;color:#8aa4c0; }
.mep-dark-mode .mep-amb-tab.ativo { background:linear-gradient(160deg,#1ca051,#13883f);color:#fff; }
.mep-dark-mode .mep-segmented { background:#0d1a2e;border-color:#1e3050; }
.mep-dark-mode .mep-segmented button { color:#8aa4c0; }
.mep-dark-mode .mep-segmented button.ativo { background:var(--mep-green);color:#fff; }
.mep-dark-mode .mep-kpi-card strong { color:#c8dcff; }
.mep-dark-mode .mep-kpi-card small { color:#8aa4c0; }
.mep-dark-mode .mep-page-head h1 { color:#c8dcff; }
.mep-dark-mode .mep-history-price { color:#4ecb82; }
.mep-dark-mode .mep-history-tag { background:#1e3050;color:#8aa4c0; }
.mep-dark-mode .mep-summary-box small { color:#8aa4c0; }
.mep-dark-mode .mep-summary-box span { color:#8aa4c0; }
.mep-dark-mode .mep-summary-box.blue strong { color:#7ab4f8; }
.mep-dark-mode .mep-summary-box.green strong { color:#4ecb82; }
.mep-dark-mode .mep-summary-box.orange strong { color:#f0b64a; }
.mep-dark-mode .mep-summary-box.purple strong { color:#b89cf8; }
.mep-dark-mode .mep-bottom-values span { color:#8aa4c0; }
.mep-dark-mode .mep-bottom-values strong { color:#c8dcff; }
.mep-dark-mode .mep-bottom-total span { color:#8aa4c0; }
.mep-dark-mode .mep-bottom-total strong { color:#e8f0ff; }
.mep-dark-mode .mep-quick-action strong { color:#c8dcff; }
.mep-dark-mode .mep-field > span { color:#8aa4c0; }
.mep-dark-mode .mep-mini-stat span { color:#8aa4c0; }
.mep-dark-mode .mep-mini-stat { background:#0d1a2e;border-color:#1e3050; }
.mep-dark-mode .mep-step-clean strong { color:#c8dcff; }
.mep-dark-mode .mep-step-clean small { color:#8aa4c0; }
.mep-dark-mode .mep-step-clean > span:first-child { background:#1e3050;color:#8aa4c0; }
.mep-dark-mode .mep-step-clean.ativo > span:first-child { background:var(--mep-green);color:#fff; }
.mep-dark-mode .mep-side-section-btn { background:#0d1a2e;color:#c8dcff;border-color:#1e3050; }
.mep-dark-mode .mep-side-section-btn.ativo { background:var(--mep-blue-2);color:#fff; }
.mep-dark-mode .mep-side-section-btn b { background:#1e3050;color:#8aa4c0; }
.mep-dark-mode .mep-data-table td { color:#c8dcff; }
.mep-dark-mode .mep-tag-lite { background:#1e3050;color:#8aa4c0; }
.mep-dark-mode .mep-input-addon b { background:#0d1a2e;color:#8aa4c0;border-color:#1e3050; }
.mep-dark-mode .mep-btn-danger { background:#2a0f0f;border-color:#6b2020;color:#f48282; }
.mep-dark-mode .mep-btn-danger:hover { background:#c0392b;color:#fff; }
.mep-dark-mode .mep-sug-btn { background:#0d1a2e;border-color:#1e3050;color:#8aa4c0; }
.mep-dark-mode .mep-sidebar-help-inner { background:rgba(255,255,255,.06); }
.mep-dark-mode .mep-history-card h3 { color:#c8dcff; }
.mep-dark-mode .mep-leg-item { color:#c8dcff; }
.mep-dark-mode .mep-leg-p { color:#8aa4c0; }
.mep-dark-mode .mep-btn-ver-resumo { background:#0d1a2e;border-color:#1e3050;color:#8aa4c0; }

/* RESPONSIVO */
@media (max-width:1200px) {
  .mep-layout-grid,.dashboard-layout { grid-template-columns:1fr; }
  .sticky-summary { position:relative;top:0; }
}
@media (max-width:1024px) {
  .mep-dashboard-kpis { grid-template-columns:repeat(2,1fr); }
  .mep-quick-actions { grid-template-columns:repeat(2,1fr); }
  .mep-history-grid-dashboard { grid-template-columns:repeat(2,1fr); }
  .mep-stepper-clean { grid-template-columns:repeat(3,1fr); }
  .mep-bottom-bar.visivel { grid-template-columns:1fr;gap:10px; }
  .mep-bottom-total,.mep-bottom-values > div { border:0; }
}
@media (max-width:768px) {
  .mep-dashboard-app { grid-template-columns:1fr; }
  .mep-sidebar-pro { position:fixed;left:-290px;width:var(--sidebar-w);z-index:40;transition:left .25s;top:0;bottom:0;height:100vh; }
  .mep-sidebar-pro.aberta { left:0; }
  .mep-sidebar-overlay { display:block; }
  .mep-main { padding:12px 12px 140px; }
  .mep-form-grid.cols-2,.mep-form-grid.cols-3,.mep-form-grid.cols-4,.mep-form-grid.cols-5 { grid-template-columns:1fr; }
  .mep-ambiente-body { grid-template-columns:1fr; }
  .mep-chart-flex { flex-direction:column;align-items:center; }
  .mep-bottom-bar.visivel { left:0;position:fixed;bottom:0;width:100%;border-radius:0;grid-template-columns:1fr; }
  .mep-history-grid,.mep-history-grid-dashboard,.mep-dashboard-kpis,.mep-quick-actions { grid-template-columns:1fr; }
  .mep-detail-grid { grid-template-columns:1fr 1fr; }
  .mep-bottom-values { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
  .mep-auth-grid { grid-template-columns:1fr; }
  .mep-auth-brand-card { padding:24px 18px; }
  .mep-auth-brand-card h1 { font-size:30px; }
  .mep-auth-box.modern { padding:22px 18px; }
  .mep-card { padding:14px; }
  .mep-page-head { flex-direction:column; }
  .mep-page-head h1 { font-size:20px; }
  .mep-page-head-actions,.mep-bottom-actions { display:grid;grid-template-columns:1fr;gap:7px; }
  .mep-header-pro { flex-direction:column;gap:9px; }
  .mep-header-actions { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
  .mep-user-chip { grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--mep-border);padding-top:9px; }
  .mep-stepper-clean { grid-template-columns:1fr 1fr; }
  .mep-summary-grid { grid-template-columns:1fr 1fr; }
  .mep-data-table { display:block;overflow-x:auto; }
  .mep-modal { padding:8px; }
  .mep-modal-card { padding:14px;border-radius:14px; }
  .mep-detail-grid { grid-template-columns:1fr; }
  .mep-hide-mobile { display:none !important; }
}

/* COMPONENTES EXTRAS */
.mep-search-input { border:1.5px solid var(--mep-border);border-radius:10px;padding:10px 14px;background:#fff;color:var(--mep-text);outline:none;font-size:14px;transition:border-color .2s;font-family:inherit; }
.mep-search-input:focus { border-color:var(--mep-blue-2); }
.mep-dark-mode .mep-search-input { background:#0d1a2e;color:#e8f0ff;border-color:#1e3050; }
.mep-clientes-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px; }
@media (max-width:900px) { .mep-clientes-grid { grid-template-columns:1fr; } }
.mep-cliente-card { transition:box-shadow .2s; }
.mep-cliente-card:hover { box-shadow:var(--mep-shadow-lg); }
.mep-produtos-grid { display:grid;gap:10px; }
.mep-sugestoes-grid { display:flex;flex-wrap:wrap;gap:8px; }
.mep-sug-btn { border:1.5px solid var(--mep-border);background:#f5f8ff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--mep-blue-2);cursor:pointer;transition:all .2s;font-family:inherit; }
.mep-sug-btn:hover { background:var(--mep-blue-2);color:#fff;border-color:var(--mep-blue-2); }
.mep-envio-opcoes { display:grid;gap:10px; }
.mep-check-row { display:flex;align-items:center;gap:10px;padding:10px 13px;border:1.5px solid var(--mep-border);border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s; }
.mep-check-row:hover { background:#f5f8ff; }
.mep-check-row input[type="checkbox"] { width:17px;height:17px;accent-color:var(--mep-green);flex-shrink:0; }
.mep-dark-mode .mep-check-row { border-color:#1e3050; }
.mep-dark-mode .mep-check-row:hover { background:#0d1a2e; }
.mep-perfil-foto-wrap { display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
.mep-perfil-foto { width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#d4e4ff,#b0c8f8);color:var(--mep-blue);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;flex-shrink:0;overflow:hidden;border:3px solid var(--mep-border); }
.mep-divider { height:1px;background:var(--mep-border);margin:16px 0; }
.mep-toggle { position:relative;display:inline-block;width:48px;height:26px; }
.mep-toggle input { opacity:0;width:0;height:0; }
.mep-toggle-slider { position:absolute;cursor:pointer;inset:0;background:#cdd6e0;border-radius:999px;transition:.25s; }
.mep-toggle-slider::before { content:'';position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 2px 4px rgba(0,0,0,.2); }
.mep-toggle input:checked + .mep-toggle-slider { background:var(--mep-green); }
.mep-toggle input:checked + .mep-toggle-slider::before { transform:translateX(22px); }
.mep-btn-danger { border-radius:10px;padding:10px 16px;font-weight:700;font-size:13.5px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;background:#fff3f3;border:1.5px solid #f4c0c0;color:#c0392b; }
.mep-btn-danger:hover { background:#c0392b;color:#fff;border-color:#c0392b; }
.mep-btn-danger.small { padding:7px 11px;font-size:12.5px; }
.mep-resultado-box { background:#f0fff6;border:1.5px solid #b0e4c4;border-radius:12px;padding:16px; }
.mep-dark-mode .mep-resultado-box { background:#0a1e12;border-color:#1a4030; }
.mep-resultado h3 { margin:0 0 10px;font-size:17px;color:var(--mep-green); }
.mep-resultado p { margin:6px 0;font-size:14px; }
.mep-resultado strong { color:var(--mep-text); }
.mep-cores-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
@media (max-width:600px) { .mep-cores-grid { grid-template-columns:1fr 1fr; } }
.mep-cor-item { display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid var(--mep-border);border-radius:11px;background:#f8faff; }
.mep-dark-mode .mep-cor-item { background:#0d1a2e;border-color:#1e3050; }
.mep-cor-circulo { width:32px;height:32px;border-radius:50%;flex-shrink:0; }
.mep-cor-item strong { display:block;font-size:13.5px;font-weight:700; }
.mep-cor-item span { display:block;font-size:12px;color:var(--mep-muted);margin-top:2px; }
.mep-tool-link { cursor:pointer;transition:color .15s; }
.mep-tool-link:hover { color:#fff !important;background:rgba(255,255,255,.12);border-radius:8px; }


/* Orçamento: coluna única sempre */
#view-orcamento .mep-layout-grid { grid-template-columns: 1fr !important; }

/* Resumo horizontal (desktop) */
.mep-resumo-horizontal { display:grid;grid-template-columns:1fr;gap:16px; }
.mep-resumo-boxes { display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }
.mep-resumo-chart-area { min-width:0;overflow:hidden;max-width:100%; }
.mep-chart-flex-h { display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center; }
.mep-chart-flex-h canvas { max-width:160px;max-height:160px;flex-shrink:0; }
.mep-chart-flex-h .mep-chart-legenda { display:grid;gap:4px;min-width:0; }

@media(max-width:1200px){
  .mep-layout-grid,.dashboard-layout{grid-template-columns:1fr}
  .sticky-summary{position:relative!important;top:0!important}
}
@media(max-width:1024px){
  .mep-dashboard-kpis{grid-template-columns:repeat(2,1fr)}
  .mep-quick-actions{grid-template-columns:repeat(2,1fr)}
  .mep-history-grid-dashboard{grid-template-columns:repeat(2,1fr)}
  .mep-stepper-clean{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .mep-clientes-grid{grid-template-columns:1fr!important}
  .mep-resumo-boxes{grid-template-columns:repeat(2,1fr)!important}
  .mep-chart-flex-h{flex-direction:column!important;align-items:center!important}
}

/* ═══════════════════════════════════════════════════════════
   768px — MOBILE
   ═══════════════════════════════════════════════════════════ */
@media(max-width:768px){
  /* ── Layout base ── */
  .mep-dashboard-app{grid-template-columns:1fr!important}
  .mep-sidebar-pro{position:fixed;left:-290px;width:var(--sidebar-w);z-index:40;transition:left .25s}
  .mep-sidebar-pro.aberta{left:0}
  .mep-sidebar-overlay{display:block}
  .mep-main{padding:10px 8px 260px!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden!important}

  /* ── TUDO em coluna única ── */
  .mep-layout-grid,.dashboard-layout{grid-template-columns:1fr!important}
  .mep-form-grid.cols-2,.mep-form-grid.cols-3,
  .mep-form-grid.cols-4,.mep-form-grid.cols-5{grid-template-columns:1fr!important}
  .mep-dashboard-kpis{grid-template-columns:1fr 1fr!important}
  .mep-quick-actions,.mep-history-grid,.mep-history-grid-dashboard{grid-template-columns:1fr!important}
  .mep-stepper-clean{grid-template-columns:1fr 1fr!important}
  .mep-detail-grid{grid-template-columns:1fr!important}
  .mep-cores-grid{grid-template-columns:1fr 1fr!important}
  .mep-auth-grid{grid-template-columns:1fr!important}

  /* ── Cards ── */
  .mep-card{padding:10px!important;overflow:hidden!important}
  .mep-card-head-between{flex-direction:column!important;gap:8px!important}

  /* ── Header ── */
  .mep-header-pro{padding:8px 10px!important}
  .mep-hide-mobile{display:none!important}
  .mep-user-chip{border-left:0!important;padding-left:0!important}

  /* ── Page head ── */
  .mep-page-head{flex-direction:column!important;gap:8px!important}
  .mep-page-head h1{font-size:18px!important}
  .mep-page-head-actions{width:100%}
  .mep-page-head-actions button{width:100%;justify-content:center}

  /* ── Segmented ── */
  .mep-segmented{flex-wrap:wrap!important}
  .mep-segmented button{padding:6px 10px!important;font-size:12px!important}

  /* ── Mini stats ── */
  .mep-mini-stat{padding:8px!important}
  .mep-mini-stat input{font-size:14px!important}

  /* ═══ AMBIENTES — CORREÇÃO DEFINITIVA ═══ */

  /* Tabs: scroll horizontal, menores */
  .mep-ambientes-tabs{gap:5px!important}
  .mep-amb-tab{min-width:90px!important;padding:6px 8px!important}
  .mep-amb-tab strong{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:80px}
  .mep-amb-tab span{font-size:9px!important}
  .mep-amb-actions{gap:2px!important;margin-top:2px!important}
  .mep-amb-actions button{font-size:8px!important;padding:1px 3px!important}

  /* Body: EMPILHADO verticalmente */
  .mep-ambiente-body{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}

  /* Menu seções: GRID 2x2 (como boxes) */
  .mep-ambiente-side{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    width:100%!important;
  }
  .mep-side-section-btn{
    padding:10px 8px!important;
    font-size:12px!important;
    border-radius:10px!important;
    text-align:left!important;
    width:100%!important;
  }
  .mep-side-section-btn b{font-size:13px!important}

  /* Conteúdo: 100% largura, scroll se necessário */
  .mep-ambiente-content{
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .mep-section-title{font-size:14px!important;margin-bottom:6px!important}

  /* Botão adicionar item: largura total */
  #btn-add-item-secao{width:100%!important;justify-content:center!important;padding:10px!important}

  /* ═══ TABELAS — NÃO CORTAR ═══ */
  .mep-data-table{
    display:block!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    max-width:100%!important;
  }
  .mep-data-table th,.mep-data-table td{
    padding:8px 6px!important;
    font-size:11px!important;
    white-space:nowrap;
  }
  /* Inputs dentro da tabela */
  .mep-inline-power{width:60px!important;font-size:11px!important;padding:5px 6px!important}
  .mep-row-actions{padding:2px 5px!important}
  .mep-row-actions button{width:20px!important;height:20px!important;font-size:12px!important}

  /* ═══ RESUMO DA DEMANDA ═══ */
  .mep-resumo-boxes{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .mep-summary-box{padding:10px!important}
  .mep-summary-box strong{font-size:20px!important}
  .mep-summary-box small{font-size:10px!important}
  .mep-summary-box span{font-size:10px!important}

  /* Gráfico: CENTRALIZADO e menor */
  .mep-resumo-chart-area{width:100%!important;overflow:hidden!important}
  canvas#mep-chart-carga{
    max-width:120px!important;
    max-height:120px!important;
    display:block!important;
    margin:0 auto!important;
  }
  .mep-chart-flex-h{
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
  }
  .mep-chart-flex-h .mep-chart-legenda{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    width:100%!important;
  }
  .mep-leg-item{font-size:11px!important;overflow:hidden!important}
  .mep-leg-w{font-size:11px!important}
  .mep-leg-p{font-size:10px!important}
  .mep-btn-ver-resumo{font-size:12px!important;padding:6px!important}

  /* ═══ LISTA MATERIAIS — NÃO CORTAR ═══ */
  #card-materiais .mep-data-table{min-width:500px}
  #card-materiais{overflow:hidden!important}
  #mep-materiais-lista{overflow-x:auto!important;-webkit-overflow-scrolling:touch}

  /* ═══ BOTTOM BAR ═══ */
  .mep-bottom-bar.visivel{
    left:0!important;width:100%!important;
    grid-template-columns:1fr!important;
    padding:6px 8px!important;gap:4px!important;
    z-index:50!important;
  }
  .mep-bottom-values{grid-template-columns:1fr 1fr!important;gap:3px!important}
  .mep-bottom-values>div{border-right:0!important;padding-right:0!important}
  .mep-bottom-values span{font-size:9px!important}
  .mep-bottom-values strong{font-size:13px!important}
  .mep-bottom-total{border:0!important;padding:2px 0!important}
  .mep-bottom-total span{font-size:8px!important}
  .mep-bottom-total strong{font-size:20px!important}
  .mep-bottom-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}
  .mep-bottom-actions button{font-size:10px!important;padding:7px 4px!important;justify-content:center}

  /* ═══ MODAL ═══ */
  .mep-modal{padding:4px!important}
  .mep-modal-card{border-radius:12px!important;padding:12px!important;max-width:100%!important}
  .mep-modal-input-card{max-width:100%!important}
  .mep-modal-input-card .mep-form-grid.cols-2{grid-template-columns:1fr!important}

  /* Auth mobile */
  .mep-auth-brand-card{padding:18px 14px!important}
  .mep-auth-brand-card h1{font-size:26px!important}
  .mep-auth-box.modern{padding:18px 14px!important}

  /* Search */
  .mep-search-input{width:100%!important}

  /* Profile */
  .mep-perfil-foto-wrap{flex-direction:column!important;align-items:center!important}
}

/* ═══ 480px ═══ */
@media(max-width:480px){
  .mep-resumo-boxes{grid-template-columns:1fr!important}
  .mep-stepper-clean{grid-template-columns:1fr!important}
  .mep-dashboard-kpis{grid-template-columns:1fr!important}
  .mep-bottom-actions{grid-template-columns:1fr!important}
  .mep-summary-box strong{font-size:18px!important}
  .mep-amb-tab{min-width:80px!important}
}

/* ═══ 380px ═══ */
@media(max-width:380px){
  .mep-amb-actions{display:none!important}
  .mep-ambiente-side{grid-template-columns:1fr!important}
  .mep-bottom-values{grid-template-columns:1fr!important}
}

/* ═══ TUTORIAL ═══ */
.mep-tutorial-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--mep-border)}
.mep-tutorial-step:last-of-type{border-bottom:0}
.mep-tutorial-num{width:36px;height:36px;border-radius:50%;background:var(--mep-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;flex-shrink:0}
.mep-tutorial-step strong{display:block;font-size:15px;color:var(--mep-blue);margin-bottom:4px}
.mep-tutorial-step p{margin:4px 0 0;font-size:13.5px;color:var(--mep-muted);line-height:1.6}
.mep-dark-mode .mep-tutorial-step strong{color:#c8dcff}
.mep-dark-mode .mep-tutorial-step p{color:#8aa4c0}


/* CALCULADORA DO ELETRICISTA */
.tool-layout{align-items:start}
.mep-calc-grid-top{align-items:end}
.mep-calc-help-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mep-chip-btn{border:1px solid var(--mep-border);background:#f7f9fe;color:var(--mep-blue);padding:9px 12px;border-radius:999px;font-weight:700;font-size:12.5px;cursor:pointer;transition:all .2s}
.mep-chip-btn:hover{background:#eef4ff;border-color:#aac0ea}
.mep-inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.mep-calc-empty{border:1.5px dashed var(--mep-border);background:#fbfcff;border-radius:14px;padding:16px;color:var(--mep-muted);font-size:13px;line-height:1.6}
.mep-calc-result-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap}
.mep-calc-result-head strong{font-size:17px;color:var(--mep-blue)}
.mep-calc-result-head span{font-size:12.5px;color:var(--mep-muted);font-weight:700}
.mep-calc-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mep-calc-stat{border:1.5px solid var(--mep-border);border-radius:12px;padding:12px;background:#fff}
.mep-calc-stat small{display:block;font-size:11.5px;color:var(--mep-muted);font-weight:700}
.mep-calc-stat strong{display:block;font-size:21px;color:var(--mep-blue);line-height:1.15;margin:5px 0}
.mep-calc-stat span{display:block;font-size:11.5px;color:#4d648e}
.mep-calc-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mep-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#eff4ff;color:#36598d;font-size:11.5px;font-weight:800}
.mep-badge.is-ok{background:#ecfff2;color:#178244}
.mep-calc-alerts{margin-top:14px;padding:14px;border-radius:12px;background:#fff8f3;border:1px solid #ffd7bb}
.mep-calc-alerts strong{display:block;margin-bottom:8px;color:#b25b15}
.mep-calc-alerts ul{margin:0;padding-left:18px;color:#6a4a2b;font-size:13px;display:grid;gap:6px}
.mep-calc-ok{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f1fff5;border:1px solid #bfe6c8;color:#167441;font-weight:700;font-size:13px}
.mep-calc-disclaimer{margin-top:14px;font-size:12px;line-height:1.6;color:var(--mep-muted);padding:12px;border-radius:12px;background:#f8faff;border:1px solid var(--mep-border)}
.mep-calc-multi{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mep-calc-multi-card{border:1px solid var(--mep-border);border-radius:12px;padding:14px;background:#fff;display:grid;gap:7px;font-size:13px}
.mep-calc-multi-card strong{font-size:14px;color:var(--mep-blue)}
@media (max-width:900px){.mep-calc-multi{grid-template-columns:1fr}.mep-calc-stat-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.mep-calc-stat-grid{grid-template-columns:1fr}.mep-calc-result-head{flex-direction:column}.mep-chip-btn{width:100%;justify-content:center}.mep-inline-actions>*{width:100%}}

.mep-dc-actions{display:flex;gap:10px;flex-wrap:wrap}
.mep-afiliados-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.mep-afiliado-card{border:1px solid var(--mep-border);border-radius:14px;background:#fff;padding:14px;display:grid;gap:12px}
.mep-afiliado-top{display:flex;gap:10px;align-items:flex-start;color:var(--mep-blue)}
.mep-afiliado-icone{font-size:20px;line-height:1}
.mep-afiliado-btn{width:100%;justify-content:center;text-align:center;text-decoration:none}
@media (max-width:700px){.mep-afiliados-grid{grid-template-columns:1fr}.mep-dc-actions>*{width:100%}}

.mep-mentor-helper{margin-top:18px}
.mep-mentor-helper-text{margin:0;color:var(--mep-muted);line-height:1.6}
#mentor-ia-pergunta{min-height:150px;resize:vertical}
#mentor-ia-resultado .mep-calc-multi{margin-top:0}

/* ── DESLOCAMENTO v3.3 ────────────────────────────── */
#view-deslocamento .mep-resumo-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:600px){#view-deslocamento .mep-resumo-boxes{grid-template-columns:1fr}}
#view-deslocamento .mep-inline-actions{display:flex;align-items:center}
#view-deslocamento .mep-toggle{flex-shrink:0}

/* ── PERFIL EXTRAS v3.3 ──────────────────────────── */
.mep-perfil-logo{display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--mep-bg);border:2px dashed var(--mep-border);color:var(--mep-muted)}
.mep-perfil-logo img{border-radius:12px}