{"id":11424,"date":"2026-04-26T17:15:18","date_gmt":"2026-04-26T17:15:18","guid":{"rendered":"https:\/\/www.mediation-help.com\/?page_id=11424"},"modified":"2026-08-30T22:20:56","modified_gmt":"2026-08-30T22:20:56","slug":"cabinet","status":"publish","type":"page","link":"https:\/\/www.mediation-help.com\/en\/cabinet\/","title":{"rendered":"\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u043a\u0430\u0431\u0456\u043d\u0435\u0442"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11424\" class=\"elementor elementor-11424\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82f495a e-flex e-con-boxed e-con e-parent\" data-id=\"82f495a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dea41e4 elementor-widget elementor-widget-html\" data-id=\"dea41e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"mh-cabinet-root\" class=\"mh-cabinet-wrap\">\r\n  <div class=\"mh-cabinet-loading\">\r\n    <div class=\"mh-loader\"><\/div>\r\n    <p>\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454\u043c\u043e \u043a\u0430\u0431\u0456\u043d\u0435\u0442...<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .mh-cabinet-wrap,\r\n  .mh-cabinet-wrap * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .mh-cabinet-wrap {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 32px 0;\r\n    color: var(--e-global-color-text, #0D1211);\r\n    font-family: \"Inter Tight\", \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  }\r\n\r\n  .mh-cabinet-loading {\r\n    min-height: 220px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .mh-cabinet-loading p {\r\n    margin: 0;\r\n    color: rgba(13, 18, 17, 0.62);\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-loader {\r\n    width: 36px;\r\n    height: 36px;\r\n    border: 3px solid rgba(14, 36, 72, 0.12);\r\n    border-top-color: var(--e-global-color-secondary, #72B6AA);\r\n    border-radius: 999px;\r\n    animation: mhSpin 0.8s linear infinite;\r\n  }\r\n\r\n  @keyframes mhSpin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  .mh-cabinet-error {\r\n    max-width: 640px;\r\n    margin: 0 auto;\r\n    padding: 28px;\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n    border-radius: 24px;\r\n    text-align: center;\r\n  }\r\n\r\n  .mh-cabinet-error h2 {\r\n    margin: 0 0 10px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 36px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .mh-cabinet-error p {\r\n    margin: 0;\r\n    color: rgba(13, 18, 17, 0.68);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .mh-profile-warning {\r\n    margin-bottom: 18px;\r\n    padding: 22px;\r\n    border-radius: 24px;\r\n    background: rgba(230, 180, 90, 0.18);\r\n    border: 1px solid rgba(230, 180, 90, 0.34);\r\n  }\r\n\r\n  .mh-profile-warning-inner {\r\n    display: grid;\r\n    grid-template-columns: 42px minmax(0, 1fr) auto;\r\n    gap: 16px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .mh-profile-warning-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 14px;\r\n    background: rgba(230, 180, 90, 0.28);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .mh-profile-warning h2 {\r\n    margin: 0 0 8px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 28px;\r\n    line-height: 1.05;\r\n    font-weight: 400;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .mh-profile-warning p {\r\n    margin: 0;\r\n    color: rgba(13, 18, 17, 0.72);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .mh-profile-warning-list {\r\n    margin: 12px 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n  }\r\n\r\n  .mh-profile-warning-list li {\r\n    padding: 6px 10px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.7);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-size: 14px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .mh-map-location-prompt {\r\n    background: rgba(114, 182, 170, 0.13);\r\n    border-color: rgba(114, 182, 170, 0.36);\r\n  }\r\n\r\n  .mh-map-location-prompt .mh-profile-warning-inner {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .mh-map-location-form {\r\n    display: grid;\r\n    grid-column: 1;\r\n    gap: 18px;\r\n  }\r\n\r\n  .mh-map-location-copy p + p {\r\n    margin-top: 9px;\r\n  }\r\n\r\n  .mh-map-location-copy a {\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-weight: 600;\r\n    text-underline-offset: 3px;\r\n  }\r\n\r\n  .mh-map-location-field {\r\n    display: grid;\r\n    gap: 8px;\r\n  }\r\n\r\n  .mh-map-location-field label {\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .mh-map-location-field input[type=\"text\"] {\r\n    width: 100%;\r\n    min-height: 48px;\r\n    padding: 11px 14px;\r\n    border: 1px solid rgba(14, 36, 72, 0.2);\r\n    border-radius: 13px;\r\n    background: #FFFFFF;\r\n    color: var(--e-global-color-text, #0D1211);\r\n    font: inherit;\r\n  }\r\n\r\n  .mh-map-location-field input[type=\"text\"]:focus {\r\n    border-color: var(--e-global-color-secondary, #72B6AA);\r\n    outline: 3px solid rgba(114, 182, 170, 0.18);\r\n  }\r\n\r\n  .mh-map-location-field input[type=\"text\"].is-error {\r\n    border-color: #a13737;\r\n    outline: 3px solid rgba(161, 55, 55, 0.12);\r\n  }\r\n\r\n  .mh-map-location-field small {\r\n    color: rgba(13, 18, 17, 0.62);\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .mh-map-location-selection-hint.is-success {\r\n    color: #1f6b54;\r\n  }\r\n\r\n  .mh-map-location-selection-hint.is-error {\r\n    color: #a13737;\r\n  }\r\n\r\n  .mh-map-location-online-hint {\r\n    padding: 9px 11px;\r\n    border-radius: 10px;\r\n    background: rgba(114, 182, 170, 0.12);\r\n  }\r\n\r\n  .mh-map-location-online-hint strong {\r\n    color: var(--e-global-color-primary, #0E2448);\r\n  }\r\n\r\n  .mh-map-location-consent {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: flex-start;\r\n    color: rgba(13, 18, 17, 0.78);\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .mh-map-location-consent input {\r\n    width: 18px;\r\n    height: 18px;\r\n    margin: 1px 0 0;\r\n    accent-color: var(--e-global-color-secondary, #72B6AA);\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .mh-map-location-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .mh-map-location-notice {\r\n    color: #1f6b54;\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .mh-map-location-notice.is-error {\r\n    color: #a13737;\r\n  }\r\n\r\n  .pac-container {\r\n    z-index: 100000;\r\n  }\r\n\r\n  .mh-cabinet-hero {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 24px;\r\n    align-items: center;\r\n    margin-bottom: 18px;\r\n    padding: 28px;\r\n    border-radius: 28px;\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n  }\r\n\r\n  .mh-cabinet-kicker,\r\n  .mh-card-label {\r\n    display: inline-flex;\r\n    width: fit-content;\r\n    margin-bottom: 12px;\r\n    color: var(--e-global-color-secondary, #72B6AA);\r\n    font-family: \"Inter Tight\", \"Inter\", sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-cabinet-hero h1 {\r\n    margin: 0 0 12px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 50px;\r\n    line-height: 0.98;\r\n    font-weight: 600;\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .mh-cabinet-hero p {\r\n    max-width: 680px;\r\n    margin: 0;\r\n    color: rgba(13, 18, 17, 0.68);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-cabinet-profile-mini {\r\n    display: flex;\r\n    gap: 14px;\r\n    align-items: center;\r\n    min-width: 280px;\r\n    padding: 14px;\r\n    border-radius: 20px;\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n  }\r\n\r\n  .mh-cabinet-avatar {\r\n    width: 64px;\r\n    height: 64px;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    background: rgba(114, 182, 170, 0.22);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .mh-cabinet-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .mh-cabinet-profile-mini strong {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter Tight\", \"Inter\", sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.25;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-cabinet-profile-mini span {\r\n    color: rgba(13, 18, 17, 0.58);\r\n    font-size: 15px;\r\n    line-height: 1.25;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-cabinet-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);\r\n    gap: 18px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .mh-cabinet-card {\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n    border-radius: 28px;\r\n    padding: 28px;\r\n  }\r\n\r\n  .mh-card-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .mh-card-head h2,\r\n  .mh-cabinet-card h2 {\r\n    margin: 0;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 36px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  .mh-cabinet-card p {\r\n    margin: 0;\r\n    color: rgba(13, 18, 17, 0.68);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-status-badge {\r\n    display: inline-flex;\r\n    white-space: nowrap;\r\n    padding: 8px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(114, 182, 170, 0.16);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-size: 15px;\r\n    line-height: 1.1;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-cabinet-actions {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .mh-cabinet-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 46px;\r\n    padding: 13px 20px;\r\n    border-radius: 999px;\r\n    font-family: \"Inter Tight\", \"Inter\", sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    text-decoration: none !important;\r\n    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;\r\n  }\r\n\r\n  .mh-cabinet-btn-primary {\r\n    background: var(--e-global-color-primary, #0E2448);\r\n    color: #fff !important;\r\n    border: 1px solid var(--e-global-color-primary, #0E2448);\r\n  }\r\n\r\n  .mh-cabinet-btn-primary:hover {\r\n    background: #12305f;\r\n    border-color: #12305f;\r\n  }\r\n\r\n  .mh-cabinet-btn-secondary {\r\n    background: transparent;\r\n    color: var(--e-global-color-primary, #0E2448) !important;\r\n    border: 1px solid rgba(14, 36, 72, 0.18);\r\n  }\r\n\r\n  .mh-cabinet-btn-secondary:hover {\r\n    background: rgba(114, 182, 170, 0.12);\r\n    border-color: rgba(114, 182, 170, 0.38);\r\n  }\r\n\r\n  .mh-stat-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .mh-stat-item {\r\n    padding: 18px;\r\n    border-radius: 20px;\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n  }\r\n\r\n  .mh-stat-item strong {\r\n    display: block;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 36px;\r\n    line-height: 0.95;\r\n    font-weight: 400;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  .mh-stat-item span {\r\n    display: block;\r\n    margin-top: 8px;\r\n    color: rgba(13, 18, 17, 0.58);\r\n    font-size: 15px;\r\n    line-height: 1.25;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-cabinet-requests {\r\n    padding: 28px;\r\n  }\r\n\r\n  .mh-request-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .mh-request-card {\r\n    padding: 20px;\r\n    border-radius: 22px;\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n    border: 1px solid rgba(14, 36, 72, 0.06);\r\n  }\r\n\r\n  .mh-request-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .mh-request-top h3 {\r\n    margin: 9px 0 0;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 24px;\r\n    line-height: 1.05;\r\n    font-weight: 400;\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  .mh-request-top time {\r\n    color: rgba(13, 18, 17, 0.52);\r\n    font-size: 15px;\r\n    line-height: 1.3;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .mh-type-pill {\r\n    display: inline-flex;\r\n    width: fit-content;\r\n    padding: 7px 11px;\r\n    border-radius: 999px;\r\n    background: rgba(14, 36, 72, 0.06);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-size: 15px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-pill-message {\r\n    background: rgba(114, 182, 170, 0.18);\r\n  }\r\n\r\n  .mh-pill-review {\r\n    background: rgba(230, 180, 90, 0.22);\r\n  }\r\n\r\n  .mh-pill-complaint {\r\n    background: rgba(191, 83, 64, 0.10);\r\n    color: #7a2d22;\r\n  }\r\n\r\n  .mh-request-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px 18px;\r\n    margin-bottom: 14px;\r\n    color: rgba(13, 18, 17, 0.64);\r\n    font-size: 15px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .mh-request-meta a {\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-weight: 400;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid rgba(14, 36, 72, 0.22);\r\n  }\r\n\r\n  .mh-request-details {\r\n    display: grid;\r\n    gap: 8px;\r\n  }\r\n\r\n  .mh-request-details p {\r\n    margin: 0;\r\n    color: rgba(13, 18, 17, 0.72);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .mh-request-details strong {\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-request-text {\r\n    margin-top: 8px !important;\r\n    padding: 16px;\r\n    border-radius: 18px;\r\n    background: #fff;\r\n    color: rgba(13, 18, 17, 0.74) !important;\r\n  }\r\n\r\n  .mh-stars {\r\n    color: var(--e-global-color-accent, #E6B45A) !important;\r\n    font-size: 20px !important;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  .mh-empty-state {\r\n    margin-top: 20px;\r\n    padding: 32px 20px;\r\n    border-radius: 22px;\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n    text-align: center;\r\n  }\r\n\r\n  .mh-empty-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n    margin: 0 auto 16px;\r\n    border-radius: 18px;\r\n    background: rgba(114, 182, 170, 0.18);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .mh-empty-state h3 {\r\n    margin: 0 0 8px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 28px;\r\n    line-height: 1.05;\r\n    font-weight: 400;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .mh-empty-state p {\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n    color: rgba(13, 18, 17, 0.64);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .mh-cabinet-bottom {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .mh-cabinet-logout {\r\n    color: rgba(13, 18, 17, 0.58);\r\n    font-size: 15px;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid rgba(13, 18, 17, 0.24);\r\n  }\r\n\r\n  .mh-cabinet-logout:hover {\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    border-color: var(--e-global-color-primary, #0E2448);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .mh-cabinet-hero,\r\n    .mh-cabinet-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mh-cabinet-profile-mini {\r\n      min-width: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 760px) {\r\n    .mh-profile-warning-inner {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mh-map-location-form {\r\n      grid-column: 1;\r\n    }\r\n\r\n    .mh-profile-warning .mh-cabinet-btn {\r\n      width: 100%;\r\n    }\r\n\r\n    .mh-map-location-actions {\r\n      align-items: stretch;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .mh-cabinet-wrap {\r\n      padding: 24px 0;\r\n    }\r\n\r\n    .mh-cabinet-hero,\r\n    .mh-cabinet-card {\r\n      border-radius: 22px;\r\n      padding: 20px;\r\n    }\r\n\r\n    .mh-cabinet-hero h1 {\r\n      font-size: 36px;\r\n    }\r\n\r\n    .mh-card-head h2,\r\n    .mh-cabinet-card h2 {\r\n      font-size: 30px;\r\n    }\r\n\r\n    .mh-stat-list {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .mh-card-head,\r\n    .mh-request-top {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .mh-request-top time {\r\n      white-space: normal;\r\n    }\r\n\r\n    .mh-cabinet-actions {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .mh-cabinet-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .mh-request-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .mh-case-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 42px;\r\n    padding: 11px 16px;\r\n    border-radius: 999px;\r\n    font-family: \"Inter Tight\", \"Inter\", sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    cursor: pointer;\r\n    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;\r\n  }\r\n\r\n  .mh-case-btn-primary {\r\n    background: var(--e-global-color-primary, #0E2448);\r\n    color: #fff;\r\n    border: 1px solid var(--e-global-color-primary, #0E2448);\r\n  }\r\n\r\n  .mh-case-btn-primary:hover {\r\n    background: #12305f;\r\n    border-color: #12305f;\r\n  }\r\n\r\n  .mh-case-btn-secondary {\r\n    background: rgba(114, 182, 170, 0.14);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    border: 1px solid rgba(114, 182, 170, 0.28);\r\n  }\r\n\r\n  .mh-case-btn-secondary:hover {\r\n    background: rgba(114, 182, 170, 0.22);\r\n  }\r\n\r\n  .mh-case-modal[hidden] {\r\n    display: none;\r\n  }\r\n\r\n  .mh-case-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 99999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 22px;\r\n  }\r\n\r\n  .mh-case-modal-backdrop {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(14, 36, 72, 0.44);\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  .mh-case-modal-panel {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: min(760px, 100%);\r\n    max-height: calc(100vh - 44px);\r\n    overflow: auto;\r\n    padding: 30px;\r\n    border-radius: 28px;\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n    box-shadow: 0 24px 90px rgba(14, 36, 72, 0.24);\r\n  }\r\n\r\n  .mh-case-form-panel {\r\n    width: min(920px, 100%);\r\n  }\r\n\r\n  .mh-case-modal-close {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 18px;\r\n    width: 38px;\r\n    height: 38px;\r\n    border: none;\r\n    border-radius: 999px;\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .mh-case-modal-panel h2 {\r\n    margin: 0 44px 16px 0;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 36px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  .mh-case-modal-text {\r\n    display: grid;\r\n    gap: 12px;\r\n    color: rgba(13, 18, 17, 0.72);\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .mh-case-modal-text p {\r\n    margin: 0;\r\n  }\r\n\r\n  .mh-case-modal-text ul {\r\n    margin: 0;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .mh-case-modal-text li {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .mh-case-modal-actions {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .mh-case-form {\r\n    display: grid;\r\n    gap: 18px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .mh-case-form-note {\r\n    margin: 0;\r\n    color: rgba(13, 18, 17, 0.66);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .mh-case-section {\r\n    padding: 20px;\r\n    border-radius: 22px;\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n    border: 1px solid rgba(14, 36, 72, 0.06);\r\n  }\r\n\r\n  .mh-case-section h3 {\r\n    margin: 0 0 16px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: \"Inter\", system-ui, sans-serif;\r\n    font-size: 26px;\r\n    line-height: 1.05;\r\n    font-weight: 400;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .mh-case-grid-2,\r\n  .mh-case-grid-3 {\r\n    display: grid;\r\n    gap: 14px;\r\n  }\r\n\r\n  .mh-case-grid-2 {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .mh-case-grid-3 {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  .mh-case-field {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .mh-case-field label {\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-size: 14px;\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .mh-case-field input,\r\n  .mh-case-field select,\r\n  .mh-case-field textarea {\r\n    width: 100%;\r\n    min-height: 48px;\r\n    padding: 12px 14px;\r\n    border: 1px solid rgba(14, 36, 72, 0.14);\r\n    border-radius: 14px;\r\n    background: #fff;\r\n    color: var(--e-global-color-text, #0D1211);\r\n    font-family: \"Inter Tight\", \"Inter\", system-ui, sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.35;\r\n    outline: none;\r\n  }\r\n\r\n  .mh-case-field textarea {\r\n    resize: vertical;\r\n  }\r\n\r\n  .mh-case-field input:focus,\r\n  .mh-case-field select:focus,\r\n  .mh-case-field textarea:focus {\r\n    border-color: var(--e-global-color-secondary, #72B6AA);\r\n    box-shadow: 0 0 0 4px rgba(114, 182, 170, 0.18);\r\n  }\r\n\r\n  .mh-case-field small {\r\n    color: rgba(13, 18, 17, 0.56);\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .mh-case-notice {\r\n    margin-top: 14px;\r\n    padding: 14px 16px;\r\n    border-radius: 16px;\r\n    background: rgba(114, 182, 170, 0.14);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-size: 15px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .mh-case-notice-error {\r\n    background: rgba(191, 83, 64, 0.10);\r\n    color: #7a2d22;\r\n  }\r\n\r\n  @media (max-width: 760px) {\r\n    .mh-case-modal {\r\n      padding: 12px;\r\n      align-items: flex-end;\r\n    }\r\n\r\n    .mh-case-modal-panel {\r\n      max-height: calc(100vh - 24px);\r\n      padding: 24px 18px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .mh-case-modal-panel h2 {\r\n      font-size: 30px;\r\n    }\r\n\r\n    .mh-case-grid-2,\r\n    .mh-case-grid-3 {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mh-case-modal-actions {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .mh-case-modal-actions .mh-cabinet-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .mh-cabinet-banner-area {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .mh-cabinet-banner {\r\n    width: 1180px;\r\n    max-width: 100%;\r\n    height: 300px;\r\n    display: block;\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .mh-cabinet-banner img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .mh-cabinet-banner-placeholder {\r\n    width: 1180px;\r\n    max-width: 100%;\r\n    height: 300px;\r\n    display: none;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .mh-cabinet-banner {\r\n      width: 100%;\r\n      height: auto;\r\n      aspect-ratio: 3 \/ 1;\r\n      border-radius: 22px;\r\n    }\r\n  }\r\n  \r\n  .mh-admin-contact-card {\r\n        margin-top: 18px;\r\n      margin-bottom: 18px;\r\n      padding: 24px 28px;\r\n      border-radius: 28px;\r\n      background: var(--e-global-color-d9712f5, #FFFFFF);\r\n      border: 1px solid rgba(14, 36, 72, 0.08);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      align-items: center;\r\n    }\r\n    \r\n    .mh-admin-contact-card h2 {\r\n      margin: 0 0 8px;\r\n      color: var(--e-global-color-primary, #0E2448);\r\n      font-family: \"Inter\", system-ui, sans-serif;\r\n      font-size: 28px;\r\n      line-height: 1.05;\r\n      font-weight: 400;\r\n      letter-spacing: -0.03em;\r\n    }\r\n    \r\n    .mh-admin-contact-card p {\r\n      margin: 0;\r\n      color: rgba(13, 18, 17, 0.68);\r\n      font-size: 16px;\r\n      line-height: 1.45;\r\n    }\r\n    \r\n    .mh-admin-contact-form {\r\n      display: grid;\r\n      gap: 16px;\r\n      margin-top: 20px;\r\n    }\r\n    \r\n    .mh-admin-contact-field {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n    \r\n    .mh-admin-contact-field label {\r\n      color: var(--e-global-color-primary, #0E2448);\r\n      font-size: 14px;\r\n      line-height: 1.3;\r\n      font-weight: 600;\r\n    }\r\n    \r\n    .mh-admin-contact-field select,\r\n    .mh-admin-contact-field textarea {\r\n      width: 100%;\r\n      min-height: 48px;\r\n      padding: 12px 14px;\r\n      border: 1px solid rgba(14, 36, 72, 0.14);\r\n      border-radius: 14px;\r\n      background: #fff;\r\n      color: var(--e-global-color-text, #0D1211);\r\n      font-family: \"Inter Tight\", \"Inter\", system-ui, sans-serif;\r\n      font-size: 15px;\r\n      line-height: 1.35;\r\n      outline: none;\r\n    }\r\n    \r\n    .mh-admin-contact-field textarea {\r\n      resize: vertical;\r\n    }\r\n    \r\n    .mh-admin-contact-field select:focus,\r\n    .mh-admin-contact-field textarea:focus {\r\n      border-color: var(--e-global-color-secondary, #72B6AA);\r\n      box-shadow: 0 0 0 4px rgba(114, 182, 170, 0.18);\r\n    }\r\n    \r\n    .mh-admin-contact-notice {\r\n      margin-top: 14px;\r\n      padding: 14px 16px;\r\n      border-radius: 16px;\r\n      background: rgba(114, 182, 170, 0.14);\r\n      color: var(--e-global-color-primary, #0E2448);\r\n      font-size: 15px;\r\n      line-height: 1.45;\r\n    }\r\n    \r\n    .mh-admin-contact-notice-error {\r\n      background: rgba(191, 83, 64, 0.10);\r\n      color: #7a2d22;\r\n    }\r\n    \r\n    @media (max-width: 760px) {\r\n      .mh-admin-contact-card {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        padding: 20px;\r\n        border-radius: 22px;\r\n      }\r\n    \r\n      .mh-admin-contact-card .mh-cabinet-btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n    \r\n    .mh-profile-badges {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-end;\r\n      gap: 8px;\r\n      flex-wrap: wrap;\r\n    }\r\n    \r\n    .mh-availability-chip {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 7px;\r\n      min-height: 33px;\r\n      padding: 8px 11px 8px 12px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(14, 36, 72, 0.12);\r\n      font-family: \"Inter Tight\", \"Inter\", sans-serif;\r\n      font-size: 15px;\r\n      line-height: 1.1;\r\n      font-weight: 400;\r\n      cursor: pointer;\r\n      transition: background-color 0.18s ease, color 0.18s ease, \r\n      border-color 0.18s ease;\r\n    }\r\n    \r\n    .mh-availability-chip-open {\r\n      background: rgba(114, 182, 170, 0.16);\r\n      color: var(--e-global-color-primary, #0E2448);\r\n      border-color: rgba(114, 182, 170, 0.28);\r\n    }\r\n    \r\n    .mh-availability-chip-paused {\r\n      background: rgba(230, 180, 90, 0.20);\r\n      color: var(--e-global-color-primary, #0E2448);\r\n      border-color: rgba(230, 180, 90, 0.34);\r\n    }\r\n    \r\n    .mh-availability-chip:hover {\r\n      background: rgba(14, 36, 72, 0.06);\r\n    }\r\n    \r\n    .mh-availability-chip:disabled {\r\n      opacity: 0.65;\r\n      cursor: wait;\r\n    }\r\n    \r\n    @media (max-width: 640px) {\r\n      .mh-profile-badges {\r\n        justify-content: flex-start;\r\n      }\r\n    \r\n      .mh-availability-chip,\r\n      .mh-status-badge {\r\n        width: fit-content;\r\n      }\r\n    }\r\n    \r\n    .mh-diia-warning {\r\n      background: rgba(191, 83, 64, 0.10);\r\n      border-color: rgba(191, 83, 64, 0.22);\r\n    }\r\n    \r\n    .mh-diia-warning .mh-profile-warning-icon {\r\n      background: rgba(191, 83, 64, 0.14);\r\n      color: #7a2d22;\r\n    }\r\n    \r\n    .mh-diia-warning h2 {\r\n      color: #7a2d22;\r\n    }\r\n    \r\n    .mh-diia-warning .mh-profile-warning-inner {\r\n      grid-template-columns: 42px minmax(0, 1fr);\r\n    }\r\n    \r\n    .mh-profile-switcher {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n    }\r\n    \r\n    .mh-profile-switcher-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 0;\r\n      border: none;\r\n      background: transparent;\r\n      color: var(--e-global-color-primary, #0E2448);\r\n      font: inherit;\r\n      cursor: pointer;\r\n      text-decoration: underline;\r\n      text-decoration-thickness: 1px;\r\n      text-underline-offset: 5px;\r\n    }\r\n    \r\n    .mh-profile-switcher-btn:hover {\r\n      color: var(--e-global-color-secondary, #72B6AA);\r\n    }\r\n    \r\n    .mh-profile-switcher-arrow {\r\n      font-size: 14px;\r\n      line-height: 1;\r\n    }\r\n    \r\n    .mh-profile-switcher-menu {\r\n      position: absolute;\r\n      z-index: 50;\r\n      top: calc(100% + 10px);\r\n      left: 0;\r\n      min-width: 220px;\r\n      padding: 8px;\r\n      border-radius: 16px;\r\n      background: #fff;\r\n      border: 1px solid rgba(14, 36, 72, 0.10);\r\n      box-shadow: 0 18px 50px rgba(14, 36, 72, 0.16);\r\n    }\r\n    \r\n    .mh-profile-switcher-menu[hidden] {\r\n      display: none;\r\n    }\r\n    \r\n    .mh-profile-switcher-option {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      padding: 11px 12px;\r\n      border: none;\r\n      border-radius: 12px;\r\n      background: transparent;\r\n      color: var(--e-global-color-primary, #0E2448);\r\n      font-family: \"Inter Tight\", \"Inter\", sans-serif;\r\n      font-size: 15px;\r\n      line-height: 1.2;\r\n      text-align: left;\r\n      cursor: pointer;\r\n    }\r\n    \r\n    .mh-profile-switcher-option:hover {\r\n      background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n    }\r\n    \r\n    .mh-profile-switcher-option.is-active {\r\n      background: rgba(114, 182, 170, 0.16);\r\n      cursor: default;\r\n    }\r\n    \r\n    .mh-profile-switcher-check {\r\n      color: var(--e-global-color-secondary, #72B6AA);\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const root = document.getElementById('mh-cabinet-root');\r\n  const cabinetEndpoint = '\/wp-json\/mh\/v1\/cabinet';\r\n  const logoutEndpoint = '\/wp-json\/mh\/v1\/logout';\r\n  const casesEndpoint = '\/wp-json\/mh\/v1\/cases';\r\n  const categoriesEndpoint = '\/wp-json\/mh\/v1\/cases\/categories';\r\n  const casesPageUrl = '\/my-cases\/';\r\n  const requestsPageUrl = '\/requests\/';\r\n  const bannerEndpoint = '\/wp-json\/mh\/v1\/cabinet-banner';\r\n  const adminContactEndpoint = '\/wp-json\/mh\/v1\/admin-contact';\r\n  const availabilityEndpoint = '\/wp-json\/mh\/v1\/profile-availability';\r\n  const mapLocationEndpoint = '\/wp-json\/mh\/v1\/profile-map-location';\r\n  const interactionStatusEndpoint = '\/wp-json\/mh\/v1\/profiles\/interaction-status';\r\n\r\n  if (!root) return;\r\n\r\n  let mhCabinetState = {\r\n      activeInteractionId: null,\r\n      activeCaseId: null,\r\n      activeCaseData: null,\r\n      categories: [],\r\n      pendingAction: null,\r\n      pendingActionInteractionId: null,\r\n      activeProfileId: null,\r\n      profiles: [],\r\n      mapLocationNonce: '',\r\n      selectedMapLocation: null\r\n    };\r\n\r\n  function esc(value) {\r\n    return String(value ?? '')\r\n      .replaceAll('&', '&amp;')\r\n      .replaceAll('<', '&lt;')\r\n      .replaceAll('>', '&gt;')\r\n      .replaceAll('\"', '&quot;')\r\n      .replaceAll(\"'\", '&#039;');\r\n  }\r\n\r\n  function nl2br(value) {\r\n    return esc(value).replace(\/\\n\/g, '<br>');\r\n  }\r\n\r\n  function typeClass(type) {\r\n    if (type === 'message') return 'mh-pill-message';\r\n    if (type === 'review') return 'mh-pill-review';\r\n    if (type === 'complaint') return 'mh-pill-complaint';\r\n    return '';\r\n  }\r\n\r\n  function stars(rating) {\r\n    const n = Math.max(0, Math.min(5, parseInt(rating || 0, 10)));\r\n    return '\u2605'.repeat(n) + '\u2606'.repeat(5 - n);\r\n  }\r\n  \r\n  function statusBadgeClass(status) {\r\n      if (status === 'new') return 'mh-status-badge-new';\r\n      if (status === 'read' || status === 'awaiting_response') return 'mh-status-badge-read';\r\n      if (status === 'in_work' || status === 'closed' || status === 'converted_to_case') return 'mh-status-badge-work';\r\n      if (status === 'cannot_take') return 'mh-status-badge-danger';\r\n      return '';\r\n    }\r\n    \r\n    function shouldShowTakeRefuse(status) {\r\n      return status === 'new' || status === 'read' || status === 'awaiting_response';\r\n    }\r\n    \r\n    function shouldShowClose(status) {\r\n      return status === 'in_work';\r\n    }\r\n    \r\n    function actionLabel(action) {\r\n      if (action === 'in_work') return '\u0412\u0437\u044f\u0442\u0438 \u0432 \u0440\u043e\u0431\u043e\u0442\u0443';\r\n      if (action === 'closed') return '\u0417\u0430\u043a\u0440\u0438\u0442\u0438 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f';\r\n      return '\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438 \u0434\u0456\u044e';\r\n    }\r\n    \r\n    function confirmationText(action) {\r\n      if (action === 'in_work') {\r\n        return '\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0456\u0442\u044c, \u0449\u043e \u0432\u0438 \u0445\u043e\u0447\u0435\u0442\u0435 \u0432\u0437\u044f\u0442\u0438 \u0446\u0435 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u0432 \u0440\u043e\u0431\u043e\u0442\u0443. \u0426\u044e \u0434\u0456\u044e \u043d\u0435 \u043c\u043e\u0436\u043d\u0430 \u0431\u0443\u0434\u0435 \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u0438 \u043d\u0430\u0437\u0430\u0434.';\r\n      }\r\n    \r\n      if (action === 'closed') {\r\n        return '\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0456\u0442\u044c, \u0449\u043e \u0432\u0438 \u0445\u043e\u0447\u0435\u0442\u0435 \u0437\u0430\u043a\u0440\u0438\u0442\u0438 \u0446\u0435 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f. \u0426\u044e \u0434\u0456\u044e \u043d\u0435 \u043c\u043e\u0436\u043d\u0430 \u0431\u0443\u0434\u0435 \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u0438 \u043d\u0430\u0437\u0430\u0434.';\r\n      }\r\n    \r\n      return '\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0456\u0442\u044c \u0432\u0430\u0448\u0443 \u0434\u0456\u044e. \u0407\u0457 \u043d\u0435 \u043c\u043e\u0436\u043d\u0430 \u0431\u0443\u0434\u0435 \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u0438 \u043d\u0430\u0437\u0430\u0434.';\r\n    }\r\n    \r\n    function updateStatusBadge(interactionId, status, statusLabel) {\r\n      const badge = document.querySelector(`[data-status-badge=\"${interactionId}\"]`);\r\n    \r\n      if (!badge) return;\r\n    \r\n      badge.textContent = statusLabel || status;\r\n      badge.className = `mh-status-badge ${statusBadgeClass(status)}`;\r\n    }\r\n    \r\n    function updateCardStatus(interactionId, status, statusLabel) {\r\n      const card = document.querySelector(`[data-interaction-card=\"${interactionId}\"]`);\r\n    \r\n      if (card) {\r\n        card.setAttribute('data-interaction-status', status);\r\n      }\r\n    \r\n      updateStatusBadge(interactionId, status, statusLabel);\r\n      rerenderInteractionActions(interactionId, status);\r\n    }\r\n    \r\n    function rerenderInteractionActions(interactionId, status) {\r\n      const actions = document.querySelector(`[data-actions-for=\"${interactionId}\"]`);\r\n    \r\n      if (!actions) return;\r\n    \r\n      const caseId = actions.getAttribute('data-case-id') || '0';\r\n      const hasCase = parseInt(caseId, 10) > 0;\r\n    \r\n      let html = '';\r\n    \r\n      if (shouldShowTakeRefuse(status)) {\r\n        html += `\r\n          <button type=\"button\" class=\"mh-case-btn mh-case-btn-secondary\" data-interaction-confirm=\"${esc(interactionId)}\" data-next-status=\"in_work\">\r\n            \u0412\u0437\u044f\u0442\u0438 \u0432 \u0440\u043e\u0431\u043e\u0442\u0443\r\n          <\/button>\r\n    \r\n          <button type=\"button\" class=\"mh-case-btn mh-case-btn-secondary\" data-interaction-refuse=\"${esc(interactionId)}\">\r\n            \u0412\u0456\u0434\u043c\u043e\u0432\u0438\u0442\u0438\u0441\u044f\r\n          <\/button>\r\n        `;\r\n      }\r\n    \r\n      html += hasCase\r\n        ? `<a class=\"mh-case-btn mh-case-btn-secondary\" href=\"${esc(casesPageUrl)}?case_id=${esc(caseId)}\">\u0420\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u0442\u0438 \u043a\u0435\u0439\u0441<\/a>`\r\n        : `<button type=\"button\" class=\"mh-case-btn mh-case-btn-primary\" data-case-create=\"${esc(interactionId)}\">\u041f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043d\u0430 \u043a\u0435\u0439\u0441<\/button>`;\r\n    \r\n      if (shouldShowClose(status)) {\r\n        html += `\r\n          <button type=\"button\" class=\"mh-case-btn mh-case-btn-secondary\" data-interaction-confirm=\"${esc(interactionId)}\" data-next-status=\"closed\">\r\n            \u0417\u0430\u043a\u0440\u0438\u0442\u0438 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f\r\n          <\/button>\r\n        `;\r\n      }\r\n    \r\n      actions.innerHTML = html;\r\n      bindDynamicInteractionEvents();\r\n    }\r\n    \r\n  function renderError(message) {\r\n    const currentLanguage = String(document.documentElement.lang || '').toLowerCase();\r\n    const isEnglish = currentLanguage.startsWith('en');\r\n    const errorTitle = isEnglish ? 'Personal cabinet' : '\u041e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0439 \u043a\u0430\u0431\u0456\u043d\u0435\u0442';\r\n    const localizedMessage = (\r\n      isEnglish &&\r\n      String(message || '').trim() === '\u041f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0443\u0432\u0456\u0439\u0442\u0438 \u0432 \u0430\u043a\u0430\u0443\u043d\u0442.'\r\n    )\r\n      ? 'Please sign in to your account.'\r\n      : message;\r\n  function renderError(message) {\r\n    root.innerHTML = `\r\n      <div class=\"mh-cabinet-error\">\r\n        <h2>\u041e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0439 \u043a\u0430\u0431\u0456\u043d\u0435\u0442<\/h2>\r\n        <p>${esc(message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0430\u0431\u0456\u043d\u0435\u0442.')}<\/p>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n    root.innerHTML = `\r\n      <div class=\"mh-cabinet-error\">\r\n        <h2>${esc(errorTitle)}<\/h2>\r\n        <p>${esc(localizedMessage || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0430\u0431\u0456\u043d\u0435\u0442.')}<\/p>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  function renderCompletionWarning(profile) {\r\n    const completion = profile.completion || {};\r\n\r\n    if (completion.is_complete !== false) {\r\n      return '';\r\n    }\r\n\r\n    const missingFields = Array.isArray(completion.missing_fields)\r\n      ? completion.missing_fields.slice(0, 8)\r\n      : [];\r\n\r\n    const moreCount = Math.max(0, (completion.missing_count || 0) - missingFields.length);\r\n\r\n    const missingHtml = missingFields.length\r\n      ? `\r\n        <ul class=\"mh-profile-warning-list\">\r\n          ${missingFields.map(field => `<li>${esc(field)}<\/li>`).join('')}\r\n          ${moreCount > 0 ? `<li>+ \u0449\u0435 ${esc(moreCount)}<\/li>` : ''}\r\n        <\/ul>\r\n      `\r\n      : '';\r\n\r\n    return `\r\n      <section class=\"mh-profile-warning\">\r\n        <div class=\"mh-profile-warning-inner\">\r\n          <div class=\"mh-profile-warning-icon\">!<\/div>\r\n\r\n          <div>\r\n            <h2>\u041e\u043d\u043e\u0432\u0456\u0442\u044c \u0430\u043d\u043a\u0435\u0442\u0443<\/h2>\r\n            <p>\r\n              ${esc(completion.message || '\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u043e\u043d\u043e\u0432\u0456\u0442\u044c \u0430\u043d\u043a\u0435\u0442\u0443, \u0449\u043e\u0431 \u043f\u0440\u043e\u0444\u0456\u043b\u044c \u043a\u043e\u0440\u0435\u043a\u0442\u043d\u043e \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0432\u0441\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0456.')}\r\n            <\/p>\r\n            ${missingHtml}\r\n          <\/div>\r\n\r\n          ${profile.edit_url ? `\r\n            <a class=\"mh-cabinet-btn mh-cabinet-btn-primary\" href=\"${esc(profile.edit_url)}\">\r\n              \u041e\u043d\u043e\u0432\u0438\u0442\u0438 \u0430\u043d\u043a\u0435\u0442\u0443\r\n            <\/a>\r\n          ` : ''}\r\n        <\/div>\r\n      <\/section>\r\n    `;\r\n  }\r\n\r\n  function renderMapLocationPrompt(profile) {\r\n    const location = profile.location || {};\r\n    const publicLocation = location.public && typeof location.public === 'object'\r\n      ? location.public\r\n      : {};\r\n    const publicAddress = String(publicLocation.formatted_address || location.public_address || '');\r\n    const showOnAppMap = location.show_on_app_map === true;\r\n    const hasStructuredAddress = Boolean(\r\n      publicAddress &&\r\n      publicLocation.place_id &&\r\n      publicLocation.lat !== '' &&\r\n      publicLocation.lng !== ''\r\n    );\r\n\r\n    mhCabinetState.selectedMapLocation = hasStructuredAddress\r\n      ? { ...publicLocation, formatted_address: publicAddress }\r\n      : null;\r\n\r\n    if (hasStructuredAddress) {\r\n      return '';\r\n    }\r\n\r\n    return `\r\n      <section class=\"mh-profile-warning mh-map-location-prompt\">\r\n        <div class=\"mh-profile-warning-inner\">\r\n          <form class=\"mh-map-location-form\" id=\"mh-map-location-form\">\r\n            <div class=\"mh-map-location-copy\">\r\n              <h2>\u041f\u0440\u043e\u0444\u0456\u043b\u044c \u043d\u0430 \u043c\u0430\u043f\u0456 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443<\/h2>\r\n              <p>\r\n                \u0425\u043e\u0447\u0435\u0442\u0435, \u0449\u043e\u0431 \u0432\u0430\u0448 \u043f\u0440\u043e\u0444\u0456\u043b\u044c \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0432\u0441\u044f \u043d\u0430 \u043c\u0430\u043f\u0456 \u043c\u0430\u0439\u0431\u0443\u0442\u043d\u044c\u043e\u0433\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443?\r\n                \u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0442\u043e\u0447\u043d\u0443 \u043f\u0443\u0431\u043b\u0456\u0447\u043d\u0443 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443: \u043e\u0444\u0456\u0441\u0443, \u043a\u043e\u0432\u043e\u0440\u043a\u0456\u043d\u0433\u0443, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\r\n                \u0430\u0431\u043e \u0456\u043d\u0448\u043e\u0433\u043e \u0437\u0440\u0443\u0447\u043d\u043e\u0433\u043e \u043c\u0456\u0441\u0446\u044f \u0440\u043e\u0431\u043e\u0442\u0438. \u041d\u0435 \u0437\u0430\u0437\u043d\u0430\u0447\u0430\u0439\u0442\u0435 \u0430\u0434\u0440\u0435\u0441\u0443 \u0441\u0432\u043e\u0433\u043e \u043f\u0440\u043e\u0436\u0438\u0432\u0430\u043d\u043d\u044f.\r\n              <\/p>\r\n              <p>\r\n                \u0422\u0430\u043a\u043e\u0436 \u043c\u043e\u0436\u043d\u0430 \u043f\u0440\u0438\u0432\u02bc\u044f\u0437\u0430\u0442\u0438 \u043f\u0440\u043e\u0444\u0456\u043b\u044c \u0434\u043e \u0442\u0435\u0440\u0438\u0442\u043e\u0440\u0456\u0430\u043b\u044c\u043d\u043e\u0457 \u044e\u0440\u0438\u0441\u0434\u0438\u043a\u0446\u0456\u0457 \u043c\u0456\u0441\u0446\u0435\u0432\u043e\u0433\u043e \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0443\u0434\u0443 \u0423\u043a\u0440\u0430\u0457\u043d\u0438.\r\n                \u0417\u043d\u0430\u0439\u0442\u0438 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u0438\u0439 \u0441\u0443\u0434 \u043c\u043e\u0436\u043d\u0430 \u043d\u0430\r\n                <a href=\"https:\/\/court.gov.ua\/inshe\/inter_map_mzs\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u043e\u0444\u0456\u0446\u0456\u0439\u043d\u0456\u0439 \u043a\u0430\u0440\u0442\u0456 \u0441\u0443\u0434\u043e\u0432\u043e\u0457 \u0432\u043b\u0430\u0434\u0438<\/a>.\r\n                \u041f\u0456\u0441\u043b\u044f \u0446\u044c\u043e\u0433\u043e \u0432\u0432\u0435\u0434\u0456\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0441\u0443\u0434\u0443 \u0432 \u043f\u043e\u043b\u0456 \u043d\u0438\u0436\u0447\u0435. \u041b\u043e\u043a\u0430\u0446\u0456\u044f \u0454 \u043e\u0440\u0456\u0454\u043d\u0442\u0438\u0440\u043e\u043c\r\n                \u0456 \u043d\u0435 \u043e\u0431\u043e\u0432\u02bc\u044f\u0437\u043a\u043e\u0432\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0454 \u043c\u0456\u0441\u0446\u0435 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u0439\u043e\u043c\u0443.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"mh-map-location-field\">\r\n              <label for=\"mh-public-location-address\">\u0422\u043e\u0447\u043d\u0430 \u043f\u0443\u0431\u043b\u0456\u0447\u043d\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0430 \u0430\u0434\u0440\u0435\u0441\u0430<\/label>\r\n              <input\r\n                type=\"text\"\r\n                id=\"mh-public-location-address\"\r\n                name=\"public_address\"\r\n                maxlength=\"300\"\r\n                autocomplete=\"off\"\r\n                value=\"${esc(publicAddress)}\"\r\n                placeholder=\"\u041f\u043e\u0447\u043d\u0456\u0442\u044c \u0432\u0432\u043e\u0434\u0438\u0442\u0438 \u0430\u0434\u0440\u0435\u0441\u0443 \u0442\u0430 \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0457\u0457 \u0437\u0456 \u0441\u043f\u0438\u0441\u043a\u0443 Google\"\r\n                aria-describedby=\"mh-map-location-selection-hint\"\r\n              >\r\n              <small\r\n                class=\"mh-map-location-selection-hint ${hasStructuredAddress ? 'is-success' : ''}\"\r\n                id=\"mh-map-location-selection-hint\"\r\n              >\r\n                ${hasStructuredAddress\r\n                  ? '\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e \u0442\u043e\u0447\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 Google Maps.'\r\n                  : '\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u0432\u0443\u043b\u0438\u0446\u044e \u0439 \u043d\u043e\u043c\u0435\u0440 \u0431\u0443\u0434\u0438\u043d\u043a\u0443 \u0442\u0430 \u043e\u0431\u043e\u0432\u02bc\u044f\u0437\u043a\u043e\u0432\u043e \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u0443 \u0456\u0437 \u0437\u0430\u043f\u0440\u043e\u043f\u043e\u043d\u043e\u0432\u0430\u043d\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0443.'}\r\n              <\/small>\r\n              <small>\u0410\u0434\u0440\u0435\u0441\u0430 \u0437\u0431\u0435\u0440\u0435\u0436\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0438 \u0439 \u0434\u043e\u043f\u043e\u0432\u043d\u0438\u0442\u044c \u0443\u0436\u0435 \u0432\u043a\u0430\u0437\u0430\u043d\u0456 \u0443 \u0432\u0430\u0448\u0456\u0439 \u0430\u043d\u043a\u0435\u0442\u0456 \u043c\u0456\u0441\u0442\u043e \u0430\u0431\u043e \u0440\u0435\u0433\u0456\u043e\u043d.<\/small>\r\n              <small class=\"mh-map-location-online-hint\">\r\n                <strong>\u041f\u0440\u0430\u0446\u044e\u0454\u0442\u0435 \u043e\u043d\u043b\u0430\u0439\u043d?<\/strong> \u041b\u043e\u043a\u0430\u0446\u0456\u044e \u0432\u0441\u0435 \u043e\u0434\u043d\u043e \u0432\u0430\u0440\u0442\u043e \u0432\u043a\u0430\u0437\u0430\u0442\u0438 \u2014 \u0432\u043e\u043d\u0430 \u0434\u0430\u0441\u0442\u044c \u0437\u043c\u043e\u0433\u0443 \u043f\u043e\u043a\u0430\u0437\u0443\u0432\u0430\u0442\u0438\r\n                \u0432\u0430\u0448 \u043f\u0440\u043e\u0444\u0456\u043b\u044c \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430\u043c \u0443 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e\u043c\u0443 \u0440\u0435\u0433\u0456\u043e\u043d\u0456 \u0442\u0430 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u043f\u0435\u0440\u0435\u0432\u0430\u0433\u0430\u043c\u0438 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u043e\u0433\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443.\r\n                \u0423 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443 \u0431\u0443\u0434\u0435 \u0447\u0456\u0442\u043a\u043e \u0437\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e, \u0449\u043e \u0446\u0435 \u0433\u0435\u043e\u0433\u0440\u0430\u0444\u0456\u0447\u043d\u0438\u0439 \u043e\u0440\u0456\u0454\u043d\u0442\u0438\u0440, \u0430 \u0432\u0438 \u043f\u0440\u0430\u0446\u044e\u0454\u0442\u0435 \u043e\u043d\u043b\u0430\u0439\u043d.\r\n              <\/small>\r\n            <\/div>\r\n\r\n            <label class=\"mh-map-location-consent\">\r\n              <input type=\"checkbox\" name=\"show_on_app_map\" ${showOnAppMap ? 'checked' : ''}>\r\n              <span>\u041f\u043e\u043a\u0430\u0437\u0443\u0432\u0430\u0442\u0438 \u043c\u0456\u0439 \u043f\u0440\u043e\u0444\u0456\u043b\u044c \u0437\u0430 \u0446\u0456\u0454\u044e \u043b\u043e\u043a\u0430\u0446\u0456\u0454\u044e \u043d\u0430 \u043c\u0430\u043f\u0456 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443, \u043a\u043e\u043b\u0438 \u0432\u043e\u043d\u0430 \u0441\u0442\u0430\u043d\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u044e.<\/span>\r\n            <\/label>\r\n\r\n            <div class=\"mh-map-location-actions\">\r\n              <button type=\"submit\" class=\"mh-cabinet-btn mh-cabinet-btn-primary\">\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u043b\u043e\u043a\u0430\u0446\u0456\u044e<\/button>\r\n              <div class=\"mh-map-location-notice\" id=\"mh-map-location-notice\" role=\"status\" aria-live=\"polite\" hidden><\/div>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n      <\/section>\r\n    `;\r\n  }\r\n    \r\n  function hasDiiaRequestId(profile) {\r\n      if (profile.has_diia_request_id === true) {\r\n        return true;\r\n      }\r\n    \r\n      if (profile.has_diia_request_id === false) {\r\n        return false;\r\n      }\r\n    \r\n      return String(profile.diia_request_id || '').trim() !== '';\r\n    }\r\n    \r\n    function renderDiiaSignatureWarning(profile) {\r\n      if (hasDiiaRequestId(profile)) {\r\n        return '';\r\n      }\r\n    \r\n      return `\r\n        <section class=\"mh-profile-warning mh-diia-warning\">\r\n          <div class=\"mh-profile-warning-inner\">\r\n            <div class=\"mh-profile-warning-icon\">\u26a0<\/div>\r\n    \r\n            <div>\r\n              <h2>\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u044c\u0442\u0435 \u0430\u043d\u043a\u0435\u0442\u0443 \u0447\u0435\u0440\u0435\u0437 \u0414\u0456\u044f.\u041f\u0456\u0434\u043f\u0438\u0441<\/h2>\r\n              <p>\r\n                \u042f\u043a\u0449\u043e \u0430\u043d\u043a\u0435\u0442\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u0447\u0435\u0440\u0435\u0437 \u0414\u0456\u044f.\u041f\u0456\u0434\u043f\u0438\u0441 \u0434\u043e 30 \u0447\u0435\u0440\u0432\u043d\u044f 2026 \u0440\u043e\u043a\u0443, \u0432\u043e\u043d\u0430 \u0431\u0443\u0434\u0435 \u043f\u0440\u0438\u0445\u043e\u0432\u0430\u043d\u0430 \u0437 \u0440\u0435\u0454\u0441\u0442\u0440\u0443.\r\n                \u0414\u043b\u044f \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u043f\u0435\u0440\u0435\u0439\u0434\u0456\u0442\u044c \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u0440\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438, \u043e\u043f\u0443\u0441\u0442\u0456\u0442\u044c\u0441\u044f \u0432 \u0441\u0430\u043c\u0438\u0439 \u043d\u0438\u0437\r\n                \u0442\u0430 \u043d\u0430\u0442\u0438\u0441\u043d\u0456\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438 \u043d\u0430 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0443. \u041f\u0456\u0441\u043b\u044f \u0446\u044c\u043e\u0433\u043e \u0432\u0456\u0434\u043a\u0440\u0438\u0454\u0442\u044c\u0441\u044f \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u0447\u0435\u0440\u0435\u0437 \u0414\u0456\u044e.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n      `;\r\n    }\r\n\r\n  function renderInteraction(item, profileKind) {\r\n    const type = item.type || '';\r\n    let details = '';\r\n\r\n    if (type === 'message') {\r\n      details = `\r\n        <div class=\"mh-request-details\">\r\n          ${item.contact_method_label ? `<p><strong>\u0417\u0440\u0443\u0447\u043d\u0438\u0439 \u0441\u043f\u043e\u0441\u0456\u0431 \u0437\u0432\u02bc\u044f\u0437\u043a\u0443:<\/strong> ${esc(item.contact_method_label)}<\/p>` : ''}\r\n          ${item.request_goal_label ? `<p><strong>\u041c\u0435\u0442\u0430 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f:<\/strong> ${esc(item.request_goal_label)}<\/p>` : ''}\r\n          ${item.message_text ? `<p class=\"mh-request-text\">${nl2br(item.message_text)}<\/p>` : ''}\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    if (type === 'review') {\r\n      details = `\r\n        <div class=\"mh-request-details\">\r\n          ${item.rating ? `<p class=\"mh-stars\">${esc(stars(item.rating))}<\/p>` : ''}\r\n          ${item.review_text ? `<p class=\"mh-request-text\">${nl2br(item.review_text)}<\/p>` : ''}\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    if (type === 'complaint') {\r\n      details = `\r\n        <div class=\"mh-request-details\">\r\n          ${item.complaint_target_label ? `<p><strong>\u0410\u0434\u0440\u0435\u0441\u0430\u0442 \u0441\u043a\u0430\u0440\u0433\u0438:<\/strong> ${esc(item.complaint_target_label)}<\/p>` : ''}\r\n          ${item.complaint_reason ? `<p><strong>\u041f\u0440\u0438\u0447\u0438\u043d\u0430:<\/strong> ${esc(item.complaint_reason)}<\/p>` : ''}\r\n          ${item.complaint_text ? `<p class=\"mh-request-text\">${nl2br(item.complaint_text)}<\/p>` : ''}\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    const phoneHref = String(item.sender_phone || '').replace(\/\\s+\/g, '');\r\n\r\n    const currentStatus = item.interaction_status || 'new';\r\n    const currentCaseId = parseInt(item.case_id || 0, 10);\r\n    \r\n    const caseActionHtml = profileKind === 'mediator' && type === 'message'\r\n      ? `\r\n        <div class=\"mh-request-actions\" data-actions-for=\"${esc(item.id)}\" data-case-id=\"${esc(currentCaseId)}\">\r\n          ${shouldShowTakeRefuse(currentStatus) ? `\r\n            <button type=\"button\" class=\"mh-case-btn mh-case-btn-secondary\" data-interaction-confirm=\"${esc(item.id)}\" data-next-status=\"in_work\">\r\n              \u0412\u0437\u044f\u0442\u0438 \u0432 \u0440\u043e\u0431\u043e\u0442\u0443\r\n            <\/button>\r\n    \r\n            <button type=\"button\" class=\"mh-case-btn mh-case-btn-secondary\" data-interaction-refuse=\"${esc(item.id)}\">\r\n              \u0412\u0456\u0434\u043c\u043e\u0432\u0438\u0442\u0438\u0441\u044f\r\n            <\/button>\r\n          ` : ''}\r\n    \r\n          ${currentCaseId > 0\r\n            ? `<a class=\"mh-case-btn mh-case-btn-secondary\" href=\"${esc(casesPageUrl)}?case_id=${esc(currentCaseId)}\">\u0420\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u0442\u0438 \u043a\u0435\u0439\u0441<\/a>`\r\n            : `<button type=\"button\" class=\"mh-case-btn mh-case-btn-primary\" data-case-create=\"${esc(item.id)}\">\u041f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043d\u0430 \u043a\u0435\u0439\u0441<\/button>`\r\n          }\r\n    \r\n          ${shouldShowClose(currentStatus) ? `\r\n            <button type=\"button\" class=\"mh-case-btn mh-case-btn-secondary\" data-interaction-confirm=\"${esc(item.id)}\" data-next-status=\"closed\">\r\n              \u0417\u0430\u043a\u0440\u0438\u0442\u0438 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f\r\n            <\/button>\r\n          ` : ''}\r\n        <\/div>\r\n      `\r\n      : '';\r\n\r\n    return `\r\n      <article \r\n        class=\"mh-request-card\" \r\n        data-interaction-card=\"${esc(item.id)}\"\r\n        data-interaction-type=\"${esc(type)}\"\r\n        data-interaction-status=\"${esc(item.interaction_status || 'new')}\"\r\n      >\r\n        <div class=\"mh-request-top\">\r\n          <div>\r\n            <span class=\"mh-type-pill ${typeClass(type)}\">${esc(item.type_label || '\u0412\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u044f')}<\/span>\r\n\r\n            ${type === 'message' ? `\r\n              <span \r\n                class=\"mh-status-badge ${statusBadgeClass(item.interaction_status || 'new')}\" \r\n                data-status-badge=\"${esc(item.id)}\"\r\n                style=\"margin-left:8px;\"\r\n              >\r\n                ${esc(item.interaction_status_label || '\u041d\u043e\u0432\u0435')}\r\n              <\/span>\r\n            ` : ''}\r\n            \r\n            <h3>${esc(item.sender_name || '\u0411\u0435\u0437 \u0456\u043c\u0435\u043d\u0456')}<\/h3>\r\n          <\/div>\r\n          <time>${esc(item.date || '')}<\/time>\r\n        <\/div>\r\n\r\n        <div class=\"mh-request-meta\">\r\n          ${item.sender_email ? `<span>Email: <a href=\"mailto:${esc(item.sender_email)}\">${esc(item.sender_email)}<\/a><\/span>` : ''}\r\n          ${item.sender_phone ? `<span>\u0422\u0435\u043b\u0435\u0444\u043e\u043d: <a href=\"tel:${esc(phoneHref)}\">${esc(item.sender_phone)}<\/a><\/span>` : ''}\r\n        <\/div>\r\n\r\n        ${details}\r\n        ${caseActionHtml}\r\n      <\/article>\r\n    `;\r\n  }\r\n  \r\n  function renderAdminContactCard() {\r\n      return `\r\n        <section class=\"mh-admin-contact-card\">\r\n          <div>\r\n            <span class=\"mh-card-label\">\u0428\u0432\u0438\u0434\u043a\u0438\u0439 \u0437\u0432\u02bc\u044f\u0437\u043e\u043a<\/span>\r\n            <h2>\u041f\u043e\u0442\u0440\u0456\u0431\u043d\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0430 \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430?<\/h2>\r\n            <p>\r\n              \u041d\u0430\u0434\u0456\u0448\u043b\u0456\u0442\u044c \u0442\u0435\u0445\u043d\u0456\u0447\u043d\u0435 \u043f\u0438\u0442\u0430\u043d\u043d\u044f, \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044e, \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u043f\u0440\u043e \u043f\u043e\u043c\u0438\u043b\u043a\u0443 \u0430\u0431\u043e \u0456\u043d\u0448\u0438\u0439 \u0437\u0430\u043f\u0438\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u0456 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0438.\r\n            <\/p>\r\n          <\/div>\r\n    \r\n          <button type=\"button\" class=\"mh-cabinet-btn mh-cabinet-btn-primary\" data-admin-contact-open>\r\n            \u0417\u0432\u0435\u0440\u043d\u0443\u0442\u0438\u0441\u044f \u0434\u043e \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430\r\n          <\/button>\r\n        <\/section>\r\n      `;\r\n    }\r\n\r\n  function modalHtml() {\r\n    return `\r\n      <div class=\"mh-case-modal\" id=\"mh-case-consent-modal\" hidden>\r\n        <div class=\"mh-case-modal-backdrop\" data-case-close><\/div>\r\n\r\n        <div class=\"mh-case-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mh-case-consent-title\">\r\n          <button type=\"button\" class=\"mh-case-modal-close\" data-case-close>\u00d7<\/button>\r\n\r\n          <span class=\"mh-card-label\">\u0414\u043e\u0431\u0440\u043e\u0432\u0456\u043b\u044c\u043d\u0438\u0439 \u043e\u0431\u043b\u0456\u043a<\/span>\r\n          <h2 id=\"mh-case-consent-title\">\u0414\u043e\u0434\u0430\u0442\u0438 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u0434\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438 \u0442\u0430 \u0440\u043e\u0431\u043e\u0442\u0438 \u0437 \u043a\u0435\u0439\u0441\u043e\u043c?<\/h2>\r\n\r\n          <div class=\"mh-case-modal-text\">\r\n            <p>\r\n              \u042f\u043a\u0449\u043e \u0432\u0438 \u043e\u0431\u0435\u0440\u0435\u0442\u0435 \u0446\u0435\u0439 \u0432\u0430\u0440\u0456\u0430\u043d\u0442, \u0432\u0438 \u0437\u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0435\u0441\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u0438\u0439 \u043e\u0431\u043b\u0456\u043a \u0446\u044c\u043e\u0433\u043e \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f\/\u043a\u0435\u0439\u0441\u0443\r\n              \u0443 \u0441\u0432\u043e\u0454\u043c\u0443 \u043a\u0430\u0431\u0456\u043d\u0435\u0442\u0456.\r\n            <\/p>\r\n\r\n            <p>\u0426\u0435 \u0434\u0430\u0454 \u0432\u0430\u043c \u0442\u0430\u043a\u0456 \u043c\u043e\u0436\u043b\u0438\u0432\u043e\u0441\u0442\u0456:<\/p>\r\n\r\n            <ul>\r\n              <li>\u0431\u0430\u0447\u0438\u0442\u0438 \u0432\u043b\u0430\u0441\u043d\u0443 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0443 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438: \u043a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u044c \u0456 \u043a\u0435\u0439\u0441\u0456\u0432, \u0442\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c \u043a\u0435\u0439\u0441\u0456\u0432, \u043a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0435\u0439 \u0442\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438;<\/li>\r\n              <li>\u0430\u043d\u0430\u043b\u0456\u0437\u0443\u0432\u0430\u0442\u0438 \u0441\u0432\u043e\u044e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443: \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u0457 \u0441\u043f\u043e\u0440\u0456\u0432, \u0442\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c \u043a\u0435\u0439\u0441\u0456\u0432, \u0447\u0430\u0441\u0442\u043e\u0442\u0443 \u0434\u043e\u0441\u044f\u0433\u043d\u0435\u043d\u043d\u044f \u0434\u043e\u043c\u043e\u0432\u043b\u0435\u043d\u043e\u0441\u0442\u0435\u0439;<\/li>\r\n              <li>\u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0456\u0432 \u043f\u0440\u044f\u043c\u043e \u0432 \u043a\u0430\u0431\u0456\u043d\u0435\u0442\u0456;<\/li>\r\n              <li>\u0433\u0435\u043d\u0435\u0440\u0443\u0432\u0430\u0442\u0438 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442 \u043f\u0440\u043e \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u0433\u043e\u0434\u0438\u043d \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u043d\u0430 \u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0456 \u0437\u0430 \u043e\u0431\u0440\u0430\u043d\u0438\u0439 \u043f\u0435\u0440\u0456\u043e\u0434;<\/li>\r\n              <li>\u0440\u043e\u0431\u0438\u0442\u0438 \u0432\u043d\u0435\u0441\u043e\u043a \u0443 \u0440\u043e\u0437\u0432\u0438\u0442\u043e\u043a \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0457 \u0447\u0435\u0440\u0435\u0437 \u0443\u0437\u0430\u0433\u0430\u043b\u044c\u043d\u0435\u043d\u0443 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0443 \u0431\u0435\u0437 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0445 \u0434\u0430\u043d\u0438\u0445.<\/li>\r\n            <\/ul>\r\n\r\n            <p>\r\n              \u0426\u0435 \u043f\u043e\u0432\u043d\u0456\u0441\u0442\u044e \u0434\u043e\u0431\u0440\u043e\u0432\u0456\u043b\u044c\u043d\u043e. \u0412\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0435 \u0432\u043d\u043e\u0441\u0438\u0442\u0438 \u0446\u0456 \u0434\u0430\u043d\u0456 \u0456 \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 \u043a\u043b\u0456\u0454\u043d\u0442\u043e\u043c\r\n              \u043f\u043e\u0437\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u043e\u044e.\r\n            <\/p>\r\n\r\n            <p>\r\n              \u0414\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438, \u0433\u043e\u0434\u0438\u043d \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0442\u0430 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u0430 \u043f\u043e\u0442\u0440\u0430\u043f\u043b\u044f\u044e\u0442\u044c \u043b\u0438\u0448\u0435 \u0442\u0456 \u043a\u0435\u0439\u0441\u0438 \u0430\u0431\u043e \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f,\r\n              \u044f\u043a\u0456 \u0432\u0438 \u0434\u043e\u0431\u0440\u043e\u0432\u0456\u043b\u044c\u043d\u043e \u0434\u043e\u0434\u0430\u043b\u0438 \u0434\u043e \u0441\u0438\u0441\u0442\u0435\u043c\u0438. \u042f\u043a\u0449\u043e \u0432\u0438 \u043d\u0435 \u0434\u043e\u0434\u0430\u0454\u0442\u0435 \u0434\u0430\u043d\u0456 \u2014 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u043d\u0456\u0447\u043e\u0433\u043e \u043d\u0435 \u0440\u0430\u0445\u0443\u0454 \u0456 \u043d\u0435 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0454.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div id=\"mh-case-consent-notice\"><\/div>\r\n\r\n          <div class=\"mh-case-modal-actions\">\r\n            <button type=\"button\" class=\"mh-cabinet-btn mh-cabinet-btn-secondary\" data-case-close>\u041d\u0456, \u043d\u0435 \u0437\u0430\u0440\u0430\u0437<\/button>\r\n            <button type=\"button\" class=\"mh-cabinet-btn mh-cabinet-btn-primary\" id=\"mh-case-confirm-create\">\u0422\u0430\u043a, \u0434\u043e\u0434\u0430\u0442\u0438<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"mh-case-modal\" id=\"mh-action-confirm-modal\" hidden>\r\n      <div class=\"mh-case-modal-backdrop\" data-action-confirm-close><\/div>\r\n    \r\n      <div class=\"mh-case-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mh-action-confirm-title\">\r\n        <button type=\"button\" class=\"mh-case-modal-close\" data-action-confirm-close>\u00d7<\/button>\r\n    \r\n        <span class=\"mh-card-label\">\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u0434\u0456\u0457<\/span>\r\n        <h2 id=\"mh-action-confirm-title\">\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0456\u0442\u044c \u0434\u0456\u044e<\/h2>\r\n    \r\n        <div class=\"mh-case-modal-text\">\r\n          <p id=\"mh-action-confirm-text\">\r\n            \u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0456\u0442\u044c \u0432\u0430\u0448\u0443 \u0434\u0456\u044e. \u0407\u0457 \u043d\u0435 \u043c\u043e\u0436\u043d\u0430 \u0431\u0443\u0434\u0435 \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u0438 \u043d\u0430\u0437\u0430\u0434.\r\n          <\/p>\r\n        <\/div>\r\n    \r\n        <div id=\"mh-action-confirm-notice\"><\/div>\r\n    \r\n        <div class=\"mh-case-modal-actions\">\r\n          <button type=\"button\" class=\"mh-cabinet-btn mh-cabinet-btn-secondary\" data-action-confirm-close>\r\n            \u0421\u043a\u0430\u0441\u0443\u0432\u0430\u0442\u0438\r\n          <\/button>\r\n          <button type=\"button\" class=\"mh-cabinet-btn mh-cabinet-btn-primary\" id=\"mh-action-confirm-button\">\r\n            \u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"mh-case-modal\" id=\"mh-refuse-modal\" hidden>\r\n      <div class=\"mh-case-modal-backdrop\" data-refuse-close><\/div>\r\n    \r\n      <div class=\"mh-case-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mh-refuse-title\">\r\n        <button type=\"button\" class=\"mh-case-modal-close\" data-refuse-close>\u00d7<\/button>\r\n    \r\n        <span class=\"mh-card-label\">\u0412\u0456\u0434\u043c\u043e\u0432\u0430 \u0432\u0456\u0434 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f<\/span>\r\n        <h2 id=\"mh-refuse-title\">\u041f\u043e\u0432\u0456\u0434\u043e\u043c\u0438\u0442\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0443 \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u0432\u0456\u0434\u043c\u043e\u0432\u0438<\/h2>\r\n    \r\n        <div class=\"mh-case-modal-text\">\r\n          <p>\r\n            \u041d\u0430\u043f\u0438\u0448\u0456\u0442\u044c \u043a\u043e\u0440\u043e\u0442\u043a\u0435 \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u043d\u044f \u0434\u043b\u044f \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430. \u041f\u0456\u0441\u043b\u044f \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447 \u043e\u0442\u0440\u0438\u043c\u0430\u0454 email, \u0430 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u0431\u0443\u0434\u0435 \u043f\u0440\u0438\u0431\u0440\u0430\u043d\u043e \u0437 \u0432\u0430\u0448\u043e\u0433\u043e \u043a\u0430\u0431\u0456\u043d\u0435\u0442\u0443.\r\n          <\/p>\r\n        <\/div>\r\n    \r\n        <form id=\"mh-refuse-form\" class=\"mh-admin-contact-form\">\r\n          <div class=\"mh-admin-contact-field\">\r\n            <label>\u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432\u0456\u0434\u043c\u043e\u0432\u0438<\/label>\r\n            <textarea\r\n              name=\"refusal_reason\"\r\n              rows=\"6\"\r\n              required\r\n              maxlength=\"3000\"\r\n              placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: \u041d\u0430 \u0436\u0430\u043b\u044c, \u0437\u0430\u0440\u0430\u0437 \u043d\u0435 \u043c\u0430\u044e \u043c\u043e\u0436\u043b\u0438\u0432\u043e\u0441\u0442\u0456 \u0432\u0437\u044f\u0442\u0438 \u0446\u0435 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u0432 \u0440\u043e\u0431\u043e\u0442\u0443.\"\r\n            ><\/textarea>\r\n          <\/div>\r\n    \r\n          <div id=\"mh-refuse-notice\"><\/div>\r\n    \r\n          <div class=\"mh-case-modal-actions\">\r\n            <button type=\"button\" class=\"mh-cabinet-btn mh-cabinet-btn-secondary\" data-refuse-close>\r\n              \u0421\u043a\u0430\u0441\u0443\u0432\u0430\u0442\u0438\r\n            <\/button>\r\n            <button type=\"submit\" class=\"mh-cabinet-btn mh-cabinet-btn-primary\">\r\n              \u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438 \u0432\u0456\u0434\u043c\u043e\u0432\u0443\r\n            <\/button>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n\r\n      <div class=\"mh-case-modal\" id=\"mh-case-form-modal\" hidden>\r\n        <div class=\"mh-case-modal-backdrop\" data-case-form-close><\/div>\r\n\r\n        <div class=\"mh-case-modal-panel mh-case-form-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mh-case-form-title\">\r\n          <button type=\"button\" class=\"mh-case-modal-close\" data-case-form-close>\u00d7<\/button>\r\n\r\n          <span class=\"mh-card-label\">\u041a\u0430\u0440\u0442\u043a\u0430 \u043a\u0435\u0439\u0441\u0443<\/span>\r\n          <h2 id=\"mh-case-form-title\">\u041c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u0456 \u0434\u0430\u043d\u0456 \u043f\u043e \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044e \/ \u043a\u0435\u0439\u0441\u0443<\/h2>\r\n\r\n          <p class=\"mh-case-form-note\">\r\n            \u0417\u0430\u043f\u043e\u0432\u043d\u0456\u0442\u044c \u043b\u0438\u0448\u0435 \u0442\u0456 \u0434\u0430\u043d\u0456, \u044f\u043a\u0456 \u0433\u043e\u0442\u043e\u0432\u0456 \u0434\u043e\u0431\u0440\u043e\u0432\u0456\u043b\u044c\u043d\u043e \u0432\u043d\u0435\u0441\u0442\u0438. \u041f\u0440\u0438\u0432\u0430\u0442\u043d\u0456 \u043d\u043e\u0442\u0430\u0442\u043a\u0438 \u0431\u0430\u0447\u0438\u0442\u0435 \u0442\u0456\u043b\u044c\u043a\u0438 \u0432\u0438.\r\n          <\/p>\r\n\r\n          <form id=\"mh-case-form\" class=\"mh-case-form\">\r\n            <div class=\"mh-case-field\">\r\n              <label>\u0422\u0438\u043f \u0437\u0430\u043f\u0438\u0441\u0443<\/label>\r\n              <select name=\"case_kind\">\r\n                <option value=\"intake\">\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e-\u043e\u0446\u0456\u043d\u043e\u0447\u043d\u0430 \u0437\u0443\u0441\u0442\u0440\u0456\u0447 \/ \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f<\/option>\r\n                <option value=\"mediation\">\u041c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u0438\u0439 \u043a\u0435\u0439\u0441<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\">\r\n              <label>\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f \u0441\u043f\u043e\u0440\u0443<\/label>\r\n              <select name=\"dispute_category_id\" id=\"mh-dispute-category-select\">\r\n                <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044e<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\">\r\n              <label>\u0423\u0442\u043e\u0447\u043d\u0435\u043d\u043d\u044f, \u044f\u043a\u0449\u043e \u201c\u0406\u043d\u0448\u0435\u201d<\/label>\r\n              <input type=\"text\" name=\"dispute_category_other\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: \u0456\u043d\u0448\u0430 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f \u0441\u043f\u043e\u0440\u0443\">\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-section\" data-case-section=\"intake\">\r\n              <h3>\u0414\u0430\u043d\u0456 \u0434\u043b\u044f \u0406\u041e\u0417\u041c<\/h3>\r\n\r\n              <div class=\"mh-case-grid-2\">\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u0412\u0430\u0440\u0456\u0430\u043d\u0442 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u043d\u044f<\/label>\r\n                  <select name=\"intake_format\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"both_parties\">\u0417 \u043e\u0431\u043e\u043c\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0430\u043c\u0438<\/option>\r\n                    <option value=\"one_party\">\u0417 \u043e\u0434\u043d\u0456\u0454\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u043e\u044e<\/option>\r\n                    <option value=\"not_held\">\u041d\u0435 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043b\u0430\u0441\u044c<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u0422\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c, \u0445\u0432<\/label>\r\n                  <input type=\"number\" name=\"intake_duration_minutes\" min=\"0\" step=\"5\">\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0435\u0439<\/label>\r\n                  <input type=\"number\" name=\"intake_meetings_count\" min=\"0\" step=\"1\">\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0406\u041e\u0417\u041c<\/label>\r\n                  <select name=\"intake_result\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"initiator_refused\">\u0412\u0456\u0434\u043c\u043e\u0432\u0430 \u0456\u043d\u0456\u0446\u0456\u0430\u0442\u043e\u0440\u0430<\/option>\r\n                    <option value=\"other_party_refused\">\u0412\u0456\u0434\u043c\u043e\u0432\u0430 \u0456\u043d\u0448\u043e\u0457 \u0441\u0442\u043e\u0440\u043e\u043d\u0438<\/option>\r\n                    <option value=\"not_mediable\">\u041d\u0435 \u043c\u0435\u0434\u0456\u0430\u0431\u0435\u043b\u044c\u043d\u0456\u0441\u0442\u044c<\/option>\r\n                    <option value=\"mediator_refused\">\u0412\u0456\u0434\u043c\u043e\u0432\u0430 \u043c\u0435\u0434\u0456\u0430\u0442\u043e\u0440\u0430<\/option>\r\n                    <option value=\"moved_to_mediation\">\u041f\u0435\u0440\u0435\u0445\u0456\u0434 \u0443 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u044e<\/option>\r\n                    <option value=\"domestic_violence_signs\">\u0412\u0438\u044f\u0432\u043b\u0435\u043d\u043e \u043e\u0437\u043d\u0430\u043a\u0438 \u0434\u043e\u043c\u0430\u0448\u043d\u044c\u043e\u0433\u043e \u043d\u0430\u0441\u0438\u043b\u044c\u0441\u0442\u0432\u0430<\/option>\r\n                    <option value=\"other\">\u0406\u043d\u0448\u0435<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\" data-other-field=\"intake_result\">\r\n                <label>\u0423\u0442\u043e\u0447\u043d\u0435\u043d\u043d\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0443 \u0406\u041e\u0417\u041c<\/label>\r\n                <input type=\"text\" name=\"intake_result_other\">\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0422\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c \u043a\u043e\u0436\u043d\u043e\u0457 \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0456 \u0406\u041e\u0417\u041c, \u0445\u0432<\/label>\r\n                <input type=\"text\" name=\"intake_meeting_durations_text\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: 60, 90, 45\">\r\n                <small>\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0442\u0440\u0438\u0432\u0430\u043b\u043e\u0441\u0442\u0456 \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u0443.<\/small>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-section\" data-case-section=\"mediation\">\r\n              <h3>\u0414\u0430\u043d\u0456 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u043e\u0433\u043e \u043a\u0435\u0439\u0441\u0443<\/h3>\r\n\r\n              <div class=\"mh-case-grid-2\">\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0443\u0447\u0430\u0441\u043d\u0438\u043a\u0456\u0432<\/label>\r\n                  <input type=\"number\" name=\"participants_count\" min=\"0\" step=\"1\">\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0435\u0439<\/label>\r\n                  <input type=\"number\" name=\"mediation_meetings_count\" min=\"0\" step=\"1\">\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0430 \u0442\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c, \u0445\u0432<\/label>\r\n                  <input type=\"number\" name=\"total_duration_minutes\" min=\"0\" step=\"5\">\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/label>\r\n                  <select name=\"mediation_result\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"full_agreement\">\u0414\u043e\u043c\u043e\u0432\u043b\u0435\u043d\u043e\u0441\u0442\u0456 \u0434\u043e\u0441\u044f\u0433\u043d\u0443\u0442\u043e \u043f\u043e\u0432\u043d\u0456\u0441\u0442\u044e<\/option>\r\n                    <option value=\"partial_agreement\">\u0414\u043e\u043c\u043e\u0432\u043b\u0435\u043d\u043e\u0441\u0442\u0456 \u0434\u043e\u0441\u044f\u0433\u043d\u0443\u0442\u043e \u0447\u0430\u0441\u0442\u043a\u043e\u0432\u043e<\/option>\r\n                    <option value=\"no_agreement\">\u0414\u043e\u043c\u043e\u0432\u043b\u0435\u043d\u043e\u0441\u0442\u0456 \u043d\u0435 \u0434\u043e\u0441\u044f\u0433\u043d\u0443\u0442\u043e<\/option>\r\n                    <option value=\"terminated\">\u041c\u0435\u0434\u0456\u0430\u0446\u0456\u044e \u043f\u0440\u0438\u043f\u0438\u043d\u0435\u043d\u043e<\/option>\r\n                    <option value=\"other\">\u0406\u043d\u0448\u0435<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u041f\u043e\u0441\u0442\u043c\u0435\u0434\u0456\u0430\u0446\u0456\u044f<\/label>\r\n                  <select name=\"post_mediation\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"yes\">\u0422\u0430\u043a<\/option>\r\n                    <option value=\"no\">\u041d\u0456<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u0421\u0442\u0430\u0442\u0443\u0441 \u043a\u0435\u0439\u0441\u0443<\/label>\r\n                  <select name=\"case_status\">\r\n                    <option value=\"in_progress\">\u0412 \u0440\u043e\u0431\u043e\u0442\u0456<\/option>\r\n                    <option value=\"completed\">\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e<\/option>\r\n                    <option value=\"paused\">\u0417\u0443\u043f\u0438\u043d\u0435\u043d\u043e<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u0427\u0438 \u0441\u043f\u0440\u0430\u0432\u0430 \u043f\u0435\u0440\u0435\u0431\u0443\u0432\u0430\u0454 \u0432 \u0441\u0443\u0434\u0456?<\/label>\r\n                  <select name=\"court_case\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"yes\">\u0422\u0430\u043a<\/option>\r\n                    <option value=\"no\">\u041d\u0456<\/option>\r\n                    <option value=\"unknown\">\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u0427\u0438 \u0454 \u0441\u0443\u0434\u043e\u0432\u0435 \u0440\u0456\u0448\u0435\u043d\u043d\u044f?<\/label>\r\n                  <select name=\"court_decision\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"yes\">\u0422\u0430\u043a<\/option>\r\n                    <option value=\"no\">\u041d\u0456<\/option>\r\n                    <option value=\"unknown\">\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\" data-other-field=\"mediation_result\">\r\n                <label>\u0423\u0442\u043e\u0447\u043d\u0435\u043d\u043d\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0443 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0457<\/label>\r\n                <input type=\"text\" name=\"mediation_result_other\">\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0422\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c \u043a\u043e\u0436\u043d\u043e\u0457 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u043e\u0457 \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0456, \u0445\u0432<\/label>\r\n                <input type=\"text\" name=\"mediation_meeting_durations_text\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: 60, 90, 45\">\r\n                <small>\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0442\u0440\u0438\u0432\u0430\u043b\u043e\u0441\u0442\u0456 \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u0443.<\/small>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-section\">\r\n              <h3>\u0423\u0437\u0430\u0433\u0430\u043b\u044c\u043d\u0435\u043d\u0456 \u043e\u0437\u043d\u0430\u043a\u0438 \u0443\u0447\u0430\u0441\u043d\u0438\u043a\u0456\u0432<\/h3>\r\n\r\n              <div class=\"mh-case-grid-3\">\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u041d\u0430\u044f\u0432\u043d\u0456\u0441\u0442\u044c \u043d\u0435\u043f\u043e\u0432\u043d\u043e\u043b\u0456\u0442\u043d\u0456\u0445<\/label>\r\n                  <select name=\"has_minors\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"yes\">\u0422\u0430\u043a<\/option>\r\n                    <option value=\"no\">\u041d\u0456<\/option>\r\n                    <option value=\"unknown\">\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u041d\u0430\u044f\u0432\u043d\u0456\u0441\u0442\u044c \u0432\u0435\u0442\u0435\u0440\u0430\u043d\u0456\u0432<\/label>\r\n                  <select name=\"has_veterans\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"yes\">\u0422\u0430\u043a<\/option>\r\n                    <option value=\"no\">\u041d\u0456<\/option>\r\n                    <option value=\"unknown\">\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"mh-case-field\">\r\n                  <label>\u041d\u0430\u044f\u0432\u043d\u0456\u0441\u0442\u044c \u043e\u0441\u0456\u0431 \u0437 \u0456\u043d\u0432\u0430\u043b\u0456\u0434\u043d\u0456\u0441\u0442\u044e<\/label>\r\n                  <select name=\"has_disability\">\r\n                    <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                    <option value=\"yes\">\u0422\u0430\u043a<\/option>\r\n                    <option value=\"no\">\u041d\u0456<\/option>\r\n                    <option value=\"unknown\">\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\">\r\n              <label>\u041a\u043e\u043c\u0435\u043d\u0442\u0430\u0440 \u0430\u0431\u043e \u043f\u0440\u0438\u043c\u0456\u0442\u043a\u0430 \u043c\u0435\u0434\u0456\u0430\u0442\u043e\u0440\u0430<\/label>\r\n              <textarea name=\"mediator_comment\" rows=\"4\"><\/textarea>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\">\r\n              <label>\u041f\u0440\u0438\u0432\u0430\u0442\u043d\u0456 \u043d\u043e\u0442\u0430\u0442\u043a\u0438<\/label>\r\n              <textarea name=\"private_notes\" rows=\"5\" placeholder=\"\u0426\u0456 \u043d\u043e\u0442\u0430\u0442\u043a\u0438 \u0431\u0430\u0447\u0438\u0442\u0435 \u0442\u0456\u043b\u044c\u043a\u0438 \u0432\u0438.\"><\/textarea>\r\n            <\/div>\r\n\r\n            <div id=\"mh-case-form-notice\"><\/div>\r\n\r\n            <div class=\"mh-case-modal-actions\">\r\n              <button type=\"button\" class=\"mh-cabinet-btn mh-cabinet-btn-secondary\" data-case-form-close>\u0417\u0430\u043a\u0440\u0438\u0442\u0438<\/button>\r\n              <button type=\"submit\" class=\"mh-cabinet-btn mh-cabinet-btn-primary\">\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0434\u0430\u043d\u0456<\/button>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"mh-case-modal\" id=\"mh-admin-contact-modal\" hidden>\r\n        <div class=\"mh-case-modal-backdrop\" data-admin-contact-close><\/div>\r\n\r\n        <div class=\"mh-case-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mh-admin-contact-title\">\r\n          <button type=\"button\" class=\"mh-case-modal-close\" data-admin-contact-close>\u00d7<\/button>\r\n\r\n          <span class=\"mh-card-label\">\u0417\u0432\u02bc\u044f\u0437\u043e\u043a \u0437 \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u043e\u043c<\/span>\r\n          <h2 id=\"mh-admin-contact-title\">\u0417\u0432\u0435\u0440\u043d\u0443\u0442\u0438\u0441\u044f \u0434\u043e \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430<\/h2>\r\n\r\n          <div class=\"mh-case-modal-text\">\r\n            <p>\r\n              \u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0442\u0435\u043c\u0443 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u0456 \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0456\u0442\u044c \u043f\u0438\u0442\u0430\u043d\u043d\u044f. \u0410\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0442\u043e\u0440 \u043f\u043e\u0431\u0430\u0447\u0438\u0442\u044c \u0432\u0430\u0448\u0435 \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f \u0432 \u0430\u0434\u043c\u0456\u043d-\u043f\u0430\u043d\u0435\u043b\u0456.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <form id=\"mh-admin-contact-form\" class=\"mh-admin-contact-form\">\r\n            <div class=\"mh-admin-contact-field\">\r\n              <label>\u0422\u0435\u043c\u0430 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f<\/label>\r\n              <select name=\"topic\" required>\r\n                <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0442\u0435\u043c\u0443<\/option>\r\n                <option value=\"technical_question\">\u0422\u0435\u0445\u043d\u0456\u0447\u043d\u0435 \u043f\u0438\u0442\u0430\u043d\u043d\u044f<\/option>\r\n                <option value=\"consultation\">\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044f<\/option>\r\n                <option value=\"partnership\">\u041f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/option>\r\n                <option value=\"event\">\u0417\u0430\u0445\u0456\u0434<\/option>\r\n                <option value=\"proposal\">\u041f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044f<\/option>\r\n                <option value=\"site_error\">\u041f\u043e\u043c\u0438\u043b\u043a\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0456<\/option>\r\n                <option value=\"site_text\">\u0422\u0435\u043a\u0441\u0442 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u0443<\/option>\r\n                <option value=\"site_improvement\">\u041f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044f \u0449\u043e\u0434\u043e \u0443\u0434\u043e\u0441\u043a\u043e\u043d\u0430\u043b\u0435\u043d\u043d\u044f \u0441\u0430\u0439\u0442\u0443<\/option>\r\n                <option value=\"other\">\u0406\u043d\u0448\u0435<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"mh-admin-contact-field\">\r\n              <label>\u041f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f<\/label>\r\n              <textarea\r\n                name=\"message\"\r\n                rows=\"6\"\r\n                required\r\n                maxlength=\"5000\"\r\n                placeholder=\"\u041e\u043f\u0438\u0448\u0456\u0442\u044c \u0432\u0430\u0448\u0435 \u043f\u0438\u0442\u0430\u043d\u043d\u044f \u0430\u0431\u043e \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044e\"\r\n              ><\/textarea>\r\n            <\/div>\r\n\r\n            <div id=\"mh-admin-contact-notice\"><\/div>\r\n\r\n            <div class=\"mh-case-modal-actions\">\r\n              <button type=\"button\" class=\"mh-cabinet-btn mh-cabinet-btn-secondary\" data-admin-contact-close>\r\n                \u0417\u0430\u043a\u0440\u0438\u0442\u0438\r\n              <\/button>\r\n              <button type=\"submit\" class=\"mh-cabinet-btn mh-cabinet-btn-primary\">\r\n                \u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438\r\n              <\/button>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  function showNotice(targetId, message, isError = false) {\r\n    const target = document.getElementById(targetId);\r\n\r\n    if (!target) return;\r\n\r\n    target.innerHTML = message\r\n      ? `<div class=\"mh-case-notice ${isError ? 'mh-case-notice-error' : ''}\">${esc(message)}<\/div>`\r\n      : '';\r\n  }\r\n  \r\n  async function updateInteractionStatus(interactionId, status, extraPayload = {}) {\r\n      const response = await fetch(interactionStatusEndpoint, {\r\n        method: 'POST',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json',\r\n          'Content-Type': 'application\/json'\r\n        },\r\n        body: JSON.stringify({\r\n          interaction_id: interactionId,\r\n          status: status,\r\n          ...extraPayload\r\n        })\r\n      });\r\n    \r\n      const data = await response.json().catch(function () {\r\n        return {};\r\n      });\r\n    \r\n      if (!response.ok || !data.success) {\r\n        throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u043e\u043d\u043e\u0432\u0438\u0442\u0438 \u0441\u0442\u0430\u0442\u0443\u0441 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f.');\r\n      }\r\n    \r\n      if (data.remove_card) {\r\n        const card = document.querySelector(`[data-interaction-card=\"${interactionId}\"]`);\r\n    \r\n        if (card) {\r\n          card.remove();\r\n        }\r\n    \r\n        return data;\r\n      }\r\n    \r\n      updateCardStatus(\r\n        interactionId,\r\n        data.status || status,\r\n        data.status_label || ''\r\n      );\r\n    \r\n      return data;\r\n    }\r\n\r\n  function openActionConfirmModal(interactionId, status) {\r\n      mhCabinetState.pendingActionInteractionId = interactionId;\r\n      mhCabinetState.pendingAction = status;\r\n    \r\n      const modal = document.getElementById('mh-action-confirm-modal');\r\n      const title = document.getElementById('mh-action-confirm-title');\r\n      const text = document.getElementById('mh-action-confirm-text');\r\n      const button = document.getElementById('mh-action-confirm-button');\r\n    \r\n      showNotice('mh-action-confirm-notice', '');\r\n    \r\n      if (title) title.textContent = actionLabel(status);\r\n      if (text) text.textContent = confirmationText(status);\r\n      if (button) button.textContent = '\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438';\r\n    \r\n      if (modal) modal.hidden = false;\r\n    }\r\n    \r\n    function closeActionConfirmModal() {\r\n      const modal = document.getElementById('mh-action-confirm-modal');\r\n    \r\n      if (modal) modal.hidden = true;\r\n    \r\n      mhCabinetState.pendingActionInteractionId = null;\r\n      mhCabinetState.pendingAction = null;\r\n    }\r\n    \r\n    async function confirmPendingAction() {\r\n      const interactionId = mhCabinetState.pendingActionInteractionId;\r\n      const status = mhCabinetState.pendingAction;\r\n    \r\n      if (!interactionId || !status) return;\r\n    \r\n      const button = document.getElementById('mh-action-confirm-button');\r\n    \r\n      if (button) {\r\n        button.disabled = true;\r\n        button.textContent = '\u0412\u0438\u043a\u043e\u043d\u0443\u0454\u043c\u043e...';\r\n      }\r\n    \r\n      showNotice('mh-action-confirm-notice', '');\r\n    \r\n      try {\r\n        const data = await updateInteractionStatus(interactionId, status);\r\n    \r\n        showNotice('mh-action-confirm-notice', data.message || '\u0414\u0456\u044e \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043e.');\r\n    \r\n        setTimeout(function () {\r\n          closeActionConfirmModal();\r\n        }, 700);\r\n      } catch (error) {\r\n        showNotice('mh-action-confirm-notice', error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0432\u0438\u043a\u043e\u043d\u0430\u0442\u0438 \u0434\u0456\u044e.', true);\r\n      } finally {\r\n        if (button) {\r\n          button.disabled = false;\r\n          button.textContent = '\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438';\r\n        }\r\n      }\r\n    }\r\n    \r\n    function openRefuseModal(interactionId) {\r\n      mhCabinetState.pendingActionInteractionId = interactionId;\r\n      mhCabinetState.pendingAction = 'cannot_take';\r\n    \r\n      const modal = document.getElementById('mh-refuse-modal');\r\n      const form = document.getElementById('mh-refuse-form');\r\n    \r\n      showNotice('mh-refuse-notice', '');\r\n    \r\n      if (form) form.reset();\r\n      if (modal) modal.hidden = false;\r\n    }\r\n    \r\n    function closeRefuseModal() {\r\n      const modal = document.getElementById('mh-refuse-modal');\r\n    \r\n      if (modal) modal.hidden = true;\r\n    \r\n      mhCabinetState.pendingActionInteractionId = null;\r\n      mhCabinetState.pendingAction = null;\r\n    }\r\n    \r\n    async function submitRefuseForm(event) {\r\n      event.preventDefault();\r\n    \r\n      const interactionId = mhCabinetState.pendingActionInteractionId;\r\n    \r\n      if (!interactionId) return;\r\n    \r\n      const form = event.currentTarget;\r\n      const submit = form.querySelector('button[type=\"submit\"]');\r\n      const formData = new FormData(form);\r\n      const refusalReason = String(formData.get('refusal_reason') || '').trim();\r\n    \r\n      if (!refusalReason) {\r\n        showNotice('mh-refuse-notice', '\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u0432\u0456\u0434\u043c\u043e\u0432\u0438.', true);\r\n        return;\r\n      }\r\n    \r\n      if (submit) {\r\n        submit.disabled = true;\r\n        submit.textContent = '\u041d\u0430\u0434\u0441\u0438\u043b\u0430\u0454\u043c\u043e...';\r\n      }\r\n    \r\n      showNotice('mh-refuse-notice', '');\r\n    \r\n      try {\r\n        const data = await updateInteractionStatus(interactionId, 'cannot_take', {\r\n          refusal_reason: refusalReason\r\n        });\r\n    \r\n        showNotice('mh-refuse-notice', data.message || '\u0412\u0456\u0434\u043c\u043e\u0432\u0443 \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u043d\u043e \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0443.');\r\n    \r\n        setTimeout(function () {\r\n          closeRefuseModal();\r\n        }, 900);\r\n      } catch (error) {\r\n        showNotice('mh-refuse-notice', error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0432\u0456\u0434\u043c\u043e\u0432\u0443.', true);\r\n      } finally {\r\n        if (submit) {\r\n          submit.disabled = false;\r\n          submit.textContent = '\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438 \u0432\u0456\u0434\u043c\u043e\u0432\u0443';\r\n        }\r\n      }\r\n    }\r\n    \r\n    function observeInteractionCards() {\r\n      const cards = root.querySelectorAll('[data-interaction-card][data-interaction-type=\"message\"]');\r\n    \r\n      if (!cards.length || !('IntersectionObserver' in window)) {\r\n        return;\r\n      }\r\n    \r\n      const observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (!entry.isIntersecting) return;\r\n    \r\n          const card = entry.target;\r\n          const interactionId = card.getAttribute('data-interaction-card');\r\n          const status = card.getAttribute('data-interaction-status');\r\n    \r\n          if (!interactionId || status !== 'new') {\r\n            observer.unobserve(card);\r\n            return;\r\n          }\r\n    \r\n          observer.unobserve(card);\r\n    \r\n          setTimeout(async function () {\r\n            const currentStatus = card.getAttribute('data-interaction-status');\r\n    \r\n            if (currentStatus !== 'new') return;\r\n    \r\n            try {\r\n              await updateInteractionStatus(interactionId, 'awaiting_response');\r\n            } catch (error) {\r\n              \/\/ \u0424\u043e\u043d\u043e\u0432\u0430 \u0434\u0456\u044f. \u041d\u0435 \u043f\u043e\u043a\u0430\u0437\u0443\u0454\u043c\u043e \u043f\u043e\u043c\u0438\u043b\u043a\u0443 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0443.\r\n            }\r\n          }, 900);\r\n        });\r\n      }, {\r\n        threshold: 0.6\r\n      });\r\n    \r\n      cards.forEach(function (card) {\r\n        observer.observe(card);\r\n      });\r\n    }\r\n\r\n  function parseMinutesList(value) {\r\n    return String(value || '')\r\n      .split(',')\r\n      .map(item => parseInt(item.trim(), 10))\r\n      .filter(item => Number.isFinite(item) && item > 0);\r\n  }\r\n\r\n  function minutesListToText(value) {\r\n    if (!Array.isArray(value)) return '';\r\n    return value.filter(item => parseInt(item, 10) > 0).join(', ');\r\n  }\r\n\r\n  function setFieldValue(form, name, value) {\r\n    if (!form.elements[name]) return;\r\n    form.elements[name].value = value ?? '';\r\n  }\r\n\r\n  function openConsentModal(interactionId) {\r\n    mhCabinetState.activeInteractionId = interactionId;\r\n    showNotice('mh-case-consent-notice', '');\r\n    const modal = document.getElementById('mh-case-consent-modal');\r\n    if (modal) modal.hidden = false;\r\n  }\r\n\r\n  function closeConsentModal() {\r\n    const modal = document.getElementById('mh-case-consent-modal');\r\n    if (modal) modal.hidden = true;\r\n  }\r\n\r\n  async function openCaseFormModal(caseId) {\r\n    mhCabinetState.activeCaseId = caseId;\r\n    mhCabinetState.activeCaseData = null;\r\n\r\n    const modal = document.getElementById('mh-case-form-modal');\r\n    if (modal) modal.hidden = false;\r\n\r\n    showNotice('mh-case-form-notice', '');\r\n    await loadCategories();\r\n    await loadCase(caseId);\r\n    updateCaseSections();\r\n  }\r\n\r\n  function closeCaseFormModal() {\r\n    const modal = document.getElementById('mh-case-form-modal');\r\n    if (modal) modal.hidden = true;\r\n  }\r\n\r\n  async function loadCategories() {\r\n    const select = document.getElementById('mh-dispute-category-select');\r\n\r\n    if (!select) return;\r\n\r\n    if (mhCabinetState.categories.length) {\r\n      renderCategoryOptions();\r\n      return;\r\n    }\r\n\r\n    try {\r\n      const response = await fetch(categoriesEndpoint, {\r\n        method: 'GET',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json'\r\n        }\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (!response.ok || !data.success) {\r\n        throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u0457.');\r\n      }\r\n\r\n      mhCabinetState.categories = Array.isArray(data.categories) ? data.categories : [];\r\n      renderCategoryOptions();\r\n    } catch (error) {\r\n      showNotice('mh-case-form-notice', error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u0457.', true);\r\n    }\r\n  }\r\n\r\n  function renderCategoryOptions() {\r\n    const select = document.getElementById('mh-dispute-category-select');\r\n\r\n    if (!select) return;\r\n\r\n    const currentValue = select.value;\r\n\r\n    select.innerHTML = `\r\n      <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044e<\/option>\r\n      ${mhCabinetState.categories.map(category => `\r\n        <option value=\"${esc(category.id)}\">${esc(category.name)}<\/option>\r\n      `).join('')}\r\n    `;\r\n\r\n    if (currentValue) {\r\n      select.value = currentValue;\r\n    }\r\n  }\r\n\r\n  async function loadCase(caseId) {\r\n    const form = document.getElementById('mh-case-form');\r\n\r\n    if (!form || !caseId) return;\r\n\r\n    form.reset();\r\n\r\n    try {\r\n      const response = await fetch(`${casesEndpoint}\/${caseId}`, {\r\n        method: 'GET',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json'\r\n        }\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (!response.ok || !data.success) {\r\n        throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0435\u0439\u0441.');\r\n      }\r\n\r\n      const item = data.case || {};\r\n      mhCabinetState.activeCaseData = item;\r\n\r\n      setFieldValue(form, 'case_kind', item.case_kind || 'intake');\r\n      setFieldValue(form, 'case_status', item.case_status || 'in_progress');\r\n\r\n      setFieldValue(form, 'dispute_category_id', item.dispute_category?.id || '');\r\n      setFieldValue(form, 'dispute_category_other', item.dispute_category_other || '');\r\n\r\n      setFieldValue(form, 'has_minors', item.has_minors || '');\r\n      setFieldValue(form, 'has_veterans', item.has_veterans || '');\r\n      setFieldValue(form, 'has_disability', item.has_disability || '');\r\n\r\n      setFieldValue(form, 'mediator_comment', item.mediator_comment || '');\r\n      setFieldValue(form, 'private_notes', item.private_notes || '');\r\n\r\n      const intake = item.intake || {};\r\n      setFieldValue(form, 'intake_format', intake.format || '');\r\n      setFieldValue(form, 'intake_duration_minutes', intake.duration_minutes || '');\r\n      setFieldValue(form, 'intake_meetings_count', intake.meetings_count || '');\r\n      setFieldValue(form, 'intake_result', intake.result || '');\r\n      setFieldValue(form, 'intake_result_other', intake.result_other || '');\r\n      setFieldValue(form, 'intake_meeting_durations_text', minutesListToText(intake.meeting_durations || []));\r\n\r\n      const mediation = item.mediation || {};\r\n      setFieldValue(form, 'participants_count', mediation.participants_count || '');\r\n      setFieldValue(form, 'mediation_meetings_count', mediation.meetings_count || '');\r\n      setFieldValue(form, 'total_duration_minutes', mediation.total_duration_minutes || '');\r\n      setFieldValue(form, 'mediation_result', mediation.result || '');\r\n      setFieldValue(form, 'mediation_result_other', mediation.result_other || '');\r\n      setFieldValue(form, 'post_mediation', mediation.post_mediation || '');\r\n      setFieldValue(form, 'court_case', mediation.court_case || '');\r\n      setFieldValue(form, 'court_decision', mediation.court_decision || '');\r\n      setFieldValue(form, 'mediation_meeting_durations_text', minutesListToText(mediation.meeting_durations || []));\r\n\r\n      updateCaseSections();\r\n    } catch (error) {\r\n      showNotice('mh-case-form-notice', error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0435\u0439\u0441.', true);\r\n    }\r\n  }\r\n\r\n  async function createCaseFromInteraction() {\r\n    if (!mhCabinetState.activeInteractionId) return;\r\n\r\n    const button = document.getElementById('mh-case-confirm-create');\r\n\r\n    if (button) {\r\n      button.disabled = true;\r\n      button.textContent = '\u0421\u0442\u0432\u043e\u0440\u044e\u0454\u043c\u043e...';\r\n    }\r\n\r\n    showNotice('mh-case-consent-notice', '');\r\n\r\n    try {\r\n      const response = await fetch(casesEndpoint, {\r\n        method: 'POST',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json',\r\n          'Content-Type': 'application\/json'\r\n        },\r\n        body: JSON.stringify({\r\n          interaction_id: mhCabinetState.activeInteractionId\r\n        })\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (!response.ok || !data.success) {\r\n        throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043a\u0435\u0439\u0441.');\r\n      }\r\n\r\n      try {\r\n          await fetch(interactionStatusEndpoint, {\r\n            method: 'POST',\r\n            credentials: 'same-origin',\r\n            headers: {\r\n              'Accept': 'application\/json',\r\n              'Content-Type': 'application\/json'\r\n            },\r\n            body: JSON.stringify({\r\n              interaction_id: mhCabinetState.activeInteractionId,\r\n              status: 'converted_to_case'\r\n            })\r\n          });\r\n        } catch (e) {\r\n          \/\/ \u041d\u0435 \u0431\u043b\u043e\u043a\u0443\u0454\u043c\u043e \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043a\u0435\u0439\u0441\u0443, \u044f\u043a\u0449\u043e \u0441\u0442\u0430\u0442\u0443\u0441 \u043d\u0435 \u043e\u043d\u043e\u0432\u0438\u0432\u0441\u044f.\r\n        }\r\n        \r\n        closeConsentModal();\r\n        window.location.href = `${casesPageUrl}?case_id=${encodeURIComponent(data.case_id)}`;\r\n    } catch (error) {\r\n      showNotice('mh-case-consent-notice', error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043a\u0435\u0439\u0441.', true);\r\n    } finally {\r\n      if (button) {\r\n        button.disabled = false;\r\n        button.textContent = '\u0422\u0430\u043a, \u0434\u043e\u0434\u0430\u0442\u0438';\r\n      }\r\n    }\r\n  }\r\n\r\n  function updateCaseSections() {\r\n    const form = document.getElementById('mh-case-form');\r\n\r\n    if (!form) return;\r\n\r\n    const kind = form.elements.case_kind?.value || 'intake';\r\n\r\n    form.querySelectorAll('[data-case-section]').forEach(section => {\r\n      section.hidden = section.getAttribute('data-case-section') !== kind;\r\n    });\r\n\r\n    const intakeResult = form.elements.intake_result?.value;\r\n    const mediationResult = form.elements.mediation_result?.value;\r\n\r\n    form.querySelectorAll('[data-other-field=\"intake_result\"]').forEach(field => {\r\n      field.hidden = intakeResult !== 'other';\r\n    });\r\n\r\n    form.querySelectorAll('[data-other-field=\"mediation_result\"]').forEach(field => {\r\n      field.hidden = mediationResult !== 'other';\r\n    });\r\n  }\r\n\r\n  async function submitCaseForm(event) {\r\n    event.preventDefault();\r\n\r\n    if (!mhCabinetState.activeCaseId) return;\r\n\r\n    const form = event.currentTarget;\r\n    const submit = form.querySelector('button[type=\"submit\"]');\r\n    const formData = new FormData(form);\r\n\r\n    const payload = {\r\n      case_kind: formData.get('case_kind') || 'intake',\r\n      dispute_category_id: formData.get('dispute_category_id') || '',\r\n      dispute_category_other: formData.get('dispute_category_other') || '',\r\n\r\n      intake_format: formData.get('intake_format') || '',\r\n      intake_duration_minutes: formData.get('intake_duration_minutes') || '',\r\n      intake_meetings_count: formData.get('intake_meetings_count') || '',\r\n      intake_meeting_durations: parseMinutesList(formData.get('intake_meeting_durations_text')),\r\n      intake_result: formData.get('intake_result') || '',\r\n      intake_result_other: formData.get('intake_result_other') || '',\r\n\r\n      participants_count: formData.get('participants_count') || '',\r\n      mediation_meetings_count: formData.get('mediation_meetings_count') || '',\r\n      mediation_meeting_durations: parseMinutesList(formData.get('mediation_meeting_durations_text')),\r\n      total_duration_minutes: formData.get('total_duration_minutes') || '',\r\n      mediation_result: formData.get('mediation_result') || '',\r\n      mediation_result_other: formData.get('mediation_result_other') || '',\r\n      post_mediation: formData.get('post_mediation') || '',\r\n      case_status: formData.get('case_status') || 'in_progress',\r\n      court_case: formData.get('court_case') || '',\r\n      court_decision: formData.get('court_decision') || '',\r\n\r\n      has_minors: formData.get('has_minors') || '',\r\n      has_veterans: formData.get('has_veterans') || '',\r\n      has_disability: formData.get('has_disability') || '',\r\n\r\n      mediator_comment: formData.get('mediator_comment') || '',\r\n      private_notes: formData.get('private_notes') || ''\r\n    };\r\n\r\n    if (submit) {\r\n      submit.disabled = true;\r\n      submit.textContent = '\u0417\u0431\u0435\u0440\u0456\u0433\u0430\u0454\u043c\u043e...';\r\n    }\r\n\r\n    showNotice('mh-case-form-notice', '');\r\n\r\n    try {\r\n      const response = await fetch(`${casesEndpoint}\/${mhCabinetState.activeCaseId}`, {\r\n        method: 'POST',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json',\r\n          'Content-Type': 'application\/json'\r\n        },\r\n        body: JSON.stringify(payload)\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (!response.ok || !data.success) {\r\n        throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u043a\u0435\u0439\u0441.');\r\n      }\r\n\r\n      if (data.suggest_continue_as_mediation) {\r\n        showNotice(\r\n          'mh-case-form-notice',\r\n          '\u0414\u0430\u043d\u0456 \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e. \u041e\u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0406\u041e\u0417\u041c \u2014 \u201c\u041f\u0435\u0440\u0435\u0445\u0456\u0434 \u0443 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u044e\u201d, \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u0442\u0438\u043f \u0437\u0430\u043f\u0438\u0441\u0443 \u043d\u0430 \u201c\u041c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u0438\u0439 \u043a\u0435\u0439\u0441\u201d \u0456 \u043f\u0440\u043e\u0434\u043e\u0432\u0436\u0438\u0442\u0438 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f \u043a\u0430\u0440\u0442\u043a\u0438.'\r\n        );\r\n      } else {\r\n        showNotice('mh-case-form-notice', '\u0414\u0430\u043d\u0456 \u043a\u0435\u0439\u0441\u0443 \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e.');\r\n      }\r\n    } catch (error) {\r\n      showNotice('mh-case-form-notice', error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u043a\u0435\u0439\u0441.', true);\r\n    } finally {\r\n      if (submit) {\r\n        submit.disabled = false;\r\n        submit.textContent = '\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0434\u0430\u043d\u0456';\r\n      }\r\n    }\r\n  }\r\n  \r\n  function openAdminContactModal() {\r\n      showNotice('mh-admin-contact-notice', '');\r\n    \r\n      const modal = document.getElementById('mh-admin-contact-modal');\r\n    \r\n      if (modal) {\r\n        modal.hidden = false;\r\n      }\r\n    }\r\n    \r\n    function closeAdminContactModal() {\r\n      const modal = document.getElementById('mh-admin-contact-modal');\r\n    \r\n      if (modal) {\r\n        modal.hidden = true;\r\n      }\r\n    }\r\n    \r\n    async function submitAdminContactForm(event) {\r\n      event.preventDefault();\r\n    \r\n      const form = event.currentTarget;\r\n      const submit = form.querySelector('button[type=\"submit\"]');\r\n      const formData = new FormData(form);\r\n    \r\n      const payload = {\r\n        topic: formData.get('topic') || '',\r\n        message: formData.get('message') || '',\r\n        page_url: window.location.href\r\n      };\r\n    \r\n      if (submit) {\r\n        submit.disabled = true;\r\n        submit.textContent = '\u041d\u0430\u0434\u0441\u0438\u043b\u0430\u0454\u043c\u043e...';\r\n      }\r\n    \r\n      showNotice('mh-admin-contact-notice', '');\r\n    \r\n      try {\r\n        const response = await fetch(adminContactEndpoint, {\r\n          method: 'POST',\r\n          credentials: 'same-origin',\r\n          headers: {\r\n            'Accept': 'application\/json',\r\n            'Content-Type': 'application\/json'\r\n          },\r\n          body: JSON.stringify(payload)\r\n        });\r\n    \r\n        const data = await response.json().catch(function () {\r\n          return {};\r\n        });\r\n    \r\n        if (!response.ok || !data.success) {\r\n          throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f.');\r\n        }\r\n    \r\n        form.reset();\r\n        showNotice('mh-admin-contact-notice', data.message || '\u0417\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u043d\u043e \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.');\r\n    \r\n        setTimeout(function () {\r\n          closeAdminContactModal();\r\n        }, 1200);\r\n      } catch (error) {\r\n        showNotice('mh-admin-contact-notice', error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f.', true);\r\n      } finally {\r\n        if (submit) {\r\n          submit.disabled = false;\r\n          submit.textContent = '\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438';\r\n        }\r\n      }\r\n    }\r\n    \r\n    function showAvailabilityNotice(message, isError = false) {\r\n      const target = document.getElementById('mh-availability-notice');\r\n    \r\n      if (!target) return;\r\n    \r\n      target.innerHTML = message\r\n        ? `<div class=\"mh-availability-notice ${isError ? 'mh-availability-notice-error' : ''}\">${esc(message)}<\/div>`\r\n        : '';\r\n    }\r\n    \r\n    async function saveAvailabilityStatus(nextStatus = null) {\r\n      const chip = document.getElementById('mh-availability-chip');\r\n    \r\n      if (!chip) return;\r\n    \r\n      const currentStatus = chip.getAttribute('data-availability-current') || 'open_to_cases';\r\n    \r\n      const newStatus = nextStatus || (\r\n        currentStatus === 'not_taking_cases'\r\n          ? 'open_to_cases'\r\n          : 'not_taking_cases'\r\n      );\r\n    \r\n      const payload = {\r\n          profile_id: mhCabinetState.activeProfileId || null,\r\n          availability_status: newStatus\r\n        };\r\n    \r\n      chip.disabled = true;\r\n      chip.textContent = '\u0417\u0431\u0435\u0440\u0456\u0433\u0430\u0454\u043c\u043e...';\r\n    \r\n      try {\r\n        const response = await fetch(availabilityEndpoint, {\r\n          method: 'POST',\r\n          credentials: 'same-origin',\r\n          headers: {\r\n            'Accept': 'application\/json',\r\n            'Content-Type': 'application\/json'\r\n          },\r\n          body: JSON.stringify(payload)\r\n        });\r\n    \r\n        const data = await response.json().catch(function () {\r\n          return {};\r\n        });\r\n    \r\n        if (!response.ok || !data.success) {\r\n          throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0441\u0442\u0430\u0442\u0443\u0441.');\r\n        }\r\n    \r\n        chip.setAttribute('data-availability-current', newStatus);\r\n    \r\n        chip.classList.toggle('mh-availability-chip-open', newStatus === 'open_to_cases');\r\n        chip.classList.toggle('mh-availability-chip-paused', newStatus === 'not_taking_cases');\r\n    \r\n        chip.textContent = newStatus === 'not_taking_cases'\r\n          ? '\u0422\u0438\u043c\u0447\u0430\u0441\u043e\u0432\u043e \u043d\u0435 \u043f\u0440\u0438\u0439\u043c\u0430\u044e \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f'\r\n          : '\u041f\u0440\u0438\u0439\u043c\u0430\u044e \u043d\u043e\u0432\u0456 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f';\r\n      } catch (error) {\r\n        chip.textContent = currentStatus === 'not_taking_cases'\r\n          ? '\u0422\u0438\u043c\u0447\u0430\u0441\u043e\u0432\u043e \u043d\u0435 \u043f\u0440\u0438\u0439\u043c\u0430\u044e \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f'\r\n          : '\u041f\u0440\u0438\u0439\u043c\u0430\u044e \u043d\u043e\u0432\u0456 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f';\r\n    \r\n        alert(error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0441\u0442\u0430\u0442\u0443\u0441.');\r\n      } finally {\r\n        chip.disabled = false;\r\n      }\r\n    }\r\n\r\n    function showMapLocationNotice(message, isError = false) {\r\n      const notice = document.getElementById('mh-map-location-notice');\r\n\r\n      if (!notice) return;\r\n\r\n      notice.textContent = message || '';\r\n      notice.classList.toggle('is-error', isError);\r\n      notice.hidden = !message;\r\n    }\r\n\r\n    function getGoogleAddressComponent(place, type) {\r\n      const component = (place.address_components || []).find(function (item) {\r\n        return Array.isArray(item.types) && item.types.includes(type);\r\n      });\r\n\r\n      return component ? String(component.long_name || '') : '';\r\n    }\r\n\r\n    function setMapLocationSelectionHint(message, state = '') {\r\n      const hint = document.getElementById('mh-map-location-selection-hint');\r\n\r\n      if (!hint) return;\r\n\r\n      hint.textContent = message || '';\r\n      hint.classList.toggle('is-success', state === 'success');\r\n      hint.classList.toggle('is-error', state === 'error');\r\n    }\r\n\r\n    function initMapLocationAutocomplete() {\r\n      const input = document.getElementById('mh-public-location-address');\r\n\r\n      if (!input || input.dataset.googleAddressBound === '1') {\r\n        return;\r\n      }\r\n\r\n      if (!window.google || !window.google.maps || !window.google.maps.places) {\r\n        if (!mhCabinetState.selectedMapLocation) {\r\n          setMapLocationSelectionHint('\u041f\u0456\u0434\u043a\u043b\u044e\u0447\u0430\u0454\u043c\u043e \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0438 Google Maps\u2026');\r\n        }\r\n        return;\r\n      }\r\n\r\n      input.dataset.googleAddressBound = '1';\r\n\r\n      if (mhCabinetState.selectedMapLocation?.formatted_address) {\r\n        input.dataset.selectedAddress = mhCabinetState.selectedMapLocation.formatted_address;\r\n      }\r\n\r\n      const autocomplete = new window.google.maps.places.Autocomplete(input, {\r\n        types: ['address'],\r\n        fields: ['place_id', 'geometry', 'address_components', 'formatted_address', 'types']\r\n      });\r\n\r\n      autocomplete.addListener('place_changed', function () {\r\n        const place = autocomplete.getPlace();\r\n        const geometry = place?.geometry?.location;\r\n        const formattedAddress = String(place?.formatted_address || input.value || '').trim();\r\n        const streetName = getGoogleAddressComponent(place || {}, 'route');\r\n        const streetNumber = getGoogleAddressComponent(place || {}, 'street_number');\r\n        const premise =\r\n          getGoogleAddressComponent(place || {}, 'premise') ||\r\n          getGoogleAddressComponent(place || {}, 'subpremise');\r\n\r\n        if (\r\n          !place ||\r\n          !place.place_id ||\r\n          !geometry ||\r\n          !formattedAddress ||\r\n          !streetName ||\r\n          (!streetNumber && !premise)\r\n        ) {\r\n          mhCabinetState.selectedMapLocation = null;\r\n          input.classList.add('is-error');\r\n          delete input.dataset.selectedAddress;\r\n          setMapLocationSelectionHint(\r\n            '\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0442\u043e\u0447\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0437 \u0432\u0443\u043b\u0438\u0446\u0435\u044e \u0442\u0430 \u043d\u043e\u043c\u0435\u0440\u043e\u043c \u0431\u0443\u0434\u0438\u043d\u043a\u0443 \u0456\u0437 \u0437\u0430\u043f\u0440\u043e\u043f\u043e\u043d\u043e\u0432\u0430\u043d\u043e\u0433\u043e Google Maps \u0441\u043f\u0438\u0441\u043a\u0443.',\r\n            'error'\r\n          );\r\n          return;\r\n        }\r\n\r\n        const city =\r\n          getGoogleAddressComponent(place, 'locality') ||\r\n          getGoogleAddressComponent(place, 'postal_town') ||\r\n          getGoogleAddressComponent(place, 'sublocality_level_1') ||\r\n          getGoogleAddressComponent(place, 'administrative_area_level_2');\r\n\r\n        mhCabinetState.selectedMapLocation = {\r\n          formatted_address: formattedAddress,\r\n          country: getGoogleAddressComponent(place, 'country'),\r\n          region: getGoogleAddressComponent(place, 'administrative_area_level_1'),\r\n          city,\r\n          postal_code: getGoogleAddressComponent(place, 'postal_code'),\r\n          street: [streetName, streetNumber].filter(Boolean).join(' '),\r\n          street_number: streetNumber,\r\n          premise,\r\n          lat: geometry.lat(),\r\n          lng: geometry.lng(),\r\n          place_id: String(place.place_id)\r\n        };\r\n\r\n        input.value = formattedAddress;\r\n        input.dataset.selectedAddress = formattedAddress;\r\n        input.classList.remove('is-error');\r\n        setMapLocationSelectionHint('\u0422\u043e\u0447\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 Google Maps \u0432\u0438\u0431\u0440\u0430\u043d\u043e.', 'success');\r\n        showMapLocationNotice('');\r\n      });\r\n\r\n      input.addEventListener('input', function () {\r\n        const currentValue = String(input.value || '').trim();\r\n        const selectedAddress = String(input.dataset.selectedAddress || '').trim();\r\n\r\n        if (currentValue !== selectedAddress) {\r\n          mhCabinetState.selectedMapLocation = null;\r\n          input.classList.remove('is-error');\r\n          setMapLocationSelectionHint(\r\n            currentValue\r\n              ? '\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0442\u043e\u0447\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0456\u0437 \u0437\u0430\u043f\u0440\u043e\u043f\u043e\u043d\u043e\u0432\u0430\u043d\u043e\u0433\u043e Google Maps \u0441\u043f\u0438\u0441\u043a\u0443.'\r\n              : '\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u0432\u0443\u043b\u0438\u0446\u044e \u0439 \u043d\u043e\u043c\u0435\u0440 \u0431\u0443\u0434\u0438\u043d\u043a\u0443 \u0442\u0430 \u043e\u0431\u043e\u0432\u02bc\u044f\u0437\u043a\u043e\u0432\u043e \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u0443 \u0456\u0437 \u0437\u0430\u043f\u0440\u043e\u043f\u043e\u043d\u043e\u0432\u0430\u043d\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0443.'\r\n          );\r\n        }\r\n      });\r\n\r\n      input.addEventListener('blur', function () {\r\n        if (String(input.value || '').trim() && !mhCabinetState.selectedMapLocation) {\r\n          input.classList.add('is-error');\r\n          setMapLocationSelectionHint(\r\n            '\u0422\u0435\u043a\u0441\u0442 \u0449\u0435 \u043d\u0435 \u0454 \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e\u044e \u0430\u0434\u0440\u0435\u0441\u043e\u044e. \u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u043e\u0434\u0438\u043d \u0456\u0437 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0456\u0432 Google Maps.',\r\n            'error'\r\n          );\r\n        }\r\n      });\r\n    }\r\n\r\n    window.addEventListener('mh-google-places-ready', initMapLocationAutocomplete);\r\n\r\n    async function submitMapLocationForm(event) {\r\n      event.preventDefault();\r\n\r\n      const form = event.currentTarget;\r\n      const input = form.querySelector('[name=\"public_address\"]');\r\n      const checkbox = form.querySelector('[name=\"show_on_app_map\"]');\r\n      const button = form.querySelector('button[type=\"submit\"]');\r\n      const publicAddress = String(input?.value || '').trim();\r\n      const showOnAppMap = Boolean(checkbox?.checked);\r\n      const selectedLocation = mhCabinetState.selectedMapLocation;\r\n\r\n      showMapLocationNotice('');\r\n\r\n      if (showOnAppMap && publicAddress === '') {\r\n        showMapLocationNotice('\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0442\u043e\u0447\u043d\u0443 \u043f\u0443\u0431\u043b\u0456\u0447\u043d\u0443 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0443 \u043f\u0440\u043e\u0444\u0456\u043b\u044e \u043d\u0430 \u043c\u0430\u043f\u0456.', true);\r\n        input?.focus();\r\n        return;\r\n      }\r\n\r\n      if (\r\n        publicAddress !== '' &&\r\n        (\r\n          !selectedLocation ||\r\n          String(selectedLocation.formatted_address || '').trim() !== publicAddress ||\r\n          !selectedLocation.place_id ||\r\n          selectedLocation.lat == null ||\r\n          selectedLocation.lng == null\r\n        )\r\n      ) {\r\n        input?.classList.add('is-error');\r\n        setMapLocationSelectionHint(\r\n          '\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0442\u043e\u0447\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0456\u0437 \u0437\u0430\u043f\u0440\u043e\u043f\u043e\u043d\u043e\u0432\u0430\u043d\u043e\u0433\u043e Google Maps \u0441\u043f\u0438\u0441\u043a\u0443, \u0430 \u043d\u0435 \u0432\u0432\u043e\u0434\u044c\u0442\u0435 \u0457\u0457 \u043b\u0438\u0448\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u043c.',\r\n          'error'\r\n        );\r\n        showMapLocationNotice('\u0421\u043f\u043e\u0447\u0430\u0442\u043a\u0443 \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0442\u043e\u0447\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0443 \u0441\u043f\u0438\u0441\u043a\u0443 Google Maps.', true);\r\n        input?.focus();\r\n        return;\r\n      }\r\n\r\n      if (!mhCabinetState.mapLocationNonce) {\r\n        showMapLocationNotice('\u0421\u0435\u0441\u0456\u044e \u0444\u043e\u0440\u043c\u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e. \u041e\u043d\u043e\u0432\u0456\u0442\u044c \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u0442\u0430 \u0441\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0449\u0435 \u0440\u0430\u0437.', true);\r\n        return;\r\n      }\r\n\r\n      const initialButtonText = button?.textContent || '\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u043b\u043e\u043a\u0430\u0446\u0456\u044e';\r\n\r\n      if (button) {\r\n        button.disabled = true;\r\n        button.textContent = '\u0417\u0431\u0435\u0440\u0456\u0433\u0430\u0454\u043c\u043e...';\r\n      }\r\n\r\n      try {\r\n        const response = await fetch(mapLocationEndpoint, {\r\n          method: 'POST',\r\n          credentials: 'same-origin',\r\n          headers: {\r\n            'Accept': 'application\/json',\r\n            'Content-Type': 'application\/json',\r\n            'X-MH-Nonce': mhCabinetState.mapLocationNonce\r\n          },\r\n          body: JSON.stringify({\r\n            profile_id: mhCabinetState.activeProfileId || null,\r\n            public_address: publicAddress,\r\n            public_location: publicAddress ? selectedLocation : null,\r\n            show_on_app_map: showOnAppMap\r\n          })\r\n        });\r\n\r\n        const data = await response.json().catch(function () {\r\n          return {};\r\n        });\r\n\r\n        if (!response.ok || !data.success) {\r\n          throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u043b\u043e\u043a\u0430\u0446\u0456\u044e.');\r\n        }\r\n\r\n        if (data.location) {\r\n          if (input) input.value = data.location.public_address || '';\r\n          if (checkbox) checkbox.checked = data.location.show_on_app_map === true;\r\n\r\n          mhCabinetState.selectedMapLocation = data.location.public || null;\r\n\r\n          if (input) {\r\n            if (data.location.public_address) {\r\n              input.dataset.selectedAddress = data.location.public_address;\r\n              input.classList.remove('is-error');\r\n              setMapLocationSelectionHint('\u0422\u043e\u0447\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 Google Maps \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e.', 'success');\r\n            } else {\r\n              delete input.dataset.selectedAddress;\r\n              setMapLocationSelectionHint(\r\n                '\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u0432\u0443\u043b\u0438\u0446\u044e \u0439 \u043d\u043e\u043c\u0435\u0440 \u0431\u0443\u0434\u0438\u043d\u043a\u0443 \u0442\u0430 \u043e\u0431\u043e\u0432\u02bc\u044f\u0437\u043a\u043e\u0432\u043e \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u0443 \u0456\u0437 \u0437\u0430\u043f\u0440\u043e\u043f\u043e\u043d\u043e\u0432\u0430\u043d\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0443.'\r\n              );\r\n            }\r\n          }\r\n        }\r\n\r\n        showMapLocationNotice(data.message || '\u041f\u0443\u0431\u043b\u0456\u0447\u043d\u0443 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0443 \u043b\u043e\u043a\u0430\u0446\u0456\u044e \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e.');\r\n\r\n        if (publicAddress !== '') {\r\n          form.closest('.mh-map-location-prompt')?.remove();\r\n        }\r\n      } catch (error) {\r\n        showMapLocationNotice(error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u043b\u043e\u043a\u0430\u0446\u0456\u044e.', true);\r\n      } finally {\r\n        if (button) {\r\n          button.disabled = false;\r\n          button.textContent = initialButtonText;\r\n        }\r\n      }\r\n    }\r\n    \r\n    function bindDynamicInteractionEvents() {\r\n      root.querySelectorAll('[data-interaction-confirm]').forEach(button => {\r\n        if (button.dataset.boundInteractionConfirm === '1') return;\r\n    \r\n        button.dataset.boundInteractionConfirm = '1';\r\n    \r\n        button.addEventListener('click', function () {\r\n          openActionConfirmModal(\r\n            this.getAttribute('data-interaction-confirm'),\r\n            this.getAttribute('data-next-status')\r\n          );\r\n        });\r\n      });\r\n    \r\n      root.querySelectorAll('[data-interaction-refuse]').forEach(button => {\r\n        if (button.dataset.boundInteractionRefuse === '1') return;\r\n    \r\n        button.dataset.boundInteractionRefuse = '1';\r\n    \r\n        button.addEventListener('click', function () {\r\n          openRefuseModal(this.getAttribute('data-interaction-refuse'));\r\n        });\r\n      });\r\n    \r\n      root.querySelectorAll('[data-action-confirm-close]').forEach(button => {\r\n        if (button.dataset.boundActionConfirmClose === '1') return;\r\n    \r\n        button.dataset.boundActionConfirmClose = '1';\r\n        button.addEventListener('click', closeActionConfirmModal);\r\n      });\r\n    \r\n      root.querySelectorAll('[data-refuse-close]').forEach(button => {\r\n        if (button.dataset.boundRefuseClose === '1') return;\r\n    \r\n        button.dataset.boundRefuseClose = '1';\r\n        button.addEventListener('click', closeRefuseModal);\r\n      });\r\n    \r\n      const confirmButton = document.getElementById('mh-action-confirm-button');\r\n    \r\n      if (confirmButton && confirmButton.dataset.boundConfirmAction !== '1') {\r\n        confirmButton.dataset.boundConfirmAction = '1';\r\n        confirmButton.addEventListener('click', confirmPendingAction);\r\n      }\r\n    \r\n      const refuseForm = document.getElementById('mh-refuse-form');\r\n    \r\n      if (refuseForm && refuseForm.dataset.boundRefuseForm !== '1') {\r\n        refuseForm.dataset.boundRefuseForm = '1';\r\n        refuseForm.addEventListener('submit', submitRefuseForm);\r\n      }\r\n    }\r\n    \r\n    function bindProfileSwitcherEvents() {\r\n      const toggle = root.querySelector('[data-profile-switcher-toggle]');\r\n      const menu = root.querySelector('[data-profile-switcher-menu]');\r\n    \r\n      if (toggle && menu) {\r\n        toggle.addEventListener('click', function (event) {\r\n          event.stopPropagation();\r\n    \r\n          const willOpen = menu.hidden;\r\n    \r\n          menu.hidden = !willOpen;\r\n          toggle.setAttribute('aria-expanded', willOpen ? 'true' : 'false');\r\n        });\r\n    \r\n        document.addEventListener('click', function () {\r\n          if (!menu.hidden) {\r\n            menu.hidden = true;\r\n            toggle.setAttribute('aria-expanded', 'false');\r\n          }\r\n        });\r\n    \r\n        menu.addEventListener('click', function (event) {\r\n          event.stopPropagation();\r\n        });\r\n      }\r\n    \r\n      root.querySelectorAll('[data-profile-switch]').forEach(button => {\r\n        button.addEventListener('click', function () {\r\n          const profileId = this.getAttribute('data-profile-switch');\r\n    \r\n          if (!profileId) {\r\n            return;\r\n          }\r\n    \r\n          loadCabinet(profileId);\r\n        });\r\n      });\r\n    }\r\n\r\n  function bindCaseEvents() {\r\n      root.querySelectorAll('[data-case-create]').forEach(button => {\r\n        button.addEventListener('click', function () {\r\n          openConsentModal(this.getAttribute('data-case-create'));\r\n        });\r\n      });\r\n    \r\n      root.querySelectorAll('[data-case-edit]').forEach(button => {\r\n        button.addEventListener('click', function () {\r\n          openCaseFormModal(this.getAttribute('data-case-edit'));\r\n        });\r\n      });\r\n    \r\n      root.querySelectorAll('[data-case-close]').forEach(button => {\r\n        button.addEventListener('click', closeConsentModal);\r\n      });\r\n    \r\n      root.querySelectorAll('[data-case-form-close]').forEach(button => {\r\n        button.addEventListener('click', closeCaseFormModal);\r\n      });\r\n    \r\n      const confirmButton = document.getElementById('mh-case-confirm-create');\r\n    \r\n      if (confirmButton) {\r\n        confirmButton.addEventListener('click', createCaseFromInteraction);\r\n      }\r\n    \r\n      const form = document.getElementById('mh-case-form');\r\n    \r\n      if (form) {\r\n        form.addEventListener('submit', submitCaseForm);\r\n        form.addEventListener('change', updateCaseSections);\r\n      }\r\n    \r\n      root.querySelectorAll('[data-admin-contact-open]').forEach(button => {\r\n        button.addEventListener('click', openAdminContactModal);\r\n      });\r\n    \r\n      root.querySelectorAll('[data-admin-contact-close]').forEach(button => {\r\n        button.addEventListener('click', closeAdminContactModal);\r\n      });\r\n    \r\n      const adminContactForm = document.getElementById('mh-admin-contact-form');\r\n    \r\n      if (adminContactForm) {\r\n        adminContactForm.addEventListener('submit', submitAdminContactForm);\r\n      }\r\n      \r\n      const availabilityChip = document.getElementById('mh-availability-chip');\r\n\r\n        if (availabilityChip) {\r\n          availabilityChip.addEventListener('click', function () {\r\n            saveAvailabilityStatus();\r\n          });\r\n        }\r\n\r\n        const mapLocationForm = document.getElementById('mh-map-location-form');\r\n\r\n        if (mapLocationForm) {\r\n          mapLocationForm.addEventListener('submit', submitMapLocationForm);\r\n          initMapLocationAutocomplete();\r\n          window.setTimeout(initMapLocationAutocomplete, 1200);\r\n          window.setTimeout(initMapLocationAutocomplete, 3500);\r\n        }\r\n        \r\n        bindDynamicInteractionEvents();\r\n        observeInteractionCards();\r\n        \r\n        const logoutLink = root.querySelector('[data-mh-logout]');\r\n        \r\n        if (logoutLink) {\r\n          logoutLink.addEventListener('click', mhLogout);\r\n        }\r\n    }\r\n    \r\n    function getCabinetUrl(profileId = null) {\r\n      const url = new URL(cabinetEndpoint, window.location.origin);\r\n    \r\n      if (profileId) {\r\n        url.searchParams.set('profile_id', profileId);\r\n      }\r\n    \r\n      return url.toString();\r\n    }\r\n  \r\n  function renderCabinetBanner(banner) {\r\n    if (!banner || !banner.image_url) {\r\n      return '';\r\n    }\r\n\r\n    const image = `\r\n      <img decoding=\"async\" src=\"${esc(banner.image_url)}\" alt=\"${esc(banner.alt_text || '\u041e\u0433\u043e\u043b\u043e\u0448\u0435\u043d\u043d\u044f')}\">\r\n    `;\r\n\r\n    if (banner.link_url) {\r\n      return `\r\n        <section class=\"mh-cabinet-banner-area\">\r\n          <a class=\"mh-cabinet-banner\" href=\"${esc(banner.link_url)}\">\r\n            ${image}\r\n          <\/a>\r\n        <\/section>\r\n      `;\r\n    }\r\n\r\n    return `\r\n      <section class=\"mh-cabinet-banner-area\">\r\n        <div class=\"mh-cabinet-banner\">\r\n          ${image}\r\n        <\/div>\r\n      <\/section>\r\n    `;\r\n  }\r\n  \r\n  function renderProfileSwitcher(profile, profiles) {\r\n      if (!Array.isArray(profiles) || profiles.length <= 1) {\r\n        return esc(profile.kind_label || '\u0424\u0430\u0445\u0456\u0432\u0435\u0446\u044c');\r\n      }\r\n    \r\n      const currentId = String(profile.id || '');\r\n      const currentLabel = profile.kind_label || '\u0424\u0430\u0445\u0456\u0432\u0435\u0446\u044c';\r\n    \r\n      return `\r\n        <span class=\"mh-profile-switcher\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"mh-profile-switcher-btn\"\r\n            data-profile-switcher-toggle\r\n            aria-haspopup=\"true\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            ${esc(currentLabel)}\r\n          <\/button>\r\n    \r\n          <div class=\"mh-profile-switcher-menu\" data-profile-switcher-menu hidden>\r\n            ${profiles.map(item => {\r\n              const itemId = String(item.id || '');\r\n              const isActive = itemId === currentId;\r\n    \r\n              return `\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"mh-profile-switcher-option ${isActive ? 'is-active' : ''}\"\r\n                  data-profile-switch=\"${esc(itemId)}\"\r\n                  ${isActive ? 'disabled' : ''}\r\n                >\r\n                  <span>${esc(item.kind_label || '\u041f\u0440\u043e\u0444\u0456\u043b\u044c')}<\/span>\r\n                  ${isActive ? '<span class=\"mh-profile-switcher-check\">\u2713<\/span>' : ''}\r\n                <\/button>\r\n              `;\r\n            }).join('')}\r\n          <\/div>\r\n        <\/span>\r\n      `;\r\n    }\r\n\r\n  function render(data) {\r\n    const profile = data.profile || {};\r\n    const user = data.user || {};\r\n    const stats = data.stats || {};\r\n    const interactions = Array.isArray(data.interactions) ? data.interactions : [];\r\n    const banner = data.banner || null;\r\n    \r\n    const profiles = Array.isArray(data.profiles) ? data.profiles : [];\r\n    \r\n    mhCabinetState.activeProfileId = profile.id || null;\r\n    mhCabinetState.profiles = profiles;\r\n    mhCabinetState.mapLocationNonce = data.map_location_nonce || '';\r\n\r\n    const profileKindLabel = profile.kind_label || '\u0424\u0430\u0445\u0456\u0432\u0435\u0446\u044c';\r\n    const profileKindGenitive = profile.kind_genitive_label || '\u0444\u0430\u0445\u0456\u0432\u0446\u044f';\r\n\r\n    const interactionsTitle = '\u041e\u0441\u0442\u0430\u043d\u043d\u0456 \u0432\u0445\u0456\u0434\u043d\u0456 \u0437\u0430\u043f\u0438\u0442\u0438';\r\n\r\n    const firstName = user.first_name || profile.name || '';\r\n    const avatar = profile.photo_url\r\n      ? `<img decoding=\"async\" src=\"${esc(profile.photo_url)}\" alt=\"${esc(profile.name || '')}\">`\r\n      : `<span>${esc((profile.name || '\u0424').charAt(0))}<\/span>`;\r\n\r\n    const interactionHtml = interactions.length\r\n      ? `<div class=\"mh-request-list\">${interactions.map(item => renderInteraction(item, profile.kind)).join('')}<\/div>`\r\n      : `\r\n        <div class=\"mh-empty-state\">\r\n          <div class=\"mh-empty-icon\">\u2709<\/div>\r\n          <h3>\u041f\u043e\u043a\u0438 \u043d\u0435\u043c\u0430\u0454 \u043d\u043e\u0432\u0438\u0445 \u0437\u0430\u043f\u0438\u0442\u0456\u0432<\/h3>\r\n          <p>\u041a\u043e\u043b\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0456 \u0437\u0430\u043b\u0438\u0448\u0430\u0442\u044c \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f, \u0441\u0445\u0432\u0430\u043b\u0435\u043d\u0456 \u043c\u043e\u0434\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u043c \u0437\u0430\u043f\u0438\u0441\u0438 \u0437\u02bc\u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0442\u0443\u0442.<\/p>\r\n        <\/div>\r\n      `;\r\n\r\n    root.innerHTML = `\r\n      ${renderDiiaSignatureWarning(profile)}\r\n      ${renderCompletionWarning(profile)}\r\n      ${renderMapLocationPrompt(profile)}\r\n      ${renderCabinetBanner(banner)}\r\n\r\n      <section class=\"mh-cabinet-hero\">\r\n        <div class=\"mh-cabinet-hero-content\">\r\n          <div class=\"mh-cabinet-kicker\">\u041e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0439 \u043a\u0430\u0431\u0456\u043d\u0435\u0442 \u00b7 ${esc(profileKindLabel)}<\/div>\r\n          <h1>\u0412\u0456\u0442\u0430\u0454\u043c\u043e, ${esc(firstName)}<\/h1>\r\n          <p>\r\n            \u0422\u0443\u0442 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0441\u0432\u0456\u0439 \u043f\u0440\u043e\u0444\u0456\u043b\u044c, \u043e\u043d\u043e\u0432\u0438\u0442\u0438 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e\r\n            \u0442\u0430 \u0431\u0430\u0447\u0438\u0442\u0438 \u0437\u0430\u043f\u0438\u0442\u0438, \u044f\u043a\u0456 \u043d\u0430\u0434\u0456\u0439\u0448\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mh-cabinet-profile-mini\">\r\n          <div class=\"mh-cabinet-avatar\">${avatar}<\/div>\r\n          <div>\r\n            <strong>${esc(profile.name || '')}<\/strong>\r\n            <span>${esc(profileKindLabel)} \u00b7 ${esc(profile.status_label || '')}<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mh-cabinet-grid\">\r\n        <div class=\"mh-cabinet-card\">\r\n          <div class=\"mh-card-head\">\r\n            <div>\r\n              <span class=\"mh-card-label\">\u0412\u0430\u0448 \u043f\u0440\u043e\u0444\u0456\u043b\u044c<\/span>\r\n              <h2>\u0421\u0442\u0430\u0442\u0443\u0441: ${renderProfileSwitcher(profile, profiles)}<\/h2>\r\n            <\/div>\r\n            <div class=\"mh-profile-badges\">\r\n              <span class=\"mh-status-badge\">${esc(profile.status_label || '')}<\/span>\r\n            \r\n              <button\r\n                type=\"button\"\r\n                class=\"mh-availability-chip ${profile.availability_status === 'not_taking_cases' ? 'mh-availability-chip-paused' : 'mh-availability-chip-open'}\"\r\n                id=\"mh-availability-chip\"\r\n                data-availability-current=\"${esc(profile.availability_status || 'open_to_cases')}\"\r\n              >\r\n                ${profile.availability_status === 'not_taking_cases'\r\n                  ? '\u0422\u0438\u043c\u0447\u0430\u0441\u043e\u0432\u043e \u043d\u0435 \u043f\u0440\u0438\u0439\u043c\u0430\u044e \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f'\r\n                  : '\u041f\u0440\u0438\u0439\u043c\u0430\u044e \u043d\u043e\u0432\u0456 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f'}\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u044c\u0442\u0435, \u044f\u043a \u0432\u0430\u0448 \u043f\u0440\u043e\u0444\u0456\u043b\u044c ${esc(profileKindGenitive)} \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u043d\u0430 \u0441\u0430\u0439\u0442\u0456,\r\n            \u0430\u0431\u043e \u0432\u043d\u0435\u0441\u0456\u0442\u044c \u0437\u043c\u0456\u043d\u0438 \u0443 \u043d\u044c\u043e\u0433\u043e. \u041f\u0456\u0441\u043b\u044f \u0440\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u0430\u043d\u0456 \u0437\u0431\u0435\u0440\u0435\u0436\u0443\u0442\u044c\u0441\u044f \u0443 \u0432\u0430\u0448\u043e\u043c\u0443 \u043f\u0440\u043e\u0444\u0456\u043b\u0456.\r\n          <\/p>\r\n\r\n\r\n<div class=\"mh-cabinet-actions\">\r\n  ${profile.view_url ? `<a class=\"mh-cabinet-btn mh-cabinet-btn-primary\" href=\"${esc(profile.view_url)}\">\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u043f\u0440\u043e\u0444\u0456\u043b\u044c<\/a>` : ''}\r\n  ${profile.edit_url ? `<a class=\"mh-cabinet-btn mh-cabinet-btn-secondary\" href=\"${esc(profile.edit_url)}\">\u0420\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u0442\u0438 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e<\/a>` : ''}\r\n  ${profile.kind === 'mediator' ? `<a class=\"mh-cabinet-btn mh-cabinet-btn-secondary\" href=\"${esc(casesPageUrl)}\">\u041c\u043e\u0457 \u043a\u0435\u0439\u0441\u0438<\/a>` : ''}\r\n<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mh-cabinet-card\">\r\n          <span class=\"mh-card-label\">\u0412\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u0457<\/span>\r\n          <h2>\u0417\u0430\u043f\u0438\u0442\u0438 \u0434\u043e \u0432\u0430\u0441<\/h2>\r\n\r\n          <div class=\"mh-stat-list\">\r\n            <div class=\"mh-stat-item\">\r\n              <strong>${esc(stats.all || 0)}<\/strong>\r\n              <span>\u0443\u0441\u044c\u043e\u0433\u043e<\/span>\r\n            <\/div>\r\n            <div class=\"mh-stat-item\">\r\n              <strong>${esc(stats.messages || 0)}<\/strong>\r\n              <span>\u0437\u0432\u0435\u0440\u043d\u0435\u043d\u044c<\/span>\r\n            <\/div>\r\n            <div class=\"mh-stat-item\">\r\n              <strong>${esc(stats.reviews || 0)}<\/strong>\r\n              <span>\u0432\u0456\u0434\u0433\u0443\u043a\u0456\u0432<\/span>\r\n            <\/div>\r\n            <div class=\"mh-stat-item\">\r\n              <strong>${esc(stats.complaints || 0)}<\/strong>\r\n              <span>\u0441\u043a\u0430\u0440\u0433<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mh-cabinet-card mh-cabinet-requests\">\r\n        <div class=\"mh-card-head\">\r\n          <div>\r\n            <span class=\"mh-card-label\">\u0412\u0445\u0456\u0434\u043d\u0456 \u0437\u0430\u043f\u0438\u0442\u0438<\/span>\r\n            <h2>${esc(interactionsTitle)}<\/h2>\r\n          <\/div>\r\n\r\n          <a class=\"mh-cabinet-btn mh-cabinet-btn-secondary\" href=\"${esc(requestsPageUrl)}\">\r\n            \u0423\u0441\u0456 \u0432\u0445\u0456\u0434\u043d\u0456 \u0437\u0430\u043f\u0438\u0442\u0438\r\n          <\/a>\r\n        <\/div>\r\n\r\n        ${interactionHtml}\r\n      <\/section>\r\n      \r\n        ${renderAdminContactCard()}\r\n\r\n      <div class=\"mh-cabinet-bottom\">\r\n        <a class=\"mh-cabinet-logout\" href=\"\/login\/\" data-mh-logout>\r\n          \u0412\u0438\u0439\u0442\u0438 \u0437 \u043a\u0430\u0431\u0456\u043d\u0435\u0442\u0443\r\n        <\/a>\r\n      <\/div>\r\n\r\n      ${modalHtml()}\r\n    `;\r\n\r\n    bindCaseEvents();\r\n    bindProfileSwitcherEvents();\r\n  }\r\n  \r\n  async function mhLogout(event) {\r\n      event.preventDefault();\r\n    \r\n      const button = event.currentTarget;\r\n    \r\n      if (button) {\r\n        button.textContent = '\u0412\u0438\u0445\u043e\u0434\u0438\u043c\u043e...';\r\n        button.style.pointerEvents = 'none';\r\n      }\r\n    \r\n      try {\r\n        const response = await fetch(logoutEndpoint, {\r\n          method: 'POST',\r\n          credentials: 'same-origin',\r\n          headers: {\r\n            'Accept': 'application\/json',\r\n            'Content-Type': 'application\/json'\r\n          }\r\n        });\r\n    \r\n        const data = await response.json().catch(function () {\r\n          return {};\r\n        });\r\n    \r\n        window.location.href = data.redirect_url || '\/login\/';\r\n      } catch (error) {\r\n        window.location.href = '\/login\/';\r\n      }\r\n    }\r\n\r\n  async function loadCabinet(profileId = null) {\r\n  root.innerHTML = `\r\n    <div class=\"mh-cabinet-loading\">\r\n      <div class=\"mh-loader\"><\/div>\r\n      <p>\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454\u043c\u043e \u043a\u0430\u0431\u0456\u043d\u0435\u0442...<\/p>\r\n    <\/div>\r\n  `;\r\n\r\n  try {\r\n    const [cabinetData, bannerData] = await Promise.all([\r\n      fetch(getCabinetUrl(profileId), {\r\n        method: 'GET',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json'\r\n        }\r\n      }).then(async function (response) {\r\n        const data = await response.json().catch(function () {\r\n          return {};\r\n        });\r\n\r\n        if (!response.ok || !data.success) {\r\n          throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0430\u0431\u0456\u043d\u0435\u0442.');\r\n        }\r\n\r\n        return data;\r\n      }),\r\n\r\n      fetch(bannerEndpoint, {\r\n        method: 'GET',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json'\r\n        }\r\n      }).then(async function (response) {\r\n        const data = await response.json().catch(function () {\r\n          return {};\r\n        });\r\n\r\n        if (!response.ok || !data.success) {\r\n          return { banner: null };\r\n        }\r\n\r\n        return data;\r\n      }).catch(function () {\r\n        return { banner: null };\r\n      })\r\n    ]);\r\n\r\n    cabinetData.banner = bannerData.banner || null;\r\n    render(cabinetData);\r\n\r\n    if (profileId) {\r\n      const currentUrl = new URL(window.location.href);\r\n      currentUrl.searchParams.set('profile_id', profileId);\r\n      window.history.replaceState({}, '', currentUrl.toString());\r\n    }\r\n  } catch (error) {\r\n    renderError(error.message);\r\n  }\r\n}\r\n\r\nconst initialUrl = new URL(window.location.href);\r\nloadCabinet(initialUrl.searchParams.get('profile_id'));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454\u043c\u043e \u043a\u0430\u0431\u0456\u043d\u0435\u0442&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/11424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/comments?post=11424"}],"version-history":[{"count":145,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/11424\/revisions"}],"predecessor-version":[{"id":13027,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/11424\/revisions\/13027"}],"wp:attachment":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/media?parent=11424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}