.wmededm-widget{display:inline-block}
.wmededm-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 16px;color:#111;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.wmededm-btn:hover{background:#f7f7f7;border-color:#ccc;color:#000}
.wmededm-icon{font-size:18px;line-height:1}

.wmededm-overlay{position:fixed;inset:0;padding:16px;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease-in-out}
.wmededm-overlay.is-open{display:flex}
.wmededm-popup{width:100%;max-width:640px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.25);position:relative;color:#111;transform:scale(1) translateY(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden}
.wmededm-popup-header{display:flex;align-items:center;justify-content:space-between;background:#0078ff;color:#fff;padding:14px 16px;border-top-left-radius:14px;border-top-right-radius:14px;margin:-20px -20px 16px -20px}
.wmededm-popup-header{background:linear-gradient(to right, var(--wmededm-header-grad-start,#2563eb), var(--wmededm-header-grad-end,#4338ca));margin:0;border-top-left-radius:16px;border-top-right-radius:16px}
.wmededm-popup-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px}
.wmededm-popup-subtitle{font-size:13px;opacity:.9;margin-left:12px;flex:1}
.wmededm-popup-title .wmededm-icon{font-size:20px;color:inherit}
.wmededm-close{position:absolute;top:10px;right:10px;background:transparent;border:1px solid #bbb;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer}
.wmededm-close:hover{border-color:#888;color:#000}
.wmededm-popup-header .wmededm-close{position:static;margin-left:12px;border-color:rgba(255,255,255,.7);color:#fff}
.wmededm-popup-header .wmededm-close:hover{border-color:#fff;color:#fff}

.wmededm-body{padding:20px;overflow:auto;position:relative;min-height:280px;flex:1 1 auto;display:flex;flex-direction:column}
.wmededm-body::-webkit-scrollbar{width:6px}
.wmededm-body::-webkit-scrollbar-track{background:#f1f1f1}
.wmededm-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}

.wmededm-form .wmededm-field{margin-bottom:12px}
.wmededm-input-wrapper{position:relative}
.wmededm-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}
.wmededm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.wmededm-col{min-width:0}
.wmededm-col-6{grid-column:span 1}
.wmededm-form label{display:block;font-weight:700;margin-bottom:6px;color:#475569;font-size:12px;text-transform:uppercase}
.wmededm-form input[type="text"],.wmededm-form input[type="email"]{width:100%;padding:10px 12px 10px 40px;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-size:14px}
.wmededm-form .plain-input{padding-left:12px}
.wmededm-form select{width:100%;padding:10px 32px 10px 40px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}
.wmededm-select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b;font-size:12px}
.wmededm-form input[type="text"]:focus,.wmededm-form input[type="email"]:focus,.wmededm-form select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.2)}
.wmededm-actions{margin-top:10px}
.wmededm-submit{width:100%;padding:12px 16px;background:#2563eb;color:#fff;border:0;border-radius:8px;cursor:pointer;transition:background .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}
.wmededm-submit:hover{background:#1d4ed8}
.wmededm-submit.is-loading{opacity:.85;cursor:wait;position:relative}
.wmededm-submit.is-loading::after{content:"";position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(255,255,255,.7);border-top-color:#fff;border-radius:50%;animation:wmededm-spin 1s linear infinite}
.wmededm-message{font-weight:700;margin-bottom:10px}
.success-msg{margin-top:10px;padding:10px;background:#e0ffd7;color:#2b7a00;display:none;border-radius:8px}
.error-msg{margin-top:10px;padding:10px;background:#ffe4e4;color:#9b0000;display:none;border-radius:8px}

.wmededm-status-view{position:relative;background:#fff;z-index:1;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;overflow:auto;gap:8px;flex:1 1 auto;min-height:320px;border-radius:12px;margin-top:8px}
.wmededm-status-view.active{display:flex}
.wmededm-status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:12px}
.wmededm-status-icon.success{background:#dcfce7;color:#16a34a}
.wmededm-status-icon.error{background:#fee2e2;color:#dc2626}
.wmededm-status-title{font-size:20px;font-weight:800;color:#1e293b;margin-bottom:8px;line-height:1.3}
.wmededm-status-title.success-text{color:#16a34a}
.wmededm-status-title.error-text{color:#dc2626}
.wmededm-status-msg{color:#475569;margin-bottom:16px;line-height:1.5}
.wmededm-btn-close-status{background:#f1f5f9;color:#475569;font-weight:600;padding:8px 16px;border:0;border-radius:8px;cursor:pointer}
.wmededm-btn-close-status:hover{background:#cbd5e1}
.wmededm-btn-retry{background:#ef4444;color:#fff;font-weight:600;padding:8px 16px;border:0;border-radius:8px;cursor:pointer}
.wmededm-btn-retry:hover{background:#dc2626}

@media(max-width:768px){
  .wmededm-popup{border-radius:12px;padding:16px}
  .wmededm-popup-header{border-top-left-radius:12px;border-top-right-radius:12px;margin:0}
  .wmededm-row{grid-template-columns:1fr}
}

@keyframes wmededm-spin{to{transform:rotate(360deg)}}


body.wmededm-open{overflow:hidden}