/*
 * Elanlar UI 4.1.0
 * Compatibility-first visual layer. Loaded after the legacy stylesheet.
 * Brand: #0067ed + white. Success: green. Error: red.
 */
:root {
    --elan-brand: #0067ed;
    --elan-brand-hover: #0057ca;
    --elan-brand-active: #0048aa;
    --elan-brand-soft: #edf5ff;
    --elan-brand-ring: rgba(0, 103, 237, .18);
    --elan-ui-bg: #f6f8fc;
    --elan-ui-surface: #ffffff;
    --elan-ui-surface-alt: #f8faff;
    --elan-ui-border: #dfe7f3;
    --elan-ui-border-strong: #c8d6ea;
    --elan-ui-text: #101828;
    --elan-ui-muted: #667085;
    --elan-ui-success: #16a34a;
    --elan-ui-success-soft: #ecfdf3;
    --elan-ui-danger: #dc2626;
    --elan-ui-danger-soft: #fef2f2;
    --elan-ui-warning: #d97706;
    --elan-ui-warning-soft: #fffbeb;
    --elan-ui-radius-xs: 8px;
    --elan-ui-radius-sm: 10px;
    --elan-ui-radius: 14px;
    --elan-ui-radius-lg: 18px;
    --elan-ui-shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);
    --elan-ui-shadow-sm: 0 6px 18px rgba(16, 24, 40, .07);
    --elan-ui-shadow-md: 0 18px 48px rgba(16, 24, 40, .14);
    --elan-ui-transition: 160ms cubic-bezier(.2, .8, .2, 1);
}

.elanlar-wrapper,
.elanlar-wrapper input,
.elanlar-wrapper select,
.elanlar-wrapper textarea,
.elanlar-wrapper button {
    font-family: Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.elanlar-wrapper {
    color: var(--elan-ui-text) !important;
    padding: 18px 12px !important;
}

.elanlar-wrapper *,
.elanlar-wrapper *::before,
.elanlar-wrapper *::after {
    box-sizing: border-box;
}

.elanlar-wrapper a,
.elanlar-wrapper button,
.elanlar-wrapper input,
.elanlar-wrapper select,
.elanlar-wrapper textarea,
.elanlar-wrapper [role="button"] {
    -webkit-tap-highlight-color: transparent;
}

.elanlar-wrapper :where(a, button, input, select, textarea, [role="button"]):focus-visible {
    outline: 3px solid var(--elan-brand-ring) !important;
    outline-offset: 2px !important;
}

/* Compact page surfaces: fewer nested cards and less visual noise. */
.elan-form-container,
.elan-dashboard,
.elan-single,
.elan-seller-profile,
.elanlar-lp,
#elan-sp-root {
    color: var(--elan-ui-text) !important;
}

.elan-form-container,
.elan-dashboard__header,
.elan-table-wrap,
.elan-stat-card,
.elan-msg-form-card,
.elan-modal__box {
    background: var(--elan-ui-surface) !important;
    border-color: var(--elan-ui-border) !important;
    box-shadow: var(--elan-ui-shadow-xs) !important;
}

.elan-form-container {
    border: 1px solid var(--elan-ui-border) !important;
    border-radius: var(--elan-ui-radius-lg) !important;
    padding: 22px !important;
}

.elan-form-step,
.elan-form__section,
.elan-dashboard__section {
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.elan-form__section-title {
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid var(--elan-ui-border) !important;
    color: var(--elan-ui-text) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Inputs */
.elanlar-wrapper :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, [contenteditable="true"], .elan-input) {
    min-height: 42px;
    border: 1px solid var(--elan-ui-border-strong) !important;
    border-radius: var(--elan-ui-radius-sm) !important;
    background: var(--elan-ui-surface) !important;
    color: var(--elan-ui-text) !important;
    box-shadow: var(--elan-ui-shadow-xs) !important;
    transition: border-color var(--elan-ui-transition), box-shadow var(--elan-ui-transition), background var(--elan-ui-transition) !important;
}

.elanlar-wrapper :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, [contenteditable="true"], .elan-input):hover {
    border-color: #aebed4 !important;
}

.elanlar-wrapper :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, [contenteditable="true"], .elan-input):focus {
    border-color: var(--elan-brand) !important;
    box-shadow: 0 0 0 4px var(--elan-brand-ring) !important;
}

.elanlar-wrapper :where(input, textarea)::placeholder {
    color: #98a2b3 !important;
    opacity: 1 !important;
}

