/* /Components/Admin/AdminAddArticle.razor.rz.scp.css */
.article-preview[b-13nnxohlsk] {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    background: #0f172a;
    color: #fff;
}

.article-preview--classic[b-13nnxohlsk] {
    min-height: 360px;
}

.article-preview--modern[b-13nnxohlsk] {
    min-height: 360px;
}

.article-preview__image[b-13nnxohlsk] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-preview__overlay[b-13nnxohlsk] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.16) 0%, rgba(15, 23, 42, 0.82) 100%);
}

.article-preview__date[b-13nnxohlsk] {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 1;
    border-radius: 9999px;
    padding: 0.2rem 0.65rem;
    background: rgba(15, 23, 42, 0.45);
    font-size: 0.72rem;
}

.article-preview__content[b-13nnxohlsk] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 1rem;
}

.article-preview__category[b-13nnxohlsk] {
    margin: 0 0 0.4rem;
    font-size: 0.8rem;
    opacity: 0.9;
}

.article-preview__title[b-13nnxohlsk] {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.35;
    font-weight: 700;
}

.article-preview__excerpt[b-13nnxohlsk] {
    margin: 0.55rem 0 0;
    font-size: 0.84rem;
    line-height: 1.4;
    opacity: 0.92;
}

.article-preview__meta[b-13nnxohlsk] {
    margin-top: 0.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.78rem;
    opacity: 0.92;
}

.article-preview__chip[b-13nnxohlsk] {
    margin-top: 0.9rem;
    display: inline-block;
    border-radius: 9999px;
    background: #16a34a;
    padding: 0.3rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
}
/* /Components/Admin/AdminAddCompany.razor.rz.scp.css */
/* Компани нэмэх формын үндсэн харагдацад Tailwind utility class ашиглаж байгаа тул тусгай CSS шаардахгүй. */
/* /Components/Admin/AdminAddModule.razor.rz.scp.css */
/* Module нэмэх/засах тусдаа дэлгэцийн локал style placeholder. */
/* /Components/Admin/AdminArticleBodyEditor.razor.rz.scp.css */
.admin-article-editor[b-bys3aorcxo] {
    min-height: 280px;
    border: 1px solid #cbd5e1;
    border-radius: 0.75rem;
    overflow: visible;
}

.admin-article-editor :global(.tox.tox-tinymce)[b-bys3aorcxo] {
    border: 0;
}

.admin-article-editor :global(.tox .tox-statusbar__resize-handle)[b-bys3aorcxo] {
    /* Editor-ийн доод буланд mouse-аар өндөр өөрчлөх бариулыг ил харагдуулна. */
    opacity: 1;
}
/* /Components/Admin/AdminArticleCategoryList.razor.rz.scp.css */
.admin-article-category-grid[b-q333a05975] {
    margin: 0;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.75rem 0.25rem;
    align-items: center;
}

.admin-article-category-grid--header[b-q333a05975] {
    font-weight: 700;
    color: #0f172a;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.admin-article-category-grid--row[b-q333a05975] {
    color: #334155;
}
/* /Components/Admin/AdminArticles.razor.rz.scp.css */
.admin-articles-grid[b-xeyfsjlh3m] {
    margin: 0;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.75rem 0.25rem;
    align-items: center;
}

.admin-articles-grid--header[b-xeyfsjlh3m] {
    font-weight: 700;
    color: #0f172a;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.admin-articles-grid--row[b-xeyfsjlh3m] {
    color: #334155;
}
/* /Components/Admin/AdminCompanies.razor.rz.scp.css */
/* Компаниудын жагсаалтын тусгай style шаардлагагүй тул файл хоосон үлдээлээ. */
/* /Components/Admin/AdminMainPageCategory.razor.rz.scp.css */
/* MainPageCategory admin CRUD хуудасны локал style файл. */
/* /Components/Admin/AdminModules.razor.rz.scp.css */
/* Module admin CRUD хуудасны локал style файл. */
/* /Components/Admin/AdminPage.razor.rz.scp.css */
/* Page admin component-н нэмэлт локал style шаардлагатай үед энд бичнэ. */
/* /Components/Admin/AdminPageAddEdit.razor.rz.scp.css */
/* Admin Page add/edit component-н нэмэлт локал style шаардлагатай үед энд бичнэ. */
/* /Components/Admin/AdminPageLayout.razor.rz.scp.css */
/* PageLayout admin component-н нэмэлт локал style шаардлагатай үед энд бичнэ. */
/* /Components/Admin/AdminUsers.razor.rz.scp.css */
/* Админ хэрэглэгчийн хүснэгтийн нэмэлт харагдацын файл. */
/* /Components/CMS/AdminToolbar.razor.rz.scp.css */
.editor-mode-panel[b-33ddbgzuxv] {
    position: fixed;
    right: -10px;
    top: calc(40% + var(--toolbar-offset-y, 0px));
    z-index: 40;
    width: 140px;
    border-radius: 0.9rem;
    background: rgba(17, 24, 39, 0.92);
    color: #f3f4f6;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.35);
    padding: 0.6rem 1rem 0.9rem;
    touch-action: none;
}

.editor-mode-drag-handle[b-33ddbgzuxv] {
    width: 100%;
    height: 0.65rem;
    margin-bottom: 0.7rem;
    border: none;
    border-radius: 9999px;
    background: rgba(148, 163, 184, 0.35);
    cursor: ns-resize;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    touch-action: none;
}

.editor-mode-drag-handle span[b-33ddbgzuxv] {
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 9999px;
    background: rgba(248, 250, 252, 0.9);
}

.editor-mode-title[b-33ddbgzuxv] {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
}

.editor-mode-group[b-33ddbgzuxv] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.editor-mode-button[b-33ddbgzuxv] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 0.6rem;
    background: rgba(30, 41, 59, 0.65);
    color: #e2e8f0;
    padding: 0.45rem 0.65rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.editor-mode-icon[b-33ddbgzuxv] {
    width: 0.95rem;
    height: 0.95rem;
}

.editor-mode-button:hover[b-33ddbgzuxv] {
    border-color: rgba(56, 189, 248, 0.8);
    background: rgba(30, 41, 59, 0.9);
}

.editor-mode-button.is-active[b-33ddbgzuxv] {
    border-color: rgba(34, 197, 94, 0.9);
    background: rgba(22, 163, 74, 0.24);
    color: #dcfce7;
    box-shadow: 0 6px 16px rgba(22, 163, 74, 0.25);
}


.editor-mode-panel *[b-33ddbgzuxv] {
    user-select: none;
}
/* /Components/CMS/Module.razor.rz.scp.css */
.module-editor-shell[b-msh57nkjjn] {
    position: relative;
    border: 1px dashed #d1d5db;
    border-radius: 0.75rem;
    padding: 1.25rem 0.75rem 0.75rem;
    margin-bottom: 0.75rem;
}

.module-editor-shell__actions[b-msh57nkjjn] {
    position: absolute;
    top: -1.1rem;
    right: 0.75rem;
    display: inline-flex;
    gap: 0.5rem;
    background-color: #f8fafc;
    border-radius: 9999px;
    padding: 0.25rem;
    box-shadow: 0 2px 6px rgb(15 23 42 / 10%);
}

.module-editor-shell__button[b-msh57nkjjn] {
    border: 0;
    border-radius: 9999px;
    background-color: #ffffff;
    color: #334155;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    padding: 0.35rem 0.75rem;
}

.module-editor-shell__button:disabled[b-msh57nkjjn] {
    opacity: 0.45;
    cursor: not-allowed;
}

.module-editor-shell__button--danger[b-msh57nkjjn] {
    color: #dc2626;
}

.module-editor-shell__title[b-msh57nkjjn] {
    position: absolute;
    top: -1.1rem;
    left: 0.75rem;
    margin: 0;
    border-radius: 9999px;
    background-color: #f8fafc;
    color: #0f172a;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    box-shadow: 0 2px 6px rgb(15 23 42 / 10%);
}

.module-editor-shell__content[b-msh57nkjjn] {
    border: 0;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: #ffffff;
    /* EditMode дээр hover хийхэд аажмаар тодрох эффект харагдуулахын тулд transition нэмэв. */
    transition: background-color 0.2s ease;
}

.module-editor-shell:hover .module-editor-shell__content[b-msh57nkjjn] {
    /* Dashed border доторх хэсгийг hover үед зөөлөн highlight хийнэ. */
    background-color: #f8fafc;
}

