/** EngageDock admin interaction feedback. */
.engagedock-admin-toast {
    position: fixed;
    top: 32px;
    right: 32px;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(380px, calc(100vw - 64px));
    padding: 13px 16px;
    border: 1px solid;
    border-left-width: 4px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .18);
    color: #1e293b;
    font: 500 14px/1.4 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    animation: engagedock-toast-slide-in .22s ease-out;
}
.engagedock-admin-toast--success { border-color: #10b981; }
.engagedock-admin-toast--error { border-color: #ef4444; }
.engagedock-admin-toast__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; color: #fff; font-weight: 800; }
.engagedock-admin-toast--success .engagedock-admin-toast__icon { background: #10b981; }
.engagedock-admin-toast--error .engagedock-admin-toast__icon { background: #ef4444; }
.engagedock-admin-toast__message { min-width: 0; overflow-wrap: anywhere; }
.engagedock-admin-toast .spinner { float: none; display: inline-block; margin: 0 4px 0 0; vertical-align: middle; }
.engagedock-admin-toast.is-hiding { opacity: 0; transform: translateY(-8px); transition: opacity .18s ease, transform .18s ease; }
@keyframes engagedock-toast-slide-in { from { opacity: 0; transform: translate3d(18px, -8px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@media (max-width: 600px) { .engagedock-admin-toast { top: 16px; right: 16px; width: calc(100vw - 32px); } }

.engagedock-tab-loading { position: relative; }
.engagedock-tab-loading::after { content: ""; position: absolute; inset: 0; z-index: 4; background: rgba(255,255,255,.45); pointer-events: none; }
.engagedock-tab-loader { position: absolute; top: 18px; right: 22px; z-index: 5; width: 20px; height: 20px; border: 2px solid #cbd5e1; border-top-color: #2563eb; border-radius: 50%; animation: engagedock-tab-spin .65s linear infinite; }
.engagedock-tab-enter { animation: engagedock-tab-fade .18s ease-out; }
@keyframes engagedock-tab-spin { to { transform: rotate(360deg); } }
@keyframes engagedock-tab-fade { from { opacity: .35; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

.engagedock-pro-badge { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 4px; background: linear-gradient(135deg, #7c3aed, #4338ca); color: #fff; font-size: 10px; font-weight: 800; line-height: 1.2; letter-spacing: .04em; vertical-align: middle; }
.engagedock-pro-locked { position: relative; cursor: pointer; }
.engagedock-pro-locked::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: rgba(248,250,252,.28); pointer-events: none; }
.engagedock-pro-locked input, .engagedock-pro-locked select, .engagedock-pro-locked textarea, .engagedock-pro-locked button { cursor: not-allowed !important; pointer-events: none; }
.engagedock-pro-locked .engagedock-pro-badge { margin-left: 6px; }
.engagedock-pro-upgrade-modal { position: fixed; inset: 0; z-index: 100150; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(15,23,42,.58); backdrop-filter: blur(3px); }
.engagedock-pro-upgrade-modal.is-open { display: flex; }
.engagedock-pro-upgrade-modal__panel { position: relative; width: min(430px,100%); padding: 28px; border-radius: 16px; background: #fff; box-shadow: 0 24px 70px rgba(15,23,42,.25); text-align: center; }
.engagedock-pro-upgrade-modal__panel h2 { margin: 12px 0 8px; color: #0f172a; font-size: 20px; }
.engagedock-pro-upgrade-modal__panel p { margin: 0 0 20px; color: #64748b; line-height: 1.5; }
.engagedock-pro-upgrade-modal__close { position: absolute; top: 10px; right: 12px; width: 30px; height: 30px; border: 0; border-radius: 8px; background: transparent; color: #64748b; font-size: 24px; cursor: pointer; }
.engagedock-pro-upgrade-modal__close:hover { background: #f1f5f9; color: #0f172a; }
.engagedock-modal-open { overflow: hidden; }
.engagedock-upgrade-modal { position: fixed; inset: 0; z-index: 100160; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(15,23,42,.62); backdrop-filter: blur(6px); }
.engagedock-upgrade-modal.is-open { display: flex; animation: engagedock-upgrade-fade .2s ease-out; }
.engagedock-upgrade-modal__panel { position: relative; width: min(480px,100%); padding: 30px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; box-shadow: 0 28px 80px rgba(15,23,42,.28); }
.engagedock-upgrade-modal__panel h2 { margin: 12px 0 7px; color: #0f172a; font-size: 24px; line-height: 1.25; }
.engagedock-upgrade-modal__subheader { margin: 0 0 20px; color: #64748b; font-size: 14px; line-height: 1.5; }
.engagedock-upgrade-modal__features { display: grid; gap: 10px; margin: 0 0 22px; padding: 0; list-style: none; }
.engagedock-upgrade-modal__features li { position: relative; padding-left: 28px; color: #334155; font-size: 14px; font-weight: 500; }
.engagedock-upgrade-modal__features li::before { content: "✓"; position: absolute; left: 0; top: -1px; display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; border-radius: 50%; background: #d1fae5; color: #047857; font-size: 12px; font-weight: 800; }
.engagedock-upgrade-modal__pricing { margin-bottom: 18px; color: #4338ca; font-size: 22px; font-weight: 800; }
.engagedock-upgrade-modal__pricing small { color: #64748b; font-size: 12px; font-weight: 500; }
.engagedock-upgrade-modal__panel > .engagedock-paddle-buy { width: 100%; min-height: 42px; border-radius: 9px; background: linear-gradient(135deg,#7c3aed,#4338ca); border-color: #4338ca; }
.engagedock-upgrade-modal__close { position: absolute; top: 12px; right: 14px; width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #64748b; font-size: 25px; line-height: 1; cursor: pointer; }
.engagedock-upgrade-modal__close:hover, .engagedock-upgrade-modal__close:focus { background: #f1f5f9; color: #0f172a; outline: 2px solid #c4b5fd; }
@keyframes engagedock-upgrade-fade { from { opacity: 0; } to { opacity: 1; } }