/* Shared feedback, scoped to MeetAI. Independent of the theme's modal/toast rules. */
.meetai-toast-stack {
    position: fixed; top: 84px; right: 24px; z-index: 10040; box-sizing: border-box;
    display: flex; flex-direction: column; gap: 12px;
    width: min(400px, calc(100vw - 32px)); max-height: calc(100vh - 108px);
    overflow-y: auto; padding: 4px; pointer-events: none;
}
.meetai-toast, .meetai-modal {
    --feedback-accent: #253982; --feedback-tint: #edf0f8;
    color: #28354e; font-family: Poppins, sans-serif; box-sizing: border-box;
}
.meetai-tone-success { --feedback-accent: #167765; --feedback-tint: #edf8f3; }
.meetai-tone-error, .meetai-modal.is-danger { --feedback-accent: #c32740; --feedback-tint: #fff0f2; }
.meetai-tone-warning { --feedback-accent: #966215; --feedback-tint: #fff7e8; }
.meetai-toast {
    position: relative; display: flex; flex-shrink: 0; align-items: flex-start; gap: 12px;
    padding: 17px 42px 18px 16px; background: #fff; border: 1px solid #e3e7ef;
    border-left: 3px solid var(--feedback-accent); border-radius: 14px;
    box-shadow: 0 8px 28px rgba(29, 43, 80, .12); pointer-events: auto;
    overflow: hidden; animation: meetai-toast-enter .2s ease-out;
    transition: opacity .18s ease, transform .18s ease;
}
.meetai-toast.is-closing { opacity: 0; transform: translateX(12px); }
.meetai-feedback-icon {
    display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 11px;
    color: var(--feedback-accent); background: var(--feedback-tint);
}
.meetai-feedback-icon svg { width: 20px; height: 20px; }
.meetai-toast-copy { min-width: 0; flex: 1; }
.meetai-toast-copy strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.6; }
.meetai-toast-copy p { margin: 4px 0 0; color: #5e6a80; font-size: 12px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.meetai-toast-copy strong { overflow-wrap: anywhere; }
.meetai-feedback-close {
    position: absolute; top: 9px; right: 8px; width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    padding: 0; border: 0; border-radius: 8px; background: transparent;
    color: #758199; font: 23px/1 sans-serif; cursor: pointer;
}
.meetai-feedback-close:hover { color: #253982; background: #eef1f7; }
.meetai-toast-progress {
    position: absolute; height: 2px; bottom: 0; left: 0; right: 0;
    background: var(--feedback-accent); opacity: .45; transform-origin: left;
    animation: meetai-toast-countdown var(--toast-duration) linear forwards;
}
.meetai-toast.is-paused .meetai-toast-progress { animation-play-state: paused; }
.meetai-modal-overlay {
    position: fixed; inset: 0; z-index: 10050; display: flex;
    align-items: center; justify-content: center; padding: 24px;
    background: rgba(23, 34, 62, .42); backdrop-filter: blur(4px);
    animation: meetai-dialog-enter .18s ease-out; transition: opacity .18s ease;
}
.meetai-modal-overlay[hidden], .meetai-toast [hidden], .meetai-modal [hidden] { display: none !important; }
.meetai-modal-overlay.is-closing { opacity: 0; }
.meetai-modal {
    position: relative; width: 100%; max-width: 460px; margin: 0;
    max-height: calc(100vh - 48px); overflow-y: auto;
    background: #fff; border: 1px solid rgba(255, 255, 255, .8); border-radius: 20px;
    box-shadow: 0 24px 80px rgba(20, 32, 65, .22);
}
.meetai-modal .meetai-feedback-close { top: 16px; right: 16px; }
.meetai-modal-body { padding: 30px 30px 24px; }
.meetai-modal .meetai-feedback-icon { width: 48px; height: 48px; border-radius: 15px; margin-bottom: 20px; }
.meetai-modal .meetai-feedback-icon svg { width: 26px; height: 26px; }
.meetai-modal-eyebrow { color: #7a869c; font-size: 9px; letter-spacing: .12em; font-weight: 600; margin-bottom: 8px; }
.meetai-modal h2 { color: #243458; font-size: 20px; font-weight: 600; line-height: 1.45; margin: 0 0 12px; overflow-wrap: anywhere; }
.meetai-modal p { color: #647087; font-size: 13px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; }
.meetai-modal-actions {
    display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px;
    padding: 18px 30px; background: #f8f9fc; border-top: 1px solid #edf0f5;
}
.meetai-feedback-button {
    min-height: 40px; padding: 10px 18px; border: 1px solid transparent;
    border-radius: 10px; font-family: inherit; font-size: 12px; line-height: 1.5;
    font-weight: 500; cursor: pointer; transition: background .15s ease; overflow-wrap: anywhere;
}
.meetai-feedback-button.is-primary { background: #253982; color: #fff; }
.meetai-feedback-button.is-primary:hover { background: #1b2b65; }
.meetai-modal.is-danger .meetai-feedback-button.is-primary { background: #c32740; }
.meetai-modal.is-danger .meetai-feedback-button.is-primary:hover { background: #a11e34; }
.meetai-feedback-button.is-secondary { color: #536078; background: #fff; border-color: #dce2ed; }
.meetai-feedback-button.is-secondary:hover { background: #eef1f7; }
.meetai-feedback-button:focus-visible, .meetai-feedback-close:focus-visible { outline: 3px solid #8094ce; outline-offset: 3px; }
/* Context that must remain next to a form stays inline, with the same visual family. */
.meetai-inline-feedback { border-radius: 12px !important; border: 1px solid #e3e7ef !important; box-shadow: none; }
.meetai-inline-feedback.alert-light-danger { border-left: 3px solid #c32740 !important; background: #fff5f6 !important; color: #8f2034 !important; }
.meetai-inline-feedback.alert-light-warning { border-left: 3px solid #966215 !important; background: #fff9ef !important; color: #80520e !important; }
.meetai-inline-feedback .alert-text { line-height: 1.75; }
/* Existing password-reset form keeps its fields and submit handler. */
#kt_forgot_modal .modal-content { border: 0; border-radius: 20px; box-shadow: 0 24px 80px rgba(20, 32, 65, .22); overflow: hidden; }
#kt_forgot_modal .modal-header { padding: 24px 28px 18px; border-bottom: 1px solid #edf0f5; }
#kt_forgot_modal .modal-title { color: #243458; font-size: 18px; font-weight: 600; }
#kt_forgot_modal .modal-body { padding: 24px 28px; color: #647087; }
#kt_forgot_modal .modal-footer { padding: 16px 28px; background: #f8f9fc; border-top: 1px solid #edf0f5; }
#kt_forgot_modal .modal-footer .btn { border-radius: 10px; font-size: 12px; min-height: 40px; }
@keyframes meetai-toast-enter { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@keyframes meetai-toast-countdown { to { transform: scaleX(0); } }
@keyframes meetai-dialog-enter { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 575px) {
    .meetai-toast-stack { top: 16px; right: 12px; width: calc(100vw - 24px); max-height: calc(100vh - 32px); }
    .meetai-modal-overlay { padding: 16px; }
    .meetai-modal { max-height: calc(100vh - 32px); }
    .meetai-modal-body { padding: 26px 22px 22px; }
    .meetai-modal-actions { padding: 16px 22px; }
    .meetai-feedback-button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .meetai-toast, .meetai-modal-overlay, .meetai-feedback-button { animation: none; transition: none; }
    .meetai-toast-progress { display: none; }
}