.module-config-modal-backdrop[b-msh57nkjjn] {
    position: fixed;
    inset: 0;
    background: rgb(15 23 42 / 45%);
    z-index: 1000;
}

.module-config-modal[b-msh57nkjjn] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(760px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    background: #ffffff;
    border-radius: 0.75rem;
    border: 1px solid #cbd5e1;
    box-shadow: 0 22px 50px rgb(15 23 42 / 25%);
    z-index: 1001;
    display: flex;
    flex-direction: column;
}

.module-config-modal__header[b-msh57nkjjn],
.module-config-modal__footer[b-msh57nkjjn] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.module-config-modal__footer[b-msh57nkjjn] {
    border-top: 1px solid #e2e8f0;
    border-bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.module-config-modal__title[b-msh57nkjjn] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.module-config-modal__body[b-msh57nkjjn] {
    padding: 1rem;
    overflow: auto;
}

.module-config-modal__message[b-msh57nkjjn] {
    margin: 0;
    color: #64748b;
    font-size: 0.875rem;
}
/* /Components/CMS/ModuleConfig.razor.rz.scp.css */
.module-shared-config[b-lgkkyshxsf] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.module-shared-config__label[b-lgkkyshxsf] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}

.module-shared-config__input[b-lgkkyshxsf] {
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid #d1d5db;
    padding: 0.5rem 0.75rem;
}

.module-spacing-editor[b-lgkkyshxsf] {
    position: relative;
    min-height: 620px;
    overflow: hidden;
    background: #f8fafc;
}

.module-spacing-editor__margin-boundary[b-lgkkyshxsf] {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    bottom: 24px;
    border: 3px solid #d1d5db;
    border-radius: 0.5rem;
    pointer-events: none;
}

.module-spacing-editor__div-frame[b-lgkkyshxsf] {
    position: absolute;
    top: 170px;
    left: 80px;
    right: 80px;
    bottom: 140px;
    border: 4px solid #111827;
    border-radius: 0.5rem;
    background: #f3f4f6;
    pointer-events: none;
}

.module-spacing-editor__content-box[b-lgkkyshxsf] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 128px;
    height: 86px;
    border-radius: 0.25rem;
    background: #9ca3af;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.module-spacing-editor :deep(.module-spacing-editor__input)[b-lgkkyshxsf] {
    /* InputText component-оор render болсон input дээр css isolation ажиллахын тулд :deep ашиглав. */
    position: absolute;
    width: 132px;
    height: 42px;
    border-radius: 0.5rem;
    border: 3px solid #111827;
    background: #ffffff;
    text-align: center;
    font-size: 0.875rem;
    color: #0f172a;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    z-index: 2;
}

.module-spacing-editor :deep(.module-spacing-editor__input::placeholder)[b-lgkkyshxsf] {
    color: #0f172a;
    opacity: 1;
}

.module-spacing-editor :deep(.module-spacing-editor__input--margin-top)[b-lgkkyshxsf] {
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
}

.module-spacing-editor :deep(.module-spacing-editor__input--margin-left)[b-lgkkyshxsf] {
    top: 50%;
    left: 48px;
    transform: translateY(-50%);
}

.module-spacing-editor :deep(.module-spacing-editor__input--margin-right)[b-lgkkyshxsf] {
    top: 50%;
    right: 48px;
    transform: translateY(-50%);
}

.module-spacing-editor :deep(.module-spacing-editor__input--margin-bottom)[b-lgkkyshxsf] {
    bottom: 64px;
    left: 50%;
    transform: translateX(-50%);
}

.module-spacing-editor :deep(.module-spacing-editor__input--padding-top)[b-lgkkyshxsf] {
    top: 206px;
    left: 50%;
    transform: translateX(-50%);
}

.module-spacing-editor :deep(.module-spacing-editor__input--padding-left)[b-lgkkyshxsf] {
    top: 50%;
    left: 180px;
    transform: translateY(-50%);
}

.module-spacing-editor :deep(.module-spacing-editor__input--padding-right)[b-lgkkyshxsf] {
    top: 50%;
    right: 180px;
    transform: translateY(-50%);
}

.module-spacing-editor :deep(.module-spacing-editor__input--padding-bottom)[b-lgkkyshxsf] {
    bottom: 174px;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 768px) {
    .module-spacing-editor[b-lgkkyshxsf] {
        min-height: 700px;
    }

    .module-spacing-editor__div-frame[b-lgkkyshxsf] {
        left: 48px;
        right: 48px;
    }

    .module-spacing-editor :deep(.module-spacing-editor__input)[b-lgkkyshxsf] {
        width: 112px;
        font-size: 0.75rem;
    }

    .module-spacing-editor :deep(.module-spacing-editor__input--padding-left)[b-lgkkyshxsf] {
        left: 92px;
    }

    .module-spacing-editor :deep(.module-spacing-editor__input--padding-right)[b-lgkkyshxsf] {
        right: 92px;
    }
}
/* /Components/CMS/Pane.razor.rz.scp.css */
.pane-editor[b-rcz3jvwted] {
    position: relative;
}
.pane-editor--spaced .pane-module-item + .pane-module-item[b-rcz3jvwted] {
    /* ViewMode болон ModerateMode үед module бүрийн хооронд нүдэнд эвтэйхэн жижиг зай үүсгэнэ. */
    margin-top: 0.5rem;
}

.pane-add-slot[b-rcz3jvwted] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    margin: 0.25rem 0 0.5rem;
    background-color: #f3f4f6;
    border-radius: 0.375rem;
}

.pane-add-slot[b-rcz3jvwted]::before {
    content: "";
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    height: 1px;
    background-color: #cbd5e1;
}

.pane-add-button[b-rcz3jvwted] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    background-color: #f9fafb;
    box-shadow: 0 1px 2px rgb(0 0 0 / 12%);
    transition: opacity 0.15s ease;
}

.pane-add-button--hover-only[b-rcz3jvwted] {
    opacity: 0;
    pointer-events: none;
}

.pane-add-slot:hover .pane-add-button--hover-only[b-rcz3jvwted] {
    opacity: 1;
    pointer-events: auto;
}

.pane-add-button__icon[b-rcz3jvwted] {
    width: 1rem;
    height: 1rem;
}

.pane-module-picker-backdrop[b-rcz3jvwted] {
    position: fixed;
    inset: 0;
    background-color: rgb(15 23 42 / 35%);
    z-index: 40;
}

.pane-module-picker[b-rcz3jvwted] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(30rem, 100%);
    height: 100vh;
    background-color: #fff;
    box-shadow: -10px 0 30px rgb(15 23 42 / 20%);
    z-index: 50;
    display: flex;
    flex-direction: column;
}

.pane-module-picker__header[b-rcz3jvwted] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.pane-module-picker__title[b-rcz3jvwted] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.pane-module-picker__close[b-rcz3jvwted] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    background: #fff;
}


.pane-module-picker__search[b-rcz3jvwted] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.pane-module-picker__search-input[b-rcz3jvwted] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.pane-module-picker__search-input:focus[b-rcz3jvwted] {
    outline: 2px solid #93c5fd;
    outline-offset: 1px;
}
.pane-module-picker__tabs[b-rcz3jvwted] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #e5e7eb;
}

.pane-module-picker__tab[b-rcz3jvwted] {
    padding: 0.75rem;
    border: 0;
    border-right: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #374151;
    font-size: 0.875rem;
}

.pane-module-picker__tab:last-child[b-rcz3jvwted] {
    border-right: 0;
}

.pane-module-picker__tab--active[b-rcz3jvwted] {
    background: #fff;
    font-weight: 600;
    color: #111827;
}

