/* Básicos estéticos - puedes personalizar */
.elw-container { display:inline-flex; align-items:center; gap:.75rem; }
.elw-btn, .elw-logout {
  border:0; border-radius:999px; padding:.5rem .9rem; background:#f56a00; color:#fff; cursor:pointer;
  font-weight:600;
}
.elw-user { display:flex; align-items:center; gap:.5rem; background:#fff; border-radius:999px; padding:.25rem .5rem; box-shadow:0 2px 10px rgba(0,0,0,.08); }
.elw-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; background:#e5e7eb; }
.elw-modal[aria-hidden="true"] { display:none; }
.elw-modal { position:fixed; inset:0; z-index:9999; }
.elw-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.45); }
.elw-dialog { position:relative; margin:8vh auto; max-width:420px; background:#fff; border-radius:12px; padding:16px; box-shadow:0 10px 40px rgba(0,0,0,.2); }
.elw-dialog h3 { margin:0 0 8px 0; color:#ff6a00; text-align:center; }
.elw-dialog input[type="text"], .elw-dialog input[type="password"] {
  width:100%; padding:10px 12px; border-radius:8px; border:1px solid #e6e6e6;
}
.elw-actions { display:flex; justify-content:flex-end; gap:.5rem; margin-top:.5rem; }
.elw-actions button { padding:8px 12px; border-radius:8px; border:0; cursor:pointer; }
.elw-actions #elw-submit { background:#ff6a00; color:#fff; font-weight:600; }
.elw-actions #elw-cancel { background:#f3f3f3; color:#333; }
.elw-error { color:#b91c1c; font-size:.9rem; margin-top:8px; }