.support-popup.ns-support-popup {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: min(620px, calc(100vw - 32px)) !important;
    min-width: 0;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    padding: 28px;
    border: 1px solid #dde9e1;
    border-radius: 24px;
    background: #fff;
    color: #233c31;
    box-shadow: 0 24px 80px rgba(18, 52, 36, .24);
    filter: none;
    z-index: 999;
    direction: rtl;
    text-align: right;
    font-family: inherit;
}
.ns-support-popup *, .ns-support-popup *::before, .ns-support-popup *::after { box-sizing: border-box; }
.ns-support-popup .ns-support-heading { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px; }
.ns-support-popup .ns-support-heading-copy { flex: 1; min-width: 0; }
.ns-support-popup .ns-support-title { margin: 0 0 6px; color: #203c2e; font-size: 21px; font-weight: 700; line-height: 1.6; }
.ns-support-popup .ns-support-subtitle { margin: 0; color: #6b7c71; font-size: 13px; line-height: 1.8; }
.ns-support-popup .ns-support-heading-icon,
.ns-support-popup .ns-support-card-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 14px; background: #eaf6ef; color: #087b49; }
.ns-support-popup svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ns-support-popup .ns-support-close,
.ns-support-popup .ns-support-back { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; padding: 0; border: 1px solid #e3ebe6; border-radius: 50%; background: #fff; color: #65796c; cursor: pointer; }
.ns-support-popup .ns-support-close svg { width: 20px; height: 20px; }
.ns-support-popup .ns-support-back { margin-bottom: 12px; }
.ns-support-popup .ns-support-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ns-support-popup .ns-support-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-width: 0; min-height: 124px; padding: 18px 10px; border: 1px solid #e2eae5; border-radius: 16px; background: #fff; color: #233c31; text-decoration: none; text-align: center; cursor: pointer; transition: border-color .15s, background-color .15s, box-shadow .15s; }
.ns-support-popup .ns-support-card-title { color: inherit; font-size: 13px; font-weight: 600; line-height: 1.8; }
.ns-support-popup .ns-support-card-primary { background: #f2faf5; border-color: #b9d9c7; }
.ns-support-popup .ns-support-card:hover { background: #f2faf5; border-color: #79b591; color: #086e43; box-shadow: 0 4px 12px rgba(8, 123, 73, .07); }
.ns-support-popup .ns-support-card-complaint .ns-support-card-icon { color: #a64752; background: #fcf0f1; }
.ns-support-popup .ns-support-track { margin-top: 24px; padding: 18px; border: 1px solid #e0ece4; border-radius: 16px; background: #f5faf7; }
.ns-support-popup .ns-support-track-title { display: block; margin-bottom: 12px; color: #294c38; font-size: 14px; font-weight: 600; line-height: 1.8; }
.ns-support-popup .ns-support-track-row { display: flex; align-items: stretch; gap: 10px; }
.ns-support-popup .ns-support-track-input { flex: 1; min-width: 0; width: 0; height: 48px; padding: 0 14px; border: 1px solid #d5e4db; border-radius: 12px; background: #fff; color: #233c31; box-shadow: none; font-family: inherit; font-size: 13px; text-align: right; }
.ns-support-popup .ns-support-track-input::placeholder { color: #77887d; opacity: 1; }
.ns-support-popup .ns-support-track-button.ui-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 112px; min-height: 48px; margin: 0; padding: 0 16px; border: 1px solid #087b49; border-radius: 12px; background: #087b49; color: #fff; box-shadow: none; text-shadow: none; font-family: inherit; font-size: 14px; font-weight: 600; }
.ns-support-popup .ns-support-track-button.ui-button:hover { background: #076b40; border-color: #076b40; }
.ns-support-popup .ns-support-track-button .ui-button-text { padding: 0; font-size: inherit; line-height: 1.6; }
.ns-support-popup .ns-support-faq { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding: 14px 2px 0; border-top: 1px solid #e7eee9; color: #42654f; text-decoration: none; font-size: 14px; font-weight: 600; }
.ns-support-popup .ns-support-faq-label { display: flex; align-items: center; gap: 10px; }
.ns-support-popup .ns-support-faq svg { width: 21px; height: 21px; }
.ns-support-popup .ns-support-faq:hover { color: #087b49; }
.ns-support-popup a:focus-visible,
.ns-support-popup button:focus-visible,
.ns-support-popup input:focus-visible { outline: 2px solid #087b49; outline-offset: 3px; }
@media (max-width: 480px) {
    .support-popup.ns-support-popup { padding: 20px 16px; border-radius: 20px; }
    .ns-support-popup .ns-support-title { font-size: 18px; }
    .ns-support-popup .ns-support-heading { gap: 8px; margin-bottom: 18px; }
    .ns-support-popup .ns-support-heading-icon { width: 40px; height: 40px; }
    .ns-support-popup .ns-support-close { width: 36px; height: 36px; }
    .ns-support-popup .ns-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .ns-support-popup .ns-support-card { min-height: 112px; padding: 14px 8px; gap: 8px; }
    .ns-support-popup .ns-support-track { padding: 14px; margin-top: 18px; }
    .ns-support-popup .ns-support-track-row { flex-direction: column; }
    .ns-support-popup .ns-support-track-input { flex: auto; width: 100%; }
    .ns-support-popup .ns-support-track-button.ui-button { flex: auto; width: 100%; }
}

@media (max-width: 768px) {
    .support-popup.ns-support-popup { width: calc(100vw - 24px); max-width: 560px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; }
    .ns-support-popup .ns-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .ns-support-popup .ns-support-card { min-height: 104px; padding: 12px 8px; }
    .ns-support-popup .ns-support-card-title { font-size: 12px; }
}