.pane-module-picker__status[b-rcz3jvwted] {
    margin: 0.75rem 1rem 0;
    border-radius: 0.5rem;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.pane-module-picker__content[b-rcz3jvwted] {
    overflow: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pane-module-picker__item[b-rcz3jvwted] {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 0.75rem;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.pane-module-picker__item-title[b-rcz3jvwted] {
    color: #111827;
    font-size: 0.9375rem;
    font-weight: 600;
}

.pane-module-picker__item-meta[b-rcz3jvwted] {
    color: #6b7280;
    font-size: 0.75rem;
}

.pane-module-picker__add[b-rcz3jvwted] {
    border: 0;
    border-radius: 0.5rem;
    background: #2563eb;
    color: #fff;
    padding: 0.375rem 0.875rem;
}

.pane-module-picker__empty[b-rcz3jvwted] {
    border: 1px dashed #d1d5db;
    border-radius: 0.5rem;
    padding: 1rem;
    color: #6b7280;
    font-size: 0.875rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-6ze7gecfpu] {
    color-scheme: light only;
    background: #0f172a;
    color: #e2e8f0;
    bottom: 1.5rem;
    right: 1.5rem;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.35);
    box-sizing: border-box;
    border-radius: 0.75rem;
    display: none;
    padding: 1rem 1.25rem;
    position: fixed;
    width: 22rem;
    z-index: 9999;
}

#blazor-error-ui .blazor-error-content[b-6ze7gecfpu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

#blazor-error-ui .blazor-error-text[b-6ze7gecfpu] {
    font-weight: 600;
    line-height: 1.4;
}

#blazor-error-ui .blazor-error-actions[b-6ze7gecfpu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#blazor-error-ui .reload[b-6ze7gecfpu] {
    background: #22c55e;
    border-radius: 0.5rem;
    color: #0f172a;
    font-weight: 700;
    padding: 0.5rem 0.9rem;
    text-decoration: none;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.35);
}

    #blazor-error-ui .reload:hover[b-6ze7gecfpu] {
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(34, 197, 94, 0.45);
    }

    #blazor-error-ui .reload:active[b-6ze7gecfpu] {
        transform: translateY(0);
        box-shadow: 0 3px 10px rgba(34, 197, 94, 0.35);
    }

#blazor-error-ui .dismiss[b-6ze7gecfpu] {
    cursor: pointer;
    color: #94a3b8;
    font-size: 1.1rem;
    line-height: 1;
    transition: color 0.15s ease;
}

#blazor-error-ui .dismiss:hover[b-6ze7gecfpu] {
        color: #cbd5e1;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-osj0y14972],
.components-reconnect-repeated-attempt-visible[b-osj0y14972],
.components-reconnect-failed-visible[b-osj0y14972],
.components-pause-visible[b-osj0y14972],
.components-rejoining-animation[b-osj0y14972],
.components-reconnect-fallback-visible[b-osj0y14972] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-osj0y14972],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-osj0y14972],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-osj0y14972],
#components-reconnect-modal.components-reconnect-retrying[b-osj0y14972],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-osj0y14972],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-osj0y14972],
#components-reconnect-modal.components-reconnect-failed[b-osj0y14972],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-osj0y14972] {
    display: block;
}

/* Төлөвийн class-ууд зөв тохирохгүй үед хоосон dialog харагдахаас сэргийлж fallback reload холбоосыг default-оор харуулна. */
#components-reconnect-modal[open] .components-reconnect-fallback-visible[b-osj0y14972] {
    display: inline-block;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-fallback-visible[b-osj0y14972],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-fallback-visible[b-osj0y14972],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-fallback-visible[b-osj0y14972],
#components-reconnect-modal.components-reconnect-paused .components-reconnect-fallback-visible[b-osj0y14972] {
    display: none;
}


#components-reconnect-modal[b-osj0y14972] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-osj0y14972 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-osj0y14972 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-osj0y14972 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-osj0y14972]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-osj0y14972 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-osj0y14972 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-osj0y14972 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-osj0y14972 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-osj0y14972] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-osj0y14972] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-osj0y14972] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-osj0y14972] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-osj0y14972] {
        background-color: #6b9ed2;
    }

.components-reconnect-reload-link[b-osj0y14972] {
    color: #1d4ed8;
    text-decoration: underline;
    font-weight: 500;
}

.components-rejoining-animation[b-osj0y14972] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-osj0y14972] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-osj0y14972 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-osj0y14972] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-osj0y14972 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Modules/BarEventHighlights.config.razor.rz.scp.css */
.event-highlight-config[b-8cz4c0rzm6] {
    display: grid;
    gap: 0.55rem;
}

.event-highlight-config__label[b-8cz4c0rzm6] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #374151;
}

.event-highlight-config__input[b-8cz4c0rzm6] {
    border: 1px solid #d1d5db;
    border-radius: 0.6rem;
    padding: 0.55rem 0.7rem;
    width: 100%;
}
/* /Components/Modules/BarEventHighlights.razor.rz.scp.css */
.event-highlight-module[b-u5ct9l7rdc] {
    border: 1px solid #e5e7eb;
    border-radius: 1.25rem;
    padding: 1.5rem;
    background-color: #f9fafb;
}

.event-highlight-module__layout[b-u5ct9l7rdc] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 1.5rem;
}

.event-highlight-module__event-card[b-u5ct9l7rdc] {
    border-radius: 1rem;
    background: #f3f4f6;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.event-highlight-module__event-logo-wrap[b-u5ct9l7rdc] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-highlight-module__event-logo[b-u5ct9l7rdc] {
    max-height: 110px;
    max-width: 100%;
    object-fit: contain;
}

.event-highlight-module__event-logo-fallback[b-u5ct9l7rdc] {
    font-weight: 700;
    color: #9ca3af;
}

.event-highlight-module__event-dates[b-u5ct9l7rdc] {
    font-size: 1.4rem;
    color: #4b5563;
}

.event-highlight-module__event-year[b-u5ct9l7rdc] {
    margin: 0;
    font-size: 3rem;
    line-height: 1;
    color: #111827;
}

.event-highlight-module__detail-link[b-u5ct9l7rdc] {
    background: #fff;
    color: #111827;
    border-radius: 0.9rem;
    padding: 0.65rem 1.5rem;
    text-decoration: none;
    font-weight: 600;
}

.event-highlight-module__tabs[b-u5ct9l7rdc] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.event-highlight-module__tab[b-u5ct9l7rdc] {
    border: 1px solid #e5e7eb;
    background: #f3f4f6;
    padding: 0.65rem 1.1rem;
    border-radius: 0.7rem;
    color: #4b5563;
    cursor: pointer;
    font-weight: 600;
}

.event-highlight-module__tab.is-active[b-u5ct9l7rdc] {
    background: #ef4444;
    border-color: #ef4444;
    color: #fff;
}

.event-highlight-module__grid[b-u5ct9l7rdc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}

.event-highlight-module__card[b-u5ct9l7rdc] {
    border: 1px solid #e5e7eb;
    border-radius: 0.9rem;
    background-color: #fff;
    padding: 0.75rem;
}