.elan-field,
.elan-field-row {
    margin-bottom: 14px !important;
}

.elan-field > label,
.elan-form-container label {
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Buttons */
.elanlar-wrapper :where(.elan-btn, .elan-msg-send-btn, .elan-chat-send-btn, .elan-pkg-select-btn, .elan-msg-send-btn, button[type="submit"]) {
    min-height: 42px !important;
    border-radius: 11px !important;
    font-weight: 600 !important;
    transition: transform var(--elan-ui-transition), box-shadow var(--elan-ui-transition), background var(--elan-ui-transition), border-color var(--elan-ui-transition) !important;
}

.elan-btn--primary,
.elan-chat-send-btn,
.elan-msg-send-btn,
.elan-pkg-select-btn {
    background: var(--elan-brand) !important;
    border-color: var(--elan-brand) !important;
    color: #fff !important;
    box-shadow: 0 7px 16px rgba(0, 103, 237, .2) !important;
}

.elan-btn--primary:hover,
.elan-chat-send-btn:hover,
.elan-msg-send-btn:hover,
.elan-pkg-select-btn:hover {
    background: var(--elan-brand-hover) !important;
    border-color: var(--elan-brand-hover) !important;
    transform: translateY(-1px) !important;
}

.elan-btn--primary:active,
.elan-chat-send-btn:active,
.elan-msg-send-btn:active,
.elan-pkg-select-btn:active {
    background: var(--elan-brand-active) !important;
    transform: translateY(0) !important;
}

.elan-btn--success {
    background: var(--elan-ui-success) !important;
    border-color: var(--elan-ui-success) !important;
    color: #fff !important;
}

.elan-btn--ghost,
.elan-chat-photo-btn {
    background: var(--elan-ui-surface) !important;
    border: 1px solid var(--elan-ui-border-strong) !important;
    color: #475467 !important;
    box-shadow: var(--elan-ui-shadow-xs) !important;
}

.elan-btn--ghost:hover,
.elan-chat-photo-btn:hover {
    background: var(--elan-brand-soft) !important;
    border-color: #9fc4fb !important;
    color: var(--elan-brand) !important;
}

.elanlar-wrapper :where(button, .elan-btn):disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Notices and feedback */
.elan-notice,
.elan-chat-inline-error,
.elan-ui-inline-message {
    border-radius: 12px !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    box-shadow: none !important;
}

.elan-notice--success,
.elan-ui-inline-message--success {
    background: var(--elan-ui-success-soft) !important;
    border: 1px solid #86efac !important;
    color: #166534 !important;
}

.elan-notice--error,
.elan-chat-inline-error,
.elan-ui-inline-message--error {
    background: var(--elan-ui-danger-soft) !important;
    border: 1px solid #fca5a5 !important;
    color: #991b1b !important;
}

.elan-notice--warning,
.elan-ui-inline-message--warning {
    background: var(--elan-ui-warning-soft) !important;
    border: 1px solid #fcd34d !important;
    color: #92400e !important;
}

.elan-ui-notice-close {
    margin-left: auto;
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: currentColor;
    cursor: pointer;
    opacity: .65;
}

.elan-ui-notice-close:hover { opacity: 1; background: rgba(16, 24, 40, .06); }

/* Dashboard */
.elan-dashboard {
    max-width: 1100px !important;
    margin-inline: auto !important;
}

.elan-dashboard__header {
    border: 1px solid var(--elan-ui-border) !important;
    border-radius: var(--elan-ui-radius-lg) !important;
    padding: 16px !important;
    margin-bottom: 14px !important;
}

.elan-stats {
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.elan-stat-card,
.elan-stat {
    min-width: 0;
    border: 1px solid var(--elan-ui-border) !important;
    border-radius: var(--elan-ui-radius) !important;
    padding: 14px !important;
}

.elan-stat-card__num,
.elan-stat__num {
    color: var(--elan-brand) !important;
}

.elan-tabs {
    gap: 4px !important;
    margin: 0 0 14px !important;
    padding: 4px !important;
    border: 1px solid var(--elan-ui-border) !important;
    border-radius: 12px !important;
    background: var(--elan-ui-surface-alt) !important;
    overflow-x: auto;
    scrollbar-width: none;
}

.elan-tabs::-webkit-scrollbar { display: none; }

.elan-tab {
    flex: 0 0 auto;
    border: 0 !important;
    border-radius: 9px !important;
    padding: 9px 13px !important;
    color: var(--elan-ui-muted) !important;
}

.elan-tab.active {
    background: var(--elan-ui-surface) !important;
    color: var(--elan-brand) !important;
    box-shadow: var(--elan-ui-shadow-xs) !important;
}

.elan-table-wrap {
    border: 1px solid var(--elan-ui-border) !important;
    border-radius: var(--elan-ui-radius) !important;
    overflow: auto !important;
}

.elan-table th {
    background: var(--elan-ui-surface-alt) !important;
    color: #475467 !important;
    border-color: var(--elan-ui-border) !important;
}

.elan-table td {
    border-color: #edf1f7 !important;
}

.elan-table tr:hover td {
    background: #f9fbff !important;
}

.elan-status {
    border-radius: 999px !important;
    font-weight: 600 !important;
}

.elan-status--active { background: var(--elan-ui-success-soft) !important; color: #15803d !important; border-color: #bbf7d0 !important; }
.elan-status--trash,
.elan-status--rejected { background: var(--elan-ui-danger-soft) !important; color: var(--elan-ui-danger) !important; border-color: #fecaca !important; }
.elan-status--pending { background: var(--elan-ui-warning-soft) !important; color: #b45309 !important; border-color: #fde68a !important; }

/* Listings/cards */
.elan-dcard,
.elanlar-lp .edc,
#elanlar-lp .edc,
#elan-sp-root .edc {
    border-radius: 16px !important;
    border-color: var(--elan-ui-border) !important;
    box-shadow: var(--elan-ui-shadow-xs) !important;
    transition: transform var(--elan-ui-transition), box-shadow var(--elan-ui-transition), border-color var(--elan-ui-transition) !important;
}

.elan-dcard:hover,
.elanlar-lp .edc:hover,
#elanlar-lp .edc:hover,
#elan-sp-root .edc:hover {
    transform: translateY(-2px) !important;
    border-color: #9fc4fb !important;
    box-shadow: var(--elan-ui-shadow-sm) !important;
}

/* Modals */
.elan-modal,
#elan-complaint-modal,
#elan-confirm-delivery-modal,
#elan-rating-popup,
#elan-qv-overlay,
#elan-safety-overlay,
#elan-login-prompt-overlay,
#qv-reviews-overlay {
    overscroll-behavior: contain;
}

.elan-modal__backdrop,
#elan-complaint-modal,
#elan-confirm-delivery-modal,
#elan-rating-popup,
#elan-qv-overlay,
#elan-safety-overlay,
#elan-login-prompt-overlay,
#qv-reviews-overlay {
    background: rgba(15, 23, 42, .56) !important;
    backdrop-filter: blur(5px) !important;
}

.elan-modal__box,
#elan-complaint-modal > div,
#elan-confirm-delivery-modal > div,
#elan-rating-popup > div,
#elan-safety-overlay > div,
#elan-login-prompt-overlay > div,
#qv-reviews-overlay > div {
    border: 1px solid rgba(255, 255, 255, .75) !important;
    border-radius: 18px !important;
    box-shadow: var(--elan-ui-shadow-md) !important;
}

