/* ============================================================
 * Donna — UI compartida para botón "Exportar" con menú dropdown
 * ============================================================ */
.export-wrap { position:relative; display:inline-block; }
.btn-export {
  display:inline-flex; align-items:center; gap:7px;
  padding:8px 16px; background:#fff; color:var(--navy, #1B3A6B);
  border:1px solid var(--navy, #1B3A6B); border-radius:8px;
  font-family:'DM Sans',sans-serif; font-size:13px; font-weight:500;
  cursor:pointer; transition:background .15s; white-space:nowrap;
}
.btn-export:hover { background:var(--off, #F7F6F3); }
.btn-export svg { width:14px; height:14px; }
.export-menu {
  position:absolute; right:0; top:calc(100% + 6px);
  background:#fff; border:1px solid var(--gray-200, #D6D4CC);
  border-radius:8px; box-shadow:0 4px 20px rgba(0,0,0,0.1);
  min-width:210px; z-index:300; overflow:hidden; display:none;
}
.export-menu.open { display:block; }
.export-menu button {
  width:100%; display:flex; align-items:center; gap:10px;
  padding:11px 16px; background:transparent; border:none;
  font-family:'DM Sans',sans-serif; font-size:13px; color:var(--gray-700, #4A4946);
  cursor:pointer; text-align:left; transition:background .12s;
}
.export-menu button:hover { background:var(--off, #F7F6F3); color:var(--navy, #1B3A6B); }
.export-menu button svg { width:15px; height:15px; flex-shrink:0; }
.export-menu button.xl { color:#1D6F42; }
.export-menu button.xl:hover { background:#EAF3DE; }
.export-menu button.pdf { color:#C0392B; }
.export-menu button.pdf:hover { background:#FCEBEB; }