.ea-normas-widget{
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
  padding:18px;
  margin:18px 0;
  box-shadow: 0 8px 24px rgba(2,32,71,0.06);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.ea-normas-header{
  display:flex; flex-direction:column; gap:6px;
  margin-bottom:12px;
}
.ea-normas-title{
  font-size:18px;
  font-weight:800;
  color:#034078;
  letter-spacing:0.2px;
}
.ea-normas-subtitle{
  font-size:13px;
  color:#43556f;
}
.ea-normas-controls{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  align-items:center;
  margin:10px 0 12px;
}

/* layout helpers */
.ea-row{ display:flex; flex-wrap:wrap; gap:12px; width:100%; }
.ea-col{ flex:1 1 260px; min-width:220px; display:flex; flex-direction:column; gap:6px; }
.ea-col-small{ flex:0 0 160px; min-width:160px; }
.ea-col select{ width:100%; }
.ea-normas-versions{ min-height:110px; }
.ea-normas-controls label{
  font-size:13px;
  color:#23324a;
  font-weight:700;
}
.ea-normas-controls select{
  min-width:220px;
  max-width:100%;
  border:1px solid #d5e0ef;
  border-radius:10px;
  padding:8px 10px;
}
.ea-inline{ display:flex; align-items:center; gap:8px; font-weight:600; }
.ea-normas-question{
  width:100%;
  border:1px solid #d5e0ef;
  border-radius:12px;
  padding:12px 12px;
  font-size:14px;
  line-height:1.35;
  outline:none;
}
.ea-normas-question:focus{ border-color:#AEDB9C; box-shadow:0 0 0 3px rgba(174,219,156,0.35); }
.ea-normas-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
}
.ea-btn{
  background:#034078;
  color:#fff;
  border:0;
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
}
.ea-btn:hover{ filter:brightness(1.05); }
.ea-btn-secondary{
  background:#eef5ff;
  color:#034078;
}
.ea-normas-status{
  font-size:13px;
  color:#445;
  margin-left:auto;
}
.ea-normas-status.ok{ color:#0a6a2a; font-weight:700;}
.ea-normas-status.err{ color:#b42318; font-weight:700;}

.ea-normas-answer{
  margin-top:14px;
  border-top:1px solid #eef2f8;
  padding-top:14px;
}

.ea-answer-body{
  font-size:14px;
  line-height:1.55;
  color:#0f1d33;
}
.ea-answer-body h3, .ea-answer-body h4{
  color:#034078;
  margin:18px 0 8px;
}
.ea-answer-body blockquote{
  border-left:4px solid #AEDB9C;
  background:#f6fff4;
  padding:10px 12px;
  margin:10px 0;
}
.ea-answer-image{
  margin:14px 0 4px;
  padding:12px;
  border:1px solid #e6eef8;
  border-radius:14px;
  background:#fbfdff;
}
.ea-answer-image img{
  width:100%;
  height:auto;
  border-radius:10px;
  display:block;
}
.ea-answer-image.ea-img-error{ font-size:13px; color:#8a1f11; }

.ea-answer-footer{
  margin-top:14px;
  padding-top:12px;
  border-top:1px dashed #d8e3f3;
}
.ea-brand-title{
  font-weight:900;
  color:#034078;
}
.ea-disclaimer{
  margin-top:6px;
  font-size:12.5px;
  color:#4c5b74;
}
.ea-tools{
  margin-top:10px;
  font-size:13px;
}
.ea-tools ul{ margin:0; padding-left:18px; }
.ea-tools a{ color:#034078; font-weight:700; }

.ea-debug{
  margin-top:12px;
  border:1px dashed #c7d6ee;
  border-radius:12px;
  padding:10px 12px;
  background:#f7fbff;
}
.ea-debug summary{
  cursor:pointer;
  color:#034078;
  font-weight:900;
}
.ea-debug-note{
  margin:8px 0 10px;
  font-size:12px;
  color:#5a6b86;
}
.ea-debug-item{ margin:10px 0; }
.ea-debug-meta{ font-size:12.5px; font-weight:800; color:#23324a; }
.ea-debug-snippet{
  white-space:pre-wrap;
  background:#fff;
  border:1px solid #e2ebf7;
  border-radius:10px;
  padding:10px;
  font-size:12.5px;
}

.ea-normas-file{
  margin:10px 0 6px;
  padding:10px;
  border:1px solid #e2ebf7;
  border-radius:12px;
  background:#fbfdff;
}
.ea-normas-filehint{ font-size:12px; color:#667; margin-top:6px; }

.ea-normas-disabled{
  border:1px solid #f5c2c7;
  background:#fff5f6;
  color:#7a141b;
  padding:10px 12px;
  border-radius:12px;
}

/* Premium UX improvements */
.ea-normas-controls .ea-row{ display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; }
.ea-normas-controls .ea-col{ flex:1 1 240px; min-width:220px; }
.ea-normas-controls .ea-col-small{ flex:0 0 160px; min-width:160px; }
.ea-normas-controls label{ display:block; font-weight:600; margin-bottom:6px; color:#111827; }
.ea-normas-controls select{ width:100%; padding:10px 12px; border:1px solid #d1d5db; border-radius:10px; background:#fff; }
.ea-normas-versions{ min-height:92px; }
.ea-hint{ font-size:12px; color:#6b7280; margin-top:6px; }

.ea-normas-file.ea-collapsible{ margin:12px 0; }
.ea-file-toggle{ width:100%; text-align:left; padding:10px 12px; border:1px dashed #9ca3af; border-radius:12px; background:#f9fafb; cursor:pointer; font-weight:600; }
.ea-file-panel{ margin-top:10px; padding:12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; }
.ea-normas-filehint{ font-size:12px; color:#6b7280; margin-top:8px; }
.ea-normas-filename{ font-size:12px; margin-top:8px; color:#111827; }

.ea-normas-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.ea-normas-status.ok{ color:#059669; }
.ea-normas-status.err{ color:#dc2626; }
.ea-btn{ border-radius:12px; padding:10px 14px; font-weight:700; }
.ea-btn-secondary{ background:#f3f4f6; border:1px solid #d1d5db; color:#111827; }

.ea-compare{ margin-top:28px; }

/* Premium answer styling v1.3.0 */
.ea-answer{margin-top:14px;}
.ea-answer-top{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
.ea-answer-final{font-size:16px;font-weight:800;color:#0b2b4c;line-height:1.25;}
.ea-answer-meta{display:flex;flex-wrap:wrap;gap:8px;}

.ea-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;border:1px solid #dfe7f1;background:#f7fbff;color:#0b2b4c;}
.ea-badge-ok{background:#eefbf3;border-color:#cfeedd;color:#0f5132;}
.ea-badge-warn{background:#fff6e6;border-color:#ffe0a6;color:#7a4d00;}
.ea-badge-conf{background:#eef6ff;border-color:#cfe0ff;color:#0b2b4c;}
.ea-conf-alta{background:#eafbf2;border-color:#bfe9d0;}
.ea-conf-media{background:#fff6e6;border-color:#ffe0a6;}
.ea-conf-baja{background:#ffeef0;border-color:#ffd0d6;color:#842029;}

.ea-section{border:1px solid #e9eef6;border-radius:14px;padding:14px 14px;margin:12px 0;background:#fff;}
.ea-section-title{font-weight:900;color:#034078;font-size:13px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;}
.ea-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width: 860px){ .ea-grid2{grid-template-columns:1fr;} }

.ea-cite{border:1px dashed #d8e6ff;background:#f7fbff;border-radius:12px;padding:12px;margin:10px 0;}
.ea-cite-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px;}
.ea-cite-src{font-weight:900;color:#0b2b4c;}
.ea-cite-loc{font-weight:700;color:#375a7a;}
.ea-cite-page{font-weight:800;color:#375a7a;background:#eaf2ff;border:1px solid #d3e3ff;border-radius:999px;padding:4px 8px;font-size:12px;}
.ea-quote{margin:0;padding:10px 12px;border-left:4px solid #AEDB9C;background:#ffffff;border-radius:10px;color:#0b2b4c;white-space:pre-wrap;}

.ea-steps{margin:0 0 0 18px;}
.ea-steps li{margin:7px 0;}
.ea-list{margin:0 0 0 18px;}
.ea-list li{margin:6px 0;}

.ea-callout{border-radius:14px;padding:12px 14px;margin:12px 0;border:1px solid #e9eef6;}
.ea-callout-warn{background:#fff6e6;border-color:#ffe0a6;color:#5d3b00;}
.ea-pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;font-size:12px;line-height:1.5;background:#0b1220;color:#e6f0ff;border-radius:12px;padding:12px;overflow:auto;white-space:pre-wrap;}
.ea-disclaimer{margin-top:10px;font-size:12px;color:#5c6b7a;border-top:1px solid #e9eef6;padding-top:10px;}