.elan-modal__header {
    padding: 18px 20px 14px !important;
    border-bottom: 1px solid var(--elan-ui-border) !important;
}

.elan-modal__subtitle {
    padding: 0 20px 16px !important;
    border-bottom: 1px solid var(--elan-ui-border) !important;
}

.elan-modal__close {
    width: 34px !important;
    height: 34px !important;
    background: #f2f4f7 !important;
    border: 0 !important;
}

body.elan-ui-modal-open { overflow: hidden !important; }

/* Unified messenger shell. Removes the visual "block inside block" effect. */
.elan-messenger {
    max-width: 860px !important;
    margin: 0 auto !important;
    background: var(--elan-ui-surface) !important;
    border: 1px solid var(--elan-ui-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--elan-ui-shadow-sm) !important;
    overflow: hidden !important;
}

.elan-messenger > .elan-messenger__header {
    margin: 0 !important;
    padding: 16px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--elan-ui-border) !important;
    border-radius: 0 !important;
    background: var(--elan-ui-surface) !important;
    box-shadow: none !important;
}

.elan-messenger__header h2 {
    font-size: 19px !important;
    color: var(--elan-ui-text) !important;
}

.elan-msg-bubble {
    background: var(--elan-brand-soft) !important;
    color: var(--elan-brand) !important;
    border: 1px solid #c7ddff !important;
}

