.mailek-widget-direct-save {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    margin: 14px 0;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(109, 93, 252, .18);
    background: linear-gradient(135deg, rgba(109,93,252,.10), rgba(6,182,212,.08));
    box-shadow: 0 14px 36px rgba(15,23,42,.08);
    font-family: inherit;
}
.mailek-widget-direct-save__copy { display: grid; gap: 4px; }
.mailek-widget-direct-save__copy strong { color: #0f172a; font-weight: 900; }
.mailek-widget-direct-save__copy span { color: #64748b; font-size: 13px; line-height: 1.45; }
.mailek-widget-direct-save__actions { display: grid; gap: 7px; justify-items: end; }
.mailek-widget-direct-save__button {
    border: 0;
    border-radius: 14px;
    min-height: 40px;
    padding: 10px 14px;
    cursor: pointer;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #6d5dfc, #06b6d4);
    box-shadow: 0 10px 24px rgba(109,93,252,.22);
}
.mailek-widget-direct-save__button[disabled] { opacity: .68; cursor: wait; }
.mailek-widget-direct-save__status { min-height: 18px; font-size: 12px; color: #64748b; font-weight: 800; text-align: right; }
.mailek-widget-direct-save__status.is-ok { color: #15803d; }
.mailek-widget-direct-save__status.is-error { color: #b91c1c; }
@media (max-width: 640px) { .mailek-widget-direct-save { grid-template-columns: 1fr; } .mailek-widget-direct-save__actions { justify-items: stretch; } }


/* Mailek 1.0.32 Elementor Production Sync */
.mailek-widget-direct-save--production {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) auto;
    border-color: rgba(109, 93, 252, .24);
    background:
        radial-gradient(circle at top right, rgba(6,182,212,.14), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(238,242,255,.84));
}
.mailek-widget-sync-state {
    display: grid;
    grid-template-columns: auto repeat(3, minmax(0,1fr));
    gap: 8px;
    align-items: stretch;
}
.mailek-widget-sync-state > div,
.mailek-sync-pill {
    display: grid;
    align-content: center;
    min-height: 48px;
    padding: 9px 10px;
    border-radius: 14px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(15,23,42,.08);
}
.mailek-widget-sync-state small {
    display: block;
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.mailek-widget-sync-state strong { color: #0f172a; font-size: 12px; font-weight: 950; }
.mailek-sync-pill { font-size: 12px; font-weight: 950; text-align: center; justify-content: center; }
.mailek-sync-pill.is-connected { color: #166534; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); }
.mailek-sync-pill.is-disconnected { color: #92400e; background: rgba(245,158,11,.13); border-color: rgba(245,158,11,.22); }
.mailek-widget-direct-save__repair,
.mailek-widget-direct-save__open {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.12);
    background: rgba(255,255,255,.80);
    color: #334155;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}
.mailek-widget-direct-save__open { display: none; }
.mailek-widget-direct-save__open.is-visible { display: inline-flex; }
@media (max-width: 1100px) {
    .mailek-widget-direct-save--production { grid-template-columns: 1fr; }
    .mailek-widget-sync-state { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
    .mailek-widget-sync-state { grid-template-columns: 1fr; }
}