:root{
  --mv-bg:#eef3f8;--mv-panel:#fff;--mv-b:#d7e1ec;--mv-txt:#1f2937;
  --mv-muted:#667085;--mv-pri:#123f63;--mv-pri2:#1f77b4;--mv-soft:#e9f3ff;--mv-ok:#15803d;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--mv-bg);color:var(--mv-txt)}
.mvtopo-topbar{min-height:78px;background:linear-gradient(90deg,#102033,#123f63 55%,#1f77b4);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 18px;border-bottom:4px solid #65a30d}
.mvtopo-brand{display:flex;gap:12px;align-items:center}.mvtopo-logo{width:48px;height:48px;border-radius:14px;background:#65a30d;display:grid;place-items:center;font-size:25px;font-weight:900}
.mvtopo-brand h1{margin:0;font-size:20px}.mvtopo-brand p{margin:4px 0 0;color:#dbeafe;font-size:13px}
.mvtopo-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mvtopo-nav a,.mvtopo-nav button,.mvtopo-file{background:#fff;color:#102033;border:0;border-radius:10px;padding:10px 13px;text-decoration:none;font-weight:800;cursor:pointer;font-size:13px}.mvtopo-file input{display:none}
.mvtopo-layout{display:grid;grid-template-columns:285px 1fr 330px;gap:14px;padding:14px;height:calc(100vh - 78px)}
.mvtopo-sidebar,.mvtopo-workspace,.mvtopo-rightpanel{background:var(--mv-panel);border:1px solid var(--mv-b);border-radius:18px;overflow:auto;box-shadow:0 8px 22px rgba(16,32,51,.07)}
.mvtopo-sidebar,.mvtopo-rightpanel{padding:14px}.mvtopo-workspace{padding:14px;display:flex;flex-direction:column;gap:14px}
.mvtopo-sidebar h2,.mvtopo-rightpanel h2{font-size:16px;margin:4px 0 8px;color:var(--mv-pri)}.mvtopo-mini{margin:0 0 12px;font-size:12px;color:var(--mv-muted)}
.mvtopo-menu{display:flex;flex-direction:column;gap:10px}.mvtopo-mod-card{border:1px solid var(--mv-b);border-radius:15px;padding:12px;display:grid;grid-template-columns:40px 1fr;gap:10px;cursor:pointer;background:#fff}
.mvtopo-mod-card:hover,.mvtopo-mod-card.activo{border-color:#65a30d;background:#f5fbef}.mvtopo-mod-ico{font-size:27px}.mvtopo-mod-card h3{margin:0;font-size:15px;color:var(--mv-pri)}.mvtopo-mod-card p{margin:4px 0;color:var(--mv-muted);font-size:12px;line-height:1.35}
.mvtopo-progress{height:7px;background:#e5e7eb;border-radius:99px;margin-top:8px;overflow:hidden}.mvtopo-progress span{display:block;height:100%;background:#65a30d;width:0%}
.mvtopo-module-header{display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;border:1px solid var(--mv-b);border-radius:18px;padding:14px;background:linear-gradient(90deg,#fff,#f6fbff)}
.mvtopo-module-icon{width:60px;height:60px;border-radius:17px;background:var(--mv-soft);display:grid;place-items:center;font-size:34px}.mvtopo-module-header h2{margin:0;color:var(--mv-pri)}.mvtopo-module-header p{margin:5px 0 0;color:var(--mv-muted)}
.mvtopo-status{background:#eef6ff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-weight:800;color:var(--mv-pri2)}
.mvtopo-module-container{border:1px solid var(--mv-b);border-radius:18px;padding:14px;min-height:430px;background:#fff}
.mvtopo-state-box,.mvtopo-result-list{font-size:13px;color:var(--mv-muted);margin-bottom:12px}.mvtopo-result-item{border:1px solid var(--mv-b);border-radius:13px;padding:10px;margin-bottom:10px;background:#fff}.mvtopo-result-item b{color:var(--mv-txt)}
.mvtopo-badge{display:inline-block;border-radius:999px;background:#ecfdf3;color:var(--mv-ok);padding:4px 8px;font-weight:800;font-size:12px;margin:4px 0}
.tp-wrap{display:grid;gap:14px}.tp-card{background:#fff;border:1px solid var(--mv-b);border-radius:16px;padding:16px}.tp-card h1,.tp-card h2,.tp-card h3{color:var(--mv-pri);margin-top:0}.tp-card textarea,.tp-card input,.tp-card select{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--mv-b);border-radius:9px;font-size:14px}.tp-card textarea{min-height:190px;font-family:Consolas,monospace}.tp-card label{font-weight:bold;font-size:13px;display:block;margin-bottom:5px}.tp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tp-resultado{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tp-box{background:#f7fbfd;border:1px solid var(--mv-b);border-radius:12px;padding:12px}.tp-box b{color:var(--mv-pri);display:block;margin-bottom:6px}.tp-nota{background:#fff8e5;border:1px solid #f0d48a;border-radius:12px;padding:12px;font-size:14px;line-height:1.45}.tp-calc{background:var(--mv-pri2);color:white;border:0;padding:13px 20px;border-radius:10px;cursor:pointer;font-weight:bold;font-size:15px}.tp-calc2{background:#fff;color:var(--mv-pri);border:1px solid var(--mv-b);padding:10px 13px;border-radius:10px;cursor:pointer;font-weight:bold}
.tp-tabla-wrap{overflow:auto;max-height:520px;border:1px solid var(--mv-b);border-radius:12px}.tp-tabla-wrap table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.tp-tabla-wrap th,.tp-tabla-wrap td{border-bottom:1px solid var(--mv-b);padding:8px;text-align:right;white-space:nowrap}.tp-tabla-wrap th{background:#eef6fa;color:var(--mv-pri);position:sticky;top:0;z-index:1}
#tpGraficoPerfil,#tpGraficoPlanta,#tpGrafico3d,#tbGraficoPlanta{width:100%;height:430px;border:1px solid var(--mv-b);border-radius:14px;background:#fff}#tpGrafico3d{height:620px}
@media(max-width:1150px){.mvtopo-layout{grid-template-columns:250px 1fr}.mvtopo-rightpanel{display:none}}
@media(max-width:820px){.mvtopo-layout{grid-template-columns:1fr;height:auto}.mvtopo-topbar{height:auto;flex-direction:column;align-items:flex-start}.tp-grid2,.tp-grid3,.tp-resultado{grid-template-columns:1fr}.mvtopo-module-header{grid-template-columns:50px 1fr}.mvtopo-status{grid-column:1/-1;width:max-content}}