.elan-inbox-search-wrap {
    margin: 0 !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--elan-ui-border) !important;
    background: var(--elan-ui-surface-alt) !important;
}

#elan-inbox-search {
    width: 100%;
    min-height: 40px;
    padding: 9px 13px !important;
}

.elan-conv-list {
    gap: 0 !important;
    background: var(--elan-ui-surface) !important;
}

.elan-conv-item {
    margin: 0 !important;
    padding: 13px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f7 !important;
    border-radius: 0 !important;
    background: var(--elan-ui-surface) !important;
    box-shadow: none !important;
    transform: none !important;
}

.elan-conv-item:last-child { border-bottom: 0 !important; }
.elan-conv-item:hover { background: #f8fbff !important; transform: none !important; }
.elan-conv-item--unread { background: #f2f7ff !important; box-shadow: inset 3px 0 0 var(--elan-brand) !important; }
.elan-conv-item--admin-dm { box-shadow: inset 3px 0 0 var(--elan-brand) !important; }
.elan-conv-item__listing--admin { color: var(--elan-brand) !important; }
.elan-conv-item__support-badges { margin-top: 4px !important; }

.elan-conv-item__avatar img {
    border-color: #d9e5f5 !important;
    box-shadow: 0 0 0 3px #f6f9fe !important;
}

.elan-conv-item__badge,
.elan-conv-item__dot {
    background: var(--elan-brand) !important;
}

.elan-chat-header {
    position: sticky !important;
    top: 0;
    z-index: 20;
    margin: 0 !important;
    padding: 11px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--elan-ui-border) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
}

.elan-chat-back {
    color: var(--elan-brand) !important;
}

.elan-chat-header__avatar {
    width: 42px !important;
    height: 42px !important;
    border: 2px solid #d8e6f9 !important;
}

.elan-chat-header__info strong { color: var(--elan-ui-text) !important; }
.elan-chat-listing-link { color: var(--elan-brand) !important; }

.elan-ui-connection {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: var(--elan-ui-success-soft);
    color: #15803d;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.elan-ui-connection::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.elan-ui-connection.is-offline {
    border-color: #fecaca;
    background: var(--elan-ui-danger-soft);
    color: var(--elan-ui-danger);
}

.elan-chat-body {
    min-height: 390px !important;
    max-height: min(66vh, 640px) !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f7f9fd !important;
    box-shadow: none !important;
    scroll-behavior: smooth;
    overscroll-behavior: contain;
}

.elan-chat-date-sep span {
    background: #e9eef6 !important;
    color: #667085 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.elan-msg-row { gap: 7px !important; }
.elan-msg-bubble-wrap { max-width: min(76%, 620px) !important; }
.elan-msg {
    padding: 9px 12px !important;
    border-radius: 15px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}

.elan-msg--me {
    background: var(--elan-brand) !important;
    border: 1px solid var(--elan-brand) !important;
    color: #fff !important;
    border-bottom-right-radius: 5px !important;
}

.elan-msg--other {
    background: var(--elan-ui-surface) !important;
    border: 1px solid var(--elan-ui-border) !important;
    color: var(--elan-ui-text) !important;
    border-bottom-left-radius: 5px !important;
}

.elan-msg--admin {
    background: var(--elan-brand) !important;
    border-color: var(--elan-brand) !important;
    color: #fff !important;
}

.elan-msg-meta { color: #7b8798 !important; }
.elan-msg-check--read { color: #22c55e !important; }

.elan-chat-safety-ticker {
    margin: 0 0 10px !important;
    border: 1px solid #fde68a !important;
    border-radius: 10px !important;
    background: var(--elan-ui-warning-soft) !important;
    box-shadow: none !important;
}

.elan-chat-footer {
    position: sticky !important;
    bottom: 0;
    z-index: 20;
    margin: 0 !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid var(--elan-ui-border) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
}

.elan-chat-input-wrap {
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.elan-chat-input {
    min-height: 42px !important;
    max-height: 120px !important;
    padding: 10px 13px !important;
    border-radius: 14px !important;
    background: #f8faff !important;
}

.elan-chat-photo-btn,
.elan-chat-send-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
}

#chat-photo-preview-bar {
    margin: 0 0 8px !important;
    padding: 8px !important;
    border: 1px solid var(--elan-ui-border) !important;
    border-radius: 12px !important;
    background: var(--elan-ui-surface-alt) !important;
}

.elan-preview-chip { border-radius: 10px !important; }



/* Complaint flow */
.elan-complaint-trigger {
    appearance: none !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #fecaca !important;
    border-radius: 11px !important;
    background: var(--elan-ui-danger-soft) !important;
    color: var(--elan-ui-danger) !important;
    cursor: pointer !important;
    transition: transform var(--elan-ui-transition), background var(--elan-ui-transition), border-color var(--elan-ui-transition) !important;
}
.elan-complaint-trigger:hover { background: #fee2e2 !important; border-color: #fca5a5 !important; transform: translateY(-1px); }
.elan-complaint-trigger svg { stroke: currentColor !important; }
.elan-complaint-close {
    appearance: none !important;
    width: 34px !important;
    height: 34px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #f2f4f7 !important;
    color: #475467 !important;
    font: inherit !important;
    cursor: pointer !important;
}
.elan-complaint-close:hover { background: var(--elan-ui-danger-soft) !important; color: var(--elan-ui-danger) !important; }
.elan-complaint-submit {
    appearance: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 11px 18px !important;
    border: 1px solid var(--elan-ui-danger) !important;
    border-radius: 12px !important;
    background: var(--elan-ui-danger) !important;
    color: #fff !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background var(--elan-ui-transition), transform var(--elan-ui-transition), opacity var(--elan-ui-transition) !important;
}
.elan-complaint-submit:hover:not(:disabled) { background: #b91c1c !important; transform: translateY(-1px); }
.elan-complaint-submit:disabled { cursor: wait !important; opacity: .68 !important; }
.elan-evidence-drop {
    border: 1.5px dashed var(--elan-ui-border-strong) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    text-align: center !important;
    cursor: pointer !important;
    background: var(--elan-ui-surface-alt) !important;
    transition: border-color var(--elan-ui-transition), background var(--elan-ui-transition), box-shadow var(--elan-ui-transition) !important;
}
.elan-evidence-drop:hover,
.elan-evidence-drop.is-dragover,
.elan-evidence-drop:focus-visible {
    border-color: var(--elan-brand) !important;
    background: var(--elan-brand-soft) !important;
    box-shadow: 0 0 0 4px var(--elan-brand-ring) !important;
}
.elan-evidence-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 9px !important;
}
.elan-evidence-error {
    display: none;
    margin-top: 7px !important;
    color: var(--elan-ui-danger) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.elan-evidence-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    max-width: 210px !important;
    min-height: 34px !important;
    padding: 5px 7px !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 10px !important;
    background: var(--elan-brand-soft) !important;
    color: #175cd3 !important;
    font-size: 12px !important;
}
.elan-evidence-chip--loading { border-color: var(--elan-ui-border) !important; background: #f2f4f7 !important; color: var(--elan-ui-muted) !important; }
.elan-evidence-chip__preview { width: 24px !important; height: 24px !important; flex: 0 0 auto !important; border-radius: 6px !important; object-fit: cover !important; }
.elan-evidence-chip__type { min-width: 27px; font-size: 10px; font-weight: 600; color: #475467; }
.elan-evidence-chip__name { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.elan-evidence-chip__remove {
    appearance: none !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--elan-ui-danger) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}
.elan-evidence-chip__remove:hover { background: var(--elan-ui-danger-soft) !important; }

/* Toast system */
.elan-ui-toast-stack {
    position: fixed;
    right: 18px;
    top: 18px;
    z-index: 10000050;
    display: grid;
    gap: 10px;
    width: min(380px, calc(100vw - 24px));
    pointer-events: none;
}

.elan-ui-toast {
    display: grid;
    grid-template-columns: 32px minmax(0,1fr) 28px;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 11px 12px;
    border: 1px solid var(--elan-ui-border);
    border-left: 4px solid var(--elan-brand);
    border-radius: 14px;
    background: rgba(255,255,255,.98);
    color: var(--elan-ui-text);
    box-shadow: var(--elan-ui-shadow-md);
    pointer-events: auto;
    animation: elanUiToastIn .2s ease both;
}

.elan-ui-toast.is-leaving { animation: elanUiToastOut .18s ease both; }
.elan-ui-toast--success { border-left-color: var(--elan-ui-success); }
.elan-ui-toast--error { border-left-color: var(--elan-ui-danger); }
.elan-ui-toast--warning { border-left-color: var(--elan-ui-warning); }

.elan-ui-toast__icon {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--elan-brand-soft);
    color: var(--elan-brand);
    font-weight: 600;
}
.elan-ui-toast--success .elan-ui-toast__icon { background: var(--elan-ui-success-soft); color: var(--elan-ui-success); }
.elan-ui-toast--error .elan-ui-toast__icon { background: var(--elan-ui-danger-soft); color: var(--elan-ui-danger); }
.elan-ui-toast--warning .elan-ui-toast__icon { background: var(--elan-ui-warning-soft); color: var(--elan-ui-warning); }
.elan-ui-toast__message { min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.elan-ui-toast__close { width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: #667085; cursor: pointer; }
.elan-ui-toast__close:hover { background: #f2f4f7; color: #101828; }

@keyframes elanUiToastIn { from { opacity: 0; transform: translateY(-8px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes elanUiToastOut { to { opacity: 0; transform: translateY(-5px) scale(.98); } }

.elan-ui-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 780px) {
    .elanlar-wrapper { padding: 8px !important; }
    .elan-form-container { padding: 16px !important; border-radius: 15px !important; }
    .elan-field-row { grid-template-columns: 1fr !important; gap: 0 !important; }
    .elan-stats { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    .elan-dashboard__header { padding: 13px !important; }
    .elan-table-wrap { border-radius: 12px !important; }
    .elan-table { min-width: 700px; }

    .elan-messenger {
        width: 100% !important;
        min-height: calc(var(--elan-vh, 1vh) * 100 - 16px);
        border-radius: 15px !important;
    }

    .elan-messenger > .elan-messenger__header { padding: 13px 14px !important; }
    .elan-inbox-search-wrap { padding: 10px !important; }
    .elan-conv-item { padding: 12px !important; }
    .elan-conv-item__avatar img { width: 42px !important; height: 42px !important; }

    .elan-chat-header { padding: 9px 10px !important; }
    .elan-chat-header__info { min-width: 0; }
    .elan-chat-header__info strong,
    .elan-chat-listing-link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .elan-ui-connection { padding-inline: 7px; }

    .elan-chat-body {
        min-height: 330px !important;
        max-height: calc(var(--elan-vh, 1vh) * 100 - 190px) !important;
        padding: 10px !important;
    }

    .elan-msg-bubble-wrap { max-width: 84% !important; }
    .elan-msg { padding: 8px 11px !important; }
    .elan-chat-footer { padding: 8px 9px calc(8px + env(safe-area-inset-bottom)) !important; }
    .elan-chat-photo-btn,
    .elan-chat-send-btn { width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; }
    .elan-chat-input { min-height: 40px !important; }

    .elan-modal,
    #elan-complaint-modal,
    #elan-confirm-delivery-modal,
    #elan-rating-popup,
    #elan-qv-overlay,
    #elan-safety-overlay,
    #elan-login-prompt-overlay,
    #qv-reviews-overlay {
        align-items: flex-end !important;
        padding: 0 !important;
    }

    .elan-modal__box,
    #elan-complaint-modal > div,
    #elan-confirm-delivery-modal > div,
    #elan-rating-popup > div,
    #elan-safety-overlay > div,
    #elan-login-prompt-overlay > div,
    #qv-reviews-overlay > div {
        width: 100% !important;
        max-width: 100% !important;
        max-height: min(92vh, calc(var(--elan-vh, 1vh) * 92)) !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .elan-ui-toast-stack {
        top: auto;
        right: 12px;
        bottom: calc(12px + env(safe-area-inset-bottom));
        width: calc(100vw - 24px);
    }
}

@media (max-width: 480px) {
    .elan-stats { grid-template-columns: 1fr 1fr !important; }
    .elan-stat-card,
    .elan-stat { padding: 12px !important; }
    .elan-dashboard__user { gap: 10px !important; }
    .elan-dashboard__avatar { width: 46px !important; height: 46px !important; }
    .elan-form-nav { gap: 8px !important; }
    .elan-form-nav .elan-btn { flex: 1 1 auto; padding-inline: 12px !important; }
    .elan-chat-header__actions { gap: 5px !important; }
    .elan-ui-connection { font-size: 0; width: 24px; padding: 0; justify-content: center; }
    .elan-msg-avatar { display: none !important; }
    .elan-msg-bubble-wrap { max-width: 88% !important; }
}

@media (prefers-reduced-motion: reduce) {
    .elanlar-wrapper *,
    .elanlar-wrapper *::before,
    .elanlar-wrapper *::after,
    .elan-ui-toast {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}