.event-highlight-module__thumb-wrap[b-u5ct9l7rdc] {
    height: 130px;
    border-radius: 0.6rem;
    overflow: hidden;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-highlight-module__thumb[b-u5ct9l7rdc] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.event-highlight-module__thumb-fallback[b-u5ct9l7rdc] {
    color: #9ca3af;
    font-weight: 600;
}

.event-highlight-module__name[b-u5ct9l7rdc] {
    margin: 0.75rem 0 0.2rem;
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
}

.event-highlight-module__meta[b-u5ct9l7rdc] {
    margin: 0;
    color: #6b7280;
    font-size: 0.86rem;
}

.event-highlight-module__empty[b-u5ct9l7rdc] {
    border: 1px dashed #d1d5db;
    border-radius: 0.8rem;
    padding: 1rem;
    color: #6b7280;
    background: #fff;
}

@media (max-width: 1024px) {
    .event-highlight-module__layout[b-u5ct9l7rdc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Modules/CompanyHeader1.razor.rz.scp.css */
/* Tailwind utility class ашиглаж байгаа тул энэ файлд нэмэлт style шаардлагагүй. */
/* /Components/Modules/CompanyHeader2.razor.rz.scp.css */
.company-header2__cover[b-dhhckds54x] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.company-header2__overlay[b-dhhckds54x] {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.18) 0%, rgba(15, 23, 42, 0.36) 100%);
}

.company-header2__link[b-dhhckds54x] {
    color: rgb(100 116 139);
    font-size: 0.95rem;
    font-weight: 500;
}

.company-header2__title-input[b-dhhckds54x] {
    width: 100%;
    border: 1px solid rgb(148 163 184);
    border-radius: 0.75rem;
    color: rgb(15 23 42);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 0.5rem 0.75rem;
}

.company-header2__edit-button[b-dhhckds54x] {
    align-items: center;
    background: rgb(37 99 235);
    border: 2px solid rgb(255 255 255);
    border-radius: 9999px;
    color: rgb(255 255 255);
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 700;
    height: 2rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    width: 2rem;
}

.company-header2__edit-button--cover[b-dhhckds54x] {
    right: 1rem;
    top: 1rem;
}

.company-header2__edit-button--logo[b-dhhckds54x] {
    bottom: 0.25rem;
    right: 0.25rem;
}
/* /Components/Modules/CompanyNews.razor.rz.scp.css */
.company-news-module[b-ef97clfd3t] {
    border-radius: 1rem;
    background: #fff;
    padding: 1rem;
}

.company-news-module__header[b-ef97clfd3t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
}

.company-news-module__title[b-ef97clfd3t] {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
}

.company-news-module__all-link[b-ef97clfd3t] {
    border: 0;
    background: transparent;
    cursor: pointer;
    color: #4b5563;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}

.company-news-module__cards[b-ef97clfd3t] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
}

.company-news-module__card[b-ef97clfd3t] {
    position: relative;
    min-height: 340px;
    border-radius: 1rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.company-news-module__add-card[b-ef97clfd3t] {
    /* Шинэ мэдээ нэмэх card-ийг 2:3 харьцаатай байлгаж, parent өндөр өгвөл тэр өндрийг давуу авч хэрэглэнэ. */
    height: 100%;
    aspect-ratio: 2 / 3;
    min-height: 0;
    border-radius: 1rem;
    border: 2px dashed #9ca3af;
    background: #f3f4f6;
    color: #374151;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
}

.company-news-module__add-card-icon[b-ef97clfd3t] {
    font-size: 2rem;
    line-height: 1;
}

.company-news-module__edit-button[b-ef97clfd3t] {
    /* ModerateMode дээр card доторх edit товчийг зүүн дээд буланд тогтмол харагдуулна. */
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 2;
    border-radius: 9999px;
    background: rgba(15, 23, 42, 0.82);
    color: #f9fafb;
    padding: 0.35rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
}

.company-news-module__edit-button:hover[b-ef97clfd3t] {
    background: rgba(30, 41, 59, 0.92);
}

.company-news-module__overlay[b-ef97clfd3t] {
    /* Card-ийн бүх талбайг overlay anchor эзэлж зөвхөн card дээр дарахад news link ажиллахаар тохируулна. */
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    padding: 1rem;
    color: #fff;
    text-decoration: none;
}

.company-news-module__name[b-ef97clfd3t] {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
}

.company-news-module__empty[b-ef97clfd3t] {
    min-height: 120px;
    border-radius: 0.75rem;
    border: 1px dashed #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    grid-column: span 5;
}

.company-news-module__modal-backdrop[b-ef97clfd3t] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.8);
    z-index: 1200;
    padding: 1.25rem;
}

.company-news-module__modal[b-ef97clfd3t] {
    background: #fff;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    padding: 1rem;
    overflow: auto;
}

.company-news-module__modal-header[b-ef97clfd3t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
}

.company-news-module__modal-title[b-ef97clfd3t] {
    font-size: 1.25rem;
    font-weight: 700;
}

.company-news-module__modal-close[b-ef97clfd3t] {
    border: 0;
    border-radius: 0.75rem;
    background: #111827;
    color: #fff;
    font-weight: 700;
    padding: 0.5rem 0.875rem;
    cursor: pointer;
}

.company-news-module__modal-grid[b-ef97clfd3t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.company-news-module__empty--modal[b-ef97clfd3t] {
    grid-column: 1 / -1;
    min-height: 180px;
}

@media (max-width: 1280px) {
    .company-news-module__cards[b-ef97clfd3t] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .company-news-module__empty[b-ef97clfd3t] {
        grid-column: span 3;
    }
}

@media (max-width: 768px) {
    .company-news-module__header[b-ef97clfd3t] {
        flex-direction: column;
        align-items: flex-start;
    }

    .company-news-module__cards[b-ef97clfd3t] {
        grid-template-columns: 1fr;
    }

    .company-news-module__empty[b-ef97clfd3t] {
        grid-column: span 1;
    }
}
/* /Components/Modules/Company_About.razor.rz.scp.css */
.company-about[b-wz8iikw20j] {
    background-image: radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 52%);
}

.company-about__timeline[b-wz8iikw20j] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.company-about__timeline li[b-wz8iikw20j] {
    position: relative;
    overflow: hidden;
}

.company-about__timeline li[b-wz8iikw20j]::after {
    content: "";
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.28), rgba(251, 191, 36, 0));
}

.company-about__stat-card[b-wz8iikw20j] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.company-about__stat-card:hover[b-wz8iikw20j] {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -24px rgba(15, 23, 42, 0.45);
}
/* /Components/Modules/FeaturedCompanies.razor.rz.scp.css */
.featured-companies-module[b-sgq8aq1yid] {
    border-radius: 1rem;
    background: #fff;
    padding: 1.25rem;
    border: 1px solid #eceff3;
}

.featured-companies-module__header[b-sgq8aq1yid] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.featured-companies-module__title[b-sgq8aq1yid] {
    margin: 0;
    color: #0f172a;
    font-size: 1.375rem;
    font-weight: 700;
}

.featured-companies-module__all-link[b-sgq8aq1yid] {
    color: #2563eb;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 600;
}

.featured-companies-module__all-link:hover[b-sgq8aq1yid] {
    text-decoration: underline;
}

.featured-companies-module__grid[b-sgq8aq1yid] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.8rem;
}

.featured-companies-module__card[b-sgq8aq1yid] {
    min-height: 120px;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #f8fafc;
}

