:root{
  --azul:#123b63;
  --azul2:#0b6fa4;
  --fondo:#eef3f8;
  --card:#ffffff;
  --borde:#cfdbe6;
  --texto:#1f2d3d;
  --muted:#65758a;
  --ok:#dff3e2;
  --bad:#f8d7da;
  --warn:#fff3cd;
  --oscuro:#08152b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:Arial,Helvetica,sans-serif;font-size:14px}
a{color:inherit;text-decoration:none}
.topbar{height:76px;background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;box-shadow:0 3px 14px rgba(0,0,0,.18);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px;min-width:320px}.logo{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--azul);display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.brand h1{margin:0;font-size:22px;line-height:1.05}.brand p{margin:4px 0 0;font-size:13px;opacity:.92}
.topnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topnav a,.topnav button,.btnArchivo{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;font-size:13px;cursor:pointer}
.topnav a:hover,.topnav button:hover,.btnArchivo:hover{background:rgba(255,255,255,.24)}.btnArchivo input{display:none}
.layout{display:grid;grid-template-columns:260px minmax(650px,1fr) 300px;gap:12px;padding:12px;height:calc(100vh - 76px)}
.sidebar,.rightpanel,.workspace{background:#fff;border:1px solid var(--borde);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);overflow:hidden}
.sidebar,.rightpanel{padding:12px;overflow:auto}.sidebar h2,.rightpanel h2{margin:0 0 10px;color:var(--azul);font-size:18px}.workspace{display:flex;flex-direction:column;min-width:0}.menu-modulos{display:grid;gap:8px}.mod-btn{width:100%;border:1px solid var(--borde);background:#f7fbff;border-radius:12px;padding:10px;text-align:left;cursor:pointer;transition:.16s}.mod-btn:hover{background:#eaf4fb;transform:translateY(-1px)}.mod-btn.activo{background:#dceeff;border-color:#86bce6}.mod-btn .row{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--azul)}.mod-btn p{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.35}
.side-note{margin-top:14px;background:#f7fbff;border:1px dashed #b8cfe2;border-radius:12px;padding:10px;font-size:12px;color:#41566d}.side-note ol{margin:8px 0 0 18px;padding:0;line-height:1.5}.module-header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--borde);background:linear-gradient(180deg,#fff,#f6faff)}.module-icon{width:42px;height:42px;border-radius:12px;background:#eaf4fb;color:var(--azul);display:flex;align-items:center;justify-content:center;font-size:22px}.module-header h2{margin:0;color:#123b63;font-size:20px}.module-header p{margin:4px 0 0;color:var(--muted);font-size:13px}.module-status{border-radius:999px;background:#e8f7ef;color:#146c3c;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap}.module-container{padding:12px;overflow:auto;height:100%;min-height:0}.estado-box{background:#f7fbff;border:1px solid var(--borde);border-radius:12px;padding:10px;line-height:1.45;color:#42556b;min-height:90px}.result-list{display:grid;gap:8px}.result-item{border:1px solid var(--borde);border-radius:12px;padding:10px;background:#f7fbff}.result-item strong{display:block;color:var(--azul);margin-bottom:4px}.result-item small{display:block;color:var(--muted);line-height:1.35}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eaf4fb;color:var(--azul);font-weight:900;font-size:12px;padding:5px 8px}.btn{background:var(--azul);color:#fff;border:0;border-radius:10px;padding:10px 13px;font-weight:900;cursor:pointer}.btn:hover{background:var(--azul2)}.btn.sec{background:#eef4fa;color:#123b63;border:1px solid var(--borde)}.btn.bad{background:#8b1e2d}.small{font-size:12px;color:var(--muted);line-height:1.4}.ok{background:var(--ok)!important}.badcell,.bad{background:var(--bad)!important}.warn{background:var(--warn)!important}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:12px}th,td{border:1px solid #d5dee8;padding:7px;text-align:center;vertical-align:middle}th{background:#eef4fa;color:#123b63}td:first-child,th:first-child{text-align:left}.print-only{display:none}
@media(max-width:1180px){.layout{grid-template-columns:230px minmax(500px,1fr)}.rightpanel{display:none}}
@media(max-width:850px){.topbar{height:auto;align-items:flex-start;flex-direction:column}.layout{height:auto;grid-template-columns:1fr}.sidebar{order:0}.workspace{order:1}.rightpanel{display:block;order:2}.brand h1{font-size:19px}}
@media print{.topbar,.sidebar,.rightpanel,.module-header .module-status,.no-print{display:none!important}.layout{display:block;height:auto;padding:0}.workspace{border:0;box-shadow:none}.module-container{padding:0;overflow:visible}.print-only{display:block}body{background:#fff}}