{"id":4920,"date":"2026-05-14T10:25:41","date_gmt":"2026-05-14T02:25:41","guid":{"rendered":"https:\/\/court.za.gov.mn\/?page_id=4920"},"modified":"2026-05-14T10:25:42","modified_gmt":"2026-05-14T02:25:42","slug":"%d1%85%d1%83%d1%80%d0%bb%d1%8b%d0%bd-%d1%82%d0%be%d0%b2","status":"publish","type":"page","link":"https:\/\/court.za.gov.mn\/?page_id=4920","title":{"rendered":"\u0425\u0423\u0420\u041b\u042b\u041d \u0422\u041e\u0412"},"content":{"rendered":"    <style>\n        .cs-schedule-wrapper {\n            max-width: 1200px;\n            margin: 24px auto;\n            padding: 16px 20px;\n            background: #ffffff;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(15,23,42,0.08);\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n        }\n        .cs-schedule-title {\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 16px;\n            color: #111827;\n        }\n        .cs-messages { margin-bottom: 12px; }\n        .cs-message {\n            position: relative;\n            padding: 10px 40px 10px 12px;\n            border-radius: 10px;\n            margin-bottom: 6px;\n            font-size: 0.9rem;\n        }\n        .cs-message-success {\n            background: #ecfdf3;\n            border: 1px solid #22c55e;\n            color: #166534;\n        }\n        .cs-message-error {\n            background: #fef2f2;\n            border: 1px solid #ef4444;\n            color: #991b1b;\n        }\n        .cs-message-warning {\n            background: #fffbeb;\n            border: 1px solid #facc15;\n            color: #854d0e;\n        }\n        .cs-message-close {\n            position: absolute;\n            right: 10px;\n            top: 8px;\n            width: 22px;\n            height: 22px;\n            border-radius: 999px;\n            border: none;\n            background: rgba(255,255,255,0.7);\n            color: inherit;\n            cursor: pointer;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 1px 3px rgba(15,23,42,0.15);\n        }\n        .cs-message-close:hover { background: rgba(255,255,255,1); }\n\n        .cs-create-form {\n            padding: 14px 14px 10px;\n            border-radius: 12px;\n            background: #f3f4ff;\n            border: 1px solid #e0e7ff;\n            margin-bottom: 16px;\n        }\n        .cs-create-form-title {\n            font-weight: 700;\n            margin-bottom: 8px;\n            font-size: 1rem;\n            color: #111827;\n        }\n        .cs-create-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px 20px;\n        }\n        .cs-create-field {\n            display: flex;\n            flex-direction: column;\n            font-size: 0.85rem;\n            min-width: 180px;\n            flex: 1 1 180px;\n        }\n        .cs-create-field label {\n            font-weight: 600;\n            margin-bottom: 2px;\n            color: #374151;\n        }\n        .cs-create-field input,\n        .cs-create-field select {\n            padding: 6px 8px;\n            border-radius: 8px;\n            border: 1px solid #d1d5db;\n            font-size: 0.85rem;\n            color: #111827;\n            background-color: #ffffff;\n        }\n        .cs-create-field input:focus,\n        .cs-create-field select:focus {\n            outline: none;\n            border-color: #2563eb;\n            box-shadow: 0 0 0 1px #2563eb33;\n        }\n        .cs-create-actions { margin-top: 10px; }\n        .cs-create-actions button {\n            padding: 8px 16px;\n            border-radius: 999px;\n            border: none;\n            background: #2563eb;\n            color: #fff;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            box-shadow: 0 4px 10px rgba(37,99,235,0.35);\n        }\n        .cs-create-actions button:hover { background: #1d4ed8; }\n\n        .cs-filter-form {\n            display: block;\n            padding: 10px 14px;\n            border-radius: 12px;\n            background: #f9fafb;\n            border: 1px solid #e5e7eb;\n            margin-bottom: 16px;\n        }\n        .cs-filter-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px 18px;\n            align-items: flex-end;\n            margin-bottom: 10px;\n        }\n        .cs-filter-row:last-child { margin-bottom: 0; }\n\n        .cs-filter-form .cs-field {\n            display: flex;\n            flex-direction: column;\n            font-size: 0.85rem;\n            min-width: 160px;\n            flex: 1 1 160px;\n        }\n        .cs-filter-form .cs-field.cs-field-narrow {\n            min-width: 140px;\n            flex: 1 1 140px;\n        }\n        .cs-filter-form .cs-field.cs-field-wide {\n            min-width: 220px;\n            flex: 2 1 220px;\n        }\n        .cs-filter-form .cs-field.cs-field-checkbox {\n            flex-direction: row;\n            align-items: center;\n            gap: 8px;\n            min-width: 160px;\n        }\n        .cs-filter-form .cs-field.cs-field-checkbox label {\n            margin: 0;\n        }\n        .cs-filter-form label {\n            font-weight: 600;\n            margin-bottom: 2px;\n            color: #374151;\n        }\n        .cs-filter-form input,\n        .cs-filter-form select {\n            padding: 6px 8px;\n            border-radius: 8px;\n            border: 1px solid #d1d5db;\n            font-size: 0.85rem;\n        }\n        .cs-filter-form input[type=\"checkbox\"] {\n            width: 16px;\n            height: 16px;\n            padding: 0;\n            border-radius: 4px;\n        }\n        .cs-filter-form input:focus,\n        .cs-filter-form select:focus {\n            outline: none;\n            border-color: #2563eb;\n            box-shadow: 0 0 0 1px #2563eb33;\n        }\n        .cs-filter-actions {\n            display: flex;\n            justify-content: center;\n        }\n        .cs-filter-form button {\n            padding: 8px 16px;\n            border-radius: 999px;\n            border: none;\n            background: #111827;\n            color: #fff;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n        }\n        .cs-filter-form button:hover { background: #0f172a; }\n\n        .cs-stats {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-bottom: 12px;\n        }\n        .cs-stat-card {\n            flex: 1 1 220px;\n            min-width: 200px;\n            padding: 10px 12px;\n            border-radius: 12px;\n            background: #f9fafb;\n            border: 1px solid #e5e7eb;\n            font-size: 0.85rem;\n        }\n        .cs-stat-title {\n            font-weight: 700;\n            margin-bottom: 4px;\n            color: #111827;\n        }\n        .cs-stat-value {\n            font-size: 1.2rem;\n            font-weight: 700;\n            margin-bottom: 4px;\n            color: #111827;\n        }\n\n        .cs-table-wrapper { margin-top: 10px; }\n\n        table.cs-schedule-table {\n            width: 100%;\n            border-collapse: collapse;\n            table-layout: fixed;\n            font-size: 0.9rem;\n        }\n        table.cs-schedule-table th,\n        table.cs-schedule-table td {\n            border: 1px solid #e5e7eb;\n            padding: 6px 8px;\n            vertical-align: top;\n        }\n        table.cs-schedule-table th {\n            background: #f3f4f6;\n            font-weight: 700;\n            text-align: left;\n            color: #111827;\n        }\n        table.cs-schedule-table th:nth-child(1),\n        table.cs-schedule-table td:nth-child(1) {\n            \twidth: 60px;          \/* \u0425\u044d\u0440\u044d\u0432 \u0434\u044d\u043d\u0434\u04af\u04af \u043d\u0430\u0440\u0438\u0439\u043d \u0441\u0430\u043d\u0430\u0433\u0434\u0432\u0430\u043b 70px \u0433\u044d\u0436 \u04e9\u04e9\u0440\u0447\u0438\u043b\u0436 \u0431\u043e\u043b\u043d\u043e *\/\n   \t\t\t \tpadding: 4px 6px;     \/* \u0411\u0430\u0433\u0430 \u0437\u044d\u0440\u044d\u0433 \u0436\u0438\u0436\u0433\u044d\u0440\u04af\u04af\u043b\u0441\u044d\u043d padding *\/\n    \t\t\ttext-align: center;   \/* \u0426\u0430\u0433\u0438\u0439\u0433\u771f \u0433\u043e\u043b\u043b\u0443\u0443\u043b\u0436 \u04e9\u0433\u043b\u04e9\u04e9 *\/\n\t\t\t\tvertical-align: middle; \/* <<< \u042d\u041d\u042d \u0427\u0423\u0425\u0410\u041b *\/\n   \t\t\t\twhite-space: nowrap;  \/* 09:30 \u0433\u044d\u0441\u044d\u043d \u0442\u0435\u043a\u0441\u0442 \u043c\u04e9\u0440 \u0442\u0430\u0441\u0440\u0430\u0445\u0433\u04af\u0439 *\/\n        }\n        .cs-room-header { text-align: center; }\n\n        .cs-hearing-card {\n            border-radius: 8px;\n            padding: 5px 7px;\n            margin-bottom: 4px;\n            border: 1px solid #dbeafe;\n            background: #eff6ff;\n            overflow-wrap: break-word;\n        }\n        .cs-hearing-card.cs-closed {\n            background: #fee2e2;\n            border-color: #fecaca;\n        }\n        .cs-hearing-title {\n            font-weight: 600;\n            margin-bottom: 2px;\n            color: #111827;\n        }\n       \t .cs-hearing-meta span { \n    \t\tdisplay: block;\n\t\t}\n\t\t\t.cs-hearing-meta .cs-case-label {\n   \t\t\t display: inline;      \/* \u0437\u04e9\u0432\u0445\u04e9\u043d \u042d\u0440\u04af\u04af, \u0418\u0440\u0433\u044d\u043d \u0433\u044d\u0445\u0438\u0439\u0433 \u043d\u044d\u0433 \u043c\u04e9\u0440\u04e9\u043d\u0434 \u0433\u0430\u0440\u0433\u0430\u043d\u0430 *\/\n\t\t}\n            font-size: 0.8rem;\n            color: #4b5563;\n\t\t\t\n        }\n        .cs-hearing-meta span { display: block; }\n\n        .cs-badge-online {\n            display: inline-block;\n            margin-left: 6px;\n            padding: 1px 6px;\n            border-radius: 999px;\n            font-size: 0.7rem;\n            background: #e0f2fe;\n            color: #0369a1;\n            font-weight: 700;\n        }\n        .cs-privacy-mask {\n            display: inline-block;\n            padding: 1px 8px;\n            border-radius: 6px;\n            background: #fef2f2;\n            color: #991b1b;\n            font-size: 0.8rem;\n            font-weight: 700;\n            border: 1px solid #fecaca;\n        }\n\n        .cs-case-label { font-weight: 700; }\n        .cs-case-criminal { color: #2563eb; }\n        .cs-case-civil { color: #16a34a; }\n        .cs-case-violation { color: #dc2626; }\n        .cs-case-administrative { color: #a855f7; }\n        .cs-case-tsah { color: #0f766e; }\n\n        .cs-day-header {\n            margin-top: 16px;\n            margin-bottom: 4px;\n            font-weight: 700;\n            font-size: 1.05rem;\n            color: #111827;\n        }\n        .cs-no-data {\n            padding: 10px;\n            border-radius: 8px;\n            background: #f9fafb;\n            border: 1px solid #e5e7eb;\n            text-align: center;\n            color: #6b7280;\n            margin-top: 10px;\n        }\n        @media (max-width: 768px) {\n            .cs-schedule-wrapper { padding: 12px 10px; }\n            .cs-filter-form {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            table.cs-schedule-table th,\n            table.cs-schedule-table td {\n                font-size: 0.8rem;\n            }\n\t\t\t\n\t\t\tth.cs-room-header {\n   \t\t\tdisplay: flex;\n   \t\t\tjustify-content: center;   \/* \u0425\u044d\u0432\u0442\u044d\u044d \u0433\u043e\u043b\u043b\u0443\u0443\u043b\u0430\u0445 *\/\n    \t\talign-items: center;       \/* \u0411\u043e\u0441\u043e\u043e \u0433\u043e\u043b\u043b\u0443\u0443\u043b\u0430\u0445 *\/\n    \t\ttext-align: center;\n\t\t\t}\n        }\n    <\/style>\n\n    <div class=\"cs-schedule-wrapper\">\n        <div class=\"cs-schedule-title\">\n            <!-- \u0428\u04af\u04af\u0445 \u0445\u0443\u0440\u043b\u044b\u043d \u0445\u0443\u0432\u0430\u0430\u0440\u044c -->\n        <\/div>\n\n        <div class=\"cs-messages\">\n                    <\/div>\n\n        \n        <!-- \u0428\u04af\u04af\u043b\u0442\u04af\u04af\u0440 \/ \u0445\u0430\u0439\u043b\u0442 -->\n        <form method=\"post\" class=\"cs-filter-form\">\n            <!-- 1-\u0440 \u043c\u04e9\u0440: \u044d\u0445\u043b\u044d\u0445\/\u0434\u0443\u0443\u0441\u0430\u0445, \u0448\u04af\u04af\u0445, \u0445\u044d\u0440\u0433\u0438\u0439\u043d \u043e\u0440\u043e\u043b\u0446\u043e\u0433\u0447, \u043f\u0440\u043e\u043a\u0443\u0440\u043e\u0440, \u04e9\u043c\u0433\u04e9\u04e9\u043b\u04e9\u0433\u0447 -->\n            <div class=\"cs-filter-row cs-filter-row-1\">\n                <div class=\"cs-field cs-field-narrow\">\n                    <label for=\"cs_start_date\">\u042d\u0445\u043b\u044d\u0445 \u043e\u0433\u043d\u043e\u043e<\/label>\n                    <input type=\"date\" id=\"cs_start_date\" name=\"start_date\" value=\"2026-07-28\">\n                <\/div>\n                <div class=\"cs-field cs-field-narrow\">\n                    <label for=\"cs_end_date\">\u0414\u0443\u0443\u0441\u0430\u0445 \u043e\u0433\u043d\u043e\u043e<\/label>\n                    <input type=\"date\" id=\"cs_end_date\" name=\"end_date\" value=\"2026-08-03\">\n                <\/div>\n                <div class=\"cs-field\">\n                    <label for=\"cs_court_filter\">\u0428\u04af\u04af\u0445<\/label>\n                    <select id=\"cs_court_filter\" name=\"court\">\n                        <option value=\"\">\u0411\u04af\u0445 \u0448\u04af\u04af\u0445<\/option>\n                        <option value=\"court1\" >\u0421\u0443\u043c \u0434\u0443\u043d\u0434\u044b\u043d \u0448\u04af\u04af\u0445<\/option>\n                        <option value=\"court2\" >\u0417\u0430\u0445\u0438\u0440\u0433\u0430\u0430\u043d\u044b \u0445\u044d\u0440\u0433\u0438\u0439\u043d \u0448\u04af\u04af\u0445<\/option>\n                        <option value=\"court3\" >\u0414\u0430\u0432\u0436 \u0437\u0430\u0430\u043b\u0434\u0430\u0445 \u0448\u0430\u0442\u043d\u044b \u0448\u04af\u04af\u0445<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"cs-field cs-field-wide\">\n                    <label for=\"cs_party_filter\">\u0425\u044d\u0440\u0433\u0438\u0439\u043d \u043e\u0440\u043e\u043b\u0446\u043e\u0433\u0447<\/label>\n                    <input type=\"text\" id=\"cs_party_filter\" name=\"party\" value=\"\" placeholder=\"\u041d\u044d\u0440\u044d\u044d\u0440 \u0445\u0430\u0439\u0445\">\n                <\/div>\n                <div class=\"cs-field\">\n                    <label for=\"cs_prosecutor_filter\">\u041f\u0440\u043e\u043a\u0443\u0440\u043e\u0440<\/label>\n                    <input type=\"text\" id=\"cs_prosecutor_filter\" name=\"prosecutor\" value=\"\" placeholder=\"\u041d\u044d\u0440\u044d\u044d\u0440 \u0445\u0430\u0439\u0445\">\n                <\/div>\n                <div class=\"cs-field\">\n                    <label for=\"cs_lawyer_filter\">\u04e8\u043c\u0433\u04e9\u04e9\u043b\u04e9\u0433\u0447<\/label>\n                    <input type=\"text\" id=\"cs_lawyer_filter\" name=\"lawyer\" value=\"\" placeholder=\"\u041d\u044d\u0440\u044d\u044d\u0440 \u0445\u0430\u0439\u0445\">\n                <\/div>\n            <\/div>\n\n            <!-- 2-\u0440 \u043c\u04e9\u0440: \u0448\u04af\u04af\u0433\u0447, \u0445\u044d\u0440\u0433\u0438\u0439\u043d \u0442\u04e9\u0440\u04e9\u043b, \u0442\u04e9\u0440\u04e9\u043b (\u043d\u044d\u044d\u043b\u0442\u0442\u044d\u0439\/\u0445\u0430\u0430\u043b\u0442\u0442\u0430\u0439), \u0437\u0430\u0430\u043b, \u043e\u043d\u043b\u0430\u0439\u043d -->\n            <div class=\"cs-filter-row cs-filter-row-2\">\n                <div class=\"cs-field\">\n                    <label for=\"cs_judge_filter\">\u0428\u04af\u04af\u0433\u0447<\/label>\n                    <input type=\"text\" id=\"cs_judge_filter\" name=\"judge\" value=\"\" placeholder=\"\u041d\u044d\u0440\u044d\u044d\u0440 \u0445\u0430\u0439\u0445\">\n                <\/div>\n                <div class=\"cs-field\">\n                    <label for=\"cs_case_type_filter\">\u0425\u044d\u0440\u0433\u0438\u0439\u043d \u0442\u04e9\u0440\u04e9\u043b<\/label>\n                    <select id=\"cs_case_type_filter\" name=\"case_type\">\n                        <option value=\"\">\u0411\u04af\u0433\u0434<\/option>\n                        <option value=\"criminal\"          >\u042d\u0440\u04af\u04af<\/option>\n                        <option value=\"civil\"             >\u0418\u0440\u0433\u044d\u043d<\/option>\n                        <option value=\"violation\"         >\u0417\u04e9\u0440\u0447\u0438\u043b<\/option>\n                        <option value=\"administrative\"    >\u0417\u0430\u0445\u0438\u0440\u0433\u0430\u0430<\/option>\n                        <option value=\"tsah\"              >\u0422\u0421\u0410\u0425<\/option>\n                        <option value=\"pre_criminal\"       >\u0423\u0440\u044c\u0434\u0447\u0438\u043b\u0441\u0430\u043d \u0445\u044d\u043b\u044d\u043b\u0446\u04af\u04af\u043b\u044d\u0433 \/\u044d\u0440\u04af\u04af\/<\/option>\n                        <option value=\"pre_administrative\" >\u0423\u0440\u044c\u0434\u0447\u0438\u043b\u0441\u0430\u043d \u0445\u044d\u043b\u044d\u043b\u0446\u04af\u04af\u043b\u044d\u0433 \/\u0437\u0430\u0445\u0438\u0440\u0433\u0430\u0430\/<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"cs-field cs-field-narrow\">\n                    <label for=\"cs_visibility_filter\">\u0422\u04e9\u0440\u04e9\u043b<\/label>\n                    <select id=\"cs_visibility_filter\" name=\"visibility\">\n                        <option value=\"\">\u0411\u04af\u0433\u0434<\/option>\n                        <option value=\"open\" >\u041d\u044d\u044d\u043b\u0442\u0442\u044d\u0439<\/option>\n                        <option value=\"closed\" >\u0425\u0430\u0430\u043b\u0442\u0442\u0430\u0439<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"cs-field cs-field-narrow\">\n                    <label for=\"cs_room_filter\">\u0417\u0430\u0430\u043b<\/label>\n                    <select id=\"cs_room_filter\" name=\"room\">\n                        <option value=\"\">\u0411\u04af\u0433\u0434<\/option>\n                        <option value=\"1\" >\u0414\u043e\u043e\u0434 \u0437\u0430\u0430\u043b<\/option>\n                        <option value=\"2\" >\u0414\u044d\u044d\u0434 \u0437\u0430\u0430\u043b<\/option>\n                        <option value=\"3\" >\u0416\u0438\u0436\u0438\u0433 \u0437\u0430\u0430\u043b<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"cs-field cs-field-checkbox\">\n                    <label for=\"cs_online_filter\">\u041e\u043d\u043b\u0430\u0439\u043d<\/label>\n                    <input type=\"checkbox\" id=\"cs_online_filter\" name=\"online\" value=\"1\" >\n                <\/div>\n            <\/div>\n\n            <!-- 3-\u0440 \u043c\u04e9\u0440: \u0445\u0430\u0439\u0445 \u0442\u043e\u0432\u0447 -->\n            <div class=\"cs-filter-row cs-filter-row-3 cs-filter-actions\">\n                <input type=\"hidden\" id=\"cs_filter_nonce\" name=\"cs_filter_nonce\" value=\"b634407394\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F4920\" \/>                <input type=\"hidden\" name=\"cs_filter_submit\" value=\"1\">\n                <button type=\"submit\">\u0425\u0430\u0439\u0445<\/button>\n            <\/div>\n        <\/form>\n\n        <div class=\"cs-no-data\">\u042d\u043d\u044d \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u0434 (\u043e\u0434\u043e\u043e\u0433\u0438\u0439\u043d \u0448\u04af\u04af\u043b\u0442\u04af\u04af\u0440\u044d\u044d\u0440) \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div>\n        <!-- PDF \u0442\u0430\u0442\u0430\u0445 \u0442\u043e\u0432\u0447 -->\n        <div class=\"cs-pdf-bar\">\n            <button type=\"button\" id=\"cs-pdf-btn\" class=\"cs-pdf-btn\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:5px\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n                PDF \u0442\u0430\u0442\u0430\u0445\n            <\/button>\n            <span class=\"cs-pdf-label\">2026.07.28 \u2013 2026.08.03 \u0445\u0443\u0433\u0430\u0446\u0430\u0430\u043d\u044b \u0445\u0443\u0432\u0430\u0430\u0440\u044c<\/span>\n        <\/div>\n        <style>\n        .cs-pdf-bar {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin: 12px 0 4px;\n            flex-wrap: wrap;\n        }\n        .cs-pdf-btn {\n            display: inline-flex;\n            align-items: center;\n            padding: 8px 18px;\n            border-radius: 8px;\n            border: none;\n            background: #1e3a5f;\n            color: #fff;\n            font-size: 0.88rem;\n            font-weight: 700;\n            cursor: pointer;\n            transition: background 0.15s;\n            box-shadow: 0 2px 8px rgba(30,58,95,0.18);\n        }\n        .cs-pdf-btn:hover { background: #1e40af; }\n        .cs-pdf-label {\n            font-size: 0.82rem;\n            color: #64748b;\n        }\n        <\/style>\n\n                <style>\n            \/* ===== CALENDAR WRAPPER ===== *\/\n            .cs-calendar-wrapper {\n                max-width: 1200px;\n                margin: 14px auto;\n                padding: 12px 14px;\n                background: #ffffff;\n                border-radius: 14px;\n                border: 1px solid #e2e8f0;\n                box-shadow: 0 4px 24px rgba(15,23,42,0.07);\n                font-family: inherit;\n                color: #111827;\n            }\n            .cs-calendar-top {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                gap: 10px;\n                margin-bottom: 8px;\n                flex-wrap: wrap;\n            }\n            .cs-calendar-title {\n                font-size: 1.05rem;\n                font-weight: 800;\n                margin: 0;\n                color: #0f172a;\n                letter-spacing: -0.01em;\n            }\n            .cs-calendar-note {\n                font-size: 0.74rem;\n                color: #94a3b8;\n                margin-top: 2px;\n            }\n\n            \/* ===== NAV BUTTONS ===== *\/\n            .cs-calendar-nav {\n                display: flex;\n                gap: 5px;\n                align-items: center;\n                flex-wrap: wrap;\n            }\n            .cs-calendar-nav a {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                padding: 4px 10px;\n                border-radius: 6px;\n                background: #f8fafc;\n                border: 1px solid #e2e8f0;\n                color: #374151;\n                text-decoration: none;\n                font-size: 0.75rem;\n                font-weight: 700;\n                transition: all 0.15s;\n            }\n            .cs-calendar-nav a:hover {\n                background: #1e40af;\n                color: #fff;\n                border-color: #1e40af;\n            }\n\n            \/* ===== LEGEND ===== *\/\n            .cs-calendar-legend {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 4px 12px;\n                margin-bottom: 8px;\n                font-size: 0.74rem;\n                color: #374151;\n                padding: 6px 10px;\n                background: #f8fafc;\n                border-radius: 8px;\n                border: 1px solid #e2e8f0;\n            }\n            .cs-calendar-legend-item {\n                display: inline-flex;\n                align-items: center;\n                gap: 5px;\n                font-weight: 600;\n            }\n            .cs-cal-dot,\n            .cs-cal-square {\n                display: inline-block;\n                width: 10px;\n                height: 10px;\n                border-radius: 2px;\n                flex: 0 0 auto;\n            }\n            .cs-cal-court1 { background: #2563eb; }\n            .cs-cal-court2 { background: #dc2626; }\n            .cs-cal-court3 { background: #16a34a; }\n\n            \/* ===== GRID ===== *\/\n            .cs-calendar-grid {\n                display: grid;\n                grid-template-columns: repeat(7, minmax(0, 1fr));\n                border: 1px solid #e2e8f0;\n                border-radius: 10px;\n                overflow: hidden;\n                background: #e2e8f0;\n                gap: 1px;\n            }\n            .cs-calendar-weekday {\n                background: #1e3a5f;\n                padding: 6px 6px;\n                text-align: center;\n                font-size: 0.72rem;\n                font-weight: 800;\n                color: #fff;\n                letter-spacing: 0.02em;\n            }\n            .cs-calendar-day {\n                min-height: 56px;\n                background: #ffffff;\n                padding: 4px 5px;\n                position: relative;\n                cursor: default;\n                transition: background 0.12s;\n            }\n            .cs-calendar-day.cs-has-events {\n                cursor: pointer;\n            }\n            .cs-calendar-day.cs-has-events:hover {\n                background: #f0f7ff;\n            }\n            .cs-calendar-day.cs-calendar-empty {\n                background: #f8fafc;\n                cursor: default;\n            }\n            .cs-calendar-day.cs-calendar-today {\n                outline: 2px solid #2563eb;\n                outline-offset: -2px;\n            }\n            .cs-calendar-date-number {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                min-width: 22px;\n                height: 22px;\n                padding: 0 2px;\n                font-weight: 800;\n                font-size: 0.95rem;\n                color: #0f172a;\n            }\n            .cs-calendar-empty .cs-calendar-date-number {\n                color: transparent;\n            }\n            .cs-calendar-today .cs-calendar-date-number {\n                width: 22px;\n                min-width: 22px;\n                padding: 0;\n                border-radius: 50%;\n                background: #2563eb;\n                color: #ffffff;\n                font-size: 0.78rem;\n            }\n\n            \/* ===== BADGES ===== *\/\n            .cs-calendar-badges {\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 2px;\n                margin-top: 4px;\n            }\n            .cs-day-clickable {\n                cursor: pointer;\n            }\n            .cs-calendar-badge {\n                display: inline-flex;\n                align-items: center;\n                gap: 3px;\n                padding: 1px 5px;\n                border-radius: 4px;\n                background: #f1f5f9;\n                border: 1px solid #e2e8f0;\n                font-size: 0.66rem;\n                font-weight: 800;\n                color: #1e293b;\n                transition: transform 0.1s;\n            }\n            .cs-calendar-day.cs-has-events:hover .cs-calendar-badge {\n                border-color: #2563eb33;\n            }\n\n            \/* ===== NO DATA ===== *\/\n            .cs-calendar-no-data {\n                padding: 10px;\n                border-radius: 8px;\n                background: #f8fafc;\n                border: 1px solid #e2e8f0;\n                text-align: center;\n                color: #94a3b8;\n                margin-top: 10px;\n                font-size: 0.85rem;\n            }\n\n            \/* ===== POPUP OVERLAY ===== *\/\n            .cs-popup-overlay {\n                display: none;\n                position: fixed;\n                inset: 0;\n                background: rgba(15,23,42,0.45);\n                backdrop-filter: blur(3px);\n                z-index: 99998;\n                align-items: center;\n                justify-content: center;\n                padding: 16px;\n            }\n            .cs-popup-overlay.cs-popup-open {\n                display: flex;\n            }\n            .cs-popup-box {\n                background: #fff;\n                border-radius: 16px;\n                box-shadow: 0 20px 60px rgba(15,23,42,0.22);\n                max-width: 680px;\n                width: 100%;\n                max-height: 85vh;\n                display: flex;\n                flex-direction: column;\n                overflow: hidden;\n                animation: cs-popup-in 0.18s ease;\n            }\n            @keyframes cs-popup-in {\n                from { opacity: 0; transform: scale(0.96) translateY(8px); }\n                to   { opacity: 1; transform: scale(1)    translateY(0);   }\n            }\n            .cs-popup-header {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                padding: 16px 20px;\n                border-bottom: 1px solid #e2e8f0;\n                background: #1e3a5f;\n                flex-shrink: 0;\n            }\n            .cs-popup-title {\n                font-size: 1rem;\n                font-weight: 800;\n                color: #fff;\n                margin: 0;\n            }\n            .cs-popup-subtitle {\n                font-size: 0.78rem;\n                color: #93c5fd;\n                margin-top: 2px;\n            }\n            .cs-popup-close {\n                width: 32px;\n                height: 32px;\n                border-radius: 8px;\n                border: none;\n                background: rgba(255,255,255,0.15);\n                color: #fff;\n                font-size: 18px;\n                font-weight: 700;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                line-height: 1;\n                flex-shrink: 0;\n                transition: background 0.15s;\n            }\n            .cs-popup-close:hover { background: rgba(255,255,255,0.3); }\n            .cs-popup-body {\n                overflow-y: auto;\n                padding: 16px 20px;\n                flex: 1;\n            }\n\n            \/* ===== POPUP EVENT CARDS ===== *\/\n            .cs-popup-event {\n                border-radius: 10px;\n                border: 1px solid #e2e8f0;\n                padding: 12px 14px;\n                margin-bottom: 10px;\n                background: #f8fafc;\n                border-left: 5px solid #d1d5db;\n                position: relative;\n            }\n            .cs-popup-event:last-child { margin-bottom: 0; }\n            .cs-popup-event.cs-pe-court1 { border-left-color: #16a34a; }\n            .cs-popup-event.cs-pe-court2 { border-left-color: #dc2626; }\n            .cs-popup-event.cs-pe-court3 { border-left-color: #b45309; }\n            .cs-popup-event.cs-pe-closed { background: #fff5f5; }\n            .cs-popup-event-top {\n                display: flex;\n                align-items: flex-start;\n                gap: 10px;\n                margin-bottom: 8px;\n            }\n            .cs-popup-time-badge {\n                background: #1e3a5f;\n                color: #fff;\n                font-weight: 800;\n                font-size: 0.82rem;\n                padding: 3px 10px;\n                border-radius: 6px;\n                flex-shrink: 0;\n                margin-top: 1px;\n            }\n            .cs-popup-event-title {\n                font-weight: 700;\n                font-size: 0.9rem;\n                color: #0f172a;\n                line-height: 1.3;\n            }\n            .cs-popup-tags {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 4px;\n                margin-bottom: 8px;\n            }\n            .cs-popup-tag {\n                display: inline-flex;\n                align-items: center;\n                gap: 3px;\n                padding: 2px 8px;\n                border-radius: 5px;\n                font-size: 0.72rem;\n                font-weight: 700;\n            }\n            .cs-popup-tag-court  { background: #dbeafe; color: #1e40af; }\n            .cs-popup-tag-case   { background: #fef9c3; color: #854d0e; }\n            .cs-popup-tag-room   { background: #f0fdf4; color: #166534; }\n            .cs-popup-tag-online { background: #e0f2fe; color: #0369a1; }\n            .cs-popup-tag-closed { background: #fee2e2; color: #991b1b; }\n            .cs-popup-tag-open   { background: #f0fdf4; color: #166534; }\n            .cs-popup-meta-grid {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 3px 12px;\n                font-size: 0.78rem;\n                color: #475569;\n            }\n            .cs-popup-meta-item { display: flex; gap: 4px; }\n            .cs-popup-meta-label { font-weight: 700; color: #334155; white-space: nowrap; }\n\n            \/* ===== RESPONSIVE ===== *\/\n            @media (max-width: 900px) {\n                .cs-calendar-grid {\n                    display: block;\n                    border: none;\n                    background: transparent;\n                }\n                .cs-calendar-weekday,\n                .cs-calendar-empty {\n                    display: none;\n                }\n                .cs-calendar-day {\n                    min-height: auto;\n                    border: 1px solid #e2e8f0;\n                    border-radius: 10px;\n                    margin-bottom: 6px;\n                }\n                .cs-popup-meta-grid { grid-template-columns: 1fr; }\n            }\n        <\/style>\n\n        <!-- POPUP HTML -->\n        <div class=\"cs-popup-overlay\" id=\"cs-popup-overlay\">\n            <div class=\"cs-popup-box\" id=\"cs-popup-box\">\n                <div class=\"cs-popup-header\">\n                    <div>\n                        <div class=\"cs-popup-title\" id=\"cs-popup-title\">\u0428\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b<\/div>\n                        <div class=\"cs-popup-subtitle\" id=\"cs-popup-subtitle\"><\/div>\n                    <\/div>\n                    <button class=\"cs-popup-close\" id=\"cs-popup-close\" aria-label=\"\u0425\u0430\u0430\u0445\">&#x2715;<\/button>\n                <\/div>\n                <div class=\"cs-popup-body\" id=\"cs-popup-body\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"cs-calendar-wrapper\">\n            <div class=\"cs-calendar-top\">\n                <div>\n                    <h2 class=\"cs-calendar-title\">2026 \u043e\u043d\u044b 07 \u0441\u0430\u0440 - \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u043b\u044b\u043d \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c<\/h2>\n                    <div class=\"cs-calendar-note\">\u041e\u0434\u043e\u043e\u0433\u0438\u0439\u043d \u0448\u04af\u04af\u043b\u0442\u04af\u04af\u0440\u04af\u04af\u0434\u044d\u044d\u0440 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c \u0434\u044d\u044d\u0440 \u0445\u0430\u0440\u0443\u0443\u043b\u0436 \u0431\u0430\u0439\u043d\u0430.<\/div>\n                <\/div>\n                <div class=\"cs-calendar-nav\">\n                    <a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F4920&#038;cs_cal_month=2026-06\">\u2190 \u04e8\u043c\u043d\u04e9\u0445 \u0441\u0430\u0440<\/a>\n                    <a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F4920\">\u042d\u043d\u044d \u0441\u0430\u0440<\/a>\n                    <a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F4920&#038;cs_cal_month=2026-08\">\u0414\u0430\u0440\u0430\u0430\u0433\u0438\u0439\u043d \u0441\u0430\u0440 \u2192<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"cs-calendar-legend\">\n                                    <span class=\"cs-calendar-legend-item\">\n                        <span class=\"cs-cal-square cs-cal-court1\"><\/span>\n                        \u0421\u0443\u043c \u0434\u0443\u043d\u0434\u044b\u043d \u0448\u04af\u04af\u0445                    <\/span>\n                                    <span class=\"cs-calendar-legend-item\">\n                        <span class=\"cs-cal-square cs-cal-court2\"><\/span>\n                        \u0417\u0430\u0445\u0438\u0440\u0433\u0430\u0430\u043d\u044b \u0445\u044d\u0440\u0433\u0438\u0439\u043d \u0448\u04af\u04af\u0445                    <\/span>\n                                    <span class=\"cs-calendar-legend-item\">\n                        <span class=\"cs-cal-square cs-cal-court3\"><\/span>\n                        \u0414\u0430\u0432\u0436 \u0437\u0430\u0430\u043b\u0434\u0430\u0445 \u0448\u0430\u0442\u043d\u044b \u0448\u04af\u04af\u0445                    <\/span>\n                            <\/div>\n\n            <div class=\"cs-calendar-grid\">\n                                    <div class=\"cs-calendar-weekday\">\u0414\u0430\u0432\u0430\u0430<\/div>\n                                    <div class=\"cs-calendar-weekday\">\u041c\u044f\u0433\u043c\u0430\u0440<\/div>\n                                    <div class=\"cs-calendar-weekday\">\u041b\u0445\u0430\u0433\u0432\u0430<\/div>\n                                    <div class=\"cs-calendar-weekday\">\u041f\u04af\u0440\u044d\u0432<\/div>\n                                    <div class=\"cs-calendar-weekday\">\u0411\u0430\u0430\u0441\u0430\u043d<\/div>\n                                    <div class=\"cs-calendar-weekday\">\u0411\u044f\u043c\u0431\u0430<\/div>\n                                    <div class=\"cs-calendar-weekday\">\u041d\u044f\u043c<\/div>\n                \n                <div class=\"cs-calendar-day cs-calendar-empty\"><\/div><div class=\"cs-calendar-day cs-calendar-empty\"><\/div>                                        <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">1<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">2<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">3<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">4<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">5<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">6<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">7<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">8<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">9<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">10<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">11<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">12<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">13<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">14<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">15<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">16<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">17<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">18<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">19<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">20<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">21<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">22<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">23<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">24<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">25<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">26<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">27<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day cs-calendar-today\">\n                        <div class=\"cs-calendar-date-number\">28<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">29<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">30<\/div>\n\n                                            <\/div>\n                                                            <div class=\"cs-calendar-day\">\n                        <div class=\"cs-calendar-date-number\">31<\/div>\n\n                                            <\/div>\n                    <div class=\"cs-calendar-day cs-calendar-empty\"><\/div><div class=\"cs-calendar-day cs-calendar-empty\"><\/div>            <\/div>\n\n                            <div class=\"cs-calendar-no-data\">\u042d\u043d\u044d \u0441\u0430\u0440\u0434 \u043e\u0434\u043e\u043e\u0433\u0438\u0439\u043d \u0448\u04af\u04af\u043b\u0442\u04af\u04af\u0440\u044d\u044d\u0440 \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div>\n                    <\/div>\n\n        <script>\n        (function(){\n            var overlay = document.getElementById('cs-popup-overlay');\n            var popupTitle    = document.getElementById('cs-popup-title');\n            var popupSubtitle = document.getElementById('cs-popup-subtitle');\n            var popupBody     = document.getElementById('cs-popup-body');\n            var closeBtn      = document.getElementById('cs-popup-close');\n\n            if (!overlay) return;\n\n            var weekDays = ['\u041d\u044f\u043c','\u0414\u0430\u0432\u0430\u0430','\u041c\u044f\u0433\u043c\u0430\u0440','\u041b\u0445\u0430\u0433\u0432\u0430','\u041f\u04af\u0440\u044d\u0432','\u0411\u0430\u0430\u0441\u0430\u043d','\u0411\u044f\u043c\u0431\u0430'];\n            var months   = ['1','2','3','4','5','6','7','8','9','10','11','12'];\n\n            function formatDate(dateStr) {\n                var parts = dateStr.split('-');\n                if (parts.length < 3) return dateStr;\n                var d  = new Date(parseInt(parts[0]), parseInt(parts[1])-1, parseInt(parts[2]));\n                var wd = weekDays[d.getDay()];\n                return parts[0] + ' \u043e\u043d\u044b ' + months[d.getMonth()] + ' \u0441\u0430\u0440\u044b\u043d ' + parseInt(parts[2]) + ' \u04e9\u0434\u04e9\u0440 (' + wd + ')';\n            }\n\n            function buildEventCard(ev) {\n                var isClosed = ev.closed === true || ev.closed === 'true';\n                var isOnline = ev.online === true || ev.online === 'true';\n                \/\/ \u0425\u0430\u0430\u043b\u0442\u0442\u0430\u0439 \u0445\u0443\u0440\u043b\u044b\u043d \u043e\u0440\u043e\u043b\u0446\u043e\u0433\u0447\u0438\u0439\u043d \u043d\u044d\u0440\u0438\u0439\u0433 \u043d\u0443\u0443\u0446\u0430\u043b\u043d\u0430\n                var displayTitle = isClosed\n                    ? '<span style=\"background:#fef2f2;color:#991b1b;padding:1px 8px;border-radius:6px;border:1px solid #fecaca;font-size:0.8rem;\">\ud83d\udd12 \u041d\u0443\u0443\u0446\u043b\u0430\u043b\u0442\u0430\u0439<\/span>'\n                    : ev.title;\n                var html = '<div style=\"border-radius:10px;border:1px solid #e2e8f0;padding:12px 14px;margin-bottom:10px;background:' + (isClosed ? '#fff5f5' : '#f8fafc') + ';border-left:5px solid ' + (ev.court_code==='court1'?'#2563eb':ev.court_code==='court2'?'#dc2626':'#16a34a') + ';\">';\n                \/\/ \u0426\u0430\u0433 + \u0433\u0430\u0440\u0447\u0438\u0433\n                html += '<div style=\"display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;\">';\n                html += '<span style=\"background:#1e3a5f;color:#fff;font-weight:800;font-size:0.82rem;padding:3px 10px;border-radius:6px;flex-shrink:0;\">' + ev.time + '<\/span>';\n                html += '<div style=\"font-weight:700;font-size:0.9rem;color:#0f172a;line-height:1.3;\">' + displayTitle + '<\/div>';\n                html += '<\/div>';\n                \/\/ Tag-\u0443\u0443\u0434\n                html += '<div style=\"display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;\">';\n                if (ev.court)  html += '<span style=\"background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:5px;font-size:0.72rem;font-weight:700;\">\ud83c\udfdb ' + ev.court + '<\/span>';\n                if (ev.case)   html += '<span style=\"background:#fef9c3;color:#854d0e;padding:2px 8px;border-radius:5px;font-size:0.72rem;font-weight:700;\">\u2696 ' + ev.case + '<\/span>';\n                if (ev.room)   html += '<span style=\"background:#f0fdf4;color:#166534;padding:2px 8px;border-radius:5px;font-size:0.72rem;font-weight:700;\">\ud83d\udeaa ' + ev.room + '<\/span>';\n                if (isOnline)  html += '<span style=\"background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:5px;font-size:0.72rem;font-weight:700;\">\ud83d\udcbb \u041e\u043d\u043b\u0430\u0439\u043d<\/span>';\n                html += '<span style=\"background:' + (isClosed?'#fee2e2':'#dcfce7') + ';color:' + (isClosed?'#991b1b':'#166534') + ';padding:2px 8px;border-radius:5px;font-size:0.72rem;font-weight:700;\">' + ev.visibility + '<\/span>';\n                html += '<\/div>';\n                html += '<\/div>';\n                return html;\n            }\n\n            function openPopup(dayEl) {\n                var raw = dayEl.getAttribute('data-events');\n                var dateStr = dayEl.getAttribute('data-date');\n                var count   = dayEl.getAttribute('data-count');\n                if (!raw) return;\n                var events;\n                try { events = JSON.parse(raw); } catch(e) { console.error('JSON parse error', e, raw); return; }\n\n                popupTitle.textContent    = formatDate(dateStr);\n                popupSubtitle.textContent = '\u041d\u0438\u0439\u0442 ' + count + ' \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b';\n\n                var html = '';\n                events.forEach(function(ev){ html += buildEventCard(ev); });\n                popupBody.innerHTML = html;\n                overlay.style.display = 'flex';\n                document.body.style.overflow = 'hidden';\n            }\n\n            function closePopup() {\n                overlay.style.display = 'none';\n                document.body.style.overflow = '';\n            }\n\n            \/\/ \u04e8\u0434\u04e9\u0440 \u0434\u0430\u0440\u0430\u0445\n            document.addEventListener('click', function(e) {\n                if (e.target.closest && e.target.closest('.cs-popup-box')) return;\n                var day = e.target.closest ? e.target.closest('.cs-has-events') : null;\n                if (day) openPopup(day);\n            });\n\n            closeBtn.addEventListener('click', closePopup);\n            overlay.addEventListener('click', function(e){ if (e.target === overlay) closePopup(); });\n            document.addEventListener('keydown', function(e){ if (e.key === 'Escape') closePopup(); });\n        })();\n        <\/script>\n        \n        <div class=\"cs-table-wrapper\">\n            <div class=\"cs-day-header\">2026-07-28<\/div><div class=\"cs-no-data\">\u0422\u0443\u0445\u0430\u0439\u043d \u04e9\u0434\u04e9\u0440\u0442 \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div><div class=\"cs-day-header\">2026-07-29<\/div><div class=\"cs-no-data\">\u0422\u0443\u0445\u0430\u0439\u043d \u04e9\u0434\u04e9\u0440\u0442 \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div><div class=\"cs-day-header\">2026-07-30<\/div><div class=\"cs-no-data\">\u0422\u0443\u0445\u0430\u0439\u043d \u04e9\u0434\u04e9\u0440\u0442 \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div><div class=\"cs-day-header\">2026-07-31<\/div><div class=\"cs-no-data\">\u0422\u0443\u0445\u0430\u0439\u043d \u04e9\u0434\u04e9\u0440\u0442 \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div><div class=\"cs-day-header\">2026-08-01<\/div><div class=\"cs-no-data\">\u0422\u0443\u0445\u0430\u0439\u043d \u04e9\u0434\u04e9\u0440\u0442 \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div><div class=\"cs-day-header\">2026-08-02<\/div><div class=\"cs-no-data\">\u0422\u0443\u0445\u0430\u0439\u043d \u04e9\u0434\u04e9\u0440\u0442 \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div><div class=\"cs-day-header\">2026-08-03<\/div><div class=\"cs-no-data\">\u0422\u0443\u0445\u0430\u0439\u043d \u04e9\u0434\u04e9\u0440\u0442 \u0431\u04af\u0440\u0442\u0433\u044d\u0433\u0434\u0441\u044d\u043d \u0448\u04af\u04af\u0445 \u0445\u0443\u0440\u0430\u043b \u0430\u043b\u0433\u0430.<\/div>        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('click', function(e) {\n        if (e.target.classList.contains('cs-message-close')) {\n            var box = e.target.closest('.cs-message');\n            if (box) box.style.display = 'none';\n        }\n    });\n    <\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n    <script>\n    \/\/ ===== PDF GENERATION =====\n    (function(){\n        var pdfBtn = document.getElementById('cs-pdf-btn');\n        if (!pdfBtn) return;\n\n        pdfBtn.addEventListener('click', async function(){\n            \/\/ \u042d\u0445\u043d\u0438\u0439 \u0448\u0430\u0430\u0440\u0434\u043b\u0430\u0433\u0430\u0442\u0430\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0431\u0430\u0439\u0433\u0430\u0430 \u044d\u0441\u044d\u0445\u0438\u0439\u0433 \u0448\u0430\u043b\u0433\u0430\u0445\n            if (typeof window.jspdf === 'undefined' || typeof html2canvas === 'undefined') {\n                alert('PDF \u04af\u04af\u0441\u0433\u044d\u0445 \u0441\u0430\u043d \u0430\u0447\u0430\u0430\u043b\u0430\u0433\u0434\u0430\u0430\u0433\u04af\u0439 \u0431\u0430\u0439\u043d\u0430. \u0425\u0443\u0443\u0434\u0441\u044b\u0433 \u0441\u044d\u0440\u0433\u044d\u044d\u0433\u044d\u044d\u0434 \u0434\u0430\u0445\u0438\u043d \u043e\u0440\u043e\u043b\u0434\u043e\u043d\u043e \u0443\u0443.');\n                return;\n            }\n\n            \/\/ \u0425\u04af\u0441\u043d\u044d\u0433\u0442\u044d\u043d \u043c\u044d\u0434\u044d\u044d\u043b\u043b\u0438\u0439\u043d \"wrapper\" \u0431\u0443\u044e\u0443 \u04af\u043d\u0434\u0441\u044d\u043d container-\u0438\u0439\u0433 \u043e\u043b\u043d\u043e\n            var scheduleSection = document.querySelector('.cs-table-wrapper') || document.querySelector('.cs-schedule-wrapper');\n            if (!scheduleSection) {\n                alert('\u0425\u044d\u0432\u043b\u044d\u0445 \u04e9\u0433\u04e9\u0433\u0434\u04e9\u043b \u043e\u043b\u0434\u0441\u043e\u043d\u0433\u04af\u0439.');\n                return;\n            }\n\n            \/\/ \u04e8\u0434\u0440\u0438\u0439\u043d \u0433\u0430\u0440\u0447\u0438\u0433 \u0431\u043e\u043b\u043e\u043d \u0445\u04af\u0441\u043d\u044d\u0433\u0442\u04af\u04af\u0434\u0438\u0439\u0433 DOM-\u0438\u0439\u043d \u0434\u0430\u0440\u0430\u0430\u043b\u043b\u0430\u0430\u0440 \u0446\u0443\u0433\u043b\u0443\u0443\u043b\u043d\u0430\n            \/\/ (cs-day-header, cs-schedule-table-\u0438\u0439\u0433 \u0431\u0443\u0446\u0430\u0430 sibling order-\u043e\u043e\u0440 \u0445\u043e\u0441\u043b\u0443\u0443\u043b\u043d\u0430)\n            var allElements = scheduleSection.querySelectorAll('.cs-day-header, .cs-schedule-table, .cs-no-data');\n            if (!allElements.length) {\n                alert('\u0425\u044d\u0432\u043b\u044d\u0445 \u04e9\u0433\u04e9\u0433\u0434\u04e9\u043b \u0431\u0430\u0439\u0445\u0433\u04af\u0439 \u0431\u0430\u0439\u043d\u0430.');\n                return;\n            }\n\n            \/\/ \u041e\u0433\u043d\u043e\u043e\u043d\u044b \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\n            var startInp = document.querySelector('input[name=\"start_date\"]');\n            var endInp   = document.querySelector('input[name=\"end_date\"]');\n            var startStr = startInp ? startInp.value.replace(\/-\/g,'.') : '';\n            var endStr   = endInp   ? endInp.value.replace(\/-\/g,'.')   : '';\n            var rangeLabel = startStr && endStr ? startStr + '\u2013' + endStr : '';\n\n            \/\/ DOM \u0434\u0430\u0440\u0430\u0430\u043b\u043b\u0430\u0430\u0440 \u043d\u044d\u0433\u0442\u0433\u044d\u0436 sections \u0446\u0443\u0433\u043b\u0443\u0443\u043b\u043d\u0430\n            var sections = [];\n            var currentSection = null;\n\n            allElements.forEach(function(el){\n                if (el.classList.contains('cs-day-header')) {\n                    \/\/ \u0428\u0438\u043d\u044d \u04e9\u0434\u04e9\u0440 \u044d\u0445\u044d\u043b\u043b\u044d\u044d \u2014 \u04e9\u043c\u043d\u04e9\u0445 \u04e9\u0434\u0440\u0438\u0439\u0433 \u0445\u0430\u0434\u0433\u0430\u043b\u043d\u0430 (\u044f\u043c\u0430\u0440 \u0447 \u0445\u0443\u0440\u0430\u043b \u0431\u0430\u0439\u0433\u0430\u0430\u0433\u04af\u0439 \u0447)\n                    if (currentSection) sections.push(currentSection);\n                    currentSection = { label: el.textContent.trim(), rows: [] };\n                } else if (el.classList.contains('cs-schedule-table') && currentSection) {\n                    \/\/ \u042d\u043d\u044d \u0445\u04af\u0441\u043d\u044d\u0433\u0442 \u043d\u044c \u044f\u0433 \u04e9\u043c\u043d\u04e9\u0445 gerchgiin \u04e9\u0434\u0440\u0438\u0439\u043d\u0445 \u2014 \u043c\u04e9\u0440\u04af\u04af\u0434\u0438\u0439\u0433 \u0430\u0432\u043d\u0430\n                    var tbodyRows = el.querySelectorAll('tbody tr');\n                    tbodyRows.forEach(function(tr){\n                        var cells = tr.querySelectorAll('td');\n                        if (cells.length < 4) return;\n                        var time = cells[0].textContent.trim();\n                        [1,2,3].forEach(function(ci){\n                            var cell = cells[ci];\n                            var cards = cell.querySelectorAll('.cs-hearing-card');\n                            cards.forEach(function(card){\n                                var titleEl = card.querySelector('.cs-hearing-title');\n                                var metaEls = card.querySelectorAll('.cs-hearing-meta span');\n                                var onlineBadge = titleEl ? titleEl.querySelector('.cs-badge-online') : null;\n                                var online = onlineBadge ? '\u0422\u0438\u0439\u043c' : '';\n                                var title = titleEl ? titleEl.textContent.replace('\u0425\u044d\u0440\u0433\u0438\u0439\u043d \u043e\u0440\u043e\u043b\u0446\u043e\u0433\u0447:','').trim() : '';\n                                if (onlineBadge && title) {\n                                    title = title.replace(onlineBadge.textContent,'').trim();\n                                }\n                                var meta = {};\n                                metaEls.forEach(function(sp){\n                                    var txt = sp.textContent.trim();\n                                    if (txt.indexOf('\u0425\u044d\u0440\u0433\u0438\u0439\u043d \u0442\u04e9\u0440\u04e9\u043b:') === 0) meta.case = txt.replace('\u0425\u044d\u0440\u0433\u0438\u0439\u043d \u0442\u04e9\u0440\u04e9\u043b:','').trim();\n                                    else if (txt.indexOf('\u0417\u0430\u0430\u043b:') === 0)       meta.room = txt.replace('\u0417\u0430\u0430\u043b:','').trim();\n                                    else if (txt.indexOf('\u041f\u0440\u043e\u043a\u0443\u0440\u043e\u0440:') === 0)   meta.prosecutor = txt.replace('\u041f\u0440\u043e\u043a\u0443\u0440\u043e\u0440:','').trim();\n                                    else if (txt.indexOf('\u04e8\u043c\u0433\u04e9\u04e9\u043b\u04e9\u0433\u0447:') === 0)  meta.lawyer = txt.replace('\u04e8\u043c\u0433\u04e9\u04e9\u043b\u04e9\u0433\u0447:','').trim();\n                                    else if (txt.indexOf('\u0428\u04af\u04af\u0433\u0447:') === 0)      meta.judges = txt.replace('\u0428\u04af\u04af\u0433\u0447:','').trim();\n                                    else if (txt.indexOf('\u0422\u04e9\u0440\u04e9\u043b:') === 0)      meta.vis = txt.replace('\u0422\u04e9\u0440\u04e9\u043b:','').trim();\n                                });\n                                var courtNames = ['\u0421\u0443\u043c \u0434\u0443\u043d\u0434\u044b\u043d \u0448\u04af\u04af\u0445','\u0417\u0430\u0445\u0438\u0440\u0433\u0430\u0430\u043d\u044b \u0445\u044d\u0440\u0433\u0438\u0439\u043d \u0448\u04af\u04af\u0445','\u0414\u0430\u0432\u0436 \u0437\u0430\u0430\u043b\u0434\u0430\u0445 \u0448\u0430\u0442\u043d\u044b \u0448\u04af\u04af\u0445'];\n                                currentSection.rows.push({\n                                    time: time,\n                                    court: courtNames[ci-1] || '',\n                                    caseType: meta.case || '',\n                                    room: meta.room || '',\n                                    parties: title,\n                                    prosecutor: meta.prosecutor || '',\n                                    lawyer: meta.lawyer || '',\n                                    judges: meta.judges || '',\n                                    visibility: meta.vis || '',\n                                    online: online,\n                                    closed: (meta.vis === '\u0425\u0430\u0430\u043b\u0442\u0442\u0430\u0439')\n                                });\n                            });\n                        });\n                    });\n                }\n            });\n            \/\/ \u042d\u0446\u0441\u0438\u0439\u043d \u04e9\u0434\u0440\u0438\u0439\u0433 \u043d\u044d\u043c\u0436 \u0445\u0430\u0434\u0433\u0430\u043b\u0430\u0445\n            if (currentSection) sections.push(currentSection);\n\n            \/\/ \u0425\u043e\u043e\u0441\u043e\u043d \u04e9\u0434\u0440\u04af\u04af\u0434\u0438\u0439\u0433 \u0445\u0430\u0441\u043d\u0430 (\u0445\u0443\u0440\u0430\u043b \u0431\u0430\u0439\u0445\u0433\u04af\u0439 \u04e9\u0434\u0440\u0438\u0439\u0433 PDF-\u0434 \u043e\u0440\u0443\u043b\u0430\u0445\u0433\u04af\u0439)\n            sections = sections.filter(function(s){ return s.rows.length > 0; });\n\n            if (!sections.length) {\n                alert('\u0425\u044d\u0432\u043b\u044d\u0445 \u04e9\u0433\u04e9\u0433\u0434\u04e9\u043b \u0431\u0430\u0439\u0445\u0433\u04af\u0439 \u0431\u0430\u0439\u043d\u0430.');\n                return;\n            }\n\n            \/\/ \u0422\u043e\u0432\u0447\u0438\u0439\u0433 \u0442\u04af\u0440 \u0438\u0434\u044d\u0432\u0445\u0433\u04af\u0439\u0436\u04af\u04af\u043b\u044d\u0445 + loading \u0442\u04e9\u043b\u04e9\u0432\n            var originalBtnText = pdfBtn.innerHTML;\n            pdfBtn.disabled = true;\n            pdfBtn.innerHTML = '\u23f3 PDF \u0431\u044d\u043b\u0434\u044d\u0436 \u0431\u0430\u0439\u043d\u0430...';\n\n            try {\n                \/\/ HTML \u0430\u0433\u0443\u0443\u043b\u0433\u0430 \u0431\u04af\u0442\u044d\u044d\u0445 \u2014 \u0434\u0430\u043b\u0434 container-\u0442\n                var container = document.createElement('div');\n                container.style.position = 'fixed';\n                container.style.left = '-99999px';\n                container.style.top = '0';\n                container.style.width = '1100px';  \/\/ A4 landscape \u04e9\u0440\u0433\u04e9\u043d \u043e\u0439\u0440\u043e\u043b\u0446\u043e\u043e\n                container.style.background = '#fff';\n                container.style.padding = '24px 28px';\n                container.style.fontFamily = '\"Segoe UI\", \"Open Sans\", Arial, sans-serif';\n                container.style.color = '#111';\n\n                var html = '';\n                html += '<div style=\"text-align:center;font-size:18px;font-weight:800;color:#1e3a5f;margin-bottom:6px;letter-spacing:-0.01em;\">\u0417\u0430\u0432\u0445\u0430\u043d\u044b \u0430\u0439\u043c\u0433\u0438\u0439\u043d \u0448\u04af\u04af\u0445\u0438\u0439\u043d \u0445\u0443\u0440\u043b\u044b\u043d \u0445\u0443\u0432\u0430\u0430\u0440\u044c<\/div>';\n                html += '<div style=\"text-align:center;font-size:12px;color:#64748b;margin-bottom:18px;\">' + (rangeLabel ? rangeLabel + ' \u0445\u0443\u0433\u0430\u0446\u0430\u0430\u043d\u044b \u0445\u0443\u0432\u0430\u0430\u0440\u044c' : '') + '<\/div>';\n\n                sections.forEach(function(sec){\n                    html += '<div style=\"font-size:13px;font-weight:800;color:#1e3a5f;margin:14px 0 5px;border-bottom:1.5px solid #1e3a5f;padding-bottom:3px;page-break-after:avoid;\">' + sec.label + '<\/div>';\n                    html += '<table style=\"width:100%;border-collapse:collapse;margin-bottom:8px;page-break-inside:avoid;\">';\n                    html += '<thead><tr>';\n                    var headers = [\n                        ['\u0426\u0430\u0433','5%'],['\u0428\u04af\u04af\u0445','15%'],['\u0425\u044d\u0440\u0433\u0438\u0439\u043d \u0442\u04e9\u0440\u04e9\u043b','9%'],['\u0417\u0430\u0430\u043b','7%'],\n                        ['\u0425\u044d\u0440\u0433\u0438\u0439\u043d \u043e\u0440\u043e\u043b\u0446\u043e\u0433\u0447','18%'],['\u041f\u0440\u043e\u043a\u0443\u0440\u043e\u0440','11%'],['\u04e8\u043c\u0433\u04e9\u04e9\u043b\u04e9\u0433\u0447','11%'],\n                        ['\u0428\u04af\u04af\u0433\u0447','14%'],['\u0422\u04e9\u0440\u04e9\u043b','10%']\n                    ];\n                    headers.forEach(function(h){\n                        html += '<th style=\"background:#1e3a5f;color:#fff;font-weight:700;font-size:10px;padding:5px 6px;text-align:center;border:0.5px solid #1e3a5f;width:' + h[1] + ';\">' + h[0] + '<\/th>';\n                    });\n                    html += '<\/tr><\/thead><tbody>';\n                    sec.rows.forEach(function(r, i){\n                        var bg = r.closed ? '#fff5f5' : (i % 2 === 0 ? '#ffffff' : '#f8fafc');\n                        html += '<tr style=\"background:' + bg + ';\">';\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;text-align:center;font-weight:700;color:#1e3a5f;white-space:nowrap;vertical-align:top;\">' + r.time + '<\/td>';\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;vertical-align:top;\">' + r.court + '<\/td>';\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;text-align:center;vertical-align:top;\">' + r.caseType + '<\/td>';\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;text-align:center;vertical-align:top;\">' + r.room + '<\/td>';\n                        var partiesCell = r.parties + (r.online ? ' <span style=\"background:#dbeafe;color:#1d4ed8;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:700;\">\u041e\u043d\u043b\u0430\u0439\u043d<\/span>' : '');\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;vertical-align:top;word-break:break-word;\">' + partiesCell + '<\/td>';\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;vertical-align:top;\">' + r.prosecutor + '<\/td>';\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;vertical-align:top;\">' + r.lawyer + '<\/td>';\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;vertical-align:top;\">' + r.judges + '<\/td>';\n                        var visBadge = r.closed\n                            ? '<span style=\"background:#fee2e2;color:#991b1b;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700;\">\u0425\u0430\u0430\u043b\u0442\u0442\u0430\u0439<\/span>'\n                            : '<span style=\"background:#dcfce7;color:#166534;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700;\">\u041d\u044d\u044d\u043b\u0442\u0442\u044d\u0439<\/span>';\n                        html += '<td style=\"border:0.5px solid #cbd5e1;padding:4px 6px;font-size:10px;text-align:center;vertical-align:top;\">' + visBadge + '<\/td>';\n                        html += '<\/tr>';\n                    });\n                    html += '<\/tbody><\/table>';\n                });\n\n                var now = new Date();\n                var nowStr = now.getFullYear() + '.' + String(now.getMonth()+1).padStart(2,'0') + '.' + String(now.getDate()).padStart(2,'0');\n                html += '<div style=\"text-align:center;font-size:9px;color:#94a3b8;margin-top:18px;border-top:0.5px solid #e2e8f0;padding-top:6px;\">\u0425\u044d\u0432\u043b\u044d\u0441\u044d\u043d \u043e\u0433\u043d\u043e\u043e: ' + nowStr + ' \u2014 \u0417\u0430\u0432\u0445\u0430\u043d\u044b \u0430\u0439\u043c\u0433\u0438\u0439\u043d \u0448\u04af\u04af\u0445\u0438\u0439\u043d \u0445\u0443\u0440\u043b\u044b\u043d \u0445\u0443\u0432\u0430\u0430\u0440\u0438\u0439\u043d \u0441\u0438\u0441\u0442\u0435\u043c<\/div>';\n\n                container.innerHTML = html;\n                document.body.appendChild(container);\n\n                \/\/ html2canvas-\u0430\u0430\u0440 \u0437\u0443\u0440\u0430\u0433 \u0430\u0432\u0430\u0445 (\u04e9\u043d\u0434\u04e9\u0440 \u0447\u0430\u043d\u0430\u0440\u0442\u0430\u0439)\n                var canvas = await html2canvas(container, {\n                    scale: 2,\n                    useCORS: true,\n                    backgroundColor: '#ffffff',\n                    logging: false\n                });\n\n                document.body.removeChild(container);\n\n                \/\/ jsPDF-\u0434 \u0442\u0430\u0432\u0438\u0445\n                var jsPDF = window.jspdf.jsPDF;\n                var pdf = new jsPDF({\n                    orientation: 'landscape',\n                    unit: 'mm',\n                    format: 'a4'\n                });\n\n                var pdfWidth = pdf.internal.pageSize.getWidth();   \/\/ 297mm\n                var pdfHeight = pdf.internal.pageSize.getHeight(); \/\/ 210mm\n                var margin = 8;\n                var imgWidth = pdfWidth - margin * 2;\n                var imgHeight = (canvas.height * imgWidth) \/ canvas.width;\n\n                var imgData = canvas.toDataURL('image\/jpeg', 0.92);\n\n                \/\/ \u041e\u043b\u043e\u043d \u0445\u0443\u0443\u0434\u0430\u0441 \u0448\u0430\u0430\u0440\u0434\u043b\u0430\u0433\u0430\u0442\u0430\u0439 \u0431\u043e\u043b \u2014 slicing \u0445\u0438\u0439\u043d\u044d\n                if (imgHeight <= pdfHeight - margin * 2) {\n                    pdf.addImage(imgData, 'JPEG', margin, margin, imgWidth, imgHeight);\n                } else {\n                    \/\/ \u0422\u043e\u043c \u0430\u0433\u0443\u0443\u043b\u0433\u0430 \u2014 \u0445\u0443\u0443\u0434\u0441\u0430\u0430\u0440 \u0445\u0443\u0432\u0430\u0430\u043d\u0430\n                    var pageContentHeight = pdfHeight - margin * 2;\n                    var sliceHeightPx = (pageContentHeight * canvas.width) \/ imgWidth;\n                    var totalPages = Math.ceil(canvas.height \/ sliceHeightPx);\n\n                    for (var p = 0; p < totalPages; p++) {\n                        var sliceCanvas = document.createElement('canvas');\n                        sliceCanvas.width  = canvas.width;\n                        sliceCanvas.height = Math.min(sliceHeightPx, canvas.height - p * sliceHeightPx);\n                        var ctx = sliceCanvas.getContext('2d');\n                        ctx.fillStyle = '#ffffff';\n                        ctx.fillRect(0, 0, sliceCanvas.width, sliceCanvas.height);\n                        ctx.drawImage(canvas, 0, -p * sliceHeightPx);\n\n                        var sliceData = sliceCanvas.toDataURL('image\/jpeg', 0.92);\n                        var sliceImgHeight = (sliceCanvas.height * imgWidth) \/ sliceCanvas.width;\n\n                        if (p > 0) pdf.addPage();\n                        pdf.addImage(sliceData, 'JPEG', margin, margin, imgWidth, sliceImgHeight);\n                    }\n                }\n\n                \/\/ \u0424\u0430\u0439\u043b\u044b\u043d \u043d\u044d\u0440: \u0445\u0443\u0432\u0430\u0430\u0440\u044c_2026.05.10-2026.05.15.pdf\n                var fileName = 'shuukh-khuraal_' + (startStr || 'huvaari') + (endStr ? '_' + endStr : '') + '.pdf';\n                pdf.save(fileName);\n\n            } catch(err) {\n                console.error(err);\n                alert('PDF \u04af\u04af\u0441\u0433\u044d\u0445\u044d\u0434 \u0430\u043b\u0434\u0430\u0430 \u0433\u0430\u0440\u043b\u0430\u0430: ' + (err.message || err));\n            } finally {\n                pdfBtn.disabled = false;\n                pdfBtn.innerHTML = originalBtnText;\n            }\n        });\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4920","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/court.za.gov.mn\/index.php?rest_route=\/wp\/v2\/pages\/4920","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/court.za.gov.mn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/court.za.gov.mn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/court.za.gov.mn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/court.za.gov.mn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4920"}],"version-history":[{"count":0,"href":"https:\/\/court.za.gov.mn\/index.php?rest_route=\/wp\/v2\/pages\/4920\/revisions"}],"wp:attachment":[{"href":"https:\/\/court.za.gov.mn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}