.featured-companies-module__logo-wrap[b-sgq8aq1yid] {
    width: 100%;
    min-height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.featured-companies-module__logo[b-sgq8aq1yid] {
    max-width: 100%;
    max-height: 48px;
    object-fit: contain;
}

.featured-companies-module__logo-fallback[b-sgq8aq1yid] {
    width: 48px;
    height: 48px;
    border-radius: 9999px;
    background: #dbeafe;
    color: #1d4ed8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.featured-companies-module__name[b-sgq8aq1yid] {
    margin: 0.55rem 0 0;
    font-size: 0.86rem;
    line-height: 1.25;
    color: #111827;
}

.featured-companies-module__empty[b-sgq8aq1yid],
.featured-companies-module__error[b-sgq8aq1yid] {
    margin: 0;
    border-radius: 0.75rem;
    padding: 1rem;
    background: #f8fafc;
    color: #475569;
    text-align: center;
}

.featured-companies-module__error[b-sgq8aq1yid] {
    color: #b91c1c;
    background: #fef2f2;
}

@media (max-width: 1200px) {
    .featured-companies-module__grid[b-sgq8aq1yid] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .featured-companies-module__grid[b-sgq8aq1yid] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .featured-companies-module__header[b-sgq8aq1yid] {
        flex-direction: column;
        align-items: flex-start;
    }

    .featured-companies-module__grid[b-sgq8aq1yid] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.featured-companies-module__card[b-sgq8aq1yid] {
    text-decoration: none;
}

.featured-companies-module__card--create[b-sgq8aq1yid] {
    border-style: dashed;
    border-color: #93c5fd;
    background: #eff6ff;
}
/* /Components/Modules/HomeCompanies.razor.rz.scp.css */
/* Tailwind utility class ашиглаж байгаа тул component-scoped CSS одоогоор хоосон хадгална. */
/* /Components/Modules/HomeNewResidence.config.razor.rz.scp.css */
.home-new-residence-config[b-7bdt7z1ajw] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.home-new-residence-config__label[b-7bdt7z1ajw] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

.home-new-residence-config__input[b-7bdt7z1ajw] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 0.6rem 0.75rem;
    color: #0f172a;
    font-size: 0.875rem;
}
/* /Components/Modules/HomeNewResidence.razor.rz.scp.css */
.home-new-residence-module[b-1o9o7rb28m] {
    width: 100%;
    background: #fff;
    border-radius: 1rem;
    padding: 0.25rem;
}

.home-new-residence-module__header[b-1o9o7rb28m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 0 0.5rem;
}

.home-new-residence-module__title[b-1o9o7rb28m] {
    margin: 0;
    color: #1f2937;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.home-new-residence-module__all-link[b-1o9o7rb28m] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    text-decoration: none;
    color: #374151;
    font-size: 0.95rem;
    font-weight: 500;
}

.home-new-residence-module__all-icon[b-1o9o7rb28m] {
    opacity: 0.8;
}

.home-new-residence-module__all-chevron[b-1o9o7rb28m] {
    font-size: 1.1rem;
}

.home-new-residence-module__grid[b-1o9o7rb28m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.home-new-residence-module__grid--bottom[b-1o9o7rb28m] {
    margin-top: 1.4rem;
}

.home-new-residence-module__card[b-1o9o7rb28m] {
    position: relative;
    min-height: 280px;
    border-radius: 0.9rem;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.home-new-residence-module__card-overlay[b-1o9o7rb28m] {
    width: 100%;
    padding: 0.9rem;
    color: #f9fafb;
}

.home-new-residence-module__card-title[b-1o9o7rb28m],
.home-new-residence-module__card-subtitle[b-1o9o7rb28m] {
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.38);
}

.home-new-residence-module__card-title[b-1o9o7rb28m] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.home-new-residence-module__card-subtitle[b-1o9o7rb28m] {
    margin-top: 0.25rem;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.2;
}

.home-new-residence-module__ad-banner[b-1o9o7rb28m] {
    margin-top: 1.4rem;
    min-height: 110px;
    border-radius: 0.75rem;
    background: #f3f4f6;
    border: 1px solid #eceff3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d1d5db;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .home-new-residence-module__grid[b-1o9o7rb28m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .home-new-residence-module__header[b-1o9o7rb28m] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .home-new-residence-module__grid[b-1o9o7rb28m] {
        grid-template-columns: 1fr;
    }

    .home-new-residence-module__ad-banner[b-1o9o7rb28m] {
        font-size: 1.35rem;
        min-height: 92px;
    }
}
/* /Components/Modules/HomePostCategory.config.razor.rz.scp.css */
.home-post-category-config[b-rtwwgd4tjg] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.home-post-category-config__label[b-rtwwgd4tjg] {
    color: #334155;
    font-size: 0.88rem;
    font-weight: 600;
}

.home-post-category-config__input[b-rtwwgd4tjg],
.home-post-category-config__textarea[b-rtwwgd4tjg] {
    border: 1px solid #d5dbe5;
    border-radius: 0.6rem;
    padding: 0.55rem 0.65rem;
    font-size: 0.92rem;
    width: 100%;
    color: #1e293b;
    background: #fff;
}

.home-post-category-config__textarea[b-rtwwgd4tjg] {
    min-height: 72px;
    resize: vertical;
}
/* /Components/Modules/HomePostCategory.razor.rz.scp.css */
.home-post-category-module[b-tqu118wjbi] {
    width: 100%;
    background: #f8f9fb;
    border-radius: 1.1rem;
    border: 1px solid #e6e8ef;
    padding: 1rem 1.05rem 1.35rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.home-post-category-module__top-bar[b-tqu118wjbi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.home-post-category-module__tabs[b-tqu118wjbi] {
    background: #eef0f4;
    border-radius: 0.75rem;
    padding: 0.25rem;
    display: inline-flex;
    gap: 0.15rem;
}

.home-post-category-module__tab[b-tqu118wjbi] {
    border: none;
    background: transparent;
    border-radius: 0.5rem;
    color: #667085;
    font-size: 0.98rem;
    padding: 0.45rem 1rem;
    cursor: pointer;
}

.home-post-category-module__tab--active[b-tqu118wjbi] {
    background: #d84e44;
    color: #fff;
}

.home-post-category-module__post-button[b-tqu118wjbi] {
    border: 1px solid #d84e44;
    background: #fff;
    color: #b53d33;
    border-radius: 0.65rem;
    padding: 0.65rem 1.1rem;
    font-size: 1.05rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.home-post-category-module__post-icon[b-tqu118wjbi] {
    line-height: 1;
}

.home-post-category-module__divider[b-tqu118wjbi] {
    height: 1px;
    width: 100%;
    background: #e5e7eb;
}

.home-post-category-module__category-grid[b-tqu118wjbi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 2rem;
    padding: 0.5rem 0;
}

.home-post-category-module__category-item[b-tqu118wjbi] {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    border: none;
    background: transparent;
    text-align: left;
    color: #1f2937;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 600;
}

.home-post-category-module__category-icon-box[b-tqu118wjbi] {
    width: 46px;
    height: 46px;
    border-radius: 0.6rem;
    border: 1px solid #d8dde6;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
    flex-shrink: 0;
}

.home-post-category-module__category-text[b-tqu118wjbi] {
    line-height: 1.25;
}

.home-post-category-module__view-all[b-tqu118wjbi] {
    margin: 0 auto;
    border: 1px solid #9ca3b6;
    border-radius: 0.65rem;
    background: transparent;
    color: #6b7280;
    padding: 0.65rem 1.7rem;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

.home-post-category-module__view-all-icon[b-tqu118wjbi] {
    font-size: 1.1rem;
}

@media (max-width: 1024px) {
    .home-post-category-module__category-grid[b-tqu118wjbi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .home-post-category-module__top-bar[b-tqu118wjbi] {
        flex-direction: column;
        align-items: stretch;
    }

    .home-post-category-module__tabs[b-tqu118wjbi] {
        width: 100%;
        justify-content: space-between;
    }

    .home-post-category-module__category-grid[b-tqu118wjbi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Modules/HomeSpecialPost.config.razor.rz.scp.css */
.home-special-post-config[b-dbmqpxg5rn] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.home-special-post-config__label[b-dbmqpxg5rn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

.home-special-post-config__input[b-dbmqpxg5rn] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 0.6rem 0.75rem;
    color: #0f172a;
    font-size: 0.875rem;
}
/* /Components/Modules/HomeSpecialPost.razor.rz.scp.css */
.home-special-post-module[b-21342tvipl] {
    border-radius: 1rem;
    background: #fff;
    padding: 1rem;
}

.home-special-post-module__header[b-21342tvipl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
}

.home-special-post-module__title[b-21342tvipl] {
    font-size: 1.375rem;
    font-weight: 700;
    color: #111827;
}

.home-special-post-module__all-link[b-21342tvipl] {
    color: #4b5563;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}

.home-special-post-module__cards[b-21342tvipl] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
}

.home-special-post-module__card[b-21342tvipl] {
    position: relative;
    min-height: 340px;
    border-radius: 1rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.home-special-post-module__add-card[b-21342tvipl] {
    /* Шинэ мэдээ нэмэх card-ийг 2:3 харьцаатай байлгаж, parent өндөр өгвөл тэр өндрийг давуу авч хэрэглэнэ. */
    height: 100%;
    aspect-ratio: 2 / 3;
    min-height: 0;
    border-radius: 1rem;
    border: 2px dashed #9ca3af;
    background: #f3f4f6;
    color: #374151;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
}

.home-special-post-module__add-card-icon[b-21342tvipl] {
    font-size: 2rem;
    line-height: 1;
}

.home-special-post-module__edit-button[b-21342tvipl] {
    /* ModerateMode дээр card доторх edit товчийг зүүн дээд буланд тогтмол харагдуулна. */
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 2;
    border-radius: 9999px;
    background: rgba(15, 23, 42, 0.82);
    color: #f9fafb;
    padding: 0.35rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
}

.home-special-post-module__edit-button:hover[b-21342tvipl] {
    background: rgba(30, 41, 59, 0.92);
}

.home-special-post-module__overlay[b-21342tvipl] {
    /* Card-ийн бүх талбайг overlay anchor эзэлж зөвхөн card дээр дарахад news link ажиллахаар тохируулна. */
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    padding: 1rem;
    color: #fff;
    text-decoration: none;
}

.home-special-post-module__name[b-21342tvipl] {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
}

.home-special-post-module__ad[b-21342tvipl] {
    min-height: 340px;
    border-radius: 1rem;
    border: 1px dashed #e5e7eb;
    color: #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.home-special-post-module__empty[b-21342tvipl] {
    min-height: 120px;
    border-radius: 0.75rem;
    border: 1px dashed #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    grid-column: span 5;
}

@media (max-width: 1280px) {
    .home-special-post-module__cards[b-21342tvipl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-special-post-module__ad[b-21342tvipl],
    .home-special-post-module__empty[b-21342tvipl] {
        grid-column: span 3;
    }
}

@media (max-width: 768px) {
    .home-special-post-module__header[b-21342tvipl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-special-post-module__cards[b-21342tvipl] {
        grid-template-columns: 1fr;
    }

    .home-special-post-module__ad[b-21342tvipl],
    .home-special-post-module__empty[b-21342tvipl] {
        grid-column: span 1;
    }
}
/* /Components/Modules/Html.config.razor.rz.scp.css */
.html-config-editor[b-hglot337jd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.html-config-editor__label[b-hglot337jd] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

.html-config-editor__textarea[b-hglot337jd] {
    width: 100%;
    min-height: 14rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 0.65rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #0f172a;
}
/* /Components/Modules/Html.razor.rz.scp.css */
.cms-html-module[b-saz355apbq] {
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.cms-html-module--moderator[b-saz355apbq] {
    /* ModeratorMode болон ViewMode-н гадна container ижил spacing-тэй байхаар padding-г нэг стандарт болгоно. */
    padding: 1rem;
}

.cms-html-module__editor[b-saz355apbq] {
    min-height: 220px;
    width: 100%;
}

.cms-html-module__actions[b-saz355apbq] {
    margin-top: 0.75rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.cms-html-module__dirty-warning[b-saz355apbq] {
    margin-top: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid #facc15;
    background-color: #fef9c3;
    color: #854d0e;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.cms-html-module__action-button[b-saz355apbq] {
    border-radius: 0.5rem;
    border: 1px solid #d1d5db;
    padding: 0.5rem 0.9rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

.cms-html-module__action-button--save[b-saz355apbq] {
    border-color: #1d4ed8;
    background-color: #2563eb;
    color: #ffffff;
}

.cms-html-module__action-button--save:hover[b-saz355apbq] {
    background-color: #1d4ed8;
}

.cms-html-module__action-button--cancel[b-saz355apbq] {
    background-color: #ffffff;
    color: #1f2937;
}

.cms-html-module__action-button--cancel:hover[b-saz355apbq] {
    background-color: #f3f4f6;
}

.cms-html-module__action-button:disabled[b-saz355apbq] {
    cursor: not-allowed;
    opacity: 0.55;
}

.cms-html-module__content[b-saz355apbq] {
    width: 100%;
}

.cms-html-module__preview[b-saz355apbq] {
    margin-bottom: 0.75rem;
}

.cms-html-module__warning[b-saz355apbq] {
    /* Editor initialize амжилтгүй үед fallback warning хэсгийг тод ялгаруулж харуулна. */
    margin-bottom: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid #f59e0b;
    background-color: #fffbeb;
    padding: 0.75rem;
    color: #92400e;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.cms-html-module__retry-button[b-saz355apbq] {
    border-radius: 0.375rem;
    border: 1px solid #d97706;
    background-color: #f59e0b;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.625rem;
    cursor: pointer;
}

.cms-html-module__retry-button:hover[b-saz355apbq] {
    background-color: #d97706;
}

/* Editor.js-ийн redactor-д автоматаар нэмэгдэж буй extra зайг арилгана. */
.cms-html-module__editor[b-saz355apbq]  .codex-editor__redactor {
    padding-bottom: 0 !important;
}

/* Editor.js-ийн контентыг container-ийн өргөнд тулгаж, хажуугийн margin/max-width-ийг цэвэрлэнэ. */
.cms-html-module__editor[b-saz355apbq]  .ce-block__content,
.cms-html-module__editor[b-saz355apbq]  .ce-toolbar__content {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

/* Edit/View хоёр горимд ижил харагдахуйц typography/layout-г нэг дүрмээр тогтворжуулна. */
.cms-html-module__editor[b-saz355apbq]  .ce-block__content > *,
.cms-html-module__content > *[b-saz355apbq] {
    margin-top: 0;
    margin-bottom: 0.75rem;
    line-height: 1.65;
}

.cms-html-module__editor[b-saz355apbq]  .ce-block__content > *:last-child,
.cms-html-module__content > *:last-child[b-saz355apbq] {
    margin-bottom: 0;
}

/* Editor.js context menu transparent болох асуудлыг бүрэн хааж, nested элементүүдэд цагаан background онооно. */
.cms-html-module__editor[b-saz355apbq]  .ce-popover__items,
.cms-html-module__editor[b-saz355apbq]  .ce-popover__container,
.cms-html-module__editor[b-saz355apbq]  .ce-popover,
.cms-html-module__editor[b-saz355apbq]  .ce-popover-item,
.cms-html-module__editor[b-saz355apbq]  .ce-popover-item:hover,
.cms-html-module__editor[b-saz355apbq]  .ce-popover-item--active {
    background-color: #ffffff !important;
}

.cms-html-module__editor[b-saz355apbq]  .ce-popover,
.cms-html-module__editor[b-saz355apbq]  .ce-popover__container {
    backdrop-filter: none !important;
}
/* /Components/Modules/NewsDetail.razor.rz.scp.css */
/* PublishedDate хоосон буюу unpublished үед бүх хүрээг бүтэн тойрсон хар dashed border-той харуулна. */
.news-detail-shell--unpublished[b-7h28rqsdus] {
    border: 2px dashed #000000 !important;
}

/* Энгийн төлөвт sidebar-гүй тул shell-ийг дангаар нь бүх өргөнд ашиглана. */
.news-detail-shell[b-7h28rqsdus] {
    width: 100%;
}

/* NewsDetail shell болон баруун sidebar-ийг нэг түвшинд байрлуулах wrapper. */
.news-detail-layout[b-7h28rqsdus] {
    display: block;
}

/* Edit үед shell-ийг зүүнд, sidebar-ийг гадна баруунд байрлуулна. */
.news-detail-layout--editing[b-7h28rqsdus] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 1rem;
    align-items: start;
}

/* Shell дотор sidebar байхаа больсон тул контентыг нэг баганаар үргэлжлүүлэн харуулна. */
.news-detail-content[b-7h28rqsdus] {
    display: block;
}

.news-detail-main[b-7h28rqsdus] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Гарчигийн мөрөнд "Засах" товчийг баруун дээд өнцөгт тогтвортой байрлуулах layout. */
.news-detail-title-row[b-7h28rqsdus] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.news-detail-title-row h1[b-7h28rqsdus] {
    flex: 1;
}

/* Гарчгийг өгсөн typography-той ижил хэмжээ, жин болон мөр өндөртэй харуулна. */
.news-detail-header-title[b-7h28rqsdus] {
    margin: 0;
    color: #000;
    font-family: var(--typography-font-family-default, Manrope);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.news-detail-header-edit-btn[b-7h28rqsdus] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}

/* Header-ийн эхний мөрөнд author болон date/view count-ийг хоёр захад байрлуулна. */
.news-detail-top-meta-row[b-7h28rqsdus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.news-detail-author-group[b-7h28rqsdus] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.news-detail-author-group__avatar[b-7h28rqsdus] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 9999px;
    object-fit: cover;
    border: 1px solid #f0f0f0;
}

.news-detail-author-group__name[b-7h28rqsdus] {
    color: var(--zinc-700, #3F3F46);
    font-family: var(--typography-font-family-default, Manrope);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.news-detail-stats-group[b-7h28rqsdus] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    color: rgb(100 116 139);
    font-size: 0.95rem;
}

.news-detail-stat-item[b-7h28rqsdus] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* Доод мөрөнд зүүн талд social share, баруун талд favorite товч байрлуулна. */
.news-detail-action-row[b-7h28rqsdus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.news-detail-social-group[b-7h28rqsdus] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.news-detail-icon-btn[b-7h28rqsdus] {
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgb(71 85 105);
    background: transparent;
}

.news-detail-icon-btn:hover[b-7h28rqsdus] {
    background: rgb(248 250 252);
    border-color: #f0f0f0;
}

.news-detail-favorite-btn[b-7h28rqsdus] {
    color: rgb(220 38 38);
}

.news-detail-sidebar[b-7h28rqsdus] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 0.75rem;
}


/* Sidebar-ийн дээд хэсэгт Save/Publish товч болон publish статусыг тусдаа panel дотор байрлуулна. */
.news-detail-command-panel[b-7h28rqsdus] {
    border: 1px solid #f0f0f0;
    border-radius: 0.9rem;
    background: #fff;
    padding: 1rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.news-detail-command-panel__actions[b-7h28rqsdus] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.news-detail-command-panel__btn[b-7h28rqsdus] {
    border-radius: 0.5rem;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
    transition: filter 0.2s ease;
}

.news-detail-command-panel__btn:hover[b-7h28rqsdus] {
    filter: brightness(0.95);
}

.news-detail-command-panel__btn--primary[b-7h28rqsdus] {
    background: rgb(37 99 235);
    border-color: rgb(29 78 216);
}

.news-detail-command-panel__btn--success[b-7h28rqsdus] {
    background: rgb(5 150 105);
    border-color: rgb(4 120 87);
}

.news-detail-command-panel__status[b-7h28rqsdus] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 1rem;
    font-weight: 600;
    color: rgb(15 23 42);
}

/* Засварлах үед preview card-уудыг "Харагдах байдал" хүрээ дотор тогтмол өндөртэй харуулна. */
.news-detail-preview-panel[b-7h28rqsdus] {
    border: 1px solid #f0f0f0;
    border-radius: 0.9rem;
    padding: 1rem;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.news-detail-preview-panel__header[b-7h28rqsdus] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.news-detail-preview-panel__title[b-7h28rqsdus] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: rgb(30 41 59);
}

.news-detail-preview-panel__toggle-btn[b-7h28rqsdus] {
    border: 1px solid rgb(203 213 225);
    border-radius: 0.5rem;
    background: #fff;
    padding: 0.2rem 0.65rem;
    font-size: 0.75rem;
    color: rgb(51 65 85);
}

.news-detail-preview-panel__grid[b-7h28rqsdus] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
}

/* Edit үед гарчиг доорх мета талбаруудыг хүрээтэй box дотор цэгцтэй бүлэглэж харуулна. */
.news-detail-meta-panel[b-7h28rqsdus] {
    border: 1px solid #f0f0f0;
    border-radius: 1rem;
    background: #f8fafc;
    padding: 1.1rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.news-detail-meta-panel__grid[b-7h28rqsdus] {
    display: grid;
    gap: 0.75rem;
    font-size: 1rem;
}

.news-detail-meta-row[b-7h28rqsdus] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
}

.news-detail-meta-row--stacked[b-7h28rqsdus] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.4rem;
}

.news-detail-meta-row__title[b-7h28rqsdus] {
    font-size: 0.95rem;
    font-weight: 600;
    color: rgb(71 85 105);
}


.news-detail-meta-row__value[b-7h28rqsdus] {
    color: rgb(51 65 85);
}

/* NewsDetail формын бүх input-д ижил хүрээ, дэвсгэр, radius болон focus төлөв өгч нэг стандарт болгов. */
.news-detail-form-input[b-7h28rqsdus] {
    border: 1px solid #f0f0f0;
    border-radius: 0.75rem;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    min-height: 2.75rem;
    padding-inline: 0.2rem;
}

/* Mud/InputDate зэрэг component-ийн дотор үүсэх native input/select талбаруудад саарал border-ийг тогтвортой өгнө. */
.news-detail-form-input input[b-7h28rqsdus],
.news-detail-form-input select[b-7h28rqsdus],
.news-detail-form-input textarea[b-7h28rqsdus] {
    border: none;
    border-radius: 0.75rem;
    background: transparent;
    width: 100%;
    min-height: 2.55rem;
    padding: 0.65rem 0.8rem;
    color: rgb(15 23 42);
}

.news-detail-form-input:focus[b-7h28rqsdus],
.news-detail-form-input:focus-visible[b-7h28rqsdus] {
    border-color: rgb(59 130 246);
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* Focus үед дотоод input/select border-г цэнхэр болгоод нимгэн ring нэмж өгнө. */
.news-detail-form-input input:focus[b-7h28rqsdus],
.news-detail-form-input select:focus[b-7h28rqsdus],
.news-detail-form-input textarea:focus[b-7h28rqsdus],
.news-detail-form-input input:focus-visible[b-7h28rqsdus],
.news-detail-form-input select:focus-visible[b-7h28rqsdus],
.news-detail-form-input textarea:focus-visible[b-7h28rqsdus] {
    border-color: rgb(59 130 246);
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.news-detail-meta-row__date-input[b-7h28rqsdus] {
    max-width: 280px;
}

.news-detail-meta-row__author-input[b-7h28rqsdus] {
    max-width: 280px;
}

/* isSpecial төлөвт iPhone төрлийн гулсдаг toggle харагдац өгнө. */
.news-detail-toggle[b-7h28rqsdus] {
    position: relative;
    width: 3.1rem;
    height: 1.8rem;
    border-radius: 9999px;
    border: 1px solid transparent;
    padding: 0.18rem;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.news-detail-toggle--on[b-7h28rqsdus] {
    background: rgb(34 197 94);
    border-color: rgb(22 163 74);
    justify-content: flex-end;
}

.news-detail-toggle--off[b-7h28rqsdus] {
    background: rgb(203 213 225);
    border-color: rgb(148 163 184);
    justify-content: flex-start;
}

.news-detail-toggle__thumb[b-7h28rqsdus] {
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 9999px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.28);
}

.news-detail-preview-panel__item[b-7h28rqsdus] {
    /* Preview box дотор SpecialNewsItem card-ийг голлуулж 2:3 харьцаатайгаар багтаах суурь контейнер болгоно. */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 340px;
    gap: 0.35rem;
    /* Preview card wrapper өөрөө хүрээ/дэвсгэргүй болж child component-ийн өөрийн төрхийг дангаар нь харуулна. */
    border: 0;
    border-radius: 0.75rem;
    overflow: hidden;
    background: transparent;
    position: relative;
}

.news-detail-preview-panel__item-caption[b-7h28rqsdus] {
    /* Preview card тус бүрийн доод тайлбарыг жижиг гарчиг хэлбэрээр, төвд байрлуулж ялгаруулна. */
    margin: 0;
    font-size: 0.72rem;
    font-weight: 600;
    color: rgb(100 116 139);
}

/* CSS isolation дотор child component-ийн үндсэн container-уудыг ::deep ашиглан 340px хүрээнд шахна. */
.news-detail-preview-panel__item[b-7h28rqsdus]  .home-special-post-module__card,
.news-detail-preview-panel__item[b-7h28rqsdus]  .news-item,
.news-detail-preview-panel__item[b-7h28rqsdus]  .news-item__thumb-wrap {
    height: 100%;
}

.news-detail-preview-panel__item[b-7h28rqsdus]  .home-special-post-module__card {
    /* NewsDetail preview дээр SpecialNewsItem card-ийг үндсэн 2:3 aspect-ratio-г хадгалсан хэвээр зурна. */
    width: auto;
    max-width: 100%;
}

.news-detail-preview-panel__item[b-7h28rqsdus]  .news-item {
    /* NewsItem card-ийн үндсэн border-radius style-ийг override хийхгүйгээр анхны төрхийг хадгална. */
    border: 0;
    box-shadow: none;
}

.news-detail-preview-panel__item[b-7h28rqsdus]  .news-item:hover {
    transform: none;
    box-shadow: none;
}

/* Preview доторх thumbnail upload-уудыг reference зурагтай төстэй том uploader card хэлбэрээр харуулна. */
.news-detail-preview-panel__thumb-tools[b-7h28rqsdus] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.news-detail-preview-panel__thumb-uploader[b-7h28rqsdus] {
    min-width: 0;
}

.news-detail-preview-panel__thumb-title[b-7h28rqsdus] {
    /* Thumb uploader гарчгийн font/size-ийг Огноо, Нийтэлсэн зэрэг мета гарчигтай ижил түвшинд болгоно. */
    margin: 0 0 0.5rem;
    color: rgb(71 85 105);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: normal;
}

.news-detail-preview-panel__thumb-dropzone[b-7h28rqsdus] {
    border: 1px solid #e4e4e7;
    border-radius: 0.9rem;
    background: #f5f5f5;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 280px;
    text-align: center;
}

.news-detail-preview-panel__thumb-dropzone-icon[b-7h28rqsdus] {
    font-size: 3rem;
    color: #9ca3af;
}

.news-detail-preview-panel__thumb-dropzone-text[b-7h28rqsdus] {
    margin: 0;
    color: #6b7280;
    font-size: 1.4rem;
    font-weight: 500;
}

.news-detail-preview-panel__thumb-dropzone-subtext[b-7h28rqsdus] {
    margin: 0;
    color: #9ca3af;
    font-size: 1rem;
}

.news-detail-preview-panel__thumb-choose-btn[b-7h28rqsdus] {
    margin-top: 0.3rem;
    background: #ef4444;
    color: #fff;
    border-radius: 0.6rem;
    padding: 0.65rem 1.25rem;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
}

.news-detail-preview-panel__thumb-file[b-7h28rqsdus] {
    margin-top: 0.25rem;
    width: 100%;
    color: #71717a;
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media (max-width: 900px) {
    .news-detail-preview-panel__thumb-tools[b-7h28rqsdus] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 1280px) {
    .news-detail-layout--editing[b-7h28rqsdus] {
        grid-template-columns: minmax(0, 1fr);
    }

    .news-detail-sidebar[b-7h28rqsdus] {
        position: static;
    }
}

/* Sidebar-ийн доод хэсэгт харагдах Устгах товчийг улаан өнгөөр ялгаруулж харуулна. */
.news-detail-command-panel__btn--danger[b-7h28rqsdus] {
    background: rgb(220 38 38);
    border-color: rgb(185 28 28);
}

/* Delete panel-ийг sidebar-ийн хамгийн доор нааж тогтмол байрлуулна. */
.news-detail-danger-panel[b-7h28rqsdus] {
    margin-top: auto;
}

/* Устгах товчийг шаардлагын дагуу 20px зайтай, 120px өргөнтэй тогтмол хэмжээнд байрлуулна. */
.news-detail-danger-btn[b-7h28rqsdus] {
    margin-top: 20px;
    width: 120px;
}
/* /Components/Modules/NewsList.razor.rz.scp.css */
/* Tailwind @apply scoped CSS дээр compile-логдохгүй үед list layout эвдрэхээс сэргийлж class бүрийг plain CSS-ээр тодорхойлов. */
.news-list-module[b-cblg1lywte] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    border: 1px solid rgb(226 232 240);
    border-radius: 30px;
    background: #f9fafb;
    padding: 1rem;
}

.news-list-module__header[b-cblg1lywte] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.news-list-module__header-left[b-cblg1lywte] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
}

.news-list-module__title[b-cblg1lywte] {
    margin: 0;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    color: rgb(15 23 42);
}

.news-list-module__main-tabs[b-cblg1lywte] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid rgb(226 232 240);
    border-radius: 1rem;
    background: #eceef1;
    padding: 0.5rem;
}

.news-list-module__main-tab[b-cblg1lywte] {
    border: 0;
    border-radius: 0.75rem;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: rgb(71 85 105);
    background: transparent;
    cursor: pointer;
}

.news-list-module__main-tab--active[b-cblg1lywte] {
    color: #fff;
    background: rgb(220 38 38);
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.25);
}

.news-list-module__view-toggle[b-cblg1lywte] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid rgb(203 213 225);
    border-radius: 0.75rem;
    background: #fff;
    padding: 0.25rem;
}

.news-list-module__view-button[b-cblg1lywte] {
    border: 0;
    border-radius: 0.55rem;
    min-width: 2.25rem;
    height: 2.25rem;
    color: rgb(100 116 139);
    background: transparent;
    font-size: 1rem;
    cursor: pointer;
}

.news-list-module__view-button--active[b-cblg1lywte] {
    background: rgb(220 38 38);
    color: #fff;
}

.news-list-module__new-button[b-cblg1lywte] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: rgb(220 38 38);
    padding: 1rem 2.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

.news-list-module__toolbar[b-cblg1lywte] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top: 1px solid rgb(226 232 240);
    padding-top: 1.25rem;
}

.news-list-module__section-title[b-cblg1lywte] {
    margin: 0;
    font-size: 2.25rem;
    font-weight: 600;
    color: rgb(15 23 42);
}

.news-list-module__search[b-cblg1lywte] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid rgb(226 232 240);
    border-radius: 999px;
    background: #eceef1;
    color: rgb(100 116 139);
    padding: 0.75rem 1.5rem;
}

.news-list-module__search-icon[b-cblg1lywte],
.news-list-module__search-action[b-cblg1lywte] {
    font-size: 1.125rem;
    color: rgb(239 68 68);
}

.news-list-module__search-label[b-cblg1lywte] {
    font-size: 1.125rem;
}

.news-list-module__category-tabs[b-cblg1lywte] {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 1rem;
}

.news-list-module__category-wrap[b-cblg1lywte] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid rgb(226 232 240);
    padding-bottom: 0.75rem;
}

.news-list-module__category-tab[b-cblg1lywte] {
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    padding: 0 0.25rem 0.5rem;
    font-size: 1.125rem;
    color: rgb(100 116 139);
    cursor: pointer;
}

.news-list-module__category-tab--active[b-cblg1lywte] {
    border-bottom-color: rgb(239 68 68);
    color: rgb(239 68 68);
    font-weight: 600;
}

.news-list-module__grid[b-cblg1lywte] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.news-list-module__grid--list[b-cblg1lywte] {
    grid-template-columns: 1fr;
}

.news-list-module__empty[b-cblg1lywte] {
    border: 1px dashed rgb(148 163 184);
    border-radius: 0.75rem;
    background: rgb(248 250 252);
    text-align: center;
    color: rgb(100 116 139);
    padding: 2rem;
}

@media (min-width: 768px) {
    .news-list-module[b-cblg1lywte] {
        padding: 1.5rem;
    }

    .news-list-module__header-left[b-cblg1lywte] {
        flex-direction: row;
        align-items: center;
    }

    .news-list-module__toolbar[b-cblg1lywte] {
        flex-direction: row;
        align-items: center;
    }
}

@media (min-width: 640px) {
    .news-list-module__grid:not(.news-list-module__grid--list)[b-cblg1lywte] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .news-list-module__header[b-cblg1lywte] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .news-list-module__grid:not(.news-list-module__grid--list)[b-cblg1lywte] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Components/Modules/Search.config.razor.rz.scp.css */
.search-config-editor[b-8nk897hwz1] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.search-config-editor__label[b-8nk897hwz1] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

.search-config-editor__input[b-8nk897hwz1],
.search-config-editor__textarea[b-8nk897hwz1] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 0.6rem 0.75rem;
    color: #0f172a;
    font-size: 0.875rem;
}

.search-config-editor__textarea[b-8nk897hwz1] {
    min-height: 8rem;
}
/* /Components/Modules/Search.razor.rz.scp.css */
.search-module[b-rgaw17ybvz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    max-width: 840px;
    margin: 0 auto;
}

.search-module__tabs[b-rgaw17ybvz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.search-module__tab[b-rgaw17ybvz] {
    border: 1px solid #dbe1ea;
    background: #f7f9fc;
    border-radius: 999px;
    padding: 0.6rem 1.35rem;
    color: #64748b;
    font-size: 1.5rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.search-module__tab:hover[b-rgaw17ybvz] {
    border-color: #cbd5e1;
    color: #475569;
}

.search-module__tab--active[b-rgaw17ybvz] {
    border: none;
    color: #fff;
    background: linear-gradient(90deg, #d75544 0%, #5b2be3 100%);
    box-shadow: 0 12px 22px rgba(91, 43, 227, 0.28);
}

.search-module__tab-icon[b-rgaw17ybvz] {
    font-size: 1.125rem;
    line-height: 1;
}

.search-module__panel[b-rgaw17ybvz] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    min-height: 134px;
    padding: 1.1rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    position: relative;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.search-module__prompt-icon[b-rgaw17ybvz] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: linear-gradient(180deg, #f17464 0%, #d84433 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
    box-shadow: 0 8px 16px rgba(216, 68, 51, 0.32);
}

.search-module__prompt-content[b-rgaw17ybvz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: #94a3b8;
    padding-top: 0.25rem;
}

.search-module__prompt-title[b-rgaw17ybvz] {
    margin: 0;
    font-size: 1.15rem;
}

.search-module__prompt-example[b-rgaw17ybvz] {
    margin: 0;
    font-size: 1.25rem;
    color: #9aa6b8;
}

.search-module__send-button[b-rgaw17ybvz] {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: none;
    background: #f1f5f9;
    color: #94a3b8;
    cursor: pointer;
    font-size: 1.05rem;
    box-shadow: 0 8px 15px rgba(148, 163, 184, 0.35);
}

.search-module__suggestions[b-rgaw17ybvz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
}

.search-module__suggestion-item[b-rgaw17ybvz] {
    border: none;
    background: transparent;
    color: #9ca3af;
    font-size: 1rem;
    cursor: pointer;
    padding: 0;
}

@media (max-width: 768px) {
    .search-module__tab[b-rgaw17ybvz] {
        font-size: 1rem;
        width: 100%;
        justify-content: center;
    }

    .search-module__panel[b-rgaw17ybvz] {
        min-height: 170px;
    }

    .search-module__prompt-title[b-rgaw17ybvz],
    .search-module__prompt-example[b-rgaw17ybvz] {
        font-size: 0.95rem;
    }
}
/* /Components/Shared/NewsItem.razor.rz.scp.css */
/* NewsItem component-ийн style-уудыг global хэрэгцээнд нийцүүлэн /wwwroot/app.css файл руу шилжүүлсэн. */
/* /Components/Shared/SpecialNewsItem.razor.rz.scp.css */
/* SpecialNewsItem component-ийн style-уудыг global хэрэгцээнд нийцүүлэн /wwwroot/app.css файл руу шилжүүлсэн. */