@import '_content/HAYA.CMS.Web.Components/HAYA.CMS.Web.Components.wbysbne6xe.bundle.scp.css';

/* /Areas/Admin/Pages/BlogCategories/Categories.razor.rz.scp.css */
.page-section[b-6i352vyp47] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-6i352vyp47] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-6i352vyp47] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-6i352vyp47] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-6i352vyp47]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }




.data-table[b-6i352vyp47] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-6i352vyp47] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-6i352vyp47] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.create-category-btn[b-6i352vyp47] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-category-btn:hover[b-6i352vyp47] {
        background-color: var(--blue-400);
    }

[b-6i352vyp47] table {
    width: 100%;
    font-size: 0.95rem;
}

[b-6i352vyp47] thead {
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-6i352vyp47] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-6i352vyp47]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-6i352vyp47]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-6i352vyp47]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-6i352vyp47]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-6i352vyp47] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-6i352vyp47] tbody tr td {
        padding: 0;
        background-color: white;
    }

    [b-6i352vyp47] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-6i352vyp47] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-6i352vyp47] {
    padding: 14px 10px;
    /*    font-size: 12px;*/
}

.data-table-slug[b-6i352vyp47] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-6i352vyp47] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-6i352vyp47] {
    padding: 12px 0;
}

.isnotpublished[b-6i352vyp47] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-6i352vyp47] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-6i352vyp47] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-6i352vyp47] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-6i352vyp47] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-6i352vyp47] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-6i352vyp47] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-6i352vyp47] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-6i352vyp47] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-6i352vyp47] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-6i352vyp47] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.data-table-more-actions-content[b-6i352vyp47] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
}


.more-actions-item[b-6i352vyp47] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    white-space: nowrap;
}

    .more-actions-item:hover[b-6i352vyp47] {
        background-color: var(--charade-200);
    }

    .more-actions-item-title[b-6i352vyp47] {
        color: var(--charade-500);
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
    }

.more-actions-item-icon[b-6i352vyp47] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-6i352vyp47] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

.cat-id[b-6i352vyp47] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-title[b-6i352vyp47] {
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-parent[b-6i352vyp47] {
    color: var(--charade-400);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

[b-6i352vyp47] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-6i352vyp47] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-6i352vyp47] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-6i352vyp47] .cell-id {
    width: 70px;
}

[b-6i352vyp47] .cell-parent {
    width: 150px;
}

[b-6i352vyp47] .cell-link {
    width: 70px;
}

[b-6i352vyp47] .cell-publish-status {
    width: 100px;
}

[b-6i352vyp47] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-6i352vyp47] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-6i352vyp47] {
        background-color: var(--blue-100);
    }


[b-6i352vyp47] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

[b-6i352vyp47] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-6i352vyp47] .form-group {
    display: none !important;
}

[b-6i352vyp47] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}



[b-6i352vyp47] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.creation-modal-background[b-6i352vyp47] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 1005;
}

.creation-modal-content[b-6i352vyp47] {
    padding: 24px 24px 0px 24px;
    width: clamp(200px, 100%, 640px);
    border-radius: 12px;
    background-color: white;
}

.page-header[b-6i352vyp47] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-6i352vyp47] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-6i352vyp47] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-6i352vyp47] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-6i352vyp47] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {

    .admin-layout[b-6i352vyp47] {
        display: none;
    }
}

/* /Areas/Admin/Pages/BlogCategories/CategoriesTranslations.razor.rz.scp.css */
.page-section[b-3ketrldik2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-3ketrldik2] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-3ketrldik2] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-3ketrldik2] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-3ketrldik2]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }




.data-table[b-3ketrldik2] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-3ketrldik2] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: end;
}

.filters-section[b-3ketrldik2] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.create-category-btn[b-3ketrldik2] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-category-btn:hover[b-3ketrldik2] {
        background-color: var(--blue-400);
    }

[b-3ketrldik2] table {
    width: 100%;
    font-size: 0.95rem;
}

[b-3ketrldik2] thead {
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-3ketrldik2] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-3ketrldik2]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-3ketrldik2]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-3ketrldik2]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-3ketrldik2]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-3ketrldik2] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-3ketrldik2] tbody tr td {
        padding: 0;
        background-color: white;
    }

    [b-3ketrldik2] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-3ketrldik2] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-3ketrldik2] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-3ketrldik2] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-3ketrldik2] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-3ketrldik2] {
    padding: 12px 0;
}

.isnotpublished[b-3ketrldik2] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-3ketrldik2] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-3ketrldik2] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-3ketrldik2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-3ketrldik2] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-3ketrldik2] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-3ketrldik2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-3ketrldik2] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-3ketrldik2] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-3ketrldik2] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-3ketrldik2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.data-table-more-actions-content[b-3ketrldik2] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
}


.more-actions-item[b-3ketrldik2] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    white-space: nowrap;
}

    .more-actions-item:hover[b-3ketrldik2] {
        background-color: var(--blue-100);
    }

    .more-actions-item-title[b-3ketrldik2] {
        color: var(--charade-500);
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
    }

.more-actions-item-icon[b-3ketrldik2] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-3ketrldik2] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

.cat-id[b-3ketrldik2] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-title[b-3ketrldik2] {
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-parent[b-3ketrldik2] {
    color: var(--charade-400);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

[b-3ketrldik2] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-3ketrldik2] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-3ketrldik2] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-3ketrldik2] .cell-id {
    width: 70px;
}

[b-3ketrldik2] .cell-parent {
    width: 150px;
}

[b-3ketrldik2] .cell-link {
    width: 70px;
}

[b-3ketrldik2] .cell-publish-status {
    width: 100px;
}

[b-3ketrldik2] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-3ketrldik2] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-3ketrldik2] {
        background-color: var(--blue-100);
    }


[b-3ketrldik2] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

[b-3ketrldik2] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-3ketrldik2] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



[b-3ketrldik2] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.creation-modal-background[b-3ketrldik2] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 1005;
}

.creation-modal-content[b-3ketrldik2] {
    padding: 24px 24px 0px 24px;
    width: clamp(200px, 100%, 640px);
    border-radius: 12px;
    background-color: white;
}
.page-header[b-3ketrldik2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-3ketrldik2] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-3ketrldik2] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-3ketrldik2] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-3ketrldik2] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {

    .admin-layout[b-3ketrldik2] {
        display: none;
    }
}

/* /Areas/Admin/Pages/BlogCategories/CategoryItem.razor.rz.scp.css */
.categories-popup .categories-popup-item[b-o7xgfssszh] {
    padding: 10px;
    cursor: pointer;
}

.categories-popup-item .categories-popup-item-title:hover[b-o7xgfssszh] {
    background-color: #f0f0f0;
}

.categories-popup .categories-popup-item-title[b-o7xgfssszh] {
    margin-right: 10px;
}

.categories-popup .category-selected-item-icon[b-o7xgfssszh] {
    margin-left: 10px;
    cursor: pointer;
}
/* /Areas/Admin/Pages/BlogCategories/CreateCategories.razor.rz.scp.css */
.categories-page[b-1og5ktm2xq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.categories-page-section[b-1og5ktm2xq] {
    display: flex;
    gap: 24px;
}

.categories-page-items[b-1og5ktm2xq] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.categories-page-title[b-1og5ktm2xq] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.categories-page-content[b-1og5ktm2xq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 24px 0px 24px;
    border-radius: 12px;
    background-color: white;
}

.category-form-footer[b-1og5ktm2xq] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.category-item[b-1og5ktm2xq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-1og5ktm2xq] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.categories-form-section[b-1og5ktm2xq] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.categories-popup[b-1og5ktm2xq] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .categories-popup .categories-popup-item[b-1og5ktm2xq] {
        padding: 10px;
        cursor: pointer;
    }

.categories-popup-item .categories-popup-item-title:hover[b-1og5ktm2xq] {
    background-color: #f0f0f0;
}

.categories-popup .categories-popup-item-title[b-1og5ktm2xq] {
    margin-right: 10px;
}

.categories-popup .category-selected-item-icon[b-1og5ktm2xq] {
    margin-left: 10px;
    cursor: pointer;
}

.category-selected-item[b-1og5ktm2xq] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.category-selected[b-1og5ktm2xq] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.category-selected-item[b-1og5ktm2xq] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}
.category-selected-item-icon[b-1og5ktm2xq] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}


.cms-form-option[b-1og5ktm2xq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.cms-form-option-header[b-1og5ktm2xq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--charade-100);
}

.cms-form-option-title[b-1og5ktm2xq] {
    padding: 16px 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cms-form-option-action[b-1og5ktm2xq] {
    display: flex;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.cms-form-oprion-media[b-1og5ktm2xq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.media-isprimary[b-1og5ktm2xq] {
    position: relative;
    height: 218px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 0 2px var(--blue-200);
}

.media-isprimary-badge[b-1og5ktm2xq] {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px;
    border-radius: 4px;
    background: var(--blue-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.media-isprimary img[b-1og5ktm2xq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-all-media[b-1og5ktm2xq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px;
    height: 250px;
    overflow-y: auto;
    border-radius: 8px;
    background: var(--charade-50);
}

.media-card[b-1og5ktm2xq] {
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background-color: white;
    height: 115px;
    overflow: hidden;
}

    .media-card:hover .media-card-badge-section[b-1og5ktm2xq] {
        top: 8px;
    }

.media-card-badge-section[b-1og5ktm2xq] {
    position: absolute;
    top: -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    transition: all 0.3s ease-in-out;
}

.media-card-badge[b-1og5ktm2xq] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.media-card-badge-icon[b-1og5ktm2xq] {
    padding: 4px;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background: rgba(255, 255, 255, 0.90);
    font-size: 18px;
    color: var(--charade-500);
}

.media-card img[b-1og5ktm2xq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobile-header[b-1og5ktm2xq] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-1og5ktm2xq] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-1og5ktm2xq] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-1og5ktm2xq] {
    font-size: 20px;
}

.mobile-header-action-title[b-1og5ktm2xq] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.option-title-icon[b-1og5ktm2xq] {
    font-size: 24px;
}

@media (max-width: 880px) {
    .category-form-footer[b-1og5ktm2xq] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-1og5ktm2xq]{
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .categories-page-section[b-1og5ktm2xq] {
        flex-direction: column;
    }


    .blog-post-information[b-1og5ktm2xq] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-1og5ktm2xq] {
    }

    .categories-page-content[b-1og5ktm2xq],
    .categories-page-items[b-1og5ktm2xq] {
        display: contents;
    }

    .mobile-header[b-1og5ktm2xq] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogCategories/CreateCategoryTranslation.razor.rz.scp.css */
.categories-page[b-utuxsclxl6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.categories-page-section[b-utuxsclxl6] {
    display: flex;
    gap: 24px;
}

.categories-page-items[b-utuxsclxl6] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.categories-page-title[b-utuxsclxl6] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.categories-page-content[b-utuxsclxl6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 24px 0px 24px;
    border-radius: 12px;
    background-color: white;
}

.category-form-footer[b-utuxsclxl6] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.category-item[b-utuxsclxl6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-utuxsclxl6] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.categories-form-section[b-utuxsclxl6] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.categories-popup[b-utuxsclxl6] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .categories-popup .categories-popup-item[b-utuxsclxl6] {
        padding: 10px;
        cursor: pointer;
    }

.categories-popup-item .categories-popup-item-title:hover[b-utuxsclxl6] {
    background-color: #f0f0f0;
}

.categories-popup .categories-popup-item-title[b-utuxsclxl6] {
    margin-right: 10px;
}

.categories-popup .category-selected-item-icon[b-utuxsclxl6] {
    margin-left: 10px;
    cursor: pointer;
}

.category-selected-item[b-utuxsclxl6] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.category-selected[b-utuxsclxl6] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.category-selected-item[b-utuxsclxl6] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.category-selected-item-icon[b-utuxsclxl6] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}


.mobile-header[b-utuxsclxl6] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-utuxsclxl6] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-utuxsclxl6] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-utuxsclxl6] {
    font-size: 20px;
}

.mobile-header-action-title[b-utuxsclxl6] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .category-form-footer[b-utuxsclxl6] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-utuxsclxl6] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .categories-page-section[b-utuxsclxl6] {
        flex-direction: column;
    }


    .blog-post-information[b-utuxsclxl6] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-utuxsclxl6] {
    }

    .categories-page-content[b-utuxsclxl6],
    .categories-page-items[b-utuxsclxl6] {
        display: contents;
    }

    .mobile-header[b-utuxsclxl6] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogCategories/EditCategoryTranslation.razor.rz.scp.css */
.categories-page[b-b919q57mdn] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.categories-page-section[b-b919q57mdn] {
    display: flex;
    gap: 24px;
}

.categories-page-items[b-b919q57mdn] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.categories-page-title[b-b919q57mdn] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.categories-page-content[b-b919q57mdn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 24px 0px 24px;
    border-radius: 12px;
    background-color: white;
}

.category-form-footer[b-b919q57mdn] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
    z-index: 1000;
}

.category-item[b-b919q57mdn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-b919q57mdn] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.categories-form-section[b-b919q57mdn] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.categories-popup[b-b919q57mdn] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .categories-popup .categories-popup-item[b-b919q57mdn] {
        padding: 10px;
        cursor: pointer;
    }

.categories-popup-item .categories-popup-item-title:hover[b-b919q57mdn] {
    background-color: #f0f0f0;
}

.categories-popup .categories-popup-item-title[b-b919q57mdn] {
    margin-right: 10px;
}

.categories-popup .category-selected-item-icon[b-b919q57mdn] {
    margin-left: 10px;
    cursor: pointer;
}

.category-selected-item[b-b919q57mdn] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.category-selected[b-b919q57mdn] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.category-selected-item[b-b919q57mdn] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.category-selected-item-icon[b-b919q57mdn] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.mobile-header[b-b919q57mdn] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-b919q57mdn] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-b919q57mdn] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-b919q57mdn] {
    font-size: 20px;
}

.mobile-header-action-title[b-b919q57mdn] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .category-form-footer[b-b919q57mdn] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-b919q57mdn] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .categories-page-section[b-b919q57mdn] {
        flex-direction: column;
    }


    .blog-post-information[b-b919q57mdn] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-b919q57mdn] {
    }

    .categories-page-content[b-b919q57mdn],
    .categories-page-items[b-b919q57mdn] {
        display: contents;
    }

    .mobile-header[b-b919q57mdn] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogCategories/MobileCategories.razor.rz.scp.css */

.mobile-table-section[b-zki68w9qh5] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-zki68w9qh5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-zki68w9qh5] {
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.mobile-table-filters[b-zki68w9qh5] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-zki68w9qh5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-zki68w9qh5] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-zki68w9qh5] {
    font-size: 24px;
}

.filters-title-name[b-zki68w9qh5] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-zki68w9qh5] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-zki68w9qh5] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-zki68w9qh5]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-zki68w9qh5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-zki68w9qh5] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-zki68w9qh5] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-zki68w9qh5] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-zki68w9qh5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-zki68w9qh5] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-zki68w9qh5] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-zki68w9qh5] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-zki68w9qh5] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-zki68w9qh5] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-zki68w9qh5] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-zki68w9qh5] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-zki68w9qh5] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-zki68w9qh5] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-zki68w9qh5] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-zki68w9qh5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-zki68w9qh5] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-zki68w9qh5] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-zki68w9qh5] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-zki68w9qh5] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-zki68w9qh5] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-zki68w9qh5] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-zki68w9qh5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-zki68w9qh5] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
}


.more-actions-item[b-zki68w9qh5] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    white-space: nowrap;
}

    .more-actions-item:hover[b-zki68w9qh5] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-zki68w9qh5] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-zki68w9qh5] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-zki68w9qh5] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-zki68w9qh5] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-zki68w9qh5] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-zki68w9qh5] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-zki68w9qh5] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-zki68w9qh5] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-zki68w9qh5] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-zki68w9qh5] {
        background-color: #ddd;
    }

.mobile-table-header[b-zki68w9qh5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-zki68w9qh5] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-zki68w9qh5] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-zki68w9qh5] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-zki68w9qh5] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-zki68w9qh5] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogCategories/MobileCategoriesTranslations.razor.rz.scp.css */

.mobile-table-section[b-je4d5wdfc0] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-je4d5wdfc0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-je4d5wdfc0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-je4d5wdfc0] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-je4d5wdfc0] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-je4d5wdfc0] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-je4d5wdfc0] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-je4d5wdfc0] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-je4d5wdfc0] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-je4d5wdfc0] {
    font-size: 24px;
}

.filters-title-name[b-je4d5wdfc0] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-je4d5wdfc0] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-je4d5wdfc0] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-je4d5wdfc0]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-je4d5wdfc0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-je4d5wdfc0] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-je4d5wdfc0] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-je4d5wdfc0] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-je4d5wdfc0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-je4d5wdfc0] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-je4d5wdfc0] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-je4d5wdfc0] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-je4d5wdfc0] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-je4d5wdfc0] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-je4d5wdfc0] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-je4d5wdfc0] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-je4d5wdfc0] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-je4d5wdfc0] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-je4d5wdfc0] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-je4d5wdfc0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-je4d5wdfc0] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-je4d5wdfc0] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-je4d5wdfc0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-je4d5wdfc0] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-je4d5wdfc0] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-je4d5wdfc0] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-je4d5wdfc0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-je4d5wdfc0] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
}


.more-actions-item[b-je4d5wdfc0] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    white-space: nowrap;
}

    .more-actions-item:hover[b-je4d5wdfc0] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-je4d5wdfc0] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-je4d5wdfc0] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-je4d5wdfc0] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-je4d5wdfc0] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-je4d5wdfc0] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-je4d5wdfc0] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-je4d5wdfc0] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-je4d5wdfc0] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogPosts/CreatePost.razor.rz.scp.css */
.blog-post-form[b-9pssbrvfa0] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-9pssbrvfa0] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-9pssbrvfa0] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.create-categories-form[b-9pssbrvfa0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
}

.blog-post-item[b-9pssbrvfa0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-9pssbrvfa0] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-9pssbrvfa0] {
    outline: none;
    border: none;
    padding: 0 4px;
    flex: 1;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .slug-input[b-9pssbrvfa0]::placeholder {
        font-size: 12px;
    }

.your-slug[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

    .your-slug span[b-9pssbrvfa0] {
        font-size: 10px;
        font-weight: 500;
        overflow: hidden;
        /*        height: 20px;*/
        white-space: nowrap;
    }

.datetime-input[b-9pssbrvfa0] {
    width: 100%;
    padding: 4px 8px;
    border: 1.5px solid var(--charade-300);
    border-radius: 6px;
    color: var(--charade-600);
}

.categories-content-section[b-9pssbrvfa0] {
    position: relative;
}

.categories-content[b-9pssbrvfa0] {
    border-radius: 6px;
    /*    background-color: #EAF1FF;*/
    border: 1px solid var(--charade-100);
    padding: 12px 12px 24px 12px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.categories-fader[b-9pssbrvfa0] {
    position: absolute;
    bottom: 1px;
    left: 1px;
    border-radius: 4px;
    width: calc(100% - 2px);
    height: 30px;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, transparent 100%);
    pointer-events: none;
}

.category-item[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    /*    background-color: palevioletred;*/
}


[b-9pssbrvfa0] .custom-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    position: relative;
}

    [b-9pssbrvfa0] .custom-checkbox:checked {
        background-color: var(--blue-400);
        border-color: white;
    }


.checkbox-label[b-9pssbrvfa0] {
    color: var(--charade-600);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    font-size: 12px;
}

.switch[b-9pssbrvfa0] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-right: 8px;
}

    .switch input[b-9pssbrvfa0] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-9pssbrvfa0] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-9pssbrvfa0]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-9pssbrvfa0] {
    background-color: var(--color-primary);
}

    input:checked + .slider[b-9pssbrvfa0]:before {
        transform: translateX(18px);
    }

.switch-label[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    font-size: 13px;
}


.blog-post-footer[b-9pssbrvfa0] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.language-selector[b-9pssbrvfa0] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .language-selector option[b-9pssbrvfa0] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .language-selector:focus[b-9pssbrvfa0] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .language-selector:focus:not(:focus-visible)[b-9pssbrvfa0] {
            border: 1.5px solid var(--charade-300);
        }

.langauge-selector-caption[b-9pssbrvfa0] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.infinite-rotate[b-9pssbrvfa0] {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 18px;
    display: none;
}

.submit-form[b-9pssbrvfa0] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.draft-form[b-9pssbrvfa0] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--accessibility-white);
    color: var(--color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.publish-icon[b-9pssbrvfa0] {
    color: white;
}

.draft-icon[b-9pssbrvfa0] {
    color: var(--color-primary);
}

.submit-form.submit-form-loading[b-9pssbrvfa0] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-9pssbrvfa0] {
    display: block;
}




.draft-form.draft-form-loading[b-9pssbrvfa0] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-9pssbrvfa0] {
    display: block;
}

.tag-form-section[b-9pssbrvfa0] {
    position: relative;
}

.tags-popup[b-9pssbrvfa0] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .tags-popup .tag-item[b-9pssbrvfa0] {
        padding: 10px;
        cursor: pointer;
    }

        .tags-popup .tag-item:hover[b-9pssbrvfa0] {
            background-color: #f0f0f0;
        }

    .tags-popup .tag-title[b-9pssbrvfa0] {
        margin-right: 10px;
    }

    .tags-popup .tag-icon[b-9pssbrvfa0] {
        margin-left: 10px;
        cursor: pointer;
    }

.tags-popup-item[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-9pssbrvfa0] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}


.tags[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-title[b-9pssbrvfa0] {
}

.tag-icon[b-9pssbrvfa0] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-9pssbrvfa0] {
    color: red;
    margin: 2px;
}

.form-input-error[b-9pssbrvfa0] {
    border-color: red;
    color: red;
    font-size: 12px;
}

.input-validate-error[b-9pssbrvfa0] {
    border-color: red;
}

.categories-header[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.create-categort-btn[b-9pssbrvfa0] {
    cursor: pointer;
    background-color: var(--blue-200);
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.cms-form-option[b-9pssbrvfa0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.cms-form-option-header[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--charade-100);
}

.cms-form-option-title[b-9pssbrvfa0] {
    padding: 16px 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cms-form-option-action[b-9pssbrvfa0] {
    display: flex;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.cms-form-oprion-media[b-9pssbrvfa0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.media-isprimary[b-9pssbrvfa0] {
    position: relative;
    height: 218px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 0 2px var(--blue-200);
}

.media-isprimary-badge[b-9pssbrvfa0] {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px;
    border-radius: 4px;
    background: var(--blue-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.media-isprimary img[b-9pssbrvfa0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-all-media[b-9pssbrvfa0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px;
    height: 250px;
    overflow-y: auto;
    border-radius: 8px;
    background: var(--charade-50);
}

.media-card[b-9pssbrvfa0] {
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background-color: white;
    height: 115px;
    overflow: hidden;
}

    .media-card:hover .media-card-badge-section[b-9pssbrvfa0] {
        top: 8px;
    }

.media-card-badge-section[b-9pssbrvfa0] {
    position: absolute;
    top: -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    transition: all 0.3s ease-in-out;
}

.media-card-badge[b-9pssbrvfa0] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.media-card-badge-icon[b-9pssbrvfa0] {
    padding: 4px;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background: rgba(255, 255, 255, 0.90);
    font-size: 18px;
    color: var(--charade-500);
}

.media-card img[b-9pssbrvfa0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.option-title-icon[b-9pssbrvfa0] {
    font-size: 18px;
}

.mobile-header[b-9pssbrvfa0] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-9pssbrvfa0] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-9pssbrvfa0] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-9pssbrvfa0] {
    font-size: 20px;
}

.mobile-header-action-title[b-9pssbrvfa0] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .blog-post-footer[b-9pssbrvfa0] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-9pssbrvfa0] {
        display: none;
    }

}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-9pssbrvfa0] {
        flex-direction: column;
    }


    .blog-post-information[b-9pssbrvfa0] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-9pssbrvfa0] {
    }

    .blog-post-items[b-9pssbrvfa0],
    .blog-post-information[b-9pssbrvfa0] {
        display: contents;
    }

    .mobile-header[b-9pssbrvfa0] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogPosts/CreatePostTranslation.razor.rz.scp.css */
.blog-post-form[b-srjwx7obyr] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-srjwx7obyr] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-srjwx7obyr] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blog-post-item[b-srjwx7obyr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-srjwx7obyr] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-srjwx7obyr] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-srjwx7obyr] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 32%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.your-slug[b-srjwx7obyr] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

.blog-post-footer[b-srjwx7obyr] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.language-selector[b-srjwx7obyr] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

.langauge-selector-caption[b-srjwx7obyr] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-srjwx7obyr] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

.infinite-rotate[b-srjwx7obyr] {
    position: absolute;
    right: 2px;
    top: 7px;
    font-size: 22px;
    color: white;
    display: none;
}

.create-form-btns.create-form-btns-loading[b-srjwx7obyr] {
    opacity: 0.5;
}

    .create-form-btns.create-form-btns-loading .infinite-rotate[b-srjwx7obyr] {
        display: block;
    }



.submit-form[b-srjwx7obyr] {
    border-radius: 4px;
    padding: 4px 24px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

    .submit-form:hover[b-srjwx7obyr] {
        background-color: var(--blue-500);
        border: 1px solid var(--blue-500);
    }


.tags-popup-item[b-srjwx7obyr] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-srjwx7obyr] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}

.tags[b-srjwx7obyr] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-srjwx7obyr] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-icon[b-srjwx7obyr] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-srjwx7obyr] {
    color: red;
    margin: 2px;
}

.form-input-error[b-srjwx7obyr] {
    border-color: red;
    color: red;
    font-size: 12px;
}

.mobile-header[b-srjwx7obyr] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-srjwx7obyr] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-srjwx7obyr] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-srjwx7obyr] {
    font-size: 20px;
}

.mobile-header-action-title[b-srjwx7obyr] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .blog-post-footer[b-srjwx7obyr] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-srjwx7obyr] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-srjwx7obyr] {
        flex-direction: column;
    }


    .blog-post-information[b-srjwx7obyr] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-srjwx7obyr] {
    }

    .blog-post-items[b-srjwx7obyr],
    .blog-post-information[b-srjwx7obyr] {
        display: contents;
    }

    .mobile-header[b-srjwx7obyr] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogPosts/EditPost.razor.rz.scp.css */
.blog-post-form[b-nwxpj0nduk] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-nwxpj0nduk] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-nwxpj0nduk] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.create-categories-form[b-nwxpj0nduk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
}

.blog-post-item[b-nwxpj0nduk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-nwxpj0nduk] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-nwxpj0nduk] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 32%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .slug-input[b-nwxpj0nduk]::placeholder {
        font-size: 12px;
    }

.your-slug[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

    .your-slug span[b-nwxpj0nduk] {
        font-size: 10px;
        font-weight: 500;
        overflow: hidden;
        /*        height: 20px;*/
        white-space: nowrap;
    }

.datetime-input[b-nwxpj0nduk] {
    width: 100%;
    padding: 4px 8px;
    border: 1.5px solid var(--charade-300);
    border-radius: 6px;
    color: var(--charade-600);
}

.categories-content-section[b-nwxpj0nduk] {
    position: relative;
}

.categories-content[b-nwxpj0nduk] {
    border-radius: 6px;
    /*    background-color: #EAF1FF;*/
    border: 1px solid var(--charade-100);
    padding: 12px 12px 24px 12px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.categories-fader[b-nwxpj0nduk] {
    position: absolute;
    bottom: 1px;
    left: 1px;
    border-radius: 4px;
    width: calc(100% - 2px);
    height: 30px;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, transparent 100%);
    pointer-events: none;
}

.category-item[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    /*    background-color: palevioletred;*/
}


[b-nwxpj0nduk] .custom-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    position: relative;
}

    [b-nwxpj0nduk] .custom-checkbox:checked {
        background-color: var(--blue-400);
        border-color: white;
    }


.checkbox-label[b-nwxpj0nduk] {
    color: var(--charade-600);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    font-size: 12px;
}

.switch[b-nwxpj0nduk] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-right: 8px;
}

    .switch input[b-nwxpj0nduk] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-nwxpj0nduk] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-nwxpj0nduk]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        right: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-nwxpj0nduk] {
    background-color: var(--color-primary);
}

    input:checked + .slider[b-nwxpj0nduk]:before {
        transform: translateX(-18px);
    }

/* برچسب‌ها */
.switch-label[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    font-size: 13px;
}


.blog-post-footer[b-nwxpj0nduk] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.language-selector[b-nwxpj0nduk] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .language-selector option[b-nwxpj0nduk] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .language-selector:focus[b-nwxpj0nduk] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .language-selector:focus:not(:focus-visible)[b-nwxpj0nduk] {
            border: 1.5px solid var(--charade-300);
        }

.langauge-selector-caption[b-nwxpj0nduk] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.actions-btn[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.create-form-btns[b-nwxpj0nduk] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

.submit-form[b-nwxpj0nduk] {
    border-radius: 4px;
    padding: 4px 26px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.draft-form[b-nwxpj0nduk] {
    border-radius: 4px;
    padding: 4px 26px;
    border: 1px solid var(--color-primary);
    background-color: var(--accessibility-white);
    color: var(--color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.infinite-rotate[b-nwxpj0nduk] {
    position: absolute;
    top: 5px;
    right: 2px;
    font-size: 24px;
    display: none;
}

.publish-icon[b-nwxpj0nduk] {
    color: white;
}

.draft-icon[b-nwxpj0nduk] {
    color: var(--color-primary);
}

.create-form-btns.create-form-btns-loading[b-nwxpj0nduk] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-nwxpj0nduk] {
    display: block;
}



.tag-form-section[b-nwxpj0nduk] {
    position: relative;
}

.tags-popup[b-nwxpj0nduk] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .tags-popup .tag-item[b-nwxpj0nduk] {
        padding: 10px;
        cursor: pointer;
    }

        .tags-popup .tag-item:hover[b-nwxpj0nduk] {
            background-color: #f0f0f0;
        }

    .tags-popup .tag-title[b-nwxpj0nduk] {
        margin-right: 10px;
    }

    .tags-popup .tag-icon[b-nwxpj0nduk] {
        margin-left: 10px;
        cursor: pointer;
    }

.tags-popup[b-nwxpj0nduk] {
}

.tags-popup-item[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-nwxpj0nduk] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}


.tags[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-title[b-nwxpj0nduk] {
}

.tag-icon[b-nwxpj0nduk] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-nwxpj0nduk] {
    color: red;
    margin: 2px;
}

.form-input-error[b-nwxpj0nduk] {
    border-color: red;

}

.text-error[b-nwxpj0nduk] {
    color: red;
    font-size: 12px;
}

.categories-header[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-section[b-nwxpj0nduk] {
    padding: 8px;
}

.cms-form-option[b-nwxpj0nduk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.cms-form-option-header[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--charade-100);
}

.cms-form-option-title[b-nwxpj0nduk] {
    padding: 16px 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cms-form-option-action[b-nwxpj0nduk] {
    display: flex;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.cms-form-oprion-media[b-nwxpj0nduk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.media-isprimary[b-nwxpj0nduk] {
    position: relative;
    height: 218px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 0 2px var(--blue-200);
}

.media-isprimary-badge[b-nwxpj0nduk] {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px;
    border-radius: 4px;
    background: var(--blue-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.media-isprimary img[b-nwxpj0nduk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-all-media[b-nwxpj0nduk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px;
    height: 250px;
    overflow-y: auto;
    border-radius: 8px;
    background: var(--charade-50);
}

.media-card[b-nwxpj0nduk] {
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background-color: white;
    height: 115px;
    overflow: hidden;
}

    .media-card:hover .media-card-badge-section[b-nwxpj0nduk] {
        top: 8px;
    }

.media-card-badge-section[b-nwxpj0nduk] {
    position: absolute;
    top: -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    transition: all 0.3s ease-in-out;
}

.media-card-badge[b-nwxpj0nduk] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.media-card-badge-icon[b-nwxpj0nduk] {
    padding: 4px;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background: rgba(255, 255, 255, 0.90);
    font-size: 18px;
    color: var(--charade-500);
}

.media-card img[b-nwxpj0nduk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobile-header[b-nwxpj0nduk] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-nwxpj0nduk] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-nwxpj0nduk] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-nwxpj0nduk] {
    font-size: 20px;
}

.mobile-header-action-title[b-nwxpj0nduk] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .blog-post-footer[b-nwxpj0nduk] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-nwxpj0nduk] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-nwxpj0nduk] {
        flex-direction: column;
    }

    .blog-post-information[b-nwxpj0nduk] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-nwxpj0nduk] {
    }

    .blog-post-items[b-nwxpj0nduk],
    .blog-post-information[b-nwxpj0nduk] {
        display: contents;
    }

    .mobile-header[b-nwxpj0nduk] {
        display: flex;
    }
}


/* /Areas/Admin/Pages/BlogPosts/EditPostTranslation.razor.rz.scp.css */
.blog-post-form[b-49ebywo1pa] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-49ebywo1pa] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-49ebywo1pa] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blog-post-item[b-49ebywo1pa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-49ebywo1pa] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-49ebywo1pa] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-49ebywo1pa] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 32%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.your-slug[b-49ebywo1pa] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

.blog-post-footer[b-49ebywo1pa] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
    z-index: 1000;
}

.language-selector[b-49ebywo1pa] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

.langauge-selector-caption[b-49ebywo1pa] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-49ebywo1pa] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}


.infinite-rotate[b-49ebywo1pa] {
    position: absolute;
    right: 2px;
    top: 7px;
    font-size: 20px;
    display: none;
    color: white;
}

.submit-form[b-49ebywo1pa] {
    border-radius: 4px;
    padding: 4px 24px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}


.create-form-btns.create-form-btns-loading[b-49ebywo1pa] {
    opacity: 0.5;
}


    .create-form-btns.create-form-btns-loading .infinite-rotate[b-49ebywo1pa] {
        display: block;
    }


.tags-popup-item[b-49ebywo1pa] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-49ebywo1pa] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}

.tags[b-49ebywo1pa] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-49ebywo1pa] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-icon[b-49ebywo1pa] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-49ebywo1pa] {
    color: red;
    margin: 2px;
}

.text-error[b-49ebywo1pa] {
    color: red;
    font-size: 12px;
}

.form-input-error[b-49ebywo1pa] {
    border-color: red;
}

.mobile-header[b-49ebywo1pa] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-49ebywo1pa] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-49ebywo1pa] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-49ebywo1pa] {
    font-size: 20px;
}

.mobile-header-action-title[b-49ebywo1pa] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .blog-post-footer[b-49ebywo1pa] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-49ebywo1pa] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-49ebywo1pa] {
        flex-direction: column;
    }


    .blog-post-information[b-49ebywo1pa] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-49ebywo1pa] {
    }

    .blog-post-items[b-49ebywo1pa],
    .blog-post-information[b-49ebywo1pa] {
        display: contents;
    }

    .mobile-header[b-49ebywo1pa] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogPosts/Posts.razor.rz.scp.css */
.page-section[b-79zx7ubuvz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-79zx7ubuvz] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-79zx7ubuvz] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-79zx7ubuvz]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-79zx7ubuvz] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-79zx7ubuvz] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-79zx7ubuvz] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-79zx7ubuvz] table {
    width: 100%;
    font-size: 0.95rem;
}

[b-79zx7ubuvz] thead {
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-79zx7ubuvz] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-79zx7ubuvz]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-79zx7ubuvz]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-79zx7ubuvz]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-79zx7ubuvz]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-79zx7ubuvz] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-79zx7ubuvz] tbody tr td {
        background-color: white;
    }

    [b-79zx7ubuvz] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-79zx7ubuvz] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-79zx7ubuvz] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



.create-post-btn[b-79zx7ubuvz] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-79zx7ubuvz] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-79zx7ubuvz] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-79zx7ubuvz] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-79zx7ubuvz] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-79zx7ubuvz] {
    padding: 12px 0;
}

.isnotpublished[b-79zx7ubuvz] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-79zx7ubuvz] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-79zx7ubuvz] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-79zx7ubuvz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-79zx7ubuvz] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-79zx7ubuvz] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-79zx7ubuvz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-79zx7ubuvz] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-79zx7ubuvz] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-79zx7ubuvz] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-79zx7ubuvz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-79zx7ubuvz] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-79zx7ubuvz] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-79zx7ubuvz] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-79zx7ubuvz] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-79zx7ubuvz] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-79zx7ubuvz] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-79zx7ubuvz] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-79zx7ubuvz] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 25px;
}

.post-badge[b-79zx7ubuvz] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-79zx7ubuvz] .cell-checkbox {
}

[b-79zx7ubuvz] .cell-id {
    width: 70px;
}

[b-79zx7ubuvz] .cell-link {
    width: 70px;
}

[b-79zx7ubuvz] .cell-publish-status {
    width: 120px;
}

[b-79zx7ubuvz] .cell-publish-actions {
    width: 100px;
}


[b-79zx7ubuvz] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-79zx7ubuvz] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-79zx7ubuvz] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-79zx7ubuvz] {
        background-color: #ddd;
    }




.publish-select-item[b-79zx7ubuvz] {
    font-size: 14px;
    color: var(--charade-500);
}


.link-icon[b-79zx7ubuvz] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-79zx7ubuvz] {
        background-color: var(--blue-100);
    }

.page-header[b-79zx7ubuvz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-79zx7ubuvz] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-79zx7ubuvz] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-79zx7ubuvz] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-79zx7ubuvz] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-79zx7ubuvz] {
        display: none;
    }
}
/* /Areas/Admin/Pages/BlogPosts/PostsMobile.razor.rz.scp.css */

.mobile-table-section[b-xv9s1fyrv1] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-xv9s1fyrv1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-filters[b-xv9s1fyrv1] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-xv9s1fyrv1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-xv9s1fyrv1] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-xv9s1fyrv1] {
    font-size: 24px;
}

.filters-title-name[b-xv9s1fyrv1] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-xv9s1fyrv1] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-xv9s1fyrv1] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-xv9s1fyrv1]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-xv9s1fyrv1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-xv9s1fyrv1] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-xv9s1fyrv1] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-xv9s1fyrv1] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-xv9s1fyrv1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-xv9s1fyrv1] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-xv9s1fyrv1] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-xv9s1fyrv1] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-xv9s1fyrv1] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-xv9s1fyrv1] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-xv9s1fyrv1] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-xv9s1fyrv1] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-xv9s1fyrv1] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-xv9s1fyrv1] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-xv9s1fyrv1] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-xv9s1fyrv1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-xv9s1fyrv1] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-xv9s1fyrv1] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-xv9s1fyrv1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-xv9s1fyrv1] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-xv9s1fyrv1] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-xv9s1fyrv1] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-xv9s1fyrv1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-xv9s1fyrv1] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-xv9s1fyrv1] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-xv9s1fyrv1] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-xv9s1fyrv1] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-xv9s1fyrv1] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-xv9s1fyrv1] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-xv9s1fyrv1] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-xv9s1fyrv1] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-xv9s1fyrv1] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-xv9s1fyrv1] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-xv9s1fyrv1] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-xv9s1fyrv1] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-xv9s1fyrv1] {
        background-color: #ddd;
    }

.mobile-table-header[b-xv9s1fyrv1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-xv9s1fyrv1] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-xv9s1fyrv1] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-xv9s1fyrv1] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-xv9s1fyrv1] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-xv9s1fyrv1] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogPosts/PostTranslation.razor.rz.scp.css */
.page-section[b-4aq1mkwf9y] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-4aq1mkwf9y] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-4aq1mkwf9y] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-4aq1mkwf9y] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-4aq1mkwf9y]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-4aq1mkwf9y] {
    border-radius: 12px;
    padding: 0 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-4aq1mkwf9y] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-4aq1mkwf9y] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-4aq1mkwf9y] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.create-post-btn[b-4aq1mkwf9y] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-4aq1mkwf9y] {
        background-color: var(--blue-400);
    }

[b-4aq1mkwf9y] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-4aq1mkwf9y] thead th {

        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-4aq1mkwf9y]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-4aq1mkwf9y]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-4aq1mkwf9y]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-4aq1mkwf9y]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-4aq1mkwf9y] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-4aq1mkwf9y] tbody tr td {
        background-color: white;
    }

    [b-4aq1mkwf9y] tbody tr:hover {
        /*        background-color: #f9fcff;*/
        transition: background 0.3s ease;
    }


.data-table-icon[b-4aq1mkwf9y] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-4aq1mkwf9y] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-4aq1mkwf9y] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-4aq1mkwf9y] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-4aq1mkwf9y] {
    padding: 12px 0;
}

.isnotpublished[b-4aq1mkwf9y] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-4aq1mkwf9y] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-4aq1mkwf9y] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-4aq1mkwf9y] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-4aq1mkwf9y] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-4aq1mkwf9y] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-4aq1mkwf9y] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-4aq1mkwf9y] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-4aq1mkwf9y] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-4aq1mkwf9y] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-4aq1mkwf9y] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-4aq1mkwf9y] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-4aq1mkwf9y] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-4aq1mkwf9y] {
        background-color: var(--blue-100);
    }


.more-actions-item-title[b-4aq1mkwf9y] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-4aq1mkwf9y] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-4aq1mkwf9y] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-4aq1mkwf9y] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-4aq1mkwf9y] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 25px;
}

.post-badge[b-4aq1mkwf9y] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-4aq1mkwf9y] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-4aq1mkwf9y] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-4aq1mkwf9y] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-4aq1mkwf9y] .cell-checkbox {
}

[b-4aq1mkwf9y] .cell-id {
    width: 70px;
}

[b-4aq1mkwf9y] .cell-link {
    width: 70px;
}

[b-4aq1mkwf9y] .cell-publish-status {
    width: 100px;
}

[b-4aq1mkwf9y] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-4aq1mkwf9y] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-4aq1mkwf9y] {
        background-color: var(--blue-100);
    }


[b-4aq1mkwf9y] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    margin-bottom: 20px;
}

[b-4aq1mkwf9y] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

.page-header[b-4aq1mkwf9y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-4aq1mkwf9y] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-4aq1mkwf9y] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-4aq1mkwf9y] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-4aq1mkwf9y] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-4aq1mkwf9y] {
        display: none;
    }
}
/* /Areas/Admin/Pages/BlogPosts/PostTranslationsMobile.razor.rz.scp.css */

.mobile-table-section[b-srsr23k03s] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-srsr23k03s] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-srsr23k03s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-srsr23k03s] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-srsr23k03s] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-srsr23k03s] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-srsr23k03s] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-srsr23k03s] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-srsr23k03s] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-srsr23k03s] {
    font-size: 24px;
}

.filters-title-name[b-srsr23k03s] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-srsr23k03s] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-srsr23k03s] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-srsr23k03s]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-srsr23k03s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-srsr23k03s] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-srsr23k03s] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-srsr23k03s] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-srsr23k03s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-srsr23k03s] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-srsr23k03s] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-srsr23k03s] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-srsr23k03s] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-srsr23k03s] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-srsr23k03s] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-srsr23k03s] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-srsr23k03s] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-srsr23k03s] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-srsr23k03s] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-srsr23k03s] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-srsr23k03s] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-srsr23k03s] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-srsr23k03s] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-srsr23k03s] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-srsr23k03s] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-srsr23k03s] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-srsr23k03s] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-srsr23k03s] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-srsr23k03s] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-srsr23k03s] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-srsr23k03s] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-srsr23k03s] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-srsr23k03s] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-srsr23k03s] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-srsr23k03s] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-srsr23k03s] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-srsr23k03s] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-srsr23k03s] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogTags/Tags.razor.rz.scp.css */
.page-section[b-ajma8spkj3] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.billing-search-input[b-ajma8spkj3] {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-ajma8spkj3] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-ajma8spkj3]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-ajma8spkj3] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-ajma8spkj3] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-ajma8spkj3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-ajma8spkj3] table {
    width: 100%;
    font-size: 0.95rem;
}

.create-post-btn[b-ajma8spkj3] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-ajma8spkj3] {
        background-color: var(--blue-400);
    }

.create-tag-action[b-ajma8spkj3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-ajma8spkj3] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-ajma8spkj3] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-ajma8spkj3] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-ajma8spkj3] {
    opacity: 0.5;
}

.cancel-tag-btn[b-ajma8spkj3] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-ajma8spkj3] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

[b-ajma8spkj3] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-ajma8spkj3] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-ajma8spkj3]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-ajma8spkj3]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-ajma8spkj3]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-ajma8spkj3]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-ajma8spkj3] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-ajma8spkj3] tbody tr td {
    }

    [b-ajma8spkj3] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-ajma8spkj3] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-ajma8spkj3] {
    padding: 14px 0;
}

.data-table-slug[b-ajma8spkj3] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-ajma8spkj3] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-ajma8spkj3] {
    padding: 12px 0;
}

.isnotpublished[b-ajma8spkj3] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-ajma8spkj3] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-ajma8spkj3] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-ajma8spkj3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-ajma8spkj3] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-ajma8spkj3] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-ajma8spkj3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-ajma8spkj3] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-ajma8spkj3] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-ajma8spkj3] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-ajma8spkj3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-ajma8spkj3] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-ajma8spkj3] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
}

    .more-actions-item:hover[b-ajma8spkj3] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-ajma8spkj3] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-ajma8spkj3] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-ajma8spkj3] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-ajma8spkj3] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.tag-title[b-ajma8spkj3] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-ajma8spkj3] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-ajma8spkj3] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-ajma8spkj3] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-ajma8spkj3] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-ajma8spkj3] .cell-checkbox {
}

[b-ajma8spkj3] .cell-id {
    width: 70px;
}

[b-ajma8spkj3] .cell-link {
    width: 70px;
}

[b-ajma8spkj3] .cell-publish-status {
    width: 100px;
}

[b-ajma8spkj3] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-ajma8spkj3] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-ajma8spkj3] {
        background-color: var(--blue-100);
    }


[b-ajma8spkj3] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

[b-ajma8spkj3] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-ajma8spkj3] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-ajma8spkj3] .custom-toast-danger {
    background-color: var(--red-500);
    color: white;
}


[b-ajma8spkj3] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.create-tag-section[b-ajma8spkj3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;

}

.blog-post-information[b-ajma8spkj3] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.page-header[b-ajma8spkj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-ajma8spkj3] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-ajma8spkj3] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-ajma8spkj3] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-ajma8spkj3] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-ajma8spkj3] {
        display: none;
    }
}
/* /Areas/Admin/Pages/BlogTags/TagsMobile.razor.rz.scp.css */

.mobile-table-section[b-aa9p4nym7n] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-aa9p4nym7n] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-aa9p4nym7n] {
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.mobile-table-filters[b-aa9p4nym7n] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-aa9p4nym7n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-aa9p4nym7n] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-aa9p4nym7n] {
    font-size: 24px;
}

.filters-title-name[b-aa9p4nym7n] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-aa9p4nym7n] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-aa9p4nym7n] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-aa9p4nym7n]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-aa9p4nym7n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-aa9p4nym7n] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-aa9p4nym7n] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-aa9p4nym7n] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-aa9p4nym7n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-aa9p4nym7n] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-aa9p4nym7n] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-aa9p4nym7n] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-aa9p4nym7n] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-aa9p4nym7n] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-aa9p4nym7n] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-aa9p4nym7n] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-aa9p4nym7n] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-aa9p4nym7n] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-aa9p4nym7n] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-aa9p4nym7n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-aa9p4nym7n] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-aa9p4nym7n] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-aa9p4nym7n] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-aa9p4nym7n] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-aa9p4nym7n] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-aa9p4nym7n] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-aa9p4nym7n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-aa9p4nym7n] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-aa9p4nym7n] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-aa9p4nym7n] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-aa9p4nym7n] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-aa9p4nym7n] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-aa9p4nym7n] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-aa9p4nym7n] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-aa9p4nym7n] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-aa9p4nym7n] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-aa9p4nym7n] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-aa9p4nym7n] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-aa9p4nym7n] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-aa9p4nym7n] {
        background-color: #ddd;
    }

.mobile-table-header[b-aa9p4nym7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-aa9p4nym7n] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-aa9p4nym7n] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-aa9p4nym7n] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-aa9p4nym7n] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-aa9p4nym7n] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogTags/TagsTranslationsMobile.razor.rz.scp.css */

.mobile-table-section[b-zgydiu0fi9] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-zgydiu0fi9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-zgydiu0fi9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-zgydiu0fi9] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-zgydiu0fi9] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-zgydiu0fi9] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-zgydiu0fi9] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-zgydiu0fi9] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-zgydiu0fi9] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-zgydiu0fi9] {
    font-size: 24px;
}

.filters-title-name[b-zgydiu0fi9] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-zgydiu0fi9] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-zgydiu0fi9] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-zgydiu0fi9]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-zgydiu0fi9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-zgydiu0fi9] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-zgydiu0fi9] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-zgydiu0fi9] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-zgydiu0fi9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-zgydiu0fi9] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-zgydiu0fi9] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-zgydiu0fi9] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-zgydiu0fi9] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-zgydiu0fi9] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-zgydiu0fi9] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-zgydiu0fi9] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-zgydiu0fi9] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-zgydiu0fi9] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-zgydiu0fi9] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-zgydiu0fi9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-zgydiu0fi9] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-zgydiu0fi9] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-zgydiu0fi9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-zgydiu0fi9] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-zgydiu0fi9] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-zgydiu0fi9] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-zgydiu0fi9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-zgydiu0fi9] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-zgydiu0fi9] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-zgydiu0fi9] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-zgydiu0fi9] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-zgydiu0fi9] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-zgydiu0fi9] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-zgydiu0fi9] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-zgydiu0fi9] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-zgydiu0fi9] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-zgydiu0fi9] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-zgydiu0fi9] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/BlogTags/TagTranslations.razor.rz.scp.css */
.page-section[b-ktawtce5ng] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.billing-search-input[b-ktawtce5ng] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-ktawtce5ng] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-ktawtce5ng]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-ktawtce5ng] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-ktawtce5ng] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.filters-section[b-ktawtce5ng] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-ktawtce5ng] table {
    width: 100%;
    font-size: 0.95rem;
}

.create-post-btn[b-ktawtce5ng] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-ktawtce5ng] {
        background-color: var(--blue-400);
    }

.create-tag-action[b-ktawtce5ng] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-ktawtce5ng] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-ktawtce5ng] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-ktawtce5ng] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-ktawtce5ng] {
    opacity: 0.5;
}

.cancel-tag-btn[b-ktawtce5ng] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-ktawtce5ng] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

[b-ktawtce5ng] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-ktawtce5ng] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-ktawtce5ng]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-ktawtce5ng]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-ktawtce5ng]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-ktawtce5ng]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-ktawtce5ng] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-ktawtce5ng] tbody tr td {
    }

    [b-ktawtce5ng] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-ktawtce5ng] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-ktawtce5ng] {
    padding: 14px 0;
}

.data-table-slug[b-ktawtce5ng] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-ktawtce5ng] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-ktawtce5ng] {
    padding: 12px 0;
}

.isnotpublished[b-ktawtce5ng] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-ktawtce5ng] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-ktawtce5ng] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-ktawtce5ng] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-ktawtce5ng] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-ktawtce5ng] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-ktawtce5ng] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-ktawtce5ng] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-ktawtce5ng] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-ktawtce5ng] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-ktawtce5ng] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-ktawtce5ng] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-ktawtce5ng] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
}

    .more-actions-item:hover[b-ktawtce5ng] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-ktawtce5ng] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-ktawtce5ng] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-ktawtce5ng] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-ktawtce5ng] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.tag-title[b-ktawtce5ng] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-ktawtce5ng] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-ktawtce5ng] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-ktawtce5ng] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-ktawtce5ng] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-ktawtce5ng] .cell-checkbox {
}

[b-ktawtce5ng] .cell-id {
    width: 70px;
}

[b-ktawtce5ng] .cell-link {
    width: 70px;
}

[b-ktawtce5ng] .cell-publish-status {
    width: 100px;
}

[b-ktawtce5ng] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-ktawtce5ng] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-ktawtce5ng] {
        background-color: var(--blue-100);
    }


[b-ktawtce5ng] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

[b-ktawtce5ng] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-ktawtce5ng] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-ktawtce5ng] .custom-toast-danger {
    background-color: var(--red-500);
    color: white;
}


[b-ktawtce5ng] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.create-tag-section[b-ktawtce5ng] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-ktawtce5ng] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.page-header[b-ktawtce5ng] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-ktawtce5ng] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-ktawtce5ng] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-ktawtce5ng] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-ktawtce5ng] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {

    .admin-layout[b-ktawtce5ng] {
        display: none;
    }
}

/* /Areas/Admin/Pages/Dashboard/Index.razor.rz.scp.css */
/* /Areas/Admin/Pages/Discounts/CreateOrUpdateDiscountTranslation.razor.rz.scp.css */
.create-tag-section[b-3sk9rlgm74] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-3sk9rlgm74] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-3sk9rlgm74] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-3sk9rlgm74] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-3sk9rlgm74] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-3sk9rlgm74] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-3sk9rlgm74] {
    opacity: 0.5;
}

.cancel-tag-btn[b-3sk9rlgm74] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-3sk9rlgm74] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-3sk9rlgm74] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-3sk9rlgm74] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-3sk9rlgm74] {
    position: relative;
}

.feature-search[b-3sk9rlgm74] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-3sk9rlgm74]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-3sk9rlgm74] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-3sk9rlgm74] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-3sk9rlgm74] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-3sk9rlgm74] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-3sk9rlgm74] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-3sk9rlgm74] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-3sk9rlgm74] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-3sk9rlgm74] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-3sk9rlgm74] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-3sk9rlgm74] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-3sk9rlgm74] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-3sk9rlgm74] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-3sk9rlgm74] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-3sk9rlgm74] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-3sk9rlgm74] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-3sk9rlgm74] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-3sk9rlgm74] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-3sk9rlgm74] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-3sk9rlgm74] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-3sk9rlgm74] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-3sk9rlgm74] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-3sk9rlgm74] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-3sk9rlgm74] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-3sk9rlgm74] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-3sk9rlgm74] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-3sk9rlgm74] {
            display: block;
        }
/* /Areas/Admin/Pages/Discounts/DiscountCreateForm.razor.rz.scp.css */
.create-tag-section[b-3jfobi3wyt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-3jfobi3wyt] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-3jfobi3wyt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-3jfobi3wyt] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-3jfobi3wyt] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-3jfobi3wyt] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-3jfobi3wyt] {
    opacity: 0.5;
}

.cancel-tag-btn[b-3jfobi3wyt] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-3jfobi3wyt] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-3jfobi3wyt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.display-order-input[b-3jfobi3wyt] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-3jfobi3wyt] {
    position: relative;
}

.feature-search[b-3jfobi3wyt] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-3jfobi3wyt]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-3jfobi3wyt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-3jfobi3wyt] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-3jfobi3wyt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-3jfobi3wyt] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-3jfobi3wyt] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-3jfobi3wyt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-3jfobi3wyt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-3jfobi3wyt] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-3jfobi3wyt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-3jfobi3wyt] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-3jfobi3wyt] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-3jfobi3wyt] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-3jfobi3wyt] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-3jfobi3wyt] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-3jfobi3wyt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-3jfobi3wyt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-3jfobi3wyt] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-3jfobi3wyt] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-3jfobi3wyt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-3jfobi3wyt] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-3jfobi3wyt] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-3jfobi3wyt] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-3jfobi3wyt] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-3jfobi3wyt] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-3jfobi3wyt] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-3jfobi3wyt] {
            display: block;
        }


.selectbox-fields[b-3jfobi3wyt] {
    width: 100%;
}

.language-selector[b-3jfobi3wyt] {
    width: 100%;
}
/* /Areas/Admin/Pages/Discounts/DiscountEditForm.razor.rz.scp.css */
.create-tag-section[b-g6v01q8l9i] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-g6v01q8l9i] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-g6v01q8l9i] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-g6v01q8l9i] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-g6v01q8l9i] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-g6v01q8l9i] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-g6v01q8l9i] {
    opacity: 0.5;
}

.cancel-tag-btn[b-g6v01q8l9i] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-g6v01q8l9i] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-g6v01q8l9i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.display-order-input[b-g6v01q8l9i] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-g6v01q8l9i] {
    position: relative;
}

.feature-search[b-g6v01q8l9i] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-g6v01q8l9i]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-g6v01q8l9i] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-g6v01q8l9i] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-g6v01q8l9i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-g6v01q8l9i] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-g6v01q8l9i] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-g6v01q8l9i] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-g6v01q8l9i] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-g6v01q8l9i] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-g6v01q8l9i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-g6v01q8l9i] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-g6v01q8l9i] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-g6v01q8l9i] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-g6v01q8l9i] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-g6v01q8l9i] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-g6v01q8l9i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-g6v01q8l9i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-g6v01q8l9i] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-g6v01q8l9i] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-g6v01q8l9i] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-g6v01q8l9i] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-g6v01q8l9i] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-g6v01q8l9i] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-g6v01q8l9i] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-g6v01q8l9i] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-g6v01q8l9i] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-g6v01q8l9i] {
            display: block;
        }

.selectbox-fields[b-g6v01q8l9i] {
    width: 100%;
}

.language-selector[b-g6v01q8l9i] {
    width: 100%;
}
/* /Areas/Admin/Pages/Discounts/Discounts.razor.rz.scp.css */
.page-section[b-2b2hzath8u] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-2b2hzath8u] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-2b2hzath8u] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-2b2hzath8u]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-2b2hzath8u] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-2b2hzath8u] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-2b2hzath8u] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-2b2hzath8u] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-2b2hzath8u] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-2b2hzath8u]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-2b2hzath8u]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-2b2hzath8u]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-2b2hzath8u]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-2b2hzath8u] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-2b2hzath8u] tbody tr td {
        background-color: white;
    }

    [b-2b2hzath8u] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-2b2hzath8u] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-2b2hzath8u] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header[b-2b2hzath8u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-2b2hzath8u] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-2b2hzath8u] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-2b2hzath8u] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-2b2hzath8u] {
    background-color: var(--blue-400);
}

.data-table-icon[b-2b2hzath8u] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-2b2hzath8u] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-2b2hzath8u] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-2b2hzath8u] {
    padding: 12px 0;
}

.isnotpublished[b-2b2hzath8u] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-2b2hzath8u] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-2b2hzath8u] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-2b2hzath8u] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-2b2hzath8u] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-2b2hzath8u] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-2b2hzath8u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-2b2hzath8u] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-2b2hzath8u] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-2b2hzath8u] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-2b2hzath8u] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-2b2hzath8u] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-2b2hzath8u] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-2b2hzath8u] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-2b2hzath8u] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-2b2hzath8u] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-2b2hzath8u] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-2b2hzath8u] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-2b2hzath8u] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-2b2hzath8u] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-2b2hzath8u] .cell-checkbox {
}

[b-2b2hzath8u] .cell-id {
    width: 70px;
}

[b-2b2hzath8u] .cell-link {
    width: 70px;
}

[b-2b2hzath8u] .cell-publish-status {
    width: 120px;
}

[b-2b2hzath8u] .cell-publish-actions {
    width: 100px;
}


[b-2b2hzath8u] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-2b2hzath8u] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-2b2hzath8u] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-2b2hzath8u] {
        background-color: #ddd;
    }




.publish-select-item[b-2b2hzath8u] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-2b2hzath8u] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-2b2hzath8u] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-2b2hzath8u] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Discounts/DiscountsMobile.razor.rz.scp.css */

.mobile-table-section[b-qapftj62i6] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-qapftj62i6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-qapftj62i6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-qapftj62i6] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-qapftj62i6] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-qapftj62i6] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-qapftj62i6] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-qapftj62i6] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-qapftj62i6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-qapftj62i6] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-qapftj62i6] {
    font-size: 24px;
}

.filters-title-name[b-qapftj62i6] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-qapftj62i6] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-qapftj62i6] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-qapftj62i6]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-qapftj62i6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-qapftj62i6] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-qapftj62i6] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-qapftj62i6] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-qapftj62i6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-qapftj62i6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-qapftj62i6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-qapftj62i6] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-qapftj62i6] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-qapftj62i6] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-qapftj62i6] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-qapftj62i6] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-qapftj62i6] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-qapftj62i6] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-qapftj62i6] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-qapftj62i6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-qapftj62i6] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-qapftj62i6] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-qapftj62i6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-qapftj62i6] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-qapftj62i6] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-qapftj62i6] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-qapftj62i6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-qapftj62i6] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-qapftj62i6] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-qapftj62i6] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-qapftj62i6] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-qapftj62i6] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-qapftj62i6] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-qapftj62i6] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-qapftj62i6] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-qapftj62i6] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-qapftj62i6] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-qapftj62i6] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-qapftj62i6] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-qapftj62i6] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-qapftj62i6] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Discounts/DiscountTranslations.razor.rz.scp.css */
.page-section[b-e9t2mo60oi] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-e9t2mo60oi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-e9t2mo60oi] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.billing-search-input[b-e9t2mo60oi] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-e9t2mo60oi] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-e9t2mo60oi]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-e9t2mo60oi] {
    border-radius: 12px;
    padding: 0 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-e9t2mo60oi] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-e9t2mo60oi] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-e9t2mo60oi] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.create-post-btn[b-e9t2mo60oi] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}


    .create-post-btn:hover[b-e9t2mo60oi] {
        background-color: var(--blue-400);
    }

[b-e9t2mo60oi] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-e9t2mo60oi] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-e9t2mo60oi]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-e9t2mo60oi]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-e9t2mo60oi]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-e9t2mo60oi]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-e9t2mo60oi] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-e9t2mo60oi] tbody tr td {
        background-color: white;
    }

    [b-e9t2mo60oi] tbody tr:hover {
        /*        background-color: #f9fcff;*/
        transition: background 0.3s ease;
    }


.data-table-icon[b-e9t2mo60oi] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-e9t2mo60oi] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-e9t2mo60oi] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-e9t2mo60oi] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-e9t2mo60oi] {
    padding: 12px 0;
}

.isnotpublished[b-e9t2mo60oi] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-e9t2mo60oi] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-e9t2mo60oi] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-e9t2mo60oi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-e9t2mo60oi] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-e9t2mo60oi] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-e9t2mo60oi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-e9t2mo60oi] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-e9t2mo60oi] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-e9t2mo60oi] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-e9t2mo60oi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-e9t2mo60oi] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-e9t2mo60oi] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-e9t2mo60oi] {
        background-color: var(--blue-100);
    }


.more-actions-item-title[b-e9t2mo60oi] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-e9t2mo60oi] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-e9t2mo60oi] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-e9t2mo60oi] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-e9t2mo60oi] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 25px;
}

.post-badge[b-e9t2mo60oi] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-e9t2mo60oi] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-e9t2mo60oi] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-e9t2mo60oi] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-e9t2mo60oi] .cell-checkbox {
}

[b-e9t2mo60oi] .cell-id {
    width: 70px;
}

[b-e9t2mo60oi] .cell-link {
    width: 70px;
}

[b-e9t2mo60oi] .cell-publish-status {
    width: 100px;
}

[b-e9t2mo60oi] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-e9t2mo60oi] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-e9t2mo60oi] {
        background-color: var(--blue-100);
    }


[b-e9t2mo60oi] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    margin-bottom: 20px;
}

[b-e9t2mo60oi] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}


@media screen and (max-width: 880px) {

    .admin-layout[b-e9t2mo60oi] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Discounts/DiscountTranslationsMobile.razor.rz.scp.css */

.mobile-table-section[b-v1h7wu49rt] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-v1h7wu49rt] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-v1h7wu49rt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-v1h7wu49rt] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-v1h7wu49rt] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-v1h7wu49rt] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-v1h7wu49rt] {
    background-color: var(--blue-400);
}


.mobile-table-filters[b-v1h7wu49rt] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-v1h7wu49rt] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-v1h7wu49rt] {
    font-size: 24px;
}

.filters-title-name[b-v1h7wu49rt] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-v1h7wu49rt] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-v1h7wu49rt] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-v1h7wu49rt]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-v1h7wu49rt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-v1h7wu49rt] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-v1h7wu49rt] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-v1h7wu49rt] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-v1h7wu49rt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-v1h7wu49rt] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-v1h7wu49rt] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-v1h7wu49rt] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-v1h7wu49rt] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-v1h7wu49rt] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-v1h7wu49rt] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-v1h7wu49rt] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-v1h7wu49rt] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-v1h7wu49rt] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-v1h7wu49rt] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-v1h7wu49rt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-v1h7wu49rt] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-v1h7wu49rt] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-v1h7wu49rt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-v1h7wu49rt] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-v1h7wu49rt] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-v1h7wu49rt] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-v1h7wu49rt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-v1h7wu49rt] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-v1h7wu49rt] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-v1h7wu49rt] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-v1h7wu49rt] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-v1h7wu49rt] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-v1h7wu49rt] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-v1h7wu49rt] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-v1h7wu49rt] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-v1h7wu49rt] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-v1h7wu49rt] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-v1h7wu49rt] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/GeoZones/GeoZones.razor.rz.scp.css */
.page-section[b-1fzagfydqr] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-1fzagfydqr] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-1fzagfydqr] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-1fzagfydqr]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-1fzagfydqr] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-1fzagfydqr] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-1fzagfydqr] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-1fzagfydqr] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-1fzagfydqr] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-1fzagfydqr]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-1fzagfydqr]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-1fzagfydqr]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-1fzagfydqr]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-1fzagfydqr] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-1fzagfydqr] tbody tr td {
        background-color: white;
    }

    [b-1fzagfydqr] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-1fzagfydqr] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-1fzagfydqr] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header[b-1fzagfydqr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-1fzagfydqr] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-1fzagfydqr] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-1fzagfydqr] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-1fzagfydqr] {
    background-color: var(--blue-400);
}

.data-table-icon[b-1fzagfydqr] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-1fzagfydqr] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-1fzagfydqr] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-1fzagfydqr] {
    padding: 12px 0;
}

.isnotpublished[b-1fzagfydqr] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-1fzagfydqr] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-1fzagfydqr] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-1fzagfydqr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-1fzagfydqr] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-1fzagfydqr] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-1fzagfydqr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-1fzagfydqr] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-1fzagfydqr] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-1fzagfydqr] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-1fzagfydqr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-1fzagfydqr] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-1fzagfydqr] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-1fzagfydqr] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-1fzagfydqr] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-1fzagfydqr] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-1fzagfydqr] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-1fzagfydqr] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-1fzagfydqr] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-1fzagfydqr] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-1fzagfydqr] .cell-checkbox {
}

[b-1fzagfydqr] .cell-id {
    width: 70px;
}

[b-1fzagfydqr] .cell-link {
    width: 70px;
}

[b-1fzagfydqr] .cell-publish-status {
    width: 120px;
}

[b-1fzagfydqr] .cell-publish-actions {
    width: 100px;
}


[b-1fzagfydqr] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-1fzagfydqr] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-1fzagfydqr] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-1fzagfydqr] {
        background-color: #ddd;
    }




.publish-select-item[b-1fzagfydqr] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-1fzagfydqr] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-1fzagfydqr] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-1fzagfydqr] {
        display: none;
    }
}
/* /Areas/Admin/Pages/GeoZones/GeoZonesMobile.razor.rz.scp.css */

.mobile-table-section[b-0uv3lu4grf] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-0uv3lu4grf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-0uv3lu4grf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-0uv3lu4grf] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-0uv3lu4grf] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-0uv3lu4grf] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-0uv3lu4grf] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-0uv3lu4grf] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-0uv3lu4grf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-0uv3lu4grf] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-0uv3lu4grf] {
    font-size: 24px;
}

.filters-title-name[b-0uv3lu4grf] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-0uv3lu4grf] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-0uv3lu4grf] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-0uv3lu4grf]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-0uv3lu4grf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-0uv3lu4grf] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-0uv3lu4grf] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-0uv3lu4grf] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-0uv3lu4grf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-0uv3lu4grf] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-0uv3lu4grf] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-0uv3lu4grf] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-0uv3lu4grf] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-0uv3lu4grf] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-0uv3lu4grf] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-0uv3lu4grf] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-0uv3lu4grf] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-0uv3lu4grf] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-0uv3lu4grf] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-0uv3lu4grf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-0uv3lu4grf] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-0uv3lu4grf] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-0uv3lu4grf] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-0uv3lu4grf] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-0uv3lu4grf] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-0uv3lu4grf] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-0uv3lu4grf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-0uv3lu4grf] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-0uv3lu4grf] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-0uv3lu4grf] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-0uv3lu4grf] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-0uv3lu4grf] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-0uv3lu4grf] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-0uv3lu4grf] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-0uv3lu4grf] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-0uv3lu4grf] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-0uv3lu4grf] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-0uv3lu4grf] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-0uv3lu4grf] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-0uv3lu4grf] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-0uv3lu4grf] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Medias/Medias.razor.rz.scp.css */
.page-section[b-2z287g5j8k] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.media-header[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.media-header-info[b-2z287g5j8k] {
    display: flex;
    flex-direction: column;
}

.media-header-info-title[b-2z287g5j8k] {
    color: #0E1726;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.16px;
}

.media-header-info-breadcrumb[b-2z287g5j8k] {
}

.media-header-action[b-2z287g5j8k] {
    width: 220px;
    text-align: center;
    padding: 10px 24px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.09px;
    border-radius: 8px;
    background: #4361EE;
    box-shadow: 0 10px 20px -10px #4361EE;
    cursor: pointer;
}

    .media-header-action:hover[b-2z287g5j8k] {
        opacity: 0.8;
    }

.categories-section[b-2z287g5j8k] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 26, 0.32), 0 1px 3px 0 rgba(0, 0, 1, 0.08);
}

.categories-header[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categories-header-breadcrumb[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    gap: 4px;
}


.categories-header-breadcrumb-title[b-2z287g5j8k] {
    color: #0E1726;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
    cursor: pointer;
}

.breadcrumb-icon[b-2z287g5j8k] {
    font-size: 20px;
    color: var(--charade-400)
}

.categories-header-breadcrumb-content[b-2z287g5j8k] {
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.08px;
    cursor: pointer;
}

.categories-header-actions[b-2z287g5j8k] {
    padding: 6px 16px;
    border-radius: 4px;
    border: 1px solid #4361EE;
    color: #4361EE;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.07px;
    cursor: pointer;
}

    .categories-header-actions:hover[b-2z287g5j8k] {
        opacity: 0.7;
    }

.categories-content[b-2z287g5j8k] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.category-card[b-2z287g5j8k] {
    /*flex: 1 1 calc(20% - 20px);*/ /* تقسیم مساوی */
    position: relative;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid #E3E7FC;
    background: rgba(67, 97, 238, 0.04);
    cursor: pointer;
}

.clickable-category[b-2z287g5j8k] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.category-card:hover[b-2z287g5j8k] {
    border: 1px solid #2196F3;
    background: rgba(33, 150, 243, 0.20);
}

.category-card-info[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.category-card-info-detail[b-2z287g5j8k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.category-card-info-detail-title[b-2z287g5j8k] {
    color: #0E1726;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.07px;
}

.category-card:hover .category-card-info-detail-title[b-2z287g5j8k] {
    color: #2196F3;
}

.category-card-info-detail-number[b-2z287g5j8k] {
    color: #888EA8;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.06px;
}

.card-icon-section[b-2z287g5j8k] {
    position: relative;
}

.category-modal-background[b-2z287g5j8k] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1051;
}

.category-modal[b-2z287g5j8k] {
    position: absolute;
    top: 50px;
    left: 0;
    background-color: white;
    padding: 4px 0;
    border-radius: 8px;
    z-index: 1051;
    border: 1px solid var(--charade-100);
}

.category-modal-item[b-2z287g5j8k] {
    padding: 8px 32px;
    color: var(--charade-500);
    font-size: 12px;
    font-weight: 600;
}

    .category-modal-item:hover[b-2z287g5j8k] {
        background-color: var(--charade-200);
    }


.card-icon[b-2z287g5j8k] {
    color: var(--charade-400);
    cursor: pointer;
    font-size: 22px;
    padding: 6px;
    z-index: 1;
}

.delete-confirm-section[b-2z287g5j8k] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-2z287g5j8k] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-2z287g5j8k] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-2z287g5j8k] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-2z287g5j8k] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-2z287g5j8k] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}



.mediafiles-section[b-2z287g5j8k] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 26, 0.32), 0 1px 3px 0 rgba(0, 0, 1, 0.08);
}

.mediafiles-header[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mediafiles-header-half[b-2z287g5j8k] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mediafile-title[b-2z287g5j8k] {
    color: #0E1726;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
}

.mediafile-folder-name[b-2z287g5j8k] {
    color: #4A4A4A;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.07px;
}

.mediafiles-content[b-2z287g5j8k] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.mediafile-card[b-2z287g5j8k] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #E3E7FC;
    background: rgba(67, 97, 238, 0.04);
    cursor: pointer;
}

.mediafile-card-title[b-2z287g5j8k] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mediafile-card-img[b-2z287g5j8k] {
    width: 100%;
    height: 136px;
    border-radius: 8px;
}

    .mediafile-card-img img[b-2z287g5j8k] {
        width: 100%;
        height: 100%;
        border-radius: 8px;
        object-fit: contain;
        /*        object-fit: cover;*/
    }

.mediafile-card-actions[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.media-modal-background[b-2z287g5j8k] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
}

.media-modal[b-2z287g5j8k] {
    width: 100%;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    background-color: white;
    padding: 4px 0;
    border-radius: 8px;
    z-index: 1050;
    border: 1px solid var(--charade-100);
}

.media-modal-item[b-2z287g5j8k] {
    padding: 8px 32px;
    color: var(--charade-500);
    font-size: 12px;
    font-weight: 600;
}

    .media-modal-item:hover[b-2z287g5j8k] {
        background-color: var(--charade-200);
    }

.modal-background[b-2z287g5j8k] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1051;
}

.modal-section[b-2z287g5j8k] {
    width: clamp(250px, 100%, 650px);
    background-color: white;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    margin: 0 8px;
}

.modal-actions[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

.modal-btn[b-2z287g5j8k] {
    background-color: var(--blue-400);
    padding: 8px 24px;
    border-radius: 8px;
    color: white;
    cursor: pointer;
}

    .modal-btn:hover[b-2z287g5j8k] {
        opacity: 0.6;
    }

.modal-cancel-btn[b-2z287g5j8k] {
    border: 1px solid var(--blue-400);
    padding: 7px 23px;
    border-radius: 8px;
    color: var(--blue-400);
    cursor: pointer;
}


    .modal-cancel-btn:hover[b-2z287g5j8k] {
        opacity: 0.6;
    }


.custom-pagination[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-link[b-2z287g5j8k] {
    background-color: red !important;
}

[b-2z287g5j8k] .pagination .page-link {
    background: #E0E6ED;
    margin: auto 5px;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    padding: 0.375rem 0;
    color: #3B3F5C;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-2z287g5j8k] .pagination .page-item {
}

/*    ::deep .pagination .page-item.disabled {
        background-color: red !important;
    }
*/


.form-uploadfile[b-2z287g5j8k] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-2z287g5j8k] .file-input {
    outline: none;
    border-radius: 6px;
}


.empty-folder[b-2z287g5j8k] {
    display: flex;
    align-items: center;
}

.form-uploadfile[b-2z287g5j8k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}


.file-label[b-2z287g5j8k] {
    max-width: 150px;
    color: white;
    border: dashed 2px var(--charade-300);
    background-color: var(--charade-100);
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: var(--charade-400);
}

    .file-label:hover[b-2z287g5j8k] {
        background-color: var(--charade-200);
    }

.file-selected[b-2z287g5j8k] {
    background-color: var(--charade-100);
    padding: 6px 12px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    gap: 8px;
}

.file-selected-img[b-2z287g5j8k] {
    width: 60px;
    height: 60px;
}

    .file-selected-img img[b-2z287g5j8k] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.file-selected-info[b-2z287g5j8k] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*    gap: 4px;*/
}


.file-info-name[b-2z287g5j8k] {
    color: var(--charade-600);
    font-size: 16px;
}

.file-info-size[b-2z287g5j8k] {
    color: var(--charade-400);
    font-size: 14px;
}




@media screen and (max-width: 880px) {

    .media-header-info[b-2z287g5j8k] {
        display: none;
    }

    .media-header-action[b-2z287g5j8k] {
        width: 100%;
    }
}
/* /Areas/Admin/Pages/Menus/CreateMenu.razor.rz.scp.css */
.cms-form-section[b-1awo66htdl] {
    display: flex;
    gap: 24px;
}

.cms-form-fields[b-1awo66htdl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.field-input[b-1awo66htdl] {
    border: none;
    outline: none;
    padding: 10px 12px;
}

.field-items[b-1awo66htdl] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .field-input[b-1awo66htdl]::placeholder {
        color: var(--charade-300);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .field-input.field-input-error[b-1awo66htdl]::placeholder {
        color: var(--red-400);
        font-size: 14px;
    }

.field-items .error-badge[b-1awo66htdl] {
    display: none;
    padding: 4px 12px;
    position: absolute;
    top: 10px;
    left: 12px;
    border-radius: 999px;
    background: var(--red-100);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.field-items .error-badge-show[b-1awo66htdl] {
    display: block;
}



.field-items .field-title-input[b-1awo66htdl] {
    border-radius: 8px;
    color: var(--charade-600);
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.field-input + .field-input[b-1awo66htdl] {
    border-top: 1px solid var(--charade-100);
}

.cms-form-options[b-1awo66htdl] {
    width: 318px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cms-form-option[b-1awo66htdl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.menu-create-field[b-1awo66htdl] {
    display: flex;
    flex-direction: column;
    gap: 24px;
/*    background-color:  red;*/
padding-top: 24px;
}

.menu-custom[b-1awo66htdl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.menu-card[b-1awo66htdl] {
    padding: 16px 24px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.error-menu[b-1awo66htdl] {
    display: flex;
    align-items: center;
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.menu-form-btns[b-1awo66htdl] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.add-menu-section[b-1awo66htdl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 27px 0px;
    border: 2px dotted var(--blue-500);
    border-radius: 16px;
    background-color: var(--blue-100);
    cursor: pointer;
}

    .add-menu-section span[b-1awo66htdl] {
        font-size: 32px;
        color: var(--blue-500);
    }

    .menu-form-btn[b-1awo66htdl] {
        padding: 10px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 14px;
        height: 38px;
    }

.create-btn[b-1awo66htdl] {
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
}
.delete-btn[b-1awo66htdl] {
    color: var(--charade-500);
    border-radius: 12px;
    background: var(--charade-100);
}

.cms-form-option-header[b-1awo66htdl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cms-form-padding[b-1awo66htdl] {
    padding-top: 16px;
}


.cms-form-option-title[b-1awo66htdl] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.cms-form-option-icon[b-1awo66htdl] {
font-size: 18px;
}

.cms-form-option-label[b-1awo66htdl] {
    color: var(--charade-400, #7E809C);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    padding: 0 6px;
}

.cms-form-option-item[b-1awo66htdl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cms-language-selector[b-1awo66htdl] {
    padding: 9px 12px 9px 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .cms-language-selector option[b-1awo66htdl] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .cms-language-selector:focus[b-1awo66htdl] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .cms-language-selector:focus:not(:focus-visible)[b-1awo66htdl] {
            border: 1.5px solid var(--charade-300);
        }

.cms-langauge-selector-caption[b-1awo66htdl] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.menu-item[b-1awo66htdl] {
}

.cms-form-buttons[b-1awo66htdl] {
    width: calc(100% - 300px);
    position: fixed;
    bottom: 0px;
    padding: 12px 24px;
    border-top: 1px solid var(--charade-100);
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    z-index: 10;
}



.cms-form-btn[b-1awo66htdl] {
    position: relative;
    padding: 10px 22px;
    border-radius: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    cursor: pointer;
}

.publish-btn[b-1awo66htdl] {
    background: var(--blue-400);
    color: var(--accessibility-white);
}

.draft-btn[b-1awo66htdl] {
    background: var(--charade-100);
}

.cms-form-btn:hover[b-1awo66htdl] {
    opacity: 0.7;
}

.create-menu-section[b-1awo66htdl] {
    background-color: var(--accessibility-white);
}

.mobile-header[b-1awo66htdl] {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.mobile-header-title[b-1awo66htdl] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-1awo66htdl] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-1awo66htdl] {
    font-size: 20px;
}

.mobile-header-action-title[b-1awo66htdl] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.add-menu-mobile[b-1awo66htdl] {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 27px 0px;
    border: 2px dotted var(--blue-500);
    border-radius: 16px;
    background-color: var(--blue-100);
    cursor: pointer;

}


@media (max-width: 880px) {
    .add-menu-mobile[b-1awo66htdl] {
        display: flex;
    }
    .cms-form-buttons[b-1awo66htdl] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .cms-form-btn[b-1awo66htdl] {
        flex: 1;
        padding: 12px 20px;
        text-align: center;
    }
    .only-dekstop-menu[b-1awo66htdl] {
        display: none;
    }
}

.menu-items[b-1awo66htdl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 1100px) {
    .add-menu-section[b-1awo66htdl] {
        display: none;
    }
    .mobile-header[b-1awo66htdl] {
        display: flex;
    }

    .cms-form-section[b-1awo66htdl] {
        flex-direction: column;
    }


    .cms-form-options[b-1awo66htdl],
    .cms-form-fields[b-1awo66htdl] {
        display: contents;
    }

        .cms-form-fields .title-field[b-1awo66htdl] {
            order: 1;
        }
        .cms-form-fields .menu-items[b-1awo66htdl] {
            order: 2;
        }

        .cms-form-fields .cms-form-field:nth-child(3)[b-1awo66htdl] {
            order: 4;
        }

        .cms-form-options .cms-form-option:nth-child(1)[b-1awo66htdl] {
            order: 3;
        }
}
/* /Areas/Admin/Pages/Menus/MenuMobile.razor.rz.scp.css */

.mobile-table-section[b-hg96oc6eq9] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-hg96oc6eq9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-filters[b-hg96oc6eq9] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-hg96oc6eq9] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-hg96oc6eq9] {
    font-size: 24px;
}

.filters-title-name[b-hg96oc6eq9] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-hg96oc6eq9] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-hg96oc6eq9] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-hg96oc6eq9]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-hg96oc6eq9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-hg96oc6eq9] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-hg96oc6eq9] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-hg96oc6eq9] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-hg96oc6eq9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-hg96oc6eq9] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-hg96oc6eq9] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-hg96oc6eq9] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-hg96oc6eq9] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-hg96oc6eq9] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-hg96oc6eq9] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-hg96oc6eq9] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-hg96oc6eq9] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-hg96oc6eq9] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-hg96oc6eq9] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-hg96oc6eq9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-hg96oc6eq9] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-hg96oc6eq9] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-hg96oc6eq9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-hg96oc6eq9] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-hg96oc6eq9] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-hg96oc6eq9] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-hg96oc6eq9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-hg96oc6eq9] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-hg96oc6eq9] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-hg96oc6eq9] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-hg96oc6eq9] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-hg96oc6eq9] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-hg96oc6eq9] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-hg96oc6eq9] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-hg96oc6eq9] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-hg96oc6eq9] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-hg96oc6eq9] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-table-header[b-hg96oc6eq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-hg96oc6eq9] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-hg96oc6eq9] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-hg96oc6eq9] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-hg96oc6eq9] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {
    .mobile-table-section[b-hg96oc6eq9] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Menus/Menus.razor.rz.scp.css */
.page-section[b-27x44k82d8] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.billing-search-input[b-27x44k82d8] {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-27x44k82d8] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-27x44k82d8]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-27x44k82d8] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-27x44k82d8] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-27x44k82d8] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-27x44k82d8] table {
    width: 100%;
    font-size: 0.95rem;
    direction: rtl;
}



[b-27x44k82d8] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-27x44k82d8] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-27x44k82d8] thead th:first-child {
            padding-right: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-27x44k82d8] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-27x44k82d8] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-27x44k82d8] tbody tr td {
        background-color: white;
    }

    [b-27x44k82d8] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-27x44k82d8] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-27x44k82d8] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



.create-post-btn[b-27x44k82d8] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-27x44k82d8] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-27x44k82d8] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-27x44k82d8] {
    padding: 14px 0;
    /*    background-color: red;*/
    /*    font-size: 12px;*/
}

.page-title[b-27x44k82d8] {
    color: var(--charade-700);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.page-id[b-27x44k82d8] {
    color: var(--charade-500);
    font-family: IRANYekanXVF;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-slug[b-27x44k82d8] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-date[b-27x44k82d8] {
    font-size: 12px;
    color: var(--charade-500);
}

.isnotpublished[b-27x44k82d8] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-27x44k82d8] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-27x44k82d8] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-27x44k82d8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-27x44k82d8] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-27x44k82d8] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-27x44k82d8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-27x44k82d8] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-27x44k82d8] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-27x44k82d8] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-27x44k82d8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-27x44k82d8] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-27x44k82d8] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-27x44k82d8] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-27x44k82d8] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-27x44k82d8] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-27x44k82d8] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}



[b-27x44k82d8] .cell-checkbox {
}

[b-27x44k82d8] .cell-id {
    width: 70px;
}

[b-27x44k82d8] .cell-link {
    width: 70px;
}

[b-27x44k82d8] .cell-publish-date {
    width: 180px;
}

[b-27x44k82d8] .cell-publish-actions {
    width: 100px;
}


[b-27x44k82d8] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}


[b-27x44k82d8] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.link-icon[b-27x44k82d8] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-27x44k82d8] {
        background-color: var(--blue-100);
    }

.page-header[b-27x44k82d8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-27x44k82d8] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-27x44k82d8] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-27x44k82d8] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-27x44k82d8] {
    background-color: var(--blue-400);
}

.create-tag-section[b-27x44k82d8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-27x44k82d8] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-27x44k82d8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-27x44k82d8] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-27x44k82d8] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-27x44k82d8] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-27x44k82d8] {
    opacity: 0.5;
}

.cancel-tag-btn[b-27x44k82d8] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-27x44k82d8] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }



@media screen and (max-width: 880px) {

    .admin-layout[b-27x44k82d8] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Menus/PagesCheckBox.razor.rz.scp.css */
.cms-form-option[b-1ug84q5aub] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.cms-form-option-header[b-1ug84q5aub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cms-form-option-title[b-1ug84q5aub] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 16px 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cms-form-option-icon[b-1ug84q5aub] {
    font-size: 18px;
}

.tree-categories[b-1ug84q5aub] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tree-categories-search[b-1ug84q5aub] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.categories-search-title[b-1ug84q5aub] {
    padding: 0 6px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.tree-categories-content[b-1ug84q5aub] {
    padding: 8px 8px 8px 12px;
    height: 251px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    overflow-y: auto;


}


[b-1ug84q5aub] .cms-custom-checkbox {
    opacity: 0;
    pointer-events: none;
}


    [b-1ug84q5aub] .cms-custom-checkbox + .category-label {
        position: relative;
        display: block;
        border-radius: 4px;
        cursor: pointer;
    }


    [b-1ug84q5aub] .cms-custom-checkbox:checked + .category-label::after {
        content: '✔';
        position: absolute;
        color: white;
        top: 0;
        right: -26px;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: var(--blue-500);
        box-shadow: 0 0 0 1.2px var(--blue-400);
    }


    [b-1ug84q5aub] .cms-custom-checkbox + .category-label::before {
        content: '';
        position: absolute;
        top: 0;
        right: -26px;
        width: 18px;
        height: 18px;
        background: var(--charade-50);
        box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.2px rgba(208, 208, 220, 0.80);
        border-radius: 4px;
    }


    [b-1ug84q5aub] .cms-custom-checkbox:checked + .category-label::before {
        background-color: transparent;
        border-color: rgba(96, 98, 127, 1);
    }

[b-1ug84q5aub] .category-label {
    color: var(--charade-600);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.actions-btn[b-1ug84q5aub] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.action-btn[b-1ug84q5aub] {
    flex: 1;
    padding: 12px 20px;
    border-radius: 12px;
    text-align: center;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.delete-btn[b-1ug84q5aub] {
    background: var(--charade-100);
}

.add-btn[b-1ug84q5aub] {
    background: var(--blue-400);
    color: var(--accessibility-white);
}
/* /Areas/Admin/Pages/Pages/CreatePage.razor.rz.scp.css */
.blog-post-form[b-fkaptvshqk] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-fkaptvshqk] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-fkaptvshqk] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.create-categories-form[b-fkaptvshqk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
}

.blog-post-item[b-fkaptvshqk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-fkaptvshqk] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-fkaptvshqk] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 100%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .slug-input[b-fkaptvshqk]::placeholder {
        font-size: 12px;
    }

.your-slug[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

    .your-slug span[b-fkaptvshqk] {
        font-size: 10px;
        font-weight: 500;
        overflow: hidden;
        /*        height: 20px;*/
        white-space: nowrap;
    }

.datetime-input[b-fkaptvshqk] {
    width: 100%;
    padding: 4px 8px;
    border: 1.5px solid var(--charade-300);
    border-radius: 6px;
    color: var(--charade-600);
}

.categories-content-section[b-fkaptvshqk] {
    position: relative;
}

.categories-content[b-fkaptvshqk] {
    border-radius: 6px;
    /*    background-color: #EAF1FF;*/
    border: 1px solid var(--charade-100);
    padding: 12px 12px 24px 12px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.categories-fader[b-fkaptvshqk] {
    position: absolute;
    bottom: 1px;
    left: 1px;
    border-radius: 4px;
    width: calc(100% - 2px);
    height: 30px;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, transparent 100%);
    pointer-events: none;
}

.category-item[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    /*    background-color: palevioletred;*/
}


[b-fkaptvshqk] .custom-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    position: relative;
}

    [b-fkaptvshqk] .custom-checkbox:checked {
        background-color: var(--blue-400);
        border-color: white;
    }


.checkbox-label[b-fkaptvshqk] {
    color: var(--charade-600);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    font-size: 12px;
}

.switch[b-fkaptvshqk] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-right: 8px;
}

    .switch input[b-fkaptvshqk] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-fkaptvshqk] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-fkaptvshqk]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-fkaptvshqk] {
    background-color: var(--color-primary);
}

    input:checked + .slider[b-fkaptvshqk]:before {
        transform: translateX(18px);
    }

.switch-label[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    font-size: 13px;
}


.blog-post-footer[b-fkaptvshqk] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.language-selector[b-fkaptvshqk] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .language-selector option[b-fkaptvshqk] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .language-selector:focus[b-fkaptvshqk] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .language-selector:focus:not(:focus-visible)[b-fkaptvshqk] {
            border: 1.5px solid var(--charade-300);
        }

.langauge-selector-caption[b-fkaptvshqk] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.infinite-rotate[b-fkaptvshqk] {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 18px;
    display: none;
}

.submit-form[b-fkaptvshqk] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.draft-form[b-fkaptvshqk] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--accessibility-white);
    color: var(--color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.publish-icon[b-fkaptvshqk] {
    color: white;
}

.draft-icon[b-fkaptvshqk] {
    color: var(--color-primary);
}

.submit-form.submit-form-loading[b-fkaptvshqk] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-fkaptvshqk] {
    display: block;
}




.draft-form.draft-form-loading[b-fkaptvshqk] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-fkaptvshqk] {
    display: block;
}

.tag-form-section[b-fkaptvshqk] {
    position: relative;
}

.tags-popup[b-fkaptvshqk] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .tags-popup .tag-item[b-fkaptvshqk] {
        padding: 10px;
        cursor: pointer;
    }

        .tags-popup .tag-item:hover[b-fkaptvshqk] {
            background-color: #f0f0f0;
        }

    .tags-popup .tag-title[b-fkaptvshqk] {
        margin-right: 10px;
    }

    .tags-popup .tag-icon[b-fkaptvshqk] {
        margin-left: 10px;
        cursor: pointer;
    }

.tags-popup-item[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-fkaptvshqk] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}


.tags[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-title[b-fkaptvshqk] {
}

.tag-icon[b-fkaptvshqk] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-fkaptvshqk] {
    color: red;
    margin: 2px;
}

.form-input-error[b-fkaptvshqk] {
    border-color: red;
    color: red;
    font-size: 12px;
}

.input-validate-error[b-fkaptvshqk] {
    border-color: red;
}

.categories-header[b-fkaptvshqk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.create-categort-btn[b-fkaptvshqk] {
    cursor: pointer;
    background-color: var(--blue-200);
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.mobile-header[b-fkaptvshqk] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-fkaptvshqk] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-fkaptvshqk] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-fkaptvshqk] {
    font-size: 20px;
}

.mobile-header-action-title[b-fkaptvshqk] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {
    .langauge-selector-caption[b-fkaptvshqk] {
        display: none;
    }
    .blog-post-footer[b-fkaptvshqk] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }
}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-fkaptvshqk] {
        flex-direction: column;
    }


    .blog-post-information[b-fkaptvshqk] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-fkaptvshqk] {
    }

    .blog-post-items[b-fkaptvshqk],
    .blog-post-information[b-fkaptvshqk] {
        display: contents;
    }

    .mobile-header[b-fkaptvshqk] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Pages/CreateTranslationsPage.razor.rz.scp.css */
.blog-post-form[b-izc8yovif5] {
/*    margin: 24px 24px 86px 24px;*/
    display: flex;
    gap: 16px;
}

.blog-post-information[b-izc8yovif5] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-izc8yovif5] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.create-categories-form[b-izc8yovif5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
}

.blog-post-item[b-izc8yovif5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-izc8yovif5] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-izc8yovif5] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-izc8yovif5] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 100%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .slug-input[b-izc8yovif5]::placeholder {
        font-size: 12px;
    }

.your-slug[b-izc8yovif5] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

    .your-slug span[b-izc8yovif5] {
        font-size: 10px;
        font-weight: 500;
        overflow: hidden;
        /*        height: 20px;*/
        white-space: nowrap;
    }

.datetime-input[b-izc8yovif5] {
    width: 100%;
    padding: 4px 8px;
    border: 1.5px solid var(--charade-300);
    border-radius: 6px;
    color: var(--charade-600);
}

.categories-content-section[b-izc8yovif5] {
    position: relative;
}

.categories-content[b-izc8yovif5] {
    border-radius: 6px;
    /*    background-color: #EAF1FF;*/
    border: 1px solid var(--charade-100);
    padding: 12px 12px 24px 12px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.categories-fader[b-izc8yovif5] {
    position: absolute;
    bottom: 1px;
    left: 1px;
    border-radius: 4px;
    width: calc(100% - 2px);
    height: 30px;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, transparent 100%);
    pointer-events: none;
}

.category-item[b-izc8yovif5] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    /*    background-color: palevioletred;*/
}


[b-izc8yovif5] .custom-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    position: relative;
}

    [b-izc8yovif5] .custom-checkbox:checked {
        background-color: var(--blue-400);
        border-color: white;
    }


.checkbox-label[b-izc8yovif5] {
    color: var(--charade-600);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    font-size: 12px;
}

.switch[b-izc8yovif5] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-right: 8px;
}

    .switch input[b-izc8yovif5] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-izc8yovif5] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-izc8yovif5]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-izc8yovif5] {
    background-color: var(--color-primary);
}

    input:checked + .slider[b-izc8yovif5]:before {
        transform: translateX(18px);
    }

.switch-label[b-izc8yovif5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    font-size: 13px;
}


.blog-post-footer[b-izc8yovif5] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.language-selector[b-izc8yovif5] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .language-selector option[b-izc8yovif5] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .language-selector:focus[b-izc8yovif5] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .language-selector:focus:not(:focus-visible)[b-izc8yovif5] {
            border: 1.5px solid var(--charade-300);
        }

.langauge-selector-caption[b-izc8yovif5] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-izc8yovif5] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.infinite-rotate[b-izc8yovif5] {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 18px;
    display: none;
}

.submit-form[b-izc8yovif5] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.draft-form[b-izc8yovif5] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--accessibility-white);
    color: var(--color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.publish-icon[b-izc8yovif5] {
    color: white;
}

.draft-icon[b-izc8yovif5] {
    color: var(--color-primary);
}

.submit-form.submit-form-loading[b-izc8yovif5] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-izc8yovif5] {
    display: block;
}




.draft-form.draft-form-loading[b-izc8yovif5] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-izc8yovif5] {
    display: block;
}

.tag-form-section[b-izc8yovif5] {
    position: relative;
}

.tags-popup[b-izc8yovif5] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .tags-popup .tag-item[b-izc8yovif5] {
        padding: 10px;
        cursor: pointer;
    }

        .tags-popup .tag-item:hover[b-izc8yovif5] {
            background-color: #f0f0f0;
        }

    .tags-popup .tag-title[b-izc8yovif5] {
        margin-right: 10px;
    }

    .tags-popup .tag-icon[b-izc8yovif5] {
        margin-left: 10px;
        cursor: pointer;
    }

.tags-popup-item[b-izc8yovif5] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-izc8yovif5] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}


.tags[b-izc8yovif5] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-izc8yovif5] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-title[b-izc8yovif5] {
}

.tag-icon[b-izc8yovif5] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-izc8yovif5] {
    color: red;
    margin: 2px;
}

.form-input-error[b-izc8yovif5] {
    border-color: red;
    color: red;
    font-size: 12px;
}

.input-validate-error[b-izc8yovif5] {
    border-color: red;
}

.categories-header[b-izc8yovif5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.create-categort-btn[b-izc8yovif5] {
    cursor: pointer;
    background-color: var(--blue-200);
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.mobile-header[b-izc8yovif5] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-izc8yovif5] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-izc8yovif5] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-izc8yovif5] {
    font-size: 20px;
}

.mobile-header-action-title[b-izc8yovif5] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .blog-post-footer[b-izc8yovif5] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-izc8yovif5] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-izc8yovif5] {
        flex-direction: column;
    }


    .blog-post-information[b-izc8yovif5] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-izc8yovif5] {
    }

    .blog-post-items[b-izc8yovif5],
    .blog-post-information[b-izc8yovif5] {
        display: contents;
    }

    .mobile-header[b-izc8yovif5] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Pages/EditPage.razor.rz.scp.css */
.blog-post-form[b-wuqp2iaiyo] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-wuqp2iaiyo] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-wuqp2iaiyo] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.create-categories-form[b-wuqp2iaiyo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
}

.blog-post-item[b-wuqp2iaiyo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-wuqp2iaiyo] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-wuqp2iaiyo] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 100%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .slug-input[b-wuqp2iaiyo]::placeholder {
        font-size: 12px;
    }

.your-slug[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

    .your-slug span[b-wuqp2iaiyo] {
        font-size: 10px;
        font-weight: 500;
        overflow: hidden;
        /*        height: 20px;*/
        white-space: nowrap;
    }

.datetime-input[b-wuqp2iaiyo] {
    width: 100%;
    padding: 4px 8px;
    border: 1.5px solid var(--charade-300);
    border-radius: 6px;
    color: var(--charade-600);
}

.categories-content-section[b-wuqp2iaiyo] {
    position: relative;
}

.categories-content[b-wuqp2iaiyo] {
    border-radius: 6px;
    /*    background-color: #EAF1FF;*/
    border: 1px solid var(--charade-100);
    padding: 12px 12px 24px 12px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.categories-fader[b-wuqp2iaiyo] {
    position: absolute;
    bottom: 1px;
    left: 1px;
    border-radius: 4px;
    width: calc(100% - 2px);
    height: 30px;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, transparent 100%);
    pointer-events: none;
}

.category-item[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    /*    background-color: palevioletred;*/
}


[b-wuqp2iaiyo] .custom-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    position: relative;
}

    [b-wuqp2iaiyo] .custom-checkbox:checked {
        background-color: var(--blue-400);
        border-color: white;
    }


.checkbox-label[b-wuqp2iaiyo] {
    color: var(--charade-600);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    font-size: 12px;
}

.switch[b-wuqp2iaiyo] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-right: 8px;
}

    .switch input[b-wuqp2iaiyo] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-wuqp2iaiyo] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-wuqp2iaiyo]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-wuqp2iaiyo] {
    background-color: var(--color-primary);
}

    input:checked + .slider[b-wuqp2iaiyo]:before {
        transform: translateX(18px);
    }

.switch-label[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    font-size: 13px;
}


.blog-post-footer[b-wuqp2iaiyo] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.language-selector[b-wuqp2iaiyo] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .language-selector option[b-wuqp2iaiyo] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .language-selector:focus[b-wuqp2iaiyo] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .language-selector:focus:not(:focus-visible)[b-wuqp2iaiyo] {
            border: 1.5px solid var(--charade-300);
        }

.langauge-selector-caption[b-wuqp2iaiyo] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.infinite-rotate[b-wuqp2iaiyo] {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 18px;
    display: none;
}

.submit-form[b-wuqp2iaiyo] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.draft-form[b-wuqp2iaiyo] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--accessibility-white);
    color: var(--color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.publish-icon[b-wuqp2iaiyo] {
    color: white;
}

.draft-icon[b-wuqp2iaiyo] {
    color: var(--color-primary);
}

.submit-form.submit-form-loading[b-wuqp2iaiyo] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-wuqp2iaiyo] {
    display: block;
}




.draft-form.draft-form-loading[b-wuqp2iaiyo] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-wuqp2iaiyo] {
    display: block;
}

.tag-form-section[b-wuqp2iaiyo] {
    position: relative;
}

.tags-popup[b-wuqp2iaiyo] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .tags-popup .tag-item[b-wuqp2iaiyo] {
        padding: 10px;
        cursor: pointer;
    }

        .tags-popup .tag-item:hover[b-wuqp2iaiyo] {
            background-color: #f0f0f0;
        }

    .tags-popup .tag-title[b-wuqp2iaiyo] {
        margin-right: 10px;
    }

    .tags-popup .tag-icon[b-wuqp2iaiyo] {
        margin-left: 10px;
        cursor: pointer;
    }

.tags-popup-item[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-wuqp2iaiyo] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}


.tags[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-title[b-wuqp2iaiyo] {
}

.tag-icon[b-wuqp2iaiyo] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-wuqp2iaiyo] {
    color: red;
    margin: 2px;
}

.form-input-error[b-wuqp2iaiyo] {
    border-color: red;
    color: red;
    font-size: 12px;
}

.input-validate-error[b-wuqp2iaiyo] {
    border-color: red;
}

.categories-header[b-wuqp2iaiyo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.create-categort-btn[b-wuqp2iaiyo] {
    cursor: pointer;
    background-color: var(--blue-200);
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.mobile-header[b-wuqp2iaiyo] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-wuqp2iaiyo] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-wuqp2iaiyo] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-wuqp2iaiyo] {
    font-size: 20px;
}

.mobile-header-action-title[b-wuqp2iaiyo] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {
    .langauge-selector-caption[b-wuqp2iaiyo] {
        display: none;
    }

    .blog-post-footer[b-wuqp2iaiyo] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }
}
@media screen and (max-width: 1100px) {
    .blog-post-form[b-wuqp2iaiyo] {
        flex-direction: column;
    }


    .blog-post-information[b-wuqp2iaiyo] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-wuqp2iaiyo] {
    }

    .blog-post-items[b-wuqp2iaiyo],
    .blog-post-information[b-wuqp2iaiyo] {
        display: contents;
    }

    .mobile-header[b-wuqp2iaiyo] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Pages/EditPageTranslations.razor.rz.scp.css */
.blog-post-form[b-bj233n03p0] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-bj233n03p0] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-bj233n03p0] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.create-categories-form[b-bj233n03p0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
}

.blog-post-item[b-bj233n03p0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-bj233n03p0] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-bj233n03p0] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-bj233n03p0] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 100%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .slug-input[b-bj233n03p0]::placeholder {
        font-size: 12px;
    }

.your-slug[b-bj233n03p0] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

    .your-slug span[b-bj233n03p0] {
        font-size: 10px;
        font-weight: 500;
        overflow: hidden;
        /*        height: 20px;*/
        white-space: nowrap;
    }

.datetime-input[b-bj233n03p0] {
    width: 100%;
    padding: 4px 8px;
    border: 1.5px solid var(--charade-300);
    border-radius: 6px;
    color: var(--charade-600);
}

.categories-content-section[b-bj233n03p0] {
    position: relative;
}

.categories-content[b-bj233n03p0] {
    border-radius: 6px;
    /*    background-color: #EAF1FF;*/
    border: 1px solid var(--charade-100);
    padding: 12px 12px 24px 12px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.categories-fader[b-bj233n03p0] {
    position: absolute;
    bottom: 1px;
    left: 1px;
    border-radius: 4px;
    width: calc(100% - 2px);
    height: 30px;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, transparent 100%);
    pointer-events: none;
}

.category-item[b-bj233n03p0] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    /*    background-color: palevioletred;*/
}


[b-bj233n03p0] .custom-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    position: relative;
}

    [b-bj233n03p0] .custom-checkbox:checked {
        background-color: var(--blue-400);
        border-color: white;
    }


.checkbox-label[b-bj233n03p0] {
    color: var(--charade-600);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    font-size: 12px;
}

.switch[b-bj233n03p0] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-right: 8px;
}

    .switch input[b-bj233n03p0] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-bj233n03p0] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-bj233n03p0]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-bj233n03p0] {
    background-color: var(--color-primary);
}

    input:checked + .slider[b-bj233n03p0]:before {
        transform: translateX(18px);
    }

.switch-label[b-bj233n03p0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    font-size: 13px;
}


.blog-post-footer[b-bj233n03p0] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.language-selector[b-bj233n03p0] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .language-selector option[b-bj233n03p0] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .language-selector:focus[b-bj233n03p0] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .language-selector:focus:not(:focus-visible)[b-bj233n03p0] {
            border: 1.5px solid var(--charade-300);
        }

.langauge-selector-caption[b-bj233n03p0] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-bj233n03p0] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.infinite-rotate[b-bj233n03p0] {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 18px;
    display: none;
}

.submit-form[b-bj233n03p0] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.draft-form[b-bj233n03p0] {
    position: relative;
    border-radius: 4px;
    padding: 4px 20px;
    border: 1px solid var(--color-primary);
    background-color: var(--accessibility-white);
    color: var(--color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.publish-icon[b-bj233n03p0] {
    color: white;
}

.draft-icon[b-bj233n03p0] {
    color: var(--color-primary);
}

.submit-form.submit-form-loading[b-bj233n03p0] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-bj233n03p0] {
    display: block;
}




.draft-form.draft-form-loading[b-bj233n03p0] {
    opacity: 0.5;
}

.infinite-rotate.show-spinner[b-bj233n03p0] {
    display: block;
}

.tag-form-section[b-bj233n03p0] {
    position: relative;
}

.tags-popup[b-bj233n03p0] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .tags-popup .tag-item[b-bj233n03p0] {
        padding: 10px;
        cursor: pointer;
    }

        .tags-popup .tag-item:hover[b-bj233n03p0] {
            background-color: #f0f0f0;
        }

    .tags-popup .tag-title[b-bj233n03p0] {
        margin-right: 10px;
    }

    .tags-popup .tag-icon[b-bj233n03p0] {
        margin-left: 10px;
        cursor: pointer;
    }

.tags-popup-item[b-bj233n03p0] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-bj233n03p0] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}


.tags[b-bj233n03p0] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-bj233n03p0] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-title[b-bj233n03p0] {
}

.tag-icon[b-bj233n03p0] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-bj233n03p0] {
    color: red;
    margin: 2px;
}

.form-input-error[b-bj233n03p0] {
    border-color: red;
    color: red;
    font-size: 12px;
}

.input-validate-error[b-bj233n03p0] {
    border-color: red;
}

.categories-header[b-bj233n03p0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.create-categort-btn[b-bj233n03p0] {
    cursor: pointer;
    background-color: var(--blue-200);
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 12px;
}
.mobile-header[b-bj233n03p0] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-bj233n03p0] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-bj233n03p0] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-bj233n03p0] {
    font-size: 20px;
}

.mobile-header-action-title[b-bj233n03p0] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .blog-post-footer[b-bj233n03p0] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-bj233n03p0] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-bj233n03p0] {
        flex-direction: column;
    }


    .blog-post-information[b-bj233n03p0] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-bj233n03p0] {
    }

    .blog-post-items[b-bj233n03p0],
    .blog-post-information[b-bj233n03p0] {
        display: contents;
    }

    .mobile-header[b-bj233n03p0] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Pages/MobilePages.razor.rz.scp.css */

.mobile-table-section[b-ql7cbg5xmq] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-ql7cbg5xmq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}



.mobile-table-filters[b-ql7cbg5xmq] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-ql7cbg5xmq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-ql7cbg5xmq] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-ql7cbg5xmq] {
    font-size: 24px;
}

.filters-title-name[b-ql7cbg5xmq] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-ql7cbg5xmq] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-ql7cbg5xmq] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-ql7cbg5xmq]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-ql7cbg5xmq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-ql7cbg5xmq] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-ql7cbg5xmq] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}
.header-icon[b-ql7cbg5xmq] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 26px;
    color: var(--charade-600);
} 

.mobile-card-header-title[b-ql7cbg5xmq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-ql7cbg5xmq] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-ql7cbg5xmq] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-ql7cbg5xmq] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-ql7cbg5xmq] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-ql7cbg5xmq] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-ql7cbg5xmq] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-ql7cbg5xmq] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-ql7cbg5xmq] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-ql7cbg5xmq] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-ql7cbg5xmq] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-ql7cbg5xmq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-ql7cbg5xmq] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-ql7cbg5xmq] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-ql7cbg5xmq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-ql7cbg5xmq] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-ql7cbg5xmq] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-ql7cbg5xmq] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-ql7cbg5xmq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-ql7cbg5xmq] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-ql7cbg5xmq] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-ql7cbg5xmq] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-ql7cbg5xmq] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-ql7cbg5xmq] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-ql7cbg5xmq] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-ql7cbg5xmq] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-ql7cbg5xmq] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-ql7cbg5xmq] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-ql7cbg5xmq] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


.mobile-table-header[b-ql7cbg5xmq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-ql7cbg5xmq] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-ql7cbg5xmq] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-ql7cbg5xmq] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-ql7cbg5xmq] {
    background-color: var(--blue-400);
}



@media screen and (max-width: 880px) {
    .mobile-table-section[b-ql7cbg5xmq] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Pages/MobilePageTranslations.razor.rz.scp.css */

.mobile-table-section[b-hcnyefde4o] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-hcnyefde4o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-filters[b-hcnyefde4o] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-hcnyefde4o] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-hcnyefde4o] {
    font-size: 24px;
}

.filters-title-name[b-hcnyefde4o] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-hcnyefde4o] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-hcnyefde4o] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-hcnyefde4o]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-hcnyefde4o] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-hcnyefde4o] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-hcnyefde4o] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-hcnyefde4o] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-hcnyefde4o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-hcnyefde4o] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-hcnyefde4o] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-hcnyefde4o] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-hcnyefde4o] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-hcnyefde4o] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-hcnyefde4o] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-hcnyefde4o] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-hcnyefde4o] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-hcnyefde4o] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-hcnyefde4o] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-hcnyefde4o] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-hcnyefde4o] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-hcnyefde4o] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-hcnyefde4o] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-hcnyefde4o] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-hcnyefde4o] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-hcnyefde4o] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-hcnyefde4o] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-hcnyefde4o] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-hcnyefde4o] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-hcnyefde4o] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-hcnyefde4o] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-hcnyefde4o] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-hcnyefde4o] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-hcnyefde4o] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-hcnyefde4o] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-hcnyefde4o] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-hcnyefde4o] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-table-header[b-hcnyefde4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-hcnyefde4o] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-hcnyefde4o] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-hcnyefde4o] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-hcnyefde4o] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {
    .mobile-table-section[b-hcnyefde4o] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Pages/PageHistory.razor.rz.scp.css */
.page-history-section[b-sj4v2z41c7] {
    margin: 20px 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    padding: 16px;
}

.history-load-btn[b-sj4v2z41c7] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: #4a5568;
    font-size: 14px;
    padding: 8px 0;
    transition: color 0.2s;
}

.history-load-btn:hover[b-sj4v2z41c7] {
    color: #2b6cb0;
}

.history-icon[b-sj4v2z41c7] {
    font-size: 18px;
}

.history-loading[b-sj4v2z41c7] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #718096;
    font-size: 14px;
}

.history-empty[b-sj4v2z41c7] {
    color: #a0aec0;
    font-size: 14px;
    padding: 8px 0;
}

.history-header[b-sj4v2z41c7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}

.history-title[b-sj4v2z41c7] {
    font-weight: 600;
    font-size: 15px;
    color: #2d3748;
}

.history-refresh[b-sj4v2z41c7] {
    cursor: pointer;
    color: #718096;
    font-size: 16px;
    padding: 4px;
}

.history-refresh:hover[b-sj4v2z41c7] {
    color: #2b6cb0;
}

.history-list[b-sj4v2z41c7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.history-item[b-sj4v2z41c7] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 6px;
    transition: background 0.15s;
    gap: 12px;
}

.history-item:hover[b-sj4v2z41c7] {
    background: #f7fafc;
}

.history-item-current[b-sj4v2z41c7] {
    background: #ebf8ff;
    border: 1px solid #bee3f8;
}

.history-item-restoring[b-sj4v2z41c7] {
    opacity: 0.6;
    pointer-events: none;
}

.history-item-left[b-sj4v2z41c7] {
    flex-shrink: 0;
}

.history-version-badge[b-sj4v2z41c7] {
    background: #edf2f7;
    color: #4a5568;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    min-width: 36px;
    text-align: center;
}

.badge-current[b-sj4v2z41c7] {
    background: #3182ce;
    color: #fff;
}

.history-item-center[b-sj4v2z41c7] {
    flex: 1;
    min-width: 0;
}

.history-item-title[b-sj4v2z41c7] {
    font-size: 14px;
    color: #2d3748;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.history-item-meta[b-sj4v2z41c7] {
    display: flex;
    gap: 12px;
    margin-top: 2px;
}

.history-item-date[b-sj4v2z41c7] {
    font-size: 12px;
    color: #a0aec0;
}

.history-item-note[b-sj4v2z41c7] {
    font-size: 12px;
    color: #718096;
}

.history-item-right[b-sj4v2z41c7] {
    flex-shrink: 0;
}

.history-restore-btn[b-sj4v2z41c7] {
    background: #4299e1;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    gap: 4px;
}

.history-restore-btn:hover:not(:disabled)[b-sj4v2z41c7] {
    background: #2b6cb0;
}

.history-restore-btn:disabled[b-sj4v2z41c7] {
    background: #a0aec0;
    cursor: not-allowed;
}

.history-current-label[b-sj4v2z41c7] {
    font-size: 12px;
    color: #38a169;
    font-weight: 500;
}

.btn-spinner[b-sj4v2z41c7] {
    font-size: 12px;
}

.history-toast[b-sj4v2z41c7] {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.toast-success[b-sj4v2z41c7] {
    background: #38a169;
    color: #fff;
}

.toast-error[b-sj4v2z41c7] {
    background: #e53e3e;
    color: #fff;
}

.toast-close[b-sj4v2z41c7] {
    cursor: pointer;
    font-size: 18px;
    opacity: 0.8;
}

.toast-close:hover[b-sj4v2z41c7] {
    opacity: 1;
}
/* /Areas/Admin/Pages/Pages/Pages.razor.rz.scp.css */
.page-section[b-va5lg69j0y] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.billing-search-input[b-va5lg69j0y] {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-va5lg69j0y] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-va5lg69j0y]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-va5lg69j0y] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-va5lg69j0y] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-va5lg69j0y] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-va5lg69j0y] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-va5lg69j0y] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-va5lg69j0y] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-va5lg69j0y]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-va5lg69j0y]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-va5lg69j0y]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-va5lg69j0y]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-va5lg69j0y] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-va5lg69j0y] tbody tr td {
        background-color: white;
    }

    [b-va5lg69j0y] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-va5lg69j0y] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-va5lg69j0y] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



.create-post-btn[b-va5lg69j0y] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-va5lg69j0y] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-va5lg69j0y] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-va5lg69j0y] {
    padding: 14px 0;
}

.page-title[b-va5lg69j0y] {
    color: var(--charade-700);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.page-id[b-va5lg69j0y] {
    color: var(--charade-500);
    font-family: IRANYekanXVF;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-slug[b-va5lg69j0y] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-date[b-va5lg69j0y] {
    font-size: 12px;
    color: var(--charade-500);
}

.isnotpublished[b-va5lg69j0y] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-va5lg69j0y] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-va5lg69j0y] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-va5lg69j0y] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-va5lg69j0y] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-va5lg69j0y] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-va5lg69j0y] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-va5lg69j0y] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-va5lg69j0y] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-va5lg69j0y] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-va5lg69j0y] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-va5lg69j0y] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-va5lg69j0y] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-va5lg69j0y] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-va5lg69j0y] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-va5lg69j0y] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-va5lg69j0y] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}



[b-va5lg69j0y] .cell-checkbox {
}

[b-va5lg69j0y] .cell-id {
    width: 70px;
}

[b-va5lg69j0y] .cell-link {
    width: 70px;
}

[b-va5lg69j0y] .cell-publish-date {
    width: 180px;
}

[b-va5lg69j0y] .cell-publish-actions {
    width: 100px;
}


[b-va5lg69j0y] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}


[b-va5lg69j0y] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.link-icon[b-va5lg69j0y] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-va5lg69j0y] {
        background-color: var(--blue-100);
    }


.page-header[b-va5lg69j0y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-va5lg69j0y] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-va5lg69j0y] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-va5lg69j0y] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-va5lg69j0y] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-va5lg69j0y] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Pages/PageTranslations.razor.rz.scp.css */
.page-section[b-5x80f4313i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.billing-search-input[b-5x80f4313i] {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-5x80f4313i] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-5x80f4313i]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-5x80f4313i] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-5x80f4313i] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-5x80f4313i] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-5x80f4313i] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-5x80f4313i] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-5x80f4313i] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-5x80f4313i]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-5x80f4313i]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-5x80f4313i]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-5x80f4313i]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-5x80f4313i] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-5x80f4313i] tbody tr td {
        background-color: white;
    }

    [b-5x80f4313i] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-5x80f4313i] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-5x80f4313i] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



.create-post-btn[b-5x80f4313i] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-5x80f4313i] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-5x80f4313i] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-5x80f4313i] {
    padding: 14px 0;
    /*    background-color: red;*/
    /*    font-size: 12px;*/
}

.page-title[b-5x80f4313i] {
    color: var(--charade-700);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.page-id[b-5x80f4313i] {
    color: var(--charade-500);
    font-family: IRANYekanXVF;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-slug[b-5x80f4313i] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-date[b-5x80f4313i] {
    font-size: 12px;
    color: var(--charade-500);
}

.isnotpublished[b-5x80f4313i] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-5x80f4313i] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-5x80f4313i] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-5x80f4313i] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-5x80f4313i] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-5x80f4313i] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-5x80f4313i] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-5x80f4313i] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-5x80f4313i] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-5x80f4313i] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-5x80f4313i] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-5x80f4313i] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-5x80f4313i] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-5x80f4313i] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-5x80f4313i] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-5x80f4313i] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-5x80f4313i] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}



[b-5x80f4313i] .cell-checkbox {
}

[b-5x80f4313i] .cell-id {
    width: 70px;
}

[b-5x80f4313i] .cell-link {
    width: 70px;
}

[b-5x80f4313i] .cell-publish-date {
    width: 180px;
}

[b-5x80f4313i] .cell-publish-actions {
    width: 100px;
}


[b-5x80f4313i] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}


[b-5x80f4313i] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.link-icon[b-5x80f4313i] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-5x80f4313i] {
        background-color: var(--blue-100);
    }

.page-header[b-5x80f4313i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-5x80f4313i] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-5x80f4313i] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-5x80f4313i] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-5x80f4313i] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-5x80f4313i] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Payment Methods/PaymentMethods.razor.rz.scp.css */
.page-section[b-mnwmv0erjj] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-mnwmv0erjj] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-mnwmv0erjj] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-mnwmv0erjj]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-mnwmv0erjj] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-mnwmv0erjj] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-mnwmv0erjj] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-mnwmv0erjj] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-mnwmv0erjj] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-mnwmv0erjj]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-mnwmv0erjj]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-mnwmv0erjj]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-mnwmv0erjj]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-mnwmv0erjj] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-mnwmv0erjj] tbody tr td {
        background-color: white;
    }

    [b-mnwmv0erjj] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-mnwmv0erjj] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-mnwmv0erjj] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header[b-mnwmv0erjj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-mnwmv0erjj] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-mnwmv0erjj] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-mnwmv0erjj] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-mnwmv0erjj] {
    background-color: var(--blue-400);
}

.data-table-icon[b-mnwmv0erjj] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-mnwmv0erjj] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-mnwmv0erjj] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-mnwmv0erjj] {
    padding: 12px 0;
}

.isnotpublished[b-mnwmv0erjj] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-mnwmv0erjj] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-mnwmv0erjj] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-mnwmv0erjj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-mnwmv0erjj] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-mnwmv0erjj] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-mnwmv0erjj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-mnwmv0erjj] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-mnwmv0erjj] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-mnwmv0erjj] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-mnwmv0erjj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-mnwmv0erjj] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-mnwmv0erjj] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-mnwmv0erjj] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-mnwmv0erjj] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-mnwmv0erjj] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-mnwmv0erjj] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-mnwmv0erjj] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-mnwmv0erjj] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-mnwmv0erjj] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-mnwmv0erjj] .cell-checkbox {
}

[b-mnwmv0erjj] .cell-id {
    width: 70px;
}

[b-mnwmv0erjj] .cell-link {
    width: 70px;
}

[b-mnwmv0erjj] .cell-publish-status {
    width: 120px;
}

[b-mnwmv0erjj] .cell-publish-actions {
    width: 100px;
}


[b-mnwmv0erjj] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-mnwmv0erjj] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-mnwmv0erjj] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-mnwmv0erjj] {
        background-color: #ddd;
    }




.publish-select-item[b-mnwmv0erjj] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-mnwmv0erjj] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-mnwmv0erjj] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-mnwmv0erjj] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Payment Methods/PaymentMethodsCreateForm.razor.rz.scp.css */
.create-tag-section[b-8rwsesz9bh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-8rwsesz9bh] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-8rwsesz9bh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-8rwsesz9bh] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-8rwsesz9bh] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-8rwsesz9bh] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-8rwsesz9bh] {
    opacity: 0.5;
}

.cancel-tag-btn[b-8rwsesz9bh] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-8rwsesz9bh] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-8rwsesz9bh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-8rwsesz9bh] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-8rwsesz9bh] {
    position: relative;
}

.feature-search[b-8rwsesz9bh] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-8rwsesz9bh]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-8rwsesz9bh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-8rwsesz9bh] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-8rwsesz9bh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-8rwsesz9bh] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-8rwsesz9bh] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-8rwsesz9bh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-8rwsesz9bh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-8rwsesz9bh] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-8rwsesz9bh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-8rwsesz9bh] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-8rwsesz9bh] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-8rwsesz9bh] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-8rwsesz9bh] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-8rwsesz9bh] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-8rwsesz9bh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-8rwsesz9bh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-8rwsesz9bh] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-8rwsesz9bh] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-8rwsesz9bh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-8rwsesz9bh] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-8rwsesz9bh] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-8rwsesz9bh] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-8rwsesz9bh] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-8rwsesz9bh] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-8rwsesz9bh] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-8rwsesz9bh] {
            display: block;
        }
/* /Areas/Admin/Pages/Payment Methods/PaymentMethodsEditForm.razor.rz.scp.css */
.create-tag-section[b-0tax88myv4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-0tax88myv4] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-0tax88myv4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-0tax88myv4] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-0tax88myv4] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-0tax88myv4] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-0tax88myv4] {
    opacity: 0.5;
}

.cancel-tag-btn[b-0tax88myv4] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-0tax88myv4] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-0tax88myv4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-0tax88myv4] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-0tax88myv4] {
    position: relative;
}

.feature-search[b-0tax88myv4] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-0tax88myv4]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-0tax88myv4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-0tax88myv4] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-0tax88myv4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-0tax88myv4] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-0tax88myv4] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-0tax88myv4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-0tax88myv4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-0tax88myv4] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-0tax88myv4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-0tax88myv4] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-0tax88myv4] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-0tax88myv4] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-0tax88myv4] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-0tax88myv4] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-0tax88myv4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-0tax88myv4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-0tax88myv4] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-0tax88myv4] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-0tax88myv4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-0tax88myv4] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-0tax88myv4] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-0tax88myv4] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-0tax88myv4] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-0tax88myv4] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-0tax88myv4] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-0tax88myv4] {
            display: block;
        }
/* /Areas/Admin/Pages/Payment Methods/PaymentMethodsMobile.razor.rz.scp.css */

.mobile-table-section[b-ah2wmhalhk] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-ah2wmhalhk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-ah2wmhalhk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-ah2wmhalhk] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-ah2wmhalhk] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-ah2wmhalhk] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-ah2wmhalhk] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-ah2wmhalhk] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-ah2wmhalhk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-ah2wmhalhk] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-ah2wmhalhk] {
    font-size: 24px;
}

.filters-title-name[b-ah2wmhalhk] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-ah2wmhalhk] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-ah2wmhalhk] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-ah2wmhalhk]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-ah2wmhalhk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-ah2wmhalhk] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-ah2wmhalhk] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-ah2wmhalhk] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-ah2wmhalhk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-ah2wmhalhk] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-ah2wmhalhk] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-ah2wmhalhk] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-ah2wmhalhk] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-ah2wmhalhk] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-ah2wmhalhk] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-ah2wmhalhk] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-ah2wmhalhk] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-ah2wmhalhk] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-ah2wmhalhk] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-ah2wmhalhk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-ah2wmhalhk] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-ah2wmhalhk] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-ah2wmhalhk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-ah2wmhalhk] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-ah2wmhalhk] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-ah2wmhalhk] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-ah2wmhalhk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-ah2wmhalhk] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-ah2wmhalhk] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-ah2wmhalhk] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-ah2wmhalhk] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-ah2wmhalhk] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-ah2wmhalhk] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-ah2wmhalhk] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-ah2wmhalhk] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-ah2wmhalhk] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-ah2wmhalhk] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-ah2wmhalhk] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-ah2wmhalhk] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-ah2wmhalhk] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-ah2wmhalhk] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/PaymentGateway/PaymentGateway.razor.rz.scp.css */
.page-section[b-rddfyqmhnx] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-rddfyqmhnx] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-rddfyqmhnx] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-rddfyqmhnx]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-rddfyqmhnx] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-rddfyqmhnx] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-rddfyqmhnx] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-rddfyqmhnx] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-rddfyqmhnx] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-rddfyqmhnx]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-rddfyqmhnx]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-rddfyqmhnx]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-rddfyqmhnx]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-rddfyqmhnx] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-rddfyqmhnx] tbody tr td {
        background-color: white;
    }

    [b-rddfyqmhnx] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-rddfyqmhnx] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-rddfyqmhnx] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header[b-rddfyqmhnx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-rddfyqmhnx] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-rddfyqmhnx] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-rddfyqmhnx] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-rddfyqmhnx] {
    background-color: var(--blue-400);
}

.data-table-icon[b-rddfyqmhnx] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-rddfyqmhnx] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-rddfyqmhnx] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-rddfyqmhnx] {
    padding: 12px 0;
}

.isnotpublished[b-rddfyqmhnx] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-rddfyqmhnx] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-rddfyqmhnx] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-rddfyqmhnx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-rddfyqmhnx] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-rddfyqmhnx] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-rddfyqmhnx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-rddfyqmhnx] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-rddfyqmhnx] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-rddfyqmhnx] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-rddfyqmhnx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-rddfyqmhnx] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-rddfyqmhnx] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-rddfyqmhnx] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-rddfyqmhnx] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-rddfyqmhnx] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-rddfyqmhnx] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-rddfyqmhnx] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-rddfyqmhnx] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-rddfyqmhnx] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-rddfyqmhnx] .cell-checkbox {
}

[b-rddfyqmhnx] .cell-id {
    width: 70px;
}

[b-rddfyqmhnx] .cell-link {
    width: 70px;
}

[b-rddfyqmhnx] .cell-publish-status {
    width: 120px;
}

[b-rddfyqmhnx] .cell-publish-actions {
    width: 100px;
}


[b-rddfyqmhnx] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-rddfyqmhnx] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-rddfyqmhnx] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-rddfyqmhnx] {
        background-color: #ddd;
    }




.publish-select-item[b-rddfyqmhnx] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-rddfyqmhnx] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-rddfyqmhnx] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-rddfyqmhnx] {
        display: none;
    }
}
/* /Areas/Admin/Pages/PaymentGateway/PaymentGatewayCreateForm.razor.rz.scp.css */
.create-tag-section[b-eco6hk5fpg] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-eco6hk5fpg] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-eco6hk5fpg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-eco6hk5fpg] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-eco6hk5fpg] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-eco6hk5fpg] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-eco6hk5fpg] {
    opacity: 0.5;
}

.cancel-tag-btn[b-eco6hk5fpg] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-eco6hk5fpg] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-eco6hk5fpg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-eco6hk5fpg] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-eco6hk5fpg] {
    position: relative;
}

.feature-search[b-eco6hk5fpg] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-eco6hk5fpg]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-eco6hk5fpg] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-eco6hk5fpg] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-eco6hk5fpg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-eco6hk5fpg] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-eco6hk5fpg] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-eco6hk5fpg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-eco6hk5fpg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-eco6hk5fpg] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-eco6hk5fpg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-eco6hk5fpg] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-eco6hk5fpg] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-eco6hk5fpg] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-eco6hk5fpg] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-eco6hk5fpg] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-eco6hk5fpg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-eco6hk5fpg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-eco6hk5fpg] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-eco6hk5fpg] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-eco6hk5fpg] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-eco6hk5fpg] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-eco6hk5fpg] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-eco6hk5fpg] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-eco6hk5fpg] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-eco6hk5fpg] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-eco6hk5fpg] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-eco6hk5fpg] {
            display: block;
        }

.selectbox-fields[b-eco6hk5fpg] {
    width: 100%;
}

.language-selector[b-eco6hk5fpg] {
    width: 100%;
}


.choose-photo-section[b-eco6hk5fpg] {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

}

.choose-photo[b-eco6hk5fpg] {
    width: 40px;
    height: 100%;
}


.choose-photo img[b-eco6hk5fpg] {
    width: 100%;
    height: 100%;

}

.choose-photo-btn[b-eco6hk5fpg] {
    background-color: var(--blue-400);
    padding: 4px 16px;
    border-radius: 6px;
    cursor: pointer;
    color: white;
}
/* /Areas/Admin/Pages/PaymentGateway/PaymentGatewayEditForm.razor.rz.scp.css */
.create-tag-section[b-wgb3x47rl3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-wgb3x47rl3] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-wgb3x47rl3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-wgb3x47rl3] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-wgb3x47rl3] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-wgb3x47rl3] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-wgb3x47rl3] {
    opacity: 0.5;
}

.cancel-tag-btn[b-wgb3x47rl3] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-wgb3x47rl3] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-wgb3x47rl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-wgb3x47rl3] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-wgb3x47rl3] {
    position: relative;
}

.feature-search[b-wgb3x47rl3] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-wgb3x47rl3]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-wgb3x47rl3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-wgb3x47rl3] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-wgb3x47rl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-wgb3x47rl3] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-wgb3x47rl3] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-wgb3x47rl3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-wgb3x47rl3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-wgb3x47rl3] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-wgb3x47rl3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-wgb3x47rl3] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-wgb3x47rl3] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-wgb3x47rl3] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-wgb3x47rl3] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-wgb3x47rl3] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-wgb3x47rl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-wgb3x47rl3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-wgb3x47rl3] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-wgb3x47rl3] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-wgb3x47rl3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-wgb3x47rl3] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-wgb3x47rl3] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-wgb3x47rl3] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-wgb3x47rl3] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-wgb3x47rl3] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-wgb3x47rl3] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-wgb3x47rl3] {
            display: block;
        }

.selectbox-fields[b-wgb3x47rl3] {
    width: 100%;
}

.language-selector[b-wgb3x47rl3] {
    width: 100%;
}
/* /Areas/Admin/Pages/PaymentGateway/PaymentGatewayMobile.razor.rz.scp.css */

.mobile-table-section[b-pr6epu93me] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-pr6epu93me] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-pr6epu93me] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-pr6epu93me] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-pr6epu93me] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-pr6epu93me] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-pr6epu93me] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-pr6epu93me] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-pr6epu93me] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-pr6epu93me] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-pr6epu93me] {
    font-size: 24px;
}

.filters-title-name[b-pr6epu93me] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-pr6epu93me] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-pr6epu93me] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-pr6epu93me]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-pr6epu93me] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-pr6epu93me] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-pr6epu93me] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-pr6epu93me] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-pr6epu93me] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-pr6epu93me] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-pr6epu93me] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-pr6epu93me] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-pr6epu93me] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-pr6epu93me] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-pr6epu93me] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-pr6epu93me] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-pr6epu93me] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-pr6epu93me] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-pr6epu93me] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-pr6epu93me] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-pr6epu93me] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-pr6epu93me] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-pr6epu93me] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-pr6epu93me] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-pr6epu93me] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-pr6epu93me] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-pr6epu93me] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-pr6epu93me] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-pr6epu93me] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-pr6epu93me] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-pr6epu93me] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-pr6epu93me] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-pr6epu93me] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-pr6epu93me] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-pr6epu93me] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-pr6epu93me] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-pr6epu93me] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-pr6epu93me] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-pr6epu93me] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-pr6epu93me] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-pr6epu93me] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/PaymentGateway/PaymentGatewayTypes/CashOnDelivery.razor.rz.scp.css */

.language-disorder[b-85g4azl6zy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}


.selectbox-fields[b-85g4azl6zy] {
    width: 100%;
}
/* /Areas/Admin/Pages/PaymentGateway/PaymentGatewayTypes/ZarinPal.razor.rz.scp.css */

.language-disorder[b-30r82e2phf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}


.selectbox-fields[b-30r82e2phf] {
    width: 100%;
}
/* /Areas/Admin/Pages/PaymentRequest/PaymentRequest.razor.rz.scp.css */
.page-section[b-y8kdqrbrl0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-y8kdqrbrl0] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-y8kdqrbrl0] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-y8kdqrbrl0]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-y8kdqrbrl0] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-y8kdqrbrl0] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-y8kdqrbrl0] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-y8kdqrbrl0] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-y8kdqrbrl0] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-y8kdqrbrl0]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-y8kdqrbrl0]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-y8kdqrbrl0]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-y8kdqrbrl0]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-y8kdqrbrl0] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-y8kdqrbrl0] tbody tr td {
        background-color: white;
    }

    [b-y8kdqrbrl0] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-y8kdqrbrl0] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-y8kdqrbrl0] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header[b-y8kdqrbrl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-y8kdqrbrl0] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-y8kdqrbrl0] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-y8kdqrbrl0] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-y8kdqrbrl0] {
    background-color: var(--blue-400);
}

.data-table-icon[b-y8kdqrbrl0] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-y8kdqrbrl0] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-y8kdqrbrl0] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-y8kdqrbrl0] {
    padding: 12px 0;
}

.isnotpublished[b-y8kdqrbrl0] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-y8kdqrbrl0] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-y8kdqrbrl0] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-y8kdqrbrl0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-y8kdqrbrl0] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-y8kdqrbrl0] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-y8kdqrbrl0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-y8kdqrbrl0] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-y8kdqrbrl0] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-y8kdqrbrl0] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-y8kdqrbrl0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-y8kdqrbrl0] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-y8kdqrbrl0] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-y8kdqrbrl0] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-y8kdqrbrl0] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-y8kdqrbrl0] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-y8kdqrbrl0] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-y8kdqrbrl0] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-y8kdqrbrl0] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-y8kdqrbrl0] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-y8kdqrbrl0] .cell-checkbox {
}

[b-y8kdqrbrl0] .cell-id {
    width: 70px;
}

[b-y8kdqrbrl0] .cell-link {
    width: 70px;
}

[b-y8kdqrbrl0] .cell-publish-status {
    width: 120px;
}

[b-y8kdqrbrl0] .cell-publish-actions {
    width: 100px;
}


[b-y8kdqrbrl0] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-y8kdqrbrl0] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-y8kdqrbrl0] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-y8kdqrbrl0] {
        background-color: #ddd;
    }




.publish-select-item[b-y8kdqrbrl0] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-y8kdqrbrl0] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-y8kdqrbrl0] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-y8kdqrbrl0] {
        display: none;
    }
}
/* /Areas/Admin/Pages/PaymentRequest/PaymentRequestMobile.razor.rz.scp.css */

.mobile-table-section[b-6nwxb75g96] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-6nwxb75g96] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-6nwxb75g96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-6nwxb75g96] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-6nwxb75g96] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-6nwxb75g96] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-6nwxb75g96] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-6nwxb75g96] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-6nwxb75g96] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-6nwxb75g96] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-6nwxb75g96] {
    font-size: 24px;
}

.filters-title-name[b-6nwxb75g96] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-6nwxb75g96] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-6nwxb75g96] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-6nwxb75g96]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-6nwxb75g96] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-6nwxb75g96] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-6nwxb75g96] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-6nwxb75g96] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-6nwxb75g96] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-6nwxb75g96] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-6nwxb75g96] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-6nwxb75g96] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-6nwxb75g96] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-6nwxb75g96] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-6nwxb75g96] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-6nwxb75g96] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-6nwxb75g96] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-6nwxb75g96] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-6nwxb75g96] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-6nwxb75g96] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-6nwxb75g96] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-6nwxb75g96] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-6nwxb75g96] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-6nwxb75g96] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-6nwxb75g96] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-6nwxb75g96] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-6nwxb75g96] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-6nwxb75g96] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-6nwxb75g96] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-6nwxb75g96] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-6nwxb75g96] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-6nwxb75g96] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-6nwxb75g96] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-6nwxb75g96] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-6nwxb75g96] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-6nwxb75g96] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-6nwxb75g96] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-6nwxb75g96] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-6nwxb75g96] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-6nwxb75g96] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-6nwxb75g96] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Permissions/MobilePermissions.razor.rz.scp.css */

.mobile-table-section[b-1kcp97us57] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-1kcp97us57] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-filters[b-1kcp97us57] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-1kcp97us57] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-1kcp97us57] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-1kcp97us57] {
    font-size: 24px;
}

.filters-title-name[b-1kcp97us57] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-1kcp97us57] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-1kcp97us57] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-1kcp97us57]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-1kcp97us57] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-1kcp97us57] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-1kcp97us57] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-1kcp97us57] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-1kcp97us57] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-1kcp97us57] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-1kcp97us57] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-1kcp97us57] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-1kcp97us57] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-1kcp97us57] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-1kcp97us57] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 4px;
}

.content-item-title[b-1kcp97us57] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-left: auto;
}

.not-active-item[b-1kcp97us57] {
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
}

.active-item[b-1kcp97us57] {
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
}

.data-table-more-actions[b-1kcp97us57] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-1kcp97us57] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-1kcp97us57] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-1kcp97us57] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-1kcp97us57] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-1kcp97us57] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-1kcp97us57] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-1kcp97us57] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-1kcp97us57] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-1kcp97us57] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-1kcp97us57] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-1kcp97us57] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-1kcp97us57] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-1kcp97us57] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-1kcp97us57] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-1kcp97us57] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-1kcp97us57] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-1kcp97us57] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-1kcp97us57] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-1kcp97us57] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-1kcp97us57] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-1kcp97us57] {
        background-color: #ddd;
    }

.mobile-table-header[b-1kcp97us57] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-1kcp97us57] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-1kcp97us57] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-1kcp97us57] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-1kcp97us57] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-1kcp97us57] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Permissions/PermissionCreateForm.razor.rz.scp.css */
.create-tag-section[b-u4jw8pwad4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-u4jw8pwad4] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-u4jw8pwad4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-u4jw8pwad4] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-u4jw8pwad4] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-u4jw8pwad4] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-u4jw8pwad4] {
    opacity: 0.5;
}

.cancel-tag-btn[b-u4jw8pwad4] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-u4jw8pwad4] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-u4jw8pwad4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-u4jw8pwad4] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-u4jw8pwad4] {
    position: relative;
}

.feature-search[b-u4jw8pwad4] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-u4jw8pwad4]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-u4jw8pwad4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-u4jw8pwad4] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-u4jw8pwad4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-u4jw8pwad4] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-u4jw8pwad4] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-u4jw8pwad4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-u4jw8pwad4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-u4jw8pwad4] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-u4jw8pwad4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-u4jw8pwad4] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-u4jw8pwad4] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-u4jw8pwad4] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-u4jw8pwad4] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-u4jw8pwad4] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-u4jw8pwad4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-u4jw8pwad4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-u4jw8pwad4] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-u4jw8pwad4] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-u4jw8pwad4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-u4jw8pwad4] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-u4jw8pwad4] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-u4jw8pwad4] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-u4jw8pwad4] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-u4jw8pwad4] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-u4jw8pwad4] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-u4jw8pwad4] {
            display: block;
        }


.role-cards[b-u4jw8pwad4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 12px;
    height: 250px;
    overflow-y: auto;
    direction: ltr;
}

.role-card[b-u4jw8pwad4] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 8px 12px;
    cursor: pointer;
    background: #fff;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

    .role-card:hover[b-u4jw8pwad4] {
        border-color: #6366f1;
    }

    .role-card.active[b-u4jw8pwad4] {
        background: #eef2ff;
        border-color: #6366f1;
        color: #4338ca;
    }

    .role-card .check[b-u4jw8pwad4] {
        font-weight: bold;
        font-size: 18px;
    }

/* Chrome, Edge, Safari */
input[type=number][b-u4jw8pwad4]::-webkit-inner-spin-button,
input[type=number][b-u4jw8pwad4]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-u4jw8pwad4] {
    -moz-appearance: textfield;
}

.role-details[b-u4jw8pwad4] {
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    color: slategray;
}
/* /Areas/Admin/Pages/Permissions/Permissions.razor.rz.scp.css */
.page-section[b-9pe53fr4bw] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-9pe53fr4bw] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-9pe53fr4bw] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-9pe53fr4bw]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-9pe53fr4bw] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-9pe53fr4bw] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-9pe53fr4bw] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-9pe53fr4bw] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-9pe53fr4bw] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-9pe53fr4bw] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-9pe53fr4bw]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-9pe53fr4bw]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-9pe53fr4bw]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-9pe53fr4bw]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-9pe53fr4bw] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-9pe53fr4bw] tbody tr td {
        background-color: white;
    }

    [b-9pe53fr4bw] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-9pe53fr4bw] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-9pe53fr4bw] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



.create-post-btn[b-9pe53fr4bw] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-9pe53fr4bw] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-9pe53fr4bw] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-9pe53fr4bw] {
    padding: 14px 0;
}

.item-name[b-9pe53fr4bw] {
    color: var(--charade-700, #3D3F52);
    text-align: right;
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 138.462% */
}

.item-date[b-9pe53fr4bw] {
    color: var(--charade-400, #7E809C);
    text-align: right;
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-family: IRANYekanXVF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
}

.data-table-slug[b-9pe53fr4bw] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-9pe53fr4bw] {
    padding: 12px 0;
}

.isnotpublished[b-9pe53fr4bw] {
    width: 120px;
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 24px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-9pe53fr4bw] {
    width: 120px;
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 32px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-9pe53fr4bw] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-9pe53fr4bw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-9pe53fr4bw] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-9pe53fr4bw] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-9pe53fr4bw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-9pe53fr4bw] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-9pe53fr4bw] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-9pe53fr4bw] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-9pe53fr4bw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-9pe53fr4bw] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-9pe53fr4bw] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-9pe53fr4bw] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-9pe53fr4bw] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-9pe53fr4bw] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-9pe53fr4bw] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-9pe53fr4bw] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-9pe53fr4bw] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 25px;
}

.post-badge[b-9pe53fr4bw] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-9pe53fr4bw] .cell-fullname {
    width: 160px;
}

[b-9pe53fr4bw] .cell-role {
    width: 100px;
}


[b-9pe53fr4bw] .cell-date {
    width: 120px;
}

[b-9pe53fr4bw] .cell-publish-status {
    width: 120px;
}

[b-9pe53fr4bw] .cell-publish-actions {
    width: 100px;
}


[b-9pe53fr4bw] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-9pe53fr4bw] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-9pe53fr4bw] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-9pe53fr4bw] {
        background-color: #ddd;
    }




.publish-select-item[b-9pe53fr4bw] {
    font-size: 14px;
    color: var(--charade-500);
}


.link-icon[b-9pe53fr4bw] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-9pe53fr4bw] {
        background-color: var(--blue-100);
    }

.page-header[b-9pe53fr4bw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-9pe53fr4bw] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-9pe53fr4bw] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-9pe53fr4bw] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-9pe53fr4bw] {
    background-color: var(--blue-400);
}

.permissions-cell[b-9pe53fr4bw] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}


.permission-item[b-9pe53fr4bw] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    border: 1px solid var(--blue-300);
    background: var(--blue-50);
    padding: 8px 12px;
    border-radius: 8px;
}

@media screen and (max-width: 880px) {

    .admin-layout[b-9pe53fr4bw] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Permissions/PermissionUpdateForm.razor.rz.scp.css */
.create-tag-section[b-q46jkr4c1j] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-q46jkr4c1j] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-q46jkr4c1j] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-q46jkr4c1j] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-q46jkr4c1j] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-q46jkr4c1j] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-q46jkr4c1j] {
    opacity: 0.5;
}

.cancel-tag-btn[b-q46jkr4c1j] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-q46jkr4c1j] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-q46jkr4c1j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-q46jkr4c1j] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-q46jkr4c1j] {
    position: relative;
}

.feature-search[b-q46jkr4c1j] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-q46jkr4c1j]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-q46jkr4c1j] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-q46jkr4c1j] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-q46jkr4c1j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-q46jkr4c1j] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-q46jkr4c1j] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-q46jkr4c1j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-q46jkr4c1j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-q46jkr4c1j] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-q46jkr4c1j] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-q46jkr4c1j] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-q46jkr4c1j] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-q46jkr4c1j] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-q46jkr4c1j] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-q46jkr4c1j] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-q46jkr4c1j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-q46jkr4c1j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-q46jkr4c1j] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-q46jkr4c1j] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-q46jkr4c1j] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-q46jkr4c1j] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-q46jkr4c1j] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-q46jkr4c1j] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-q46jkr4c1j] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-q46jkr4c1j] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-q46jkr4c1j] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-q46jkr4c1j] {
            display: block;
        }


.role-cards[b-q46jkr4c1j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 12px;
    height: 250px;
    overflow-y: auto;
    direction: ltr;
}

.role-card[b-q46jkr4c1j] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 8px 12px;
    cursor: pointer;
    background: #fff;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

    .role-card:hover[b-q46jkr4c1j] {
        border-color: #6366f1;
    }

    .role-card.active[b-q46jkr4c1j] {
        background: #eef2ff;
        border-color: #6366f1;
        color: #4338ca;
    }

    .role-card .check[b-q46jkr4c1j] {
        font-weight: bold;
        font-size: 18px;
    }

/* Chrome, Edge, Safari */
input[type=number][b-q46jkr4c1j]::-webkit-inner-spin-button,
input[type=number][b-q46jkr4c1j]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-q46jkr4c1j] {
    -moz-appearance: textfield;
}

.role-details[b-q46jkr4c1j] {
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    color: slategray;
}
/* /Areas/Admin/Pages/ProductAttributeValue/ProductAttributeValue.razor.rz.scp.css */
.page-section[b-lir703vcdm] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-lir703vcdm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-lir703vcdm] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-lir703vcdm] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-lir703vcdm]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-lir703vcdm] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-lir703vcdm] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-lir703vcdm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-lir703vcdm] table {
    width: 100%;
    font-size: 0.95rem;
    direction: rtl;
}



[b-lir703vcdm] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-lir703vcdm] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-lir703vcdm] thead th:first-child {
            padding-right: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-lir703vcdm] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-lir703vcdm] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-lir703vcdm] tbody tr td {
        background-color: white;
    }

    [b-lir703vcdm] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-lir703vcdm] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-lir703vcdm] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


.page-header-btn[b-lir703vcdm] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-lir703vcdm] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-lir703vcdm] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-lir703vcdm] {
    background-color: var(--blue-400);
}

.data-table-icon[b-lir703vcdm] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-lir703vcdm] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-lir703vcdm] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-lir703vcdm] {
    padding: 12px 0;
}

.isnotpublished[b-lir703vcdm] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-lir703vcdm] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 22px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-lir703vcdm] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-lir703vcdm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-lir703vcdm] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-lir703vcdm] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-lir703vcdm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-lir703vcdm] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-lir703vcdm] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-lir703vcdm] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-lir703vcdm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-lir703vcdm] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-lir703vcdm] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-lir703vcdm] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-lir703vcdm] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-lir703vcdm] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-lir703vcdm] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-lir703vcdm] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-lir703vcdm] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-lir703vcdm] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-lir703vcdm] .cell-checkbox {
}

[b-lir703vcdm] .cell-id {
    width: 70px;
}

[b-lir703vcdm] .cell-link {
    width: 70px;
}

[b-lir703vcdm] .cell-publish-status {
    width: 120px;
}

[b-lir703vcdm] .cell-publish-actions {
    width: 100px;
}


[b-lir703vcdm] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-lir703vcdm] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-lir703vcdm] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-lir703vcdm] {
        background-color: #ddd;
    }




.publish-select-item[b-lir703vcdm] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-lir703vcdm] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-lir703vcdm] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-lir703vcdm] {
        display: none;
    }
}
/* /Areas/Admin/Pages/ProductAttributeValue/ProductAttributeValueCreateOrUpdateForm.razor.rz.scp.css */
.create-tag-section[b-0v343v924b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-0v343v924b] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-0v343v924b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-0v343v924b] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-0v343v924b] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-0v343v924b] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-0v343v924b] {
    opacity: 0.5;
}

.cancel-tag-btn[b-0v343v924b] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-0v343v924b] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-0v343v924b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-0v343v924b] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-0v343v924b] {
    position: relative;
}

.feature-search[b-0v343v924b] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-0v343v924b]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-0v343v924b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-0v343v924b] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 74px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-0v343v924b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-0v343v924b] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-0v343v924b] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-0v343v924b] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-0v343v924b] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-0v343v924b] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-0v343v924b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-0v343v924b] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-0v343v924b] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-0v343v924b] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-0v343v924b] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-0v343v924b] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-0v343v924b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-0v343v924b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-0v343v924b] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-0v343v924b] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-0v343v924b] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-0v343v924b] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-0v343v924b] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-0v343v924b] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-0v343v924b] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-0v343v924b] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-0v343v924b] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-0v343v924b] {
            display: block;
        }
/* /Areas/Admin/Pages/ProductAttributeValue/ProductAttributeValueMobile.razor.rz.scp.css */

.mobile-table-section[b-n6s21mrwpj] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-n6s21mrwpj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-n6s21mrwpj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}
.page-header-btn[b-n6s21mrwpj] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-n6s21mrwpj] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-n6s21mrwpj] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-n6s21mrwpj] {
    background-color: var(--blue-400);
}


.mobile-table-filters[b-n6s21mrwpj] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-n6s21mrwpj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-n6s21mrwpj] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-n6s21mrwpj] {
    font-size: 24px;
}

.filters-title-name[b-n6s21mrwpj] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-n6s21mrwpj] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-n6s21mrwpj] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-n6s21mrwpj]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-n6s21mrwpj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-n6s21mrwpj] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-n6s21mrwpj] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-n6s21mrwpj] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-n6s21mrwpj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-n6s21mrwpj] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-n6s21mrwpj] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-n6s21mrwpj] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-n6s21mrwpj] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-n6s21mrwpj] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-n6s21mrwpj] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-n6s21mrwpj] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-n6s21mrwpj] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-n6s21mrwpj] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-n6s21mrwpj] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-n6s21mrwpj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-n6s21mrwpj] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-n6s21mrwpj] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-n6s21mrwpj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-n6s21mrwpj] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-n6s21mrwpj] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-n6s21mrwpj] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-n6s21mrwpj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-n6s21mrwpj] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-n6s21mrwpj] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-n6s21mrwpj] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-n6s21mrwpj] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-n6s21mrwpj] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-n6s21mrwpj] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-n6s21mrwpj] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-n6s21mrwpj] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-n6s21mrwpj] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-n6s21mrwpj] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-n6s21mrwpj] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-n6s21mrwpj] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-n6s21mrwpj] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-n6s21mrwpj] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductAttributeValue/ProductAttributeValueTranslationCreateOrUpdateForm.razor.rz.scp.css */
.create-tag-section[b-ruaocgpzci] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-ruaocgpzci] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-ruaocgpzci] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-ruaocgpzci] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-ruaocgpzci] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-ruaocgpzci] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-ruaocgpzci] {
    opacity: 0.5;
}

.cancel-tag-btn[b-ruaocgpzci] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-ruaocgpzci] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-ruaocgpzci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-ruaocgpzci] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-ruaocgpzci] {
    position: relative;
}

.feature-search[b-ruaocgpzci] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-ruaocgpzci]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-ruaocgpzci] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-ruaocgpzci] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-ruaocgpzci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-ruaocgpzci] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-ruaocgpzci] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-ruaocgpzci] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-ruaocgpzci] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-ruaocgpzci] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-ruaocgpzci] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-ruaocgpzci] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-ruaocgpzci] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-ruaocgpzci] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-ruaocgpzci] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-ruaocgpzci] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-ruaocgpzci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-ruaocgpzci] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-ruaocgpzci] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-ruaocgpzci] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-ruaocgpzci] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-ruaocgpzci] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-ruaocgpzci] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-ruaocgpzci] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-ruaocgpzci] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-ruaocgpzci] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-ruaocgpzci] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-ruaocgpzci] {
            display: block;
        }
/* /Areas/Admin/Pages/ProductAttributeValue/ProductAttributeValueTranslationMobile.razor.rz.scp.css */

.mobile-table-section[b-9nrt9nrem7] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-9nrt9nrem7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-9nrt9nrem7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-9nrt9nrem7] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-9nrt9nrem7] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-9nrt9nrem7] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-9nrt9nrem7] {
    background-color: var(--blue-400);
}


.mobile-table-filters[b-9nrt9nrem7] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-9nrt9nrem7] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-9nrt9nrem7] {
    font-size: 24px;
}

.filters-title-name[b-9nrt9nrem7] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-9nrt9nrem7] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-9nrt9nrem7] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-9nrt9nrem7]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-9nrt9nrem7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-9nrt9nrem7] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-9nrt9nrem7] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-9nrt9nrem7] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-9nrt9nrem7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-9nrt9nrem7] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-9nrt9nrem7] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-9nrt9nrem7] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-9nrt9nrem7] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-9nrt9nrem7] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-9nrt9nrem7] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-9nrt9nrem7] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-9nrt9nrem7] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-9nrt9nrem7] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-9nrt9nrem7] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-9nrt9nrem7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-9nrt9nrem7] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-9nrt9nrem7] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-9nrt9nrem7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-9nrt9nrem7] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-9nrt9nrem7] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-9nrt9nrem7] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-9nrt9nrem7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-9nrt9nrem7] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-9nrt9nrem7] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-9nrt9nrem7] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-9nrt9nrem7] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-9nrt9nrem7] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-9nrt9nrem7] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-9nrt9nrem7] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-9nrt9nrem7] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-9nrt9nrem7] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-9nrt9nrem7] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-9nrt9nrem7] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductAttributeValue/ProductAttributeValueTranslations.razor.rz.scp.css */
.page-section[b-zul5ffrl0e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-zul5ffrl0e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-zul5ffrl0e] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-zul5ffrl0e] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-zul5ffrl0e]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-zul5ffrl0e] {
    border-radius: 12px;
    padding: 0 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-zul5ffrl0e] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-zul5ffrl0e] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-zul5ffrl0e] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    /*    overflow: hidden;*/
    direction: rtl;
}

.page-header-btn[b-zul5ffrl0e] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-zul5ffrl0e] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-zul5ffrl0e] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-zul5ffrl0e] {
    background-color: var(--blue-400);
}

[b-zul5ffrl0e] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-zul5ffrl0e] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-zul5ffrl0e] thead th:first-child {
            padding-right: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-zul5ffrl0e] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-zul5ffrl0e] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-zul5ffrl0e] tbody tr td {
        background-color: white;
    }

    [b-zul5ffrl0e] tbody tr:hover {
        /*        background-color: #f9fcff;*/
        transition: background 0.3s ease;
    }


.data-table-icon[b-zul5ffrl0e] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-zul5ffrl0e] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-zul5ffrl0e] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-zul5ffrl0e] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-zul5ffrl0e] {
    padding: 12px 0;
}

.isnotpublished[b-zul5ffrl0e] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-zul5ffrl0e] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-zul5ffrl0e] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-zul5ffrl0e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-zul5ffrl0e] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-zul5ffrl0e] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-zul5ffrl0e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-zul5ffrl0e] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-zul5ffrl0e] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-zul5ffrl0e] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-zul5ffrl0e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-zul5ffrl0e] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-zul5ffrl0e] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-zul5ffrl0e] {
        background-color: var(--blue-100);
    }


.more-actions-item-title[b-zul5ffrl0e] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-zul5ffrl0e] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-zul5ffrl0e] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-zul5ffrl0e] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-zul5ffrl0e] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px
}

.post-badge[b-zul5ffrl0e] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-zul5ffrl0e] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-zul5ffrl0e] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-zul5ffrl0e] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-zul5ffrl0e] .cell-checkbox {
}

[b-zul5ffrl0e] .cell-id {
    width: 70px;
}

[b-zul5ffrl0e] .cell-link {
    width: 70px;
}

[b-zul5ffrl0e] .cell-publish-status {
    width: 100px;
}

[b-zul5ffrl0e] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-zul5ffrl0e] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-zul5ffrl0e] {
        background-color: var(--blue-100);
    }


[b-zul5ffrl0e] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    margin-bottom: 20px;
}

[b-zul5ffrl0e] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-zul5ffrl0e] {
        display: none;
    }
}
/* /Areas/Admin/Pages/ProductAttribute/CreateOrUpdateAttributeTranslation.razor.rz.scp.css */
.create-tag-section[b-uzmkhdpgo3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;

}

.blog-post-information[b-uzmkhdpgo3] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px; 
}

.create-tag-action[b-uzmkhdpgo3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-uzmkhdpgo3] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-uzmkhdpgo3] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-uzmkhdpgo3] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-uzmkhdpgo3] {
    opacity: 0.5;
}

.cancel-tag-btn[b-uzmkhdpgo3] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-uzmkhdpgo3] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-uzmkhdpgo3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-uzmkhdpgo3] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-uzmkhdpgo3] {
    position: relative;
}

.feature-search[b-uzmkhdpgo3] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-uzmkhdpgo3]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-uzmkhdpgo3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-uzmkhdpgo3] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-uzmkhdpgo3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-uzmkhdpgo3] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-uzmkhdpgo3] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-uzmkhdpgo3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-uzmkhdpgo3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-uzmkhdpgo3] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-uzmkhdpgo3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-uzmkhdpgo3] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-uzmkhdpgo3] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-uzmkhdpgo3] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-uzmkhdpgo3] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-uzmkhdpgo3] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-uzmkhdpgo3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-uzmkhdpgo3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-uzmkhdpgo3] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-uzmkhdpgo3] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-uzmkhdpgo3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-uzmkhdpgo3] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-uzmkhdpgo3] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-uzmkhdpgo3] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-uzmkhdpgo3] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-uzmkhdpgo3] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-uzmkhdpgo3] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-uzmkhdpgo3] {
            display: block;
        }
/* /Areas/Admin/Pages/ProductAttribute/ProductAttribute.razor.rz.scp.css */
.page-section[b-iceoeghxau] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-iceoeghxau] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-iceoeghxau] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-iceoeghxau]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-iceoeghxau] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-iceoeghxau] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-iceoeghxau] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-iceoeghxau] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-iceoeghxau] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-iceoeghxau]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-iceoeghxau]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-iceoeghxau]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-iceoeghxau]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-iceoeghxau] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-iceoeghxau] tbody tr td {
        background-color: white;
    }

    [b-iceoeghxau] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-iceoeghxau] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-iceoeghxau] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header[b-iceoeghxau] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-iceoeghxau] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-iceoeghxau] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-iceoeghxau] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-iceoeghxau] {
    background-color: var(--blue-400);
}

.data-table-icon[b-iceoeghxau] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-iceoeghxau] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-iceoeghxau] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-iceoeghxau] {
    padding: 12px 0;
}

.isnotpublished[b-iceoeghxau] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-iceoeghxau] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-iceoeghxau] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-iceoeghxau] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-iceoeghxau] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-iceoeghxau] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-iceoeghxau] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-iceoeghxau] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-iceoeghxau] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-iceoeghxau] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-iceoeghxau] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-iceoeghxau] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-iceoeghxau] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-iceoeghxau] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-iceoeghxau] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-iceoeghxau] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-iceoeghxau] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-iceoeghxau] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-iceoeghxau] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-iceoeghxau] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-iceoeghxau] .cell-checkbox {
}

[b-iceoeghxau] .cell-id {
    width: 70px;
}

[b-iceoeghxau] .cell-link {
    width: 70px;
}

[b-iceoeghxau] .cell-publish-status {
    width: 120px;
}

[b-iceoeghxau] .cell-publish-actions {
    width: 100px;
}


[b-iceoeghxau] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-iceoeghxau] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-iceoeghxau] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-iceoeghxau] {
        background-color: #ddd;
    }




.publish-select-item[b-iceoeghxau] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-iceoeghxau] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-iceoeghxau] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-iceoeghxau] {
        display: none;
    }
}
/* /Areas/Admin/Pages/ProductAttribute/ProductAttributeCreateForm.razor.rz.scp.css */
.create-tag-section[b-ynhrv2orj1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-ynhrv2orj1] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-ynhrv2orj1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-ynhrv2orj1] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-ynhrv2orj1] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-ynhrv2orj1] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-ynhrv2orj1] {
    opacity: 0.5;
}

.cancel-tag-btn[b-ynhrv2orj1] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-ynhrv2orj1] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-ynhrv2orj1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-ynhrv2orj1] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-ynhrv2orj1] {
    position: relative;
}

.feature-search[b-ynhrv2orj1] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-ynhrv2orj1]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-ynhrv2orj1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-ynhrv2orj1] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-ynhrv2orj1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-ynhrv2orj1] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-ynhrv2orj1] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-ynhrv2orj1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-ynhrv2orj1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-ynhrv2orj1] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-ynhrv2orj1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-ynhrv2orj1] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-ynhrv2orj1] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-ynhrv2orj1] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-ynhrv2orj1] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-ynhrv2orj1] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-ynhrv2orj1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-ynhrv2orj1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-ynhrv2orj1] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-ynhrv2orj1] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-ynhrv2orj1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-ynhrv2orj1] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-ynhrv2orj1] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-ynhrv2orj1] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-ynhrv2orj1] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-ynhrv2orj1] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-ynhrv2orj1] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-ynhrv2orj1] {
            display: block;
        }
/* /Areas/Admin/Pages/ProductAttribute/ProductAttributeEditForm.razor.rz.scp.css */
.create-tag-section[b-6drf1brnmw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-6drf1brnmw] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-6drf1brnmw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-6drf1brnmw] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-6drf1brnmw] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-6drf1brnmw] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-6drf1brnmw] {
    opacity: 0.5;
}

.cancel-tag-btn[b-6drf1brnmw] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-6drf1brnmw] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-6drf1brnmw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-6drf1brnmw] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-6drf1brnmw] {
    position: relative;
}

.feature-search[b-6drf1brnmw] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-6drf1brnmw]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-6drf1brnmw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-6drf1brnmw] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-6drf1brnmw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-6drf1brnmw] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-6drf1brnmw] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-6drf1brnmw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-6drf1brnmw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-6drf1brnmw] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-6drf1brnmw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-6drf1brnmw] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-6drf1brnmw] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-6drf1brnmw] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-6drf1brnmw] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-6drf1brnmw] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-6drf1brnmw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-6drf1brnmw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-6drf1brnmw] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-6drf1brnmw] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-6drf1brnmw] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-6drf1brnmw] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-6drf1brnmw] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-6drf1brnmw] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-6drf1brnmw] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-6drf1brnmw] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-6drf1brnmw] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-6drf1brnmw] {
            display: block;
        }
/* /Areas/Admin/Pages/ProductAttribute/ProductAttributeMobile.razor.rz.scp.css */

.mobile-table-section[b-80m77mh8za] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-80m77mh8za] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-80m77mh8za] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-80m77mh8za] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-80m77mh8za] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-80m77mh8za] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-80m77mh8za] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-80m77mh8za] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-80m77mh8za] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-80m77mh8za] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-80m77mh8za] {
    font-size: 24px;
}

.filters-title-name[b-80m77mh8za] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-80m77mh8za] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-80m77mh8za] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-80m77mh8za]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-80m77mh8za] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-80m77mh8za] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-80m77mh8za] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-80m77mh8za] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-80m77mh8za] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-80m77mh8za] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-80m77mh8za] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-80m77mh8za] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-80m77mh8za] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-80m77mh8za] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-80m77mh8za] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-80m77mh8za] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-80m77mh8za] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-80m77mh8za] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-80m77mh8za] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-80m77mh8za] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-80m77mh8za] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-80m77mh8za] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-80m77mh8za] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-80m77mh8za] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-80m77mh8za] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-80m77mh8za] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-80m77mh8za] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-80m77mh8za] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-80m77mh8za] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-80m77mh8za] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-80m77mh8za] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-80m77mh8za] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-80m77mh8za] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-80m77mh8za] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-80m77mh8za] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-80m77mh8za] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-80m77mh8za] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-80m77mh8za] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-80m77mh8za] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-80m77mh8za] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-80m77mh8za] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductAttribute/ProductAttributeTranslations.razor.rz.scp.css */
.page-section[b-1cft5own79] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-1cft5own79] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-1cft5own79] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.billing-search-input[b-1cft5own79] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-1cft5own79] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-1cft5own79]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-1cft5own79] {
    border-radius: 12px;
    padding: 0 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-1cft5own79] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-1cft5own79] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-1cft5own79] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.create-post-btn[b-1cft5own79] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}


    .create-post-btn:hover[b-1cft5own79] {
        background-color: var(--blue-400);
    }

[b-1cft5own79] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-1cft5own79] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-1cft5own79]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-1cft5own79]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-1cft5own79]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-1cft5own79]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-1cft5own79] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-1cft5own79] tbody tr td {
        background-color: white;
    }

    [b-1cft5own79] tbody tr:hover {
        /*        background-color: #f9fcff;*/
        transition: background 0.3s ease;
    }


.data-table-icon[b-1cft5own79] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-1cft5own79] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-1cft5own79] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-1cft5own79] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-1cft5own79] {
    padding: 12px 0;
}

.isnotpublished[b-1cft5own79] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-1cft5own79] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-1cft5own79] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-1cft5own79] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-1cft5own79] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-1cft5own79] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-1cft5own79] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-1cft5own79] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-1cft5own79] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-1cft5own79] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-1cft5own79] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-1cft5own79] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-1cft5own79] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-1cft5own79] {
        background-color: var(--blue-100);
    }


.more-actions-item-title[b-1cft5own79] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-1cft5own79] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-1cft5own79] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-1cft5own79] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-1cft5own79] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 25px;
}

.post-badge[b-1cft5own79] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-1cft5own79] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-1cft5own79] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-1cft5own79] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-1cft5own79] .cell-checkbox {
}

[b-1cft5own79] .cell-id {
    width: 70px;
}

[b-1cft5own79] .cell-link {
    width: 70px;
}

[b-1cft5own79] .cell-publish-status {
    width: 100px;
}

[b-1cft5own79] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-1cft5own79] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-1cft5own79] {
        background-color: var(--blue-100);
    }


[b-1cft5own79] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    margin-bottom: 20px;
}

[b-1cft5own79] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}


@media screen and (max-width: 880px) {

    .admin-layout[b-1cft5own79] {
        display: none;
    }
}
/* /Areas/Admin/Pages/ProductAttribute/ProductAttributeTranslationsMobile.razor.rz.scp.css */

.mobile-table-section[b-srt0mhspnw] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-srt0mhspnw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-srt0mhspnw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-srt0mhspnw] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-srt0mhspnw] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-srt0mhspnw] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-srt0mhspnw] {
    background-color: var(--blue-400);
}


.mobile-table-filters[b-srt0mhspnw] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-srt0mhspnw] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-srt0mhspnw] {
    font-size: 24px;
}

.filters-title-name[b-srt0mhspnw] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-srt0mhspnw] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-srt0mhspnw] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-srt0mhspnw]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-srt0mhspnw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-srt0mhspnw] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-srt0mhspnw] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-srt0mhspnw] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-srt0mhspnw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-srt0mhspnw] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-srt0mhspnw] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-srt0mhspnw] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-srt0mhspnw] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-srt0mhspnw] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-srt0mhspnw] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-srt0mhspnw] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-srt0mhspnw] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-srt0mhspnw] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-srt0mhspnw] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-srt0mhspnw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-srt0mhspnw] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-srt0mhspnw] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-srt0mhspnw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-srt0mhspnw] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-srt0mhspnw] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-srt0mhspnw] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-srt0mhspnw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-srt0mhspnw] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-srt0mhspnw] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-srt0mhspnw] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-srt0mhspnw] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-srt0mhspnw] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-srt0mhspnw] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-srt0mhspnw] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-srt0mhspnw] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-srt0mhspnw] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-srt0mhspnw] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-srt0mhspnw] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductCategories/CreateProductCategory.razor.rz.scp.css */
.categories-page[b-42r1otqyu6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.categories-page-section[b-42r1otqyu6] {
    display: flex;
    gap: 24px;
}

.categories-page-items[b-42r1otqyu6] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.categories-page-title[b-42r1otqyu6] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.categories-page-content[b-42r1otqyu6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 24px 0px 24px;
    border-radius: 12px;
    background-color: white;
}

.category-form-footer[b-42r1otqyu6] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.category-item[b-42r1otqyu6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-42r1otqyu6] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.categories-form-section[b-42r1otqyu6] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.categories-popup[b-42r1otqyu6] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .categories-popup .categories-popup-item[b-42r1otqyu6] {
        padding: 10px;
        cursor: pointer;
    }

.categories-popup-item .categories-popup-item-title:hover[b-42r1otqyu6] {
    background-color: #f0f0f0;
}

.categories-popup .categories-popup-item-title[b-42r1otqyu6] {
    margin-right: 10px;
}

.categories-popup .category-selected-item-icon[b-42r1otqyu6] {
    margin-left: 10px;
    cursor: pointer;
}

.category-selected-item[b-42r1otqyu6] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.category-selected[b-42r1otqyu6] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.category-selected-item[b-42r1otqyu6] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.category-selected-item-icon[b-42r1otqyu6] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}


.cms-form-option[b-42r1otqyu6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.cms-form-option-header[b-42r1otqyu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--charade-100);
}

.cms-form-option-title[b-42r1otqyu6] {
    padding: 16px 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cms-form-option-action[b-42r1otqyu6] {
    display: flex;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.cms-form-oprion-media[b-42r1otqyu6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.media-isprimary[b-42r1otqyu6] {
    position: relative;
    height: 218px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 0 2px var(--blue-200);
}

.media-isprimary-badge[b-42r1otqyu6] {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px;
    border-radius: 4px;
    background: var(--blue-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.media-isprimary img[b-42r1otqyu6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-all-media[b-42r1otqyu6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px;
    height: 250px;
    overflow-y: auto;
    border-radius: 8px;
    background: var(--charade-50);
}

.media-card[b-42r1otqyu6] {
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background-color: white;
    height: 115px;
    overflow: hidden;
}

    .media-card:hover .media-card-badge-section[b-42r1otqyu6] {
        top: 8px;
    }

.media-card-badge-section[b-42r1otqyu6] {
    position: absolute;
    top: -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    transition: all 0.3s ease-in-out;
}

.media-card-badge[b-42r1otqyu6] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.media-card-badge-icon[b-42r1otqyu6] {
    padding: 4px;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background: rgba(255, 255, 255, 0.90);
    font-size: 18px;
    color: var(--charade-500);
}

.media-card img[b-42r1otqyu6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.mobile-header[b-42r1otqyu6] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-42r1otqyu6] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-42r1otqyu6] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-42r1otqyu6] {
    font-size: 20px;
}

.mobile-header-action-title[b-42r1otqyu6] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}


@media (max-width: 880px) {
    .langauge-selector-caption[b-42r1otqyu6] {
        display: none;
    }
    .category-form-footer[b-42r1otqyu6] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }
}

@media screen and (max-width: 1100px) {
    .categories-page-section[b-42r1otqyu6] {
        flex-direction: column;
    }


    .blog-post-information[b-42r1otqyu6] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-42r1otqyu6] {
    }

    .categories-page-content[b-42r1otqyu6],
    .categories-page-items[b-42r1otqyu6] {
        display: contents;
    }

    .mobile-header[b-42r1otqyu6] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductCategories/CreateProductCategoryTranslation.razor.rz.scp.css */
.categories-page[b-etcyu64rla] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.categories-page-section[b-etcyu64rla] {
    display: flex;
    gap: 24px;
}

.categories-page-items[b-etcyu64rla] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.categories-page-title[b-etcyu64rla] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.categories-page-content[b-etcyu64rla] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 24px 0px 24px;
    border-radius: 12px;
    background-color: white;
}

.category-form-footer[b-etcyu64rla] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.category-item[b-etcyu64rla] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-etcyu64rla] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.categories-form-section[b-etcyu64rla] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.categories-popup[b-etcyu64rla] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .categories-popup .categories-popup-item[b-etcyu64rla] {
        padding: 10px;
        cursor: pointer;
    }

.categories-popup-item .categories-popup-item-title:hover[b-etcyu64rla] {
    background-color: #f0f0f0;
}

.categories-popup .categories-popup-item-title[b-etcyu64rla] {
    margin-right: 10px;
}

.categories-popup .category-selected-item-icon[b-etcyu64rla] {
    margin-left: 10px;
    cursor: pointer;
}

.category-selected-item[b-etcyu64rla] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.category-selected[b-etcyu64rla] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.category-selected-item[b-etcyu64rla] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.category-selected-item-icon[b-etcyu64rla] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.mobile-header[b-etcyu64rla] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-etcyu64rla] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-etcyu64rla] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-etcyu64rla] {
    font-size: 20px;
}

.mobile-header-action-title[b-etcyu64rla] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}


@media (max-width: 880px) {
    .langauge-selector-caption[b-etcyu64rla] {
        display: none;
    }

    .category-form-footer[b-etcyu64rla] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }
}

@media screen and (max-width: 1100px) {
    .categories-page-section[b-etcyu64rla] {
        flex-direction: column;
    }


    .blog-post-information[b-etcyu64rla] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-etcyu64rla] {
    }

    .categories-page-content[b-etcyu64rla],
    .categories-page-items[b-etcyu64rla] {
        display: contents;
    }

    .mobile-header[b-etcyu64rla] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductCategories/EditProductCategoryTranslation.razor.rz.scp.css */
.categories-page[b-ieclxwlfhb] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.categories-page-section[b-ieclxwlfhb] {
    display: flex;
    gap: 24px;
}

.categories-page-items[b-ieclxwlfhb] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.categories-page-title[b-ieclxwlfhb] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.categories-page-content[b-ieclxwlfhb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 24px 0px 24px;
    border-radius: 12px;
    background-color: white;
}

.category-form-footer[b-ieclxwlfhb] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
}

.category-item[b-ieclxwlfhb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-ieclxwlfhb] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.categories-form-section[b-ieclxwlfhb] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.categories-popup[b-ieclxwlfhb] {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid var(--charade-200);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .categories-popup .categories-popup-item[b-ieclxwlfhb] {
        padding: 10px;
        cursor: pointer;
    }

.categories-popup-item .categories-popup-item-title:hover[b-ieclxwlfhb] {
    background-color: #f0f0f0;
}

.categories-popup .categories-popup-item-title[b-ieclxwlfhb] {
    margin-right: 10px;
}

.categories-popup .category-selected-item-icon[b-ieclxwlfhb] {
    margin-left: 10px;
    cursor: pointer;
}

.category-selected-item[b-ieclxwlfhb] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.category-selected[b-ieclxwlfhb] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.category-selected-item[b-ieclxwlfhb] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.category-selected-item-icon[b-ieclxwlfhb] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}


.mobile-header[b-ieclxwlfhb] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-ieclxwlfhb] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-ieclxwlfhb] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-ieclxwlfhb] {
    font-size: 20px;
}

.mobile-header-action-title[b-ieclxwlfhb] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}


@media (max-width: 880px) {
    .langauge-selector-caption[b-ieclxwlfhb] {
        display: none;
    }

    .category-form-footer[b-ieclxwlfhb] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }
}
@media screen and (max-width: 1100px) {
    .categories-page-section[b-ieclxwlfhb] {
        flex-direction: column;
    }


    .blog-post-information[b-ieclxwlfhb] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-ieclxwlfhb] {
    }

    .categories-page-content[b-ieclxwlfhb],
    .categories-page-items[b-ieclxwlfhb] {
        display: contents;
    }

    .mobile-header[b-ieclxwlfhb] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductCategories/MobileProductCategory.razor.rz.scp.css */

.mobile-table-section[b-l0nluf6r56] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-l0nluf6r56] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-l0nluf6r56] {
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.mobile-table-filters[b-l0nluf6r56] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-l0nluf6r56] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-l0nluf6r56] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-l0nluf6r56] {
    font-size: 24px;
}

.filters-title-name[b-l0nluf6r56] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-l0nluf6r56] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-l0nluf6r56] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-l0nluf6r56]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-l0nluf6r56] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-l0nluf6r56] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-l0nluf6r56] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-l0nluf6r56] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-l0nluf6r56] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-l0nluf6r56] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-l0nluf6r56] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-l0nluf6r56] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-l0nluf6r56] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-l0nluf6r56] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-l0nluf6r56] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-l0nluf6r56] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-l0nluf6r56] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-l0nluf6r56] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-l0nluf6r56] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-l0nluf6r56] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-l0nluf6r56] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-l0nluf6r56] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-l0nluf6r56] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-l0nluf6r56] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-l0nluf6r56] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-l0nluf6r56] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-l0nluf6r56] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-l0nluf6r56] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-l0nluf6r56] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-l0nluf6r56] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-l0nluf6r56] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-l0nluf6r56] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-l0nluf6r56] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-l0nluf6r56] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-l0nluf6r56] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-l0nluf6r56] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-l0nluf6r56] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-l0nluf6r56] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-l0nluf6r56] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-l0nluf6r56] {
        background-color: #ddd;
    }

.mobile-table-header[b-l0nluf6r56] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-l0nluf6r56] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-l0nluf6r56] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-l0nluf6r56] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-l0nluf6r56] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-l0nluf6r56] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductCategories/MobileProductCategoryTranslations.razor.rz.scp.css */

.mobile-table-section[b-ig06wuto0u] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-ig06wuto0u] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-ig06wuto0u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-ig06wuto0u] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-ig06wuto0u] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-ig06wuto0u] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-ig06wuto0u] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-ig06wuto0u] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-ig06wuto0u] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-ig06wuto0u] {
    font-size: 24px;
}

.filters-title-name[b-ig06wuto0u] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-ig06wuto0u] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-ig06wuto0u] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-ig06wuto0u]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-ig06wuto0u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-ig06wuto0u] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-ig06wuto0u] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-ig06wuto0u] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-ig06wuto0u] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-ig06wuto0u] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-ig06wuto0u] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-ig06wuto0u] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-ig06wuto0u] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-ig06wuto0u] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-ig06wuto0u] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-ig06wuto0u] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-ig06wuto0u] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-ig06wuto0u] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-ig06wuto0u] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-ig06wuto0u] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-ig06wuto0u] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-ig06wuto0u] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-ig06wuto0u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-ig06wuto0u] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-ig06wuto0u] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-ig06wuto0u] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-ig06wuto0u] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-ig06wuto0u] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-ig06wuto0u] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-ig06wuto0u] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-ig06wuto0u] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-ig06wuto0u] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-ig06wuto0u] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-ig06wuto0u] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-ig06wuto0u] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-ig06wuto0u] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-ig06wuto0u] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-ig06wuto0u] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductCategories/ProductCategories.razor.rz.scp.css */
.page-section[b-gjmwgw7ljj] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.billing-search-input[b-gjmwgw7ljj] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-gjmwgw7ljj] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-gjmwgw7ljj]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }




.data-table[b-gjmwgw7ljj] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-gjmwgw7ljj] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-gjmwgw7ljj] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.create-category-btn[b-gjmwgw7ljj] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-category-btn:hover[b-gjmwgw7ljj] {
        background-color: var(--blue-400);
    }

[b-gjmwgw7ljj] table {
    width: 100%;
    font-size: 0.95rem;
}

[b-gjmwgw7ljj] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-gjmwgw7ljj] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;

    }

.admin-layout-rtl[b-gjmwgw7ljj]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-gjmwgw7ljj]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-gjmwgw7ljj]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-gjmwgw7ljj]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-gjmwgw7ljj] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-gjmwgw7ljj] tbody tr td {
        padding: 0;
        background-color: white;
    }

    [b-gjmwgw7ljj] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-gjmwgw7ljj] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-gjmwgw7ljj] {
    padding: 14px 10px;
}

.data-table-slug[b-gjmwgw7ljj] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-gjmwgw7ljj] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-gjmwgw7ljj] {
    padding: 12px 0;
}

.isnotpublished[b-gjmwgw7ljj] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-gjmwgw7ljj] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-gjmwgw7ljj] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}

.delete-confirm-section[b-gjmwgw7ljj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-gjmwgw7ljj] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-gjmwgw7ljj] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-gjmwgw7ljj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-gjmwgw7ljj] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-gjmwgw7ljj] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-gjmwgw7ljj] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-gjmwgw7ljj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.data-table-more-actions-content[b-gjmwgw7ljj] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-gjmwgw7ljj] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
}

    .more-actions-item:hover[b-gjmwgw7ljj] {
        background-color: var(--charade-200);
    }

.more-actions-item-title[b-gjmwgw7ljj] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-gjmwgw7ljj] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-gjmwgw7ljj] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

.cat-id[b-gjmwgw7ljj] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-title[b-gjmwgw7ljj] {
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-parent[b-gjmwgw7ljj] {
    color: var(--charade-400);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

[b-gjmwgw7ljj] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-gjmwgw7ljj] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-gjmwgw7ljj] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-gjmwgw7ljj] .cell-id {
    width: 70px;
}

[b-gjmwgw7ljj] .cell-parent {
    width: 150px;
}

[b-gjmwgw7ljj] .cell-link {
    width: 70px;
}

[b-gjmwgw7ljj] .cell-publish-status {
    width: 100px;
}

[b-gjmwgw7ljj] .cell-publish-actions {
    width: 100px;

}

.link-icon[b-gjmwgw7ljj] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-gjmwgw7ljj] {
        background-color: var(--blue-100);
    }


[b-gjmwgw7ljj] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

[b-gjmwgw7ljj] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-gjmwgw7ljj] .form-group {
    display: none !important;
}

[b-gjmwgw7ljj] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}




[b-gjmwgw7ljj] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.creation-modal-background[b-gjmwgw7ljj] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 1005;
}

.creation-modal-content[b-gjmwgw7ljj] {
    padding: 24px 24px 0px 24px;
    width: clamp(200px, 100%, 640px);
    border-radius: 12px;
    background-color: white;
}

.page-header[b-gjmwgw7ljj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-gjmwgw7ljj] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-gjmwgw7ljj] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-gjmwgw7ljj] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-gjmwgw7ljj] {
    background-color: var(--blue-400);
}



@media screen and (max-width: 880px) {

    .admin-layout[b-gjmwgw7ljj] {
        display: none;
    }
}

/* /Areas/Admin/Pages/ProductCategories/ProductCategoryItem.razor.rz.scp.css */
.categories-popup .categories-popup-item[b-i63yxovxa3] {
    padding: 10px;
    cursor: pointer;
}

.categories-popup-item .categories-popup-item-title:hover[b-i63yxovxa3] {
    background-color: #f0f0f0;
}

.categories-popup .categories-popup-item-title[b-i63yxovxa3] {
    margin-right: 10px;
}

.categories-popup .category-selected-item-icon[b-i63yxovxa3] {
    margin-left: 10px;
    cursor: pointer;
}
/* /Areas/Admin/Pages/ProductCategories/ProductCategoryTranslations.razor.rz.scp.css */
.page-section[b-0wcniwltmz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-0wcniwltmz] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-0wcniwltmz] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-0wcniwltmz] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-0wcniwltmz]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }




.data-table[b-0wcniwltmz] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-0wcniwltmz] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: end;
}

.filters-section[b-0wcniwltmz] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.create-category-btn[b-0wcniwltmz] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-category-btn:hover[b-0wcniwltmz] {
        background-color: var(--blue-400);
    }

[b-0wcniwltmz] table {
    width: 100%;
    font-size: 0.95rem;
}

[b-0wcniwltmz] thead {
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-0wcniwltmz] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-0wcniwltmz]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-0wcniwltmz]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-0wcniwltmz]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-0wcniwltmz]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-0wcniwltmz] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-0wcniwltmz] tbody tr td {
        padding: 0;
        background-color: white;
    }

    [b-0wcniwltmz] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-0wcniwltmz] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-0wcniwltmz] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-0wcniwltmz] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-0wcniwltmz] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-0wcniwltmz] {
    padding: 12px 0;
}

.isnotpublished[b-0wcniwltmz] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-0wcniwltmz] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-0wcniwltmz] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-0wcniwltmz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-0wcniwltmz] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-0wcniwltmz] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-0wcniwltmz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-0wcniwltmz] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-0wcniwltmz] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-0wcniwltmz] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-0wcniwltmz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.data-table-more-actions-content[b-0wcniwltmz] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-0wcniwltmz] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
}

    .more-actions-item:hover[b-0wcniwltmz] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-0wcniwltmz] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-0wcniwltmz] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-0wcniwltmz] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

.cat-id[b-0wcniwltmz] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-title[b-0wcniwltmz] {
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-parent[b-0wcniwltmz] {
    color: var(--charade-400);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

[b-0wcniwltmz] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-0wcniwltmz] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-0wcniwltmz] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-0wcniwltmz] .cell-id {
    width: 70px;
}

[b-0wcniwltmz] .cell-parent {
    width: 150px;
}

[b-0wcniwltmz] .cell-link {
    width: 70px;
}

[b-0wcniwltmz] .cell-publish-status {
    width: 100px;
}

[b-0wcniwltmz] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-0wcniwltmz] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-0wcniwltmz] {
        background-color: var(--blue-100);
    }


[b-0wcniwltmz] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

[b-0wcniwltmz] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-0wcniwltmz] .form-group {
    display: none !important;
}

[b-0wcniwltmz] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}



[b-0wcniwltmz] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.creation-modal-background[b-0wcniwltmz] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 1005;
}

.creation-modal-content[b-0wcniwltmz] {
    padding: 24px 24px 0px 24px;
    width: clamp(200px, 100%, 640px);
    border-radius: 12px;
    background-color: white;
}

.page-header[b-0wcniwltmz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-0wcniwltmz] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-0wcniwltmz] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-0wcniwltmz] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-0wcniwltmz] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {

    .admin-layout[b-0wcniwltmz] {
        display: none;
    }
}

/* /Areas/Admin/Pages/ProductCategoryAttribute/MobileCategoryAttributeTranslations.razor.rz.scp.css */

.mobile-table-section[b-0otewifsi0] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-0otewifsi0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-0otewifsi0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-0otewifsi0] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-0otewifsi0] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-0otewifsi0] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-0otewifsi0] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-0otewifsi0] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-0otewifsi0] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-0otewifsi0] {
    font-size: 24px;
}

.filters-title-name[b-0otewifsi0] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-0otewifsi0] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-0otewifsi0] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-0otewifsi0]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-0otewifsi0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-0otewifsi0] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-0otewifsi0] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-0otewifsi0] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-0otewifsi0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-0otewifsi0] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-0otewifsi0] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-0otewifsi0] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-0otewifsi0] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-0otewifsi0] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-0otewifsi0] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-0otewifsi0] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-0otewifsi0] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-0otewifsi0] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-0otewifsi0] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-0otewifsi0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-0otewifsi0] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-0otewifsi0] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-0otewifsi0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-0otewifsi0] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-0otewifsi0] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-0otewifsi0] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-0otewifsi0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-0otewifsi0] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-0otewifsi0] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-0otewifsi0] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-0otewifsi0] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-0otewifsi0] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-0otewifsi0] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-0otewifsi0] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-0otewifsi0] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-0otewifsi0] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-0otewifsi0] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-0otewifsi0] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductCategoryAttribute/MobileProductAttribute.razor.rz.scp.css */

.mobile-table-section[b-8h2u100q25] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-8h2u100q25] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-8h2u100q25] {
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.mobile-table-filters[b-8h2u100q25] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-8h2u100q25] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-8h2u100q25] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-8h2u100q25] {
    font-size: 24px;
}

.filters-title-name[b-8h2u100q25] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-8h2u100q25] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-8h2u100q25] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-8h2u100q25]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-8h2u100q25] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-8h2u100q25] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-8h2u100q25] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-8h2u100q25] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-8h2u100q25] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-8h2u100q25] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-8h2u100q25] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-8h2u100q25] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-8h2u100q25] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-8h2u100q25] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-8h2u100q25] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-8h2u100q25] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-8h2u100q25] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-8h2u100q25] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-8h2u100q25] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-8h2u100q25] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-8h2u100q25] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-8h2u100q25] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-8h2u100q25] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-8h2u100q25] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-8h2u100q25] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-8h2u100q25] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-8h2u100q25] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-8h2u100q25] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-8h2u100q25] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-8h2u100q25] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-8h2u100q25] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-8h2u100q25] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-8h2u100q25] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-8h2u100q25] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-8h2u100q25] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-8h2u100q25] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-8h2u100q25] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-8h2u100q25] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-8h2u100q25] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-8h2u100q25] {
        background-color: #ddd;
    }

.mobile-table-header[b-8h2u100q25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-8h2u100q25] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-8h2u100q25] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-8h2u100q25] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-8h2u100q25] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-8h2u100q25] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductCategoryAttribute/ProductAttrCatUpdateForm.razor.rz.scp.css */
.create-tag-section[b-ak98r29yip] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;

}


.blog-post-information[b-ak98r29yip] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;

}

.create-tag-action[b-ak98r29yip] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-ak98r29yip] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-ak98r29yip] {
        background-color: var(--blue-400);
    }


.infinite-rotate[b-ak98r29yip] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-ak98r29yip] {
    opacity: 0.5;
}

.cancel-tag-btn[b-ak98r29yip] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-ak98r29yip] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }
/* /Areas/Admin/Pages/ProductCategoryAttribute/ProductCategoryAttribute.razor.rz.scp.css */
.page-section[b-qprjahgol4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-qprjahgol4] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-qprjahgol4] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-qprjahgol4] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-qprjahgol4]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-qprjahgol4] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-qprjahgol4] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-qprjahgol4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-qprjahgol4] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-qprjahgol4] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-qprjahgol4] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-qprjahgol4]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-qprjahgol4]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-qprjahgol4]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-qprjahgol4]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-qprjahgol4] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-qprjahgol4] tbody tr td {
        background-color: white;
    }

    [b-qprjahgol4] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-qprjahgol4] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-qprjahgol4] .form-group {
    display: none !important;
}



[b-qprjahgol4] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}



.create-post-btn[b-qprjahgol4] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-qprjahgol4] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-qprjahgol4] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-qprjahgol4] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-qprjahgol4] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-qprjahgol4] {
    padding: 12px 0;
}

.isnotpublished[b-qprjahgol4] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-qprjahgol4] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-qprjahgol4] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-qprjahgol4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-qprjahgol4] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-qprjahgol4] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-qprjahgol4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-qprjahgol4] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-qprjahgol4] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-qprjahgol4] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-qprjahgol4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-qprjahgol4] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-qprjahgol4] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-qprjahgol4] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-qprjahgol4] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-qprjahgol4] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-qprjahgol4] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-qprjahgol4] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-qprjahgol4] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-qprjahgol4] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-qprjahgol4] .cell-checkbox {
}

[b-qprjahgol4] .cell-id {
    width: 70px;
}

[b-qprjahgol4] .cell-link {
    width: 70px;
}

[b-qprjahgol4] .cell-publish-status {
    width: 120px;
}

[b-qprjahgol4] .cell-publish-actions {
    width: 100px;
}


[b-qprjahgol4] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

.language-disorder[b-qprjahgol4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

Select[b-qprjahgol4] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
}

.display-order-input[b-qprjahgol4] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

#publishStatus option[b-qprjahgol4] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-qprjahgol4] {
        background-color: #ddd;
    }




.publish-select-item[b-qprjahgol4] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-qprjahgol4] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-qprjahgol4] {
        background-color: var(--blue-100);
    }


.create-tag-section[b-qprjahgol4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-qprjahgol4] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-qprjahgol4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-qprjahgol4] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-qprjahgol4] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-qprjahgol4] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-qprjahgol4] {
    opacity: 0.5;
}

.cancel-tag-btn[b-qprjahgol4] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-qprjahgol4] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }


.page-header[b-qprjahgol4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-qprjahgol4] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-qprjahgol4] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-qprjahgol4] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-qprjahgol4] {
    background-color: var(--blue-400);
}



@media screen and (max-width: 880px) {

    .language-mobile[b-qprjahgol4] {
        display: none;
    }
    .admin-layout[b-qprjahgol4] {
        display: none;
    }
}

/* /Areas/Admin/Pages/ProductCategoryAttribute/ProductCategoryAttributeTranslations.razor.rz.scp.css */
body[b-y4fbdv355t] {
}
.page-section[b-y4fbdv355t] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-y4fbdv355t] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-y4fbdv355t] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-y4fbdv355t] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-y4fbdv355t]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }




.data-table[b-y4fbdv355t] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-y4fbdv355t] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: end;
}

.filters-section[b-y4fbdv355t] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.create-category-btn[b-y4fbdv355t] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-category-btn:hover[b-y4fbdv355t] {
        background-color: var(--blue-400);
    }

[b-y4fbdv355t] table {
    width: 100%;
    font-size: 0.95rem;
}

[b-y4fbdv355t] thead {
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-y4fbdv355t] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-y4fbdv355t]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-y4fbdv355t]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-y4fbdv355t]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-y4fbdv355t]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-y4fbdv355t] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-y4fbdv355t] tbody tr td {
        padding: 0;
        background-color: white;
    }

    [b-y4fbdv355t] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-y4fbdv355t] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-y4fbdv355t] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-y4fbdv355t] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-y4fbdv355t] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-y4fbdv355t] {
    padding: 12px 0;
}

.isnotpublished[b-y4fbdv355t] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-y4fbdv355t] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-y4fbdv355t] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-y4fbdv355t] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-y4fbdv355t] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-y4fbdv355t] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-y4fbdv355t] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-y4fbdv355t] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-y4fbdv355t] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-y4fbdv355t] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-y4fbdv355t] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.data-table-more-actions-content[b-y4fbdv355t] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-y4fbdv355t] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
}

    .more-actions-item:hover[b-y4fbdv355t] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-y4fbdv355t] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-y4fbdv355t] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-y4fbdv355t] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

.cat-id[b-y4fbdv355t] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-title[b-y4fbdv355t] {
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cat-parent[b-y4fbdv355t] {
    color: var(--charade-400);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

[b-y4fbdv355t] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-y4fbdv355t] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-y4fbdv355t] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-y4fbdv355t] .cell-id {
    width: 70px;
}

[b-y4fbdv355t] .cell-parent {
    width: 150px;
}

[b-y4fbdv355t] .cell-link {
    width: 70px;
}

[b-y4fbdv355t] .cell-publish-status {
    width: 100px;
}

[b-y4fbdv355t] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-y4fbdv355t] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-y4fbdv355t] {
        background-color: var(--blue-100);
    }


[b-y4fbdv355t] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

[b-y4fbdv355t] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-y4fbdv355t] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



[b-y4fbdv355t] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.creation-modal-background[b-y4fbdv355t] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 1005;
}

.creation-modal-content[b-y4fbdv355t] {
    padding: 24px 24px 0px 24px;
    width: clamp(200px, 100%, 640px);
    border-radius: 12px;
    background-color: white;
}

.create-tag-section[b-y4fbdv355t] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-y4fbdv355t] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-y4fbdv355t] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-y4fbdv355t] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-y4fbdv355t] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-y4fbdv355t] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-y4fbdv355t] {
    opacity: 0.5;
}

.cancel-tag-btn[b-y4fbdv355t] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-y4fbdv355t] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.page-header[b-y4fbdv355t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-y4fbdv355t] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-y4fbdv355t] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-y4fbdv355t] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-y4fbdv355t] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {

    .admin-layout[b-y4fbdv355t] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Products/AttributeCombinationManagment.razor.rz.scp.css */

.attribute-managment-background[b-oeanxylo3f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1085;
    cursor: default !important;
}

.attribute-managment-section[b-oeanxylo3f] {
    position: relative;
    width: clamp(300px, 100%, 700px);
    /*    height: 90vh;*/
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 80px;
    margin: 0 8px;
}

.attribute-header-action[b-oeanxylo3f] {
    width: 24px;
    height: 24px;
    background-color: var(--charade-200);
    border-radius: 100%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .attribute-header-action:hover[b-oeanxylo3f] {
        opacity: 0.8;
    }



.attribute-header[b-oeanxylo3f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--charade-200);
}

.attribute-header-title[b-oeanxylo3f] {
    color: var(--Black);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
}


.page-section[b-oeanxylo3f] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-oeanxylo3f] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-oeanxylo3f] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-oeanxylo3f] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-oeanxylo3f]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-oeanxylo3f] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-oeanxylo3f] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-oeanxylo3f] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-oeanxylo3f] table {
    width: 100%;
    font-size: 0.95rem;
    direction: rtl;
}



[b-oeanxylo3f] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-oeanxylo3f] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-oeanxylo3f] thead th:first-child {
            padding-right: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-oeanxylo3f] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-oeanxylo3f] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-oeanxylo3f] tbody tr td {
        background-color: white;
    }

    [b-oeanxylo3f] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-oeanxylo3f] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-oeanxylo3f] .form-group {
    display: none !important;
}

[b-oeanxylo3f] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}




.create-post-btn[b-oeanxylo3f] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-oeanxylo3f] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-oeanxylo3f] {
    padding: 8px;
    border-radius: 12px;
}

.icon-close[b-oeanxylo3f] {
    background: var(--red-100);
    color: var(--red-800);
}

.icon-add[b-oeanxylo3f] {
    background: var(--green-100);
    color: var(--green-800);
}

.data-table-item[b-oeanxylo3f] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-oeanxylo3f] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-oeanxylo3f] {
    padding: 12px 0;
}

.isnotpublished[b-oeanxylo3f] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-oeanxylo3f] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-oeanxylo3f] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-oeanxylo3f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-oeanxylo3f] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-oeanxylo3f] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-oeanxylo3f] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-oeanxylo3f] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-oeanxylo3f] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-oeanxylo3f] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-oeanxylo3f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-oeanxylo3f] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-oeanxylo3f] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-oeanxylo3f] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-oeanxylo3f] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-oeanxylo3f] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-oeanxylo3f] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-oeanxylo3f] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-oeanxylo3f] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-oeanxylo3f] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-oeanxylo3f] .cell-checkbox {
}

[b-oeanxylo3f] .cell-id {
    width: 70px;
}

[b-oeanxylo3f] .cell-link {
    width: 70px;
}

[b-oeanxylo3f] .cell-publish-status {
    width: 120px;
}

[b-oeanxylo3f] .cell-publish-actions {
    width: 100px;
}


[b-oeanxylo3f] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-oeanxylo3f] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-oeanxylo3f] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-oeanxylo3f] {
        background-color: #ddd;
    }




.publish-select-item[b-oeanxylo3f] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-oeanxylo3f] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-oeanxylo3f] {
        background-color: var(--blue-100);
    }


.attribute-content[b-oeanxylo3f] {
    padding: 0 24px 24px 24px;
}

.switch[b-oeanxylo3f] {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

    .switch input[b-oeanxylo3f] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-oeanxylo3f] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.4s;
    border-radius: 34px;
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(208, 208, 220, 0.80);
}

    .slider[b-oeanxylo3f]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        content: "";
        height: 16px;
        width: 16px;
        background: linear-gradient(180deg, var(--charade-300) 0%, var(--charade-400) 100%);
        box-shadow: 0 1px 4px 0 rgba(36, 36, 50, 0.29), 0 2px 6px -2px rgba(53, 53, 70, 0.65);
        transition: 0.4s;
        border-radius: 50%;
    }



input:checked + .slider[b-oeanxylo3f] {
    background: var(--blue-100);
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(46, 165, 245, 0.60);
}

    input:checked + .slider[b-oeanxylo3f]:before {
        transform: translate(16px, -50%);
        background: linear-gradient(180deg, var(--blue-300) 0%, var(--blue-500) 100%);
        box-shadow: 0 1px 4px 0 rgba(27, 143, 229, 0.30), 0 2px 6px -2px rgba(27, 143, 229, 0.65);
    }

.switch-label[b-oeanxylo3f] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--charade-800);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.slider-title[b-oeanxylo3f] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.attribute-managment-section-footer[b-oeanxylo3f] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 76px;
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    border-top: 1px solid var(--charade-200);
    background-color: #fff;
    z-index: 1000;
    border-radius: 0 0 8px 8px;
}

.attribute-managment-section-footer-btn[b-oeanxylo3f] {
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}


.data-item[b-oeanxylo3f] {
    padding: 14px 0;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.icon-close[b-oeanxylo3f] {
    background: var(--red-100);
    color: var(--red-800);
}

.icon-add[b-oeanxylo3f] {
    background: var(--green-100);
    color: var(--green-800);
}
/* /Areas/Admin/Pages/Products/AttributeCombinationUpdate.razor.rz.scp.css */

.attribute-managment-background[b-gtibjrvbd4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1085;
    cursor: default !important;
}

.attribute-managment-section[b-gtibjrvbd4] {
    position: relative;
    width: clamp(300px, 100%, 700px);
    /*    height: 90vh;*/
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 80px;
    margin: 0 8px;
}


.attribute-header[b-gtibjrvbd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--charade-200);
}

.attribute-header-title[b-gtibjrvbd4] {
    color: var(--Black);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
}
.attribute-header-action[b-gtibjrvbd4] {
    width: 24px;
    height: 24px;
    background-color: var(--charade-200);
    border-radius: 100%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .attribute-header-action:hover[b-gtibjrvbd4] {
        opacity: 0.8;
    }

.attribute-content[b-gtibjrvbd4] {
    padding: 0 24px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;

}

.cms-form-option[b-gtibjrvbd4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.cms-form-option-header[b-gtibjrvbd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--charade-100);
}

.cms-form-option-title[b-gtibjrvbd4] {
    padding: 16px 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cms-form-option-action[b-gtibjrvbd4] {
    display: flex;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.cms-form-option-item[b-gtibjrvbd4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.switch[b-gtibjrvbd4] {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

    .switch input[b-gtibjrvbd4] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-gtibjrvbd4] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.4s;
    border-radius: 34px;
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(208, 208, 220, 0.80);
}

    .slider[b-gtibjrvbd4]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        content: "";
        height: 16px;
        width: 16px;
        background: linear-gradient(180deg, var(--charade-300) 0%, var(--charade-400) 100%);
        box-shadow: 0 1px 4px 0 rgba(36, 36, 50, 0.29), 0 2px 6px -2px rgba(53, 53, 70, 0.65);
        transition: 0.4s;
        border-radius: 50%;
    }



input:checked + .slider[b-gtibjrvbd4] {
    background: var(--blue-100);
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(46, 165, 245, 0.60);
}

    input:checked + .slider[b-gtibjrvbd4]:before {
        transform: translate(16px, -50%);
        background: linear-gradient(180deg, var(--blue-300) 0%, var(--blue-500) 100%);
        box-shadow: 0 1px 4px 0 rgba(27, 143, 229, 0.30), 0 2px 6px -2px rgba(27, 143, 229, 0.65);
    }

.switch-label[b-gtibjrvbd4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--charade-800);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.slider-title[b-gtibjrvbd4] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.product-dimensions[b-gtibjrvbd4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
}

.product-dimensions-item[b-gtibjrvbd4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.attribute-managment-section-footer[b-gtibjrvbd4] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 76px;
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    border-top: 1px solid var(--charade-200);
    background-color: #fff;
    z-index: 1000;
    border-radius: 0 0 8px 8px;
}

.attribute-managment-section-footer-btn[b-gtibjrvbd4] {
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

/* /Areas/Admin/Pages/Products/AttributeManagment.razor.rz.scp.css */

.attribute-managment-background[b-u4z8yl4okp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1085;
    cursor: default !important;
}

.attribute-managment-section[b-u4z8yl4okp] {
    position: relative;
    width: clamp(200px, 100%, 700px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 80px;
    margin: 0 8px;
}

.attribute-header-action[b-u4z8yl4okp] {
    width: 24px;
    height: 24px;
    background-color: var(--charade-200);
    border-radius: 100%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .attribute-header-action:hover[b-u4z8yl4okp] {
        opacity: 0.8;
    }



.attribute-header[b-u4z8yl4okp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--charade-200);
}

.attribute-header-title[b-u4z8yl4okp] {
    color: var(--Black);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
}


.page-section[b-u4z8yl4okp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-u4z8yl4okp] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-u4z8yl4okp] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-u4z8yl4okp] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-u4z8yl4okp]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-u4z8yl4okp] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-u4z8yl4okp] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-u4z8yl4okp] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-u4z8yl4okp] table {
    width: 100%;
    font-size: 0.95rem;
    direction: rtl;
}



[b-u4z8yl4okp] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-u4z8yl4okp] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-u4z8yl4okp] thead th:first-child {
            padding-right: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-u4z8yl4okp] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-u4z8yl4okp] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-u4z8yl4okp] tbody tr td {
        background-color: white;
    }

    [b-u4z8yl4okp] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-u4z8yl4okp] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-u4z8yl4okp] .form-group {
    display: none !important;
}

[b-u4z8yl4okp] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}



.create-post-btn[b-u4z8yl4okp] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-u4z8yl4okp] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-u4z8yl4okp] {
    padding: 8px;
    border-radius: 12px;

}

.icon-close[b-u4z8yl4okp] {
    background: var(--red-100);
    color: var(--red-800);
}

.icon-add[b-u4z8yl4okp] {
    background: var(--green-100);
    color: var(--green-800);
}

.data-table-item[b-u4z8yl4okp] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-u4z8yl4okp] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-u4z8yl4okp] {
    padding: 12px 0;
}

.isnotpublished[b-u4z8yl4okp] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-u4z8yl4okp] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-u4z8yl4okp] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-u4z8yl4okp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-u4z8yl4okp] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-u4z8yl4okp] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-u4z8yl4okp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-u4z8yl4okp] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-u4z8yl4okp] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-u4z8yl4okp] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-u4z8yl4okp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-u4z8yl4okp] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-u4z8yl4okp] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-u4z8yl4okp] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-u4z8yl4okp] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-u4z8yl4okp] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-u4z8yl4okp] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-u4z8yl4okp] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-u4z8yl4okp] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-u4z8yl4okp] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-u4z8yl4okp] .cell-checkbox {
}

[b-u4z8yl4okp] .cell-id {
    width: 70px;
}

[b-u4z8yl4okp] .cell-link {
    width: 70px;
}

[b-u4z8yl4okp] .cell-publish-status {
    width: 120px;
}

[b-u4z8yl4okp] .cell-publish-actions {
    width: 100px;
}


[b-u4z8yl4okp] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-u4z8yl4okp] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-u4z8yl4okp] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-u4z8yl4okp] {
        background-color: #ddd;
    }




.publish-select-item[b-u4z8yl4okp] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-u4z8yl4okp] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-u4z8yl4okp] {
        background-color: var(--blue-100);
    }


.attribute-content[b-u4z8yl4okp] {
    padding: 0 24px 24px 24px;
}

.switch[b-u4z8yl4okp] {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

    .switch input[b-u4z8yl4okp] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-u4z8yl4okp] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.4s;
    border-radius: 34px;
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(208, 208, 220, 0.80);
}

    .slider[b-u4z8yl4okp]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        content: "";
        height: 16px;
        width: 16px;
        background: linear-gradient(180deg, var(--charade-300) 0%, var(--charade-400) 100%);
        box-shadow: 0 1px 4px 0 rgba(36, 36, 50, 0.29), 0 2px 6px -2px rgba(53, 53, 70, 0.65);
        transition: 0.4s;
        border-radius: 50%;
    }



input:checked + .slider[b-u4z8yl4okp] {
    background: var(--blue-100);
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(46, 165, 245, 0.60);
}

    input:checked + .slider[b-u4z8yl4okp]:before {
        transform: translate(16px, -50%);
        background: linear-gradient(180deg, var(--blue-300) 0%, var(--blue-500) 100%);
        box-shadow: 0 1px 4px 0 rgba(27, 143, 229, 0.30), 0 2px 6px -2px rgba(27, 143, 229, 0.65);
    }

.switch-label[b-u4z8yl4okp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--charade-800);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.slider-title[b-u4z8yl4okp] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.attribute-managment-section-footer[b-u4z8yl4okp] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 76px;
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    border-top: 1px solid var(--charade-200);
    background-color: #fff;
    z-index: 1000;
    border-radius: 0 0 8px 8px;
}

.attribute-managment-section-footer-btn[b-u4z8yl4okp] {
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}
/* /Areas/Admin/Pages/Products/AttributeValuesManagment.razor.rz.scp.css */

.attribute-managment-background[b-se3w15lnyq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1085;
    cursor: default !important;
}

.attribute-managment-section[b-se3w15lnyq] {
    position: relative;
    width: clamp(300px, 100%, 700px);
    /*    height: 90vh;*/
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 80px;
    margin: 0 8px;
}

.attribute-header-action[b-se3w15lnyq] {
    width: 24px;
    height: 24px;
    background-color: var(--charade-200);
    border-radius: 100%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .attribute-header-action:hover[b-se3w15lnyq] {
        opacity: 0.8;
    }



.attribute-header[b-se3w15lnyq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--charade-200);
}

.attribute-header-title[b-se3w15lnyq] {
    color: var(--Black);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
}

.attribute-content[b-se3w15lnyq] {
    padding: 0 24px 24px 24px;
}

.page-section[b-se3w15lnyq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-se3w15lnyq] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-se3w15lnyq] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-se3w15lnyq] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-se3w15lnyq]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.data-table[b-se3w15lnyq] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-se3w15lnyq] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-se3w15lnyq] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-se3w15lnyq] table {
    width: 100%;
    font-size: 0.95rem;
    direction: rtl;
}

[b-se3w15lnyq] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-se3w15lnyq] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-se3w15lnyq] thead th:first-child {
            padding-right: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-se3w15lnyq] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-se3w15lnyq] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-se3w15lnyq] tbody tr td {
        background-color: white;
    }

    [b-se3w15lnyq] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

[b-se3w15lnyq] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-se3w15lnyq] .form-group {
    display: none !important;
}

[b-se3w15lnyq] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.create-post-btn[b-se3w15lnyq] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-se3w15lnyq] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-se3w15lnyq] {
    padding: 8px;
    border-radius: 12px;
}

.icon-close[b-se3w15lnyq] {
    background: var(--red-100);
    color: var(--red-800);
}

.icon-add[b-se3w15lnyq] {
    background: var(--green-100);
    color: var(--green-800);
}

.data-table-item[b-se3w15lnyq] {
    padding: 14px 0;
}

.data-table-slug[b-se3w15lnyq] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.data-table-item-status[b-se3w15lnyq] {
    padding: 12px 0;
}

.isnotpublished[b-se3w15lnyq] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-se3w15lnyq] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 22px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-se3w15lnyq] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-se3w15lnyq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-se3w15lnyq] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-se3w15lnyq] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-se3w15lnyq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-se3w15lnyq] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-se3w15lnyq] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-se3w15lnyq] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-se3w15lnyq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-se3w15lnyq] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}

.more-actions-item[b-se3w15lnyq] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-se3w15lnyq] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-se3w15lnyq] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-se3w15lnyq] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-se3w15lnyq] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

.post-id[b-se3w15lnyq] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-se3w15lnyq] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-se3w15lnyq] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

[b-se3w15lnyq] .cell-checkbox {
}

[b-se3w15lnyq] .cell-id {
    width: 70px;
}

[b-se3w15lnyq] .cell-link {
    width: 70px;
}

[b-se3w15lnyq] .cell-publish-status {
    width: 120px;
}

[b-se3w15lnyq] .cell-publish-actions {
    width: 100px;
}

[b-se3w15lnyq] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-se3w15lnyq] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-se3w15lnyq] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    #publishStatus option:hover[b-se3w15lnyq] {
        background-color: #ddd;
    }

.publish-select-item[b-se3w15lnyq] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}

.link-icon[b-se3w15lnyq] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-se3w15lnyq] {
        background-color: var(--blue-100);
    }


.attribute-managment-section-footer[b-se3w15lnyq] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 76px;
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    border-top: 1px solid var(--charade-200);
    background-color: #fff;
    z-index: 1000;
    border-radius: 0 0 8px 8px;
}

.attribute-managment-section-footer-btn[b-se3w15lnyq] {
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}
/* /Areas/Admin/Pages/Products/CreateProduct.razor.rz.scp.css */
.cms-form-section[b-gzmc12407e] {
    display: flex;
    gap: 24px;
}

.cms-form-fields[b-gzmc12407e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.field-items[b-gzmc12407e] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.tabs-section[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tab-content[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tab-header[b-gzmc12407e] {
    padding: 0 12px 12px 12px;
    border-bottom: 1px solid var(--charade-100);
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.tab-body[b-gzmc12407e] {
    border-radius: 8px;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    overflow: hidden;
}

.tab-titles[b-gzmc12407e] {
    display: flex;
    width: 100%;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    overflow-x: auto;
    white-space: nowrap;
}

    .tab-titles[b-gzmc12407e]::-webkit-scrollbar {
        height: 0px;
    }

.tab-title[b-gzmc12407e] {
    display: flex;
    align-content: center;
    gap: 4px;
    min-width: 118px;
    padding: 12px 16px;
    border-left: 1px solid var(--charade-100);
    cursor: pointer;
    flex-shrink: 0;
}

    .tab-title:hover[b-gzmc12407e] {
        opacity: 0.8;
    }

.tab-icon[b-gzmc12407e] {
    font-size: 18px;
}

.tab-label[b-gzmc12407e] {
    color: var(--charade-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.tab-title.active[b-gzmc12407e] {
    background: var(--blue-400);
}

    .tab-title.active .tab-label[b-gzmc12407e] {

        color: var(--accessibility-white);
    }

    .tab-title.active .tab-icon[b-gzmc12407e] {
        color: var(--accessibility-white);
    }

.tab-content-body[b-gzmc12407e] {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.payment-gateway[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.payment-gateway-title[b-gzmc12407e] {
    padding: 0 6px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.payment-gateway-title-text[b-gzmc12407e] {
    color: var(--charade-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.payment-gateway-help-icon[b-gzmc12407e] {
    opacity: 0.8;
    color: var(--blue-500);
    font-size: 18px;
}

.payment-gateway-list[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.payment-gateway-items[b-gzmc12407e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
}

.payment-gateway-item[b-gzmc12407e] {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    border: 1px solid var(--charade-100);
    background: var(--charade-50);
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

    .payment-gateway-item:hover[b-gzmc12407e] {
        border-radius: 99px;
        border: 1px solid var(--blue-500);
        background: var(--blue-50);
        color: var(--blue-500);
    }

.field-input[b-gzmc12407e] {
    border: none;
    outline: none;
    padding: 10px 12px;
}

    .field-input[b-gzmc12407e]::placeholder {
        color: var(--charade-300);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .field-input.field-input-error[b-gzmc12407e]::placeholder {
        color: var(--red-400);
        font-size: 14px;
    }

.field-items .error-badge[b-gzmc12407e] {
    display: none;
    padding: 4px 12px;
    position: absolute;
    top: 10px;
    left: 12px;
    border-radius: 999px;
    background: var(--red-100);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.field-items .error-badge-show[b-gzmc12407e] {
    display: block;
}



.field-items .field-title-input[b-gzmc12407e] {
    border-radius: 8px;
}

.field-input + .field-input[b-gzmc12407e] {
    border-top: 1px solid var(--charade-100);
}

.field-textarea[b-gzmc12407e] {
    border: none;
    outline: none;
    padding: 16px;
    color: var(--charade-700);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    border-radius: 8px;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    min-height: 90px;
    max-height: 250px;
    width: 100%;
}

.text-area-field[b-gzmc12407e] {
    width: 100%;
}

    .field-textarea[b-gzmc12407e]::placeholder {
        color: var(--charade-300);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

.cms-form-options[b-gzmc12407e] {
    width: 318px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.cms-form-option[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.cms-form-option-header[b-gzmc12407e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--charade-100);
}

.cms-form-option-title[b-gzmc12407e] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 16px 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.option-title-icon[b-gzmc12407e] {
    font-size: 18px;
}

.cms-form-option-action[b-gzmc12407e] {
    display: flex;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.cms-form-option-item[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.switch[b-gzmc12407e] {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

    .switch input[b-gzmc12407e] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-gzmc12407e] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.4s;
    border-radius: 34px;
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(208, 208, 220, 0.80);
}

    .slider[b-gzmc12407e]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        content: "";
        height: 16px;
        width: 16px;
        background: linear-gradient(180deg, var(--charade-300) 0%, var(--charade-400) 100%);
        box-shadow: 0 1px 4px 0 rgba(36, 36, 50, 0.29), 0 2px 6px -2px rgba(53, 53, 70, 0.65);
        transition: 0.4s;
        border-radius: 50%;
    }



input:checked + .slider[b-gzmc12407e] {
    background: var(--blue-100);
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(46, 165, 245, 0.60);
}

    input:checked + .slider[b-gzmc12407e]:before {
        transform: translate(16px, -50%);
        background: linear-gradient(180deg, var(--blue-300) 0%, var(--blue-500) 100%);
        box-shadow: 0 1px 4px 0 rgba(27, 143, 229, 0.30), 0 2px 6px -2px rgba(27, 143, 229, 0.65);
    }

.switch-label[b-gzmc12407e] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--charade-800);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.slider-title[b-gzmc12407e] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

input[type="datetime-local"][b-gzmc12407e] {
    padding: 8px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
}

    input[type="datetime-local"]:focus[b-gzmc12407e] {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        outline: none;
    }

    input[type="datetime-local"]:disabled[b-gzmc12407e] {
        background-color: #f5f5f5;
        border-color: #ddd;
    }

    input[type="datetime-local"].error[b-gzmc12407e] {
        border-color: red;
    }


.cms-slug-wrapper[b-gzmc12407e] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 4px;
    border: 1px solid #E0E6ED;
    padding: 12px 8px;
    border-radius: 8px;
}

.cms-slug-icon[b-gzmc12407e] {
    color: var(--charade-300);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
}

.cms-slug-input[b-gzmc12407e] {
    outline: none;
    border: none;
    width: 100%;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--charade-700);
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .cms-slug-input[b-gzmc12407e]::placeholder {
        font-size: 12px;
    }

.cms-language-selector[b-gzmc12407e] {
    height: 100%;
    padding: 9px 12px 9px 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .cms-language-selector option[b-gzmc12407e] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .cms-language-selector:focus[b-gzmc12407e] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .cms-language-selector:focus:not(:focus-visible)[b-gzmc12407e] {
            border: 1.5px solid var(--charade-300);
        }

.cms-langauge-selector-caption[b-gzmc12407e] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.cms-radio-group[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cms-radio-item[b-gzmc12407e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cms-radio-label[b-gzmc12407e] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cms-radio-label-title[b-gzmc12407e] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cms-radio-label-icon[b-gzmc12407e] {
    font-size: 24px;
    color: var(--charade-300);
}

.cms-radio-item input[type="radio"][b-gzmc12407e] {
    display: none;

}

.cms-radio-item label[b-gzmc12407e] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
    position: relative;
}

    .cms-radio-item label[b-gzmc12407e]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        content: '';
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 2px solid var(--charade-200);
        display: block;
        margin-right: 8px;
        background-color: #fff;
        transition: all 0.2s ease;
    }

.cms-radio-item input[type="radio"]:checked + label[b-gzmc12407e]:before {
    border-color: var(--blue-500);
    background-color: var(--blue-100);
}

.cms-radio-item input[type="radio"]:checked + label[b-gzmc12407e]:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    width: 10px;
    height: 10px;
    background-color: var(--blue-500);
    border-radius: 50%;
}


.cms-radio-item input[type="radio"]:checked + label .cms-radio-label-title[b-gzmc12407e] {
    color: var(--blue-500);
}

.cms-radio-item input[type="radio"]:checked + label .cms-radio-label-icon[b-gzmc12407e] {
    color: var(--blue-500);
}

.cms-form-oprion-media[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.media-isprimary[b-gzmc12407e] {
    position: relative;
    height: 218px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 0 2px var(--blue-200);
}

.media-isprimary-badge[b-gzmc12407e] {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px;
    border-radius: 4px;
    background: var(--blue-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.media-isprimary img[b-gzmc12407e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-all-media[b-gzmc12407e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px;
    height: 250px;
    overflow-y: auto;
    border-radius: 8px;
    background: var(--charade-50);
}

.media-card[b-gzmc12407e] {
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background-color: white;
    height: 115px;
    overflow: hidden;
}

    .media-card:hover .media-card-badge-section[b-gzmc12407e] {
        top: 8px;
    }

.media-card-badge-section[b-gzmc12407e] {
    position: absolute;
    top: -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    transition: all 0.3s ease-in-out;
}

.media-card-badge[b-gzmc12407e] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.media-card-badge-icon[b-gzmc12407e] {
    padding: 4px;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background: rgba(255, 255, 255, 0.90);
    font-size: 18px;
    color: var(--charade-500);
}

.delete-icon[b-gzmc12407e] {

}

.star-icon[b-gzmc12407e] {

}

.media-card img[b-gzmc12407e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



[b-gzmc12407e] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-gzmc12407e] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-gzmc12407e] thead th:first-child {
            padding-right: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-gzmc12407e] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-gzmc12407e] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-gzmc12407e] tbody tr td {
        background-color: white;
    }

    [b-gzmc12407e] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-item[b-gzmc12407e] {
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 16px 0;
}

[b-gzmc12407e] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-gzmc12407e] .form-group {
    display: none !important;
}

[b-gzmc12407e] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


[b-gzmc12407e] .cell-publish-actions {
    width: 100px;
}

.data-table-item-actions[b-gzmc12407e] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

.data-table-more-actions[b-gzmc12407e] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.data-table-icon[b-gzmc12407e] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-delete-icon[b-gzmc12407e] {
    padding: 8px;
    border-radius: 12px;
    background: var(--red-100);
    color: var(--red-800);
}

.data-table-more-actions-background[b-gzmc12407e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-gzmc12407e] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}

.delete-confirm-section[b-gzmc12407e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-gzmc12407e] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-gzmc12407e] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-gzmc12407e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-gzmc12407e] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-gzmc12407e] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-gzmc12407e] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.product-attribute-header[b-gzmc12407e] {
    display: flex;
    align-items: center;
    direction: ltr;
    justify-content: space-between;
}

.product-attribute-header-action[b-gzmc12407e] {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

    .product-attribute-header-action:hover[b-gzmc12407e] {
        opacity: 0.6;
    }

.shipping-methods[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-dimensions[b-gzmc12407e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
}

.product-dimensions-item[b-gzmc12407e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cms-form-buttons[b-gzmc12407e] {
    width: calc(100% - 300px);
    position: fixed;
    bottom: 0px;
    padding: 12px 24px;
    border-top: 1px solid var(--charade-100);
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    z-index: 10;
}



.cms-form-btn[b-gzmc12407e] {
    position: relative;
    padding: 10px 22px;
    border-radius: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    cursor: pointer;
}

.publish-btn[b-gzmc12407e] {
    background: var(--blue-400);
    color: var(--accessibility-white);
}

.draft-btn[b-gzmc12407e] {
    background: var(--charade-100);
}

.cms-form-btn:hover[b-gzmc12407e] {
    opacity: 0.7;
}

.data-price[b-gzmc12407e] {
    color: var(--charade-500);
    font-feature-settings: 'ss01' on;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-item-status[b-gzmc12407e] {
    padding: 12px 0;
}

.isnotpublished[b-gzmc12407e] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ispublished[b-gzmc12407e] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 24px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.mobile-header[b-gzmc12407e] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-gzmc12407e] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-gzmc12407e] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-gzmc12407e] {
    font-size: 20px;
}

.mobile-header-action-title[b-gzmc12407e] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}



@media (max-width: 880px) {

    .cms-form-buttons[b-gzmc12407e] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
/*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .cms-form-btn[b-gzmc12407e] {
        flex: 1;
        padding: 12px 20px;
        text-align: center;

    }
}


@media screen and (max-width: 1100px) {

    .mobile-header[b-gzmc12407e] {
        display: flex;
    }

    .cms-form-section[b-gzmc12407e] {
        flex-direction: column;
    }


        .cms-form-options[b-gzmc12407e],
        .cms-form-fields[b-gzmc12407e] {
            display: contents;
        }

        .cms-form-fields .cms-form-field:nth-child(1)[b-gzmc12407e] {
            order: 1;
        }

        .cms-form-fields .cms-form-field:nth-child(2)[b-gzmc12407e] {
            order: 2;
        }

        .cms-form-fields .cms-form-field:nth-child(3)[b-gzmc12407e] {
            order: 3;
        }

        .cms-form-options .cms-form-option:nth-child(2)[b-gzmc12407e] {
            order: 4;
        }

        .cms-form-options .cms-form-option:nth-child(4)[b-gzmc12407e] {
            order: 5;
        }

        .cms-form-options .cms-form-option:nth-child(3)[b-gzmc12407e] {
            order: 6;
        }

        .cms-form-options .cms-form-option:nth-child(1)[b-gzmc12407e] {
            order: 7;
        }

        .cms-form-fields .cms-form-field:nth-child(4)[b-gzmc12407e] {
            order: 8;
        }

        .cms-form-options .cms-form-option:nth-child(5)[b-gzmc12407e] {
            order: 9;
        }
}
/* /Areas/Admin/Pages/Products/CreateProductTranslation.razor.rz.scp.css */
.blog-post-form[b-m9ymwmjs47] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-m9ymwmjs47] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-m9ymwmjs47] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blog-post-item[b-m9ymwmjs47] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-m9ymwmjs47] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-m9ymwmjs47] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-m9ymwmjs47] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 32%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.your-slug[b-m9ymwmjs47] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

.blog-post-footer[b-m9ymwmjs47] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
    z-index: 1000;
}

.language-selector[b-m9ymwmjs47] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

.langauge-selector-caption[b-m9ymwmjs47] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-m9ymwmjs47] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}


.infinite-rotate[b-m9ymwmjs47] {
    position: absolute;
    right: 2px;
    top: 7px;
    font-size: 20px;
    display: none;
    color: white;
}

.submit-form[b-m9ymwmjs47] {
    border-radius: 4px;
    padding: 4px 24px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}


.create-form-btns.create-form-btns-loading[b-m9ymwmjs47] {
    opacity: 0.5;
}


    .create-form-btns.create-form-btns-loading .infinite-rotate[b-m9ymwmjs47] {
        display: block;
    }


.tags-popup-item[b-m9ymwmjs47] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-m9ymwmjs47] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}

.tags[b-m9ymwmjs47] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-m9ymwmjs47] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-icon[b-m9ymwmjs47] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-m9ymwmjs47] {
    color: red;
    margin: 2px;
}


.form-input-error[b-m9ymwmjs47] {
    border-color: red;
}

.text-error[b-m9ymwmjs47] {
    color: red;
    font-size: 12px;
}

.mobile-header[b-m9ymwmjs47] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-m9ymwmjs47] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-m9ymwmjs47] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-m9ymwmjs47] {
    font-size: 20px;
}

.mobile-header-action-title[b-m9ymwmjs47] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .blog-post-footer[b-m9ymwmjs47] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-m9ymwmjs47] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-m9ymwmjs47] {
        flex-direction: column;
    }


    .blog-post-information[b-m9ymwmjs47] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-m9ymwmjs47] {
    }

    .blog-post-items[b-m9ymwmjs47],
    .blog-post-information[b-m9ymwmjs47] {
        display: contents;
    }

    .mobile-header[b-m9ymwmjs47] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Products/EditProductTranslation.razor.rz.scp.css */
.blog-post-form[b-ki7gs9jcqo] {
    display: flex;
    gap: 16px;
}

.blog-post-information[b-ki7gs9jcqo] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.blog-post-items[b-ki7gs9jcqo] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blog-post-item[b-ki7gs9jcqo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    padding: 16px;
}

.item-title[b-ki7gs9jcqo] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-bottom: 2px solid #EAF1FF;
}

.slug-input-wrapper[b-ki7gs9jcqo] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    border: 1px solid #E0E6ED;
    padding: 4px;
    border-radius: 8px;
}

.slug-input[b-ki7gs9jcqo] {
    outline: none;
    border: none;
    padding: 0 4px;
    width: 32%;
    color: #4A4A4A;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.your-slug[b-ki7gs9jcqo] {
    display: flex;
    align-items: center;
    direction: ltr;
    gap: 4px;
}

.blog-post-footer[b-ki7gs9jcqo] {
    position: fixed;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #EBEBEB;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    border-top: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.06), 0px -4px 12px -2px rgba(0, 0, 0, 0.04);
    z-index: 1000;
}

.language-selector[b-ki7gs9jcqo] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

.langauge-selector-caption[b-ki7gs9jcqo] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.create-form-btns[b-ki7gs9jcqo] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}


.infinite-rotate[b-ki7gs9jcqo] {
    position: absolute;
    right: 2px;
    top: 7px;
    font-size: 20px;
    display: none;
    color: white;
}

.submit-form[b-ki7gs9jcqo] {
    border-radius: 4px;
    padding: 4px 24px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}


.create-form-btns.create-form-btns-loading[b-ki7gs9jcqo] {
    opacity: 0.5;
}


    .create-form-btns.create-form-btns-loading .infinite-rotate[b-ki7gs9jcqo] {
        display: block;
    }


.tags-popup-item[b-ki7gs9jcqo] {
    display: flex;
    align-items: center;
    padding: 6px 4px;
    cursor: pointer;
    color: var(--charade-700);
}

.disabled-tag[b-ki7gs9jcqo] {
    pointer-events: none;
    cursor: default;
    color: var(--charade-400);
}

.tags[b-ki7gs9jcqo] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.tag-item[b-ki7gs9jcqo] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-primary);
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #EAF1FF;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 500;
}

.tag-icon[b-ki7gs9jcqo] {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: var(--color-primary);
    color: white;
    cursor: pointer;
}

.required-star[b-ki7gs9jcqo] {
    color: red;
    margin: 2px;
}


.form-input-error[b-ki7gs9jcqo] {
    border-color: red;
}

.text-error[b-ki7gs9jcqo] {
    color: red;
    font-size: 12px;
}
.mobile-header[b-ki7gs9jcqo] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-ki7gs9jcqo] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-ki7gs9jcqo] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-ki7gs9jcqo] {
    font-size: 20px;
}

.mobile-header-action-title[b-ki7gs9jcqo] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .blog-post-footer[b-ki7gs9jcqo] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .langauge-selector-caption[b-ki7gs9jcqo] {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .blog-post-form[b-ki7gs9jcqo] {
        flex-direction: column;
    }


    .blog-post-information[b-ki7gs9jcqo] {
        border-radius: 12px;
        border: 1px solid rgba(235, 234, 239, 0.70);
        background-color: var(--accessibility-white);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .blog-post-items[b-ki7gs9jcqo] {
    }

    .blog-post-items[b-ki7gs9jcqo],
    .blog-post-information[b-ki7gs9jcqo] {
        display: contents;
    }

    .mobile-header[b-ki7gs9jcqo] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Products/Products.razor.rz.scp.css */
.page-section[b-1ioyh4risl] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-1ioyh4risl] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-1ioyh4risl] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-1ioyh4risl] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-1ioyh4risl]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-1ioyh4risl] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-1ioyh4risl] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-1ioyh4risl] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-1ioyh4risl] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-1ioyh4risl] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-1ioyh4risl]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-1ioyh4risl]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-1ioyh4risl]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-1ioyh4risl]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-1ioyh4risl] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-1ioyh4risl] tbody tr td {
        background-color: white;
    }

    [b-1ioyh4risl] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-1ioyh4risl] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-1ioyh4risl] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



.create-post-btn[b-1ioyh4risl] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-1ioyh4risl] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-1ioyh4risl] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-1ioyh4risl] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-1ioyh4risl] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-1ioyh4risl] {
    padding: 12px 0;
}

.isnotpublished[b-1ioyh4risl] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ispublished[b-1ioyh4risl] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-1ioyh4risl] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-1ioyh4risl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-1ioyh4risl] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-1ioyh4risl] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-1ioyh4risl] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-1ioyh4risl] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-1ioyh4risl] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-1ioyh4risl] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-1ioyh4risl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-1ioyh4risl] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-1ioyh4risl] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-1ioyh4risl] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-1ioyh4risl] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-1ioyh4risl] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-1ioyh4risl] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-1ioyh4risl] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-1ioyh4risl] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.data-quantity[b-1ioyh4risl] {
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-price[b-1ioyh4risl] {
    color: var(--charade-500);
    font-feature-settings: 'ss01' on;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

[b-1ioyh4risl] .cell-checkbox {
}

[b-1ioyh4risl] .cell-id {
    width: 70px;
}

[b-1ioyh4risl] .cell-link {
    width: 70px;
}

[b-1ioyh4risl] .cell-price {
    width: 150px;
}

[b-1ioyh4risl] .cell-quantity {
    width: 100px;
}

[b-1ioyh4risl] .cell-publish-status {
    width: 120px;
}

[b-1ioyh4risl] .cell-publish-actions {
    width: 100px;
}


[b-1ioyh4risl] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-1ioyh4risl] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-1ioyh4risl] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-1ioyh4risl] {
        background-color: #ddd;
    }




.publish-select-item[b-1ioyh4risl] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-1ioyh4risl] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-1ioyh4risl] {
        background-color: var(--blue-100);
    }

.page-header[b-1ioyh4risl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-1ioyh4risl] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-1ioyh4risl] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-1ioyh4risl] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-1ioyh4risl] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-1ioyh4risl] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Products/ProductsMobile.razor.rz.scp.css */

.mobile-table-section[b-s7kvf69agp] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-s7kvf69agp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-s7kvf69agp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-s7kvf69agp] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-s7kvf69agp] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-s7kvf69agp] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-s7kvf69agp] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-s7kvf69agp] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-s7kvf69agp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-s7kvf69agp] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-s7kvf69agp] {
    font-size: 24px;
}

.filters-title-name[b-s7kvf69agp] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-s7kvf69agp] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-s7kvf69agp] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-s7kvf69agp]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-s7kvf69agp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-s7kvf69agp] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-s7kvf69agp] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-s7kvf69agp] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-s7kvf69agp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-s7kvf69agp] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-s7kvf69agp] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-s7kvf69agp] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-s7kvf69agp] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-s7kvf69agp] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-s7kvf69agp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-s7kvf69agp] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-s7kvf69agp] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-s7kvf69agp] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-s7kvf69agp] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-s7kvf69agp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-s7kvf69agp] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-s7kvf69agp] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-s7kvf69agp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-s7kvf69agp] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-s7kvf69agp] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-s7kvf69agp] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-s7kvf69agp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-s7kvf69agp] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-s7kvf69agp] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-s7kvf69agp] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-s7kvf69agp] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-s7kvf69agp] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-s7kvf69agp] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-s7kvf69agp] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-s7kvf69agp] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-s7kvf69agp] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-s7kvf69agp] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-s7kvf69agp] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-s7kvf69agp] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-s7kvf69agp] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-s7kvf69agp] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Products/ProductTranslations.razor.rz.scp.css */
.page-section[b-agx5wkeznm] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.billing-search-input[b-agx5wkeznm] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-agx5wkeznm] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-agx5wkeznm]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-agx5wkeznm] {
    border-radius: 12px;
    padding: 0 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-agx5wkeznm] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-agx5wkeznm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-agx5wkeznm] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.create-post-btn[b-agx5wkeznm] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-agx5wkeznm] {
        background-color: var(--blue-400);
    }

[b-agx5wkeznm] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-agx5wkeznm] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-agx5wkeznm]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-agx5wkeznm]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-agx5wkeznm]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-agx5wkeznm]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-agx5wkeznm] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-agx5wkeznm] tbody tr td {
        background-color: white;
    }

    [b-agx5wkeznm] tbody tr:hover {
        /*        background-color: #f9fcff;*/
        transition: background 0.3s ease;
    }


.data-table-icon[b-agx5wkeznm] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-agx5wkeznm] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-agx5wkeznm] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-agx5wkeznm] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-agx5wkeznm] {
    padding: 12px 0;
}

.isnotpublished[b-agx5wkeznm] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-agx5wkeznm] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-agx5wkeznm] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-agx5wkeznm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-agx5wkeznm] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-agx5wkeznm] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-agx5wkeznm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-agx5wkeznm] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-agx5wkeznm] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-agx5wkeznm] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-agx5wkeznm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-agx5wkeznm] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-agx5wkeznm] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-agx5wkeznm] {
        background-color: var(--blue-100);
    }


.more-actions-item-title[b-agx5wkeznm] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-agx5wkeznm] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-agx5wkeznm] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-agx5wkeznm] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-agx5wkeznm] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-agx5wkeznm] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-agx5wkeznm] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-agx5wkeznm] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-agx5wkeznm] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-agx5wkeznm] .cell-checkbox {
}

[b-agx5wkeznm] .cell-id {
    width: 70px;
}

[b-agx5wkeznm] .cell-language {
    width: 100px;
}

[b-agx5wkeznm] .cell-link {
    width: 70px;
}

[b-agx5wkeznm] .cell-publish-status {
    width: 100px;
}

[b-agx5wkeznm] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-agx5wkeznm] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-agx5wkeznm] {
        background-color: var(--blue-100);
    }


[b-agx5wkeznm] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    margin-bottom: 20px;
}

[b-agx5wkeznm] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

.page-header[b-agx5wkeznm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-agx5wkeznm] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-agx5wkeznm] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-agx5wkeznm] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-agx5wkeznm] {
    background-color: var(--blue-400);
}



@media screen and (max-width: 880px) {

    .admin-layout[b-agx5wkeznm] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Products/ProductTranslationsMobile.razor.rz.scp.css */

.mobile-table-section[b-w31gstn0g1] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-w31gstn0g1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-w31gstn0g1] {
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.mobile-table-filters[b-w31gstn0g1] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-w31gstn0g1] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-w31gstn0g1] {
    font-size: 24px;
}

.filters-title-name[b-w31gstn0g1] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-w31gstn0g1] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-w31gstn0g1] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-w31gstn0g1]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-w31gstn0g1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-w31gstn0g1] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-w31gstn0g1] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-w31gstn0g1] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-w31gstn0g1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-w31gstn0g1] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-w31gstn0g1] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-w31gstn0g1] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-w31gstn0g1] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-w31gstn0g1] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-w31gstn0g1] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-w31gstn0g1] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-w31gstn0g1] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-w31gstn0g1] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-w31gstn0g1] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-w31gstn0g1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-w31gstn0g1] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-w31gstn0g1] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-w31gstn0g1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-w31gstn0g1] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-w31gstn0g1] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-w31gstn0g1] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-w31gstn0g1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-w31gstn0g1] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-w31gstn0g1] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-w31gstn0g1] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-w31gstn0g1] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-w31gstn0g1] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-w31gstn0g1] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-w31gstn0g1] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-w31gstn0g1] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-w31gstn0g1] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-w31gstn0g1] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-table-header[b-w31gstn0g1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-w31gstn0g1] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-w31gstn0g1] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-w31gstn0g1] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-w31gstn0g1] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-w31gstn0g1] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Products/ProductTreeCategories.razor.rz.scp.css */
.tree-categories[b-sp3mteelhd] {
    padding: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tree-categories-search[b-sp3mteelhd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.categories-search-title[b-sp3mteelhd] {
    padding: 0 6px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.tree-categories-content[b-sp3mteelhd] {
    padding: 8px 8px 8px 12px;
    height: 251px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    overflow-y: auto;
}


[b-sp3mteelhd] .cms-custom-checkbox {
    opacity: 0;
    pointer-events: none;
}


    [b-sp3mteelhd] .cms-custom-checkbox + .category-label {
        position: relative;
        display: block;
        border-radius: 4px;
        cursor: pointer;
    }


    [b-sp3mteelhd] .cms-custom-checkbox:checked + .category-label::after {
        content: '✔';
        position: absolute;
        color: white;
        top: 0;
        right: -26px;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: var(--blue-500);
        box-shadow: 0 0 0 1.2px var(--blue-400);
    }


    [b-sp3mteelhd] .cms-custom-checkbox + .category-label::before {
        content: '';
        position: absolute;
        top: 0;
        right: -26px;
        width: 18px;
        height: 18px;
        background: var(--charade-50);
        box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.2px rgba(208, 208, 220, 0.80);
        border-radius: 4px;
    }


    [b-sp3mteelhd] .cms-custom-checkbox:checked + .category-label::before {
        background-color: transparent;
        border-color: rgba(96, 98, 127, 1);
    }

[b-sp3mteelhd] .category-label {
    color: var(--charade-600);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* /Areas/Admin/Pages/Products/UpdateProduct.razor.rz.scp.css */
.cms-form-section[b-8zq4bbyopo] {
    display: flex;
    gap: 24px;
}

.cms-form-fields[b-8zq4bbyopo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.field-items[b-8zq4bbyopo] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.tabs-section[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tab-content[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tab-header[b-8zq4bbyopo] {
    padding: 0 12px 12px 12px;
    border-bottom: 1px solid var(--charade-100);
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.tab-body[b-8zq4bbyopo] {
    border-radius: 8px;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    overflow: hidden;
}

.tab-titles[b-8zq4bbyopo] {
    display: flex;
    width: 100%;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    overflow-x: auto;
    white-space: nowrap;
}

    .tab-titles[b-8zq4bbyopo]::-webkit-scrollbar {
        height: 0px;
    }

.tab-title[b-8zq4bbyopo] {
    display: flex;
    align-content: center;
    gap: 4px;
    min-width: 118px;
    padding: 12px 16px;
    border-left: 1px solid var(--charade-100);
    cursor: pointer;
    flex-shrink: 0;
}

    .tab-title:hover[b-8zq4bbyopo] {
        opacity: 0.8;
    }

.tab-icon[b-8zq4bbyopo] {
    font-size: 18px;
}

.tab-label[b-8zq4bbyopo] {
    color: var(--charade-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.tab-title.active[b-8zq4bbyopo] {
    background: var(--blue-400);
}

    .tab-title.active .tab-label[b-8zq4bbyopo] {
        color: var(--accessibility-white);
    }

    .tab-title.active .tab-icon[b-8zq4bbyopo] {
        color: var(--accessibility-white);
    }

.tab-content-body[b-8zq4bbyopo] {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.payment-gateway[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.payment-gateway-title[b-8zq4bbyopo] {
    padding: 0 6px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.payment-gateway-title-text[b-8zq4bbyopo] {
    color: var(--charade-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.payment-gateway-help-icon[b-8zq4bbyopo] {
    opacity: 0.8;
    color: var(--blue-500);
    font-size: 18px;
}

.payment-gateway-list[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.payment-gateway-items[b-8zq4bbyopo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
}

.payment-gateway-item[b-8zq4bbyopo] {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    border: 1px solid var(--charade-100);
    background: var(--charade-50);
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

    .payment-gateway-item:hover[b-8zq4bbyopo] {
        border-radius: 99px;
        border: 1px solid var(--blue-500);
        background: var(--blue-50);
        color: var(--blue-500);
    }

.field-input[b-8zq4bbyopo] {
    border: none;
    outline: none;
    padding: 10px 12px;
}

    .field-input[b-8zq4bbyopo]::placeholder {
        color: var(--charade-300);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .field-input.field-input-error[b-8zq4bbyopo]::placeholder {
        color: var(--red-400);
        font-size: 14px;
    }

.field-items .error-badge[b-8zq4bbyopo] {
    display: none;
    padding: 4px 12px;
    position: absolute;
    top: 10px;
    left: 12px;
    border-radius: 999px;
    background: var(--red-100);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.field-items .error-badge-show[b-8zq4bbyopo] {
    display: block;
}



.field-items .field-title-input[b-8zq4bbyopo] {
    border-radius: 8px;
}

.field-input + .field-input[b-8zq4bbyopo] {
    border-top: 1px solid var(--charade-100);
}

.field-textarea[b-8zq4bbyopo] {
    border: none;
    outline: none;
    padding: 16px;
    color: var(--charade-700);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    border-radius: 8px;
    border: 1.5px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    min-height: 90px;
    max-height: 250px;
    width: 100%;
}

.text-area-field[b-8zq4bbyopo] {
    width: 100%;
}

.field-textarea[b-8zq4bbyopo]::placeholder {
    color: var(--charade-300);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.cms-form-options[b-8zq4bbyopo] {
    width: 318px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.cms-form-option[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px 16px 12px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.40);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.cms-form-option-header[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--charade-100);
}

.cms-form-option-title[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 16px 4px;
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.option-title-icon[b-8zq4bbyopo] {
    font-size: 18px;
}

.cms-form-option-action[b-8zq4bbyopo] {
    display: flex;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.cms-form-option-item[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.switch[b-8zq4bbyopo] {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

    .switch input[b-8zq4bbyopo] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-8zq4bbyopo] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.4s;
    border-radius: 34px;
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(208, 208, 220, 0.80);
}

    .slider[b-8zq4bbyopo]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        content: "";
        height: 16px;
        width: 16px;
        background: linear-gradient(180deg, var(--charade-300) 0%, var(--charade-400) 100%);
        box-shadow: 0 1px 4px 0 rgba(36, 36, 50, 0.29), 0 2px 6px -2px rgba(53, 53, 70, 0.65);
        transition: 0.4s;
        border-radius: 50%;
    }



input:checked + .slider[b-8zq4bbyopo] {
    background: var(--blue-100);
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(46, 165, 245, 0.60);
}

    input:checked + .slider[b-8zq4bbyopo]:before {
        transform: translate(16px, -50%);
        background: linear-gradient(180deg, var(--blue-300) 0%, var(--blue-500) 100%);
        box-shadow: 0 1px 4px 0 rgba(27, 143, 229, 0.30), 0 2px 6px -2px rgba(27, 143, 229, 0.65);
    }

.switch-label[b-8zq4bbyopo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--charade-800);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.slider-title[b-8zq4bbyopo] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

input[type="datetime-local"][b-8zq4bbyopo] {
    padding: 8px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
}

    input[type="datetime-local"]:focus[b-8zq4bbyopo] {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        outline: none;
    }

    input[type="datetime-local"]:disabled[b-8zq4bbyopo] {
        background-color: #f5f5f5;
        border-color: #ddd;
    }

    input[type="datetime-local"].error[b-8zq4bbyopo] {
        border-color: red;
    }


.cms-slug-wrapper[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 4px;
    border: 1px solid #E0E6ED;
    padding: 12px 8px;
    border-radius: 8px;
}

.cms-slug-icon[b-8zq4bbyopo] {
    color: var(--charade-300);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
}

.cms-slug-input[b-8zq4bbyopo] {
    outline: none;
    border: none;
    width: 100%;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--charade-700);
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .cms-slug-input[b-8zq4bbyopo]::placeholder {
        font-size: 12px;
    }

.cms-language-selector[b-8zq4bbyopo] {
    height: 100%;
    padding: 9px 12px 9px 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .cms-language-selector option[b-8zq4bbyopo] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .cms-language-selector:focus[b-8zq4bbyopo] {
        outline: none;
        border: 1.5px solid var(--charade-300);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .cms-language-selector:focus:not(:focus-visible)[b-8zq4bbyopo] {
            border: 1.5px solid var(--charade-300);
        }

.cms-langauge-selector-caption[b-8zq4bbyopo] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.cms-radio-group[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cms-radio-item[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cms-radio-label[b-8zq4bbyopo] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cms-radio-label-title[b-8zq4bbyopo] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cms-radio-label-icon[b-8zq4bbyopo] {
    font-size: 24px;
    color: var(--charade-300);
}

.cms-radio-item input[type="radio"][b-8zq4bbyopo] {
    display: none;
}

.cms-radio-item label[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
    position: relative;
}

    .cms-radio-item label[b-8zq4bbyopo]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        content: '';
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 2px solid var(--charade-200);
        display: block;
        margin-right: 8px;
        background-color: #fff;
        transition: all 0.2s ease;
    }

.cms-radio-item input[type="radio"]:checked + label[b-8zq4bbyopo]:before {
    border-color: var(--blue-500);
    background-color: var(--blue-100);
}

.cms-radio-item input[type="radio"]:checked + label[b-8zq4bbyopo]:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    width: 10px;
    height: 10px;
    background-color: var(--blue-500);
    border-radius: 50%;
}


.cms-radio-item input[type="radio"]:checked + label .cms-radio-label-title[b-8zq4bbyopo] {
    color: var(--blue-500);
}

.cms-radio-item input[type="radio"]:checked + label .cms-radio-label-icon[b-8zq4bbyopo] {
    color: var(--blue-500);
}

.cms-form-oprion-media[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.media-isprimary[b-8zq4bbyopo] {
    position: relative;
    height: 218px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 0 2px var(--blue-200);
}

.media-isprimary-badge[b-8zq4bbyopo] {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px;
    border-radius: 4px;
    background: var(--blue-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.media-isprimary img[b-8zq4bbyopo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-all-media[b-8zq4bbyopo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px;
    height: 250px;
    overflow-y: auto;
    border-radius: 8px;
    background: var(--charade-50);
}

.media-card[b-8zq4bbyopo] {
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background-color: white;
    height: 115px;
    overflow: hidden;
}

    .media-card:hover .media-card-badge-section[b-8zq4bbyopo] {
        top: 8px;
    }

.media-card-badge-section[b-8zq4bbyopo] {
    position: absolute;
    top: -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    transition: all 0.3s ease-in-out;
}

.media-card-badge[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.media-card-badge-icon[b-8zq4bbyopo] {
    padding: 4px;
    border-radius: 8px;
    border: 1px solid var(--charade-100);
    background: rgba(255, 255, 255, 0.90);
    font-size: 18px;
    color: var(--charade-500);
}

.media-card img[b-8zq4bbyopo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



[b-8zq4bbyopo] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-8zq4bbyopo] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-8zq4bbyopo] thead th:first-child {
            padding-right: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-8zq4bbyopo] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-8zq4bbyopo] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-8zq4bbyopo] tbody tr td {
        background-color: white;
    }

    [b-8zq4bbyopo] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-item[b-8zq4bbyopo] {
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 16px 0;
}
.option-title-icon[b-8zq4bbyopo] {
    font-size: 18px;
}
[b-8zq4bbyopo] .pager-icon {
    width: 100%;
    height: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-8zq4bbyopo] .form-group {
    display: none !important;
}

[b-8zq4bbyopo] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


[b-8zq4bbyopo] .cell-publish-actions {
    width: 100px;
}

.data-table-item-actions[b-8zq4bbyopo] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

.data-table-more-actions[b-8zq4bbyopo] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.data-table-icon[b-8zq4bbyopo] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-delete-icon[b-8zq4bbyopo] {
    padding: 8px;
    border-radius: 12px;
    background: var(--red-100);
    color: var(--red-800);
}

.data-table-more-actions-background[b-8zq4bbyopo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-8zq4bbyopo] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}

.delete-confirm-section[b-8zq4bbyopo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-8zq4bbyopo] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-8zq4bbyopo] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-8zq4bbyopo] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-8zq4bbyopo] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-8zq4bbyopo] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.product-attribute-header[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    direction: ltr;
    justify-content: space-between;
}

.product-attribute-header-action[b-8zq4bbyopo] {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

    .product-attribute-header-action:hover[b-8zq4bbyopo] {
        opacity: 0.6;
    }

.shipping-methods[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-dimensions[b-8zq4bbyopo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
}

.product-dimensions-item[b-8zq4bbyopo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cms-form-buttons[b-8zq4bbyopo] {
    width: calc(100% - 300px);
    position: fixed;
    bottom: 0px;
    padding: 12px 24px;
    border-top: 1px solid var(--charade-100);
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    z-index: 10;
}



.cms-form-btn[b-8zq4bbyopo] {
    position: relative;
    padding: 10px 22px;
    border-radius: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    cursor: pointer;
}

.publish-btn[b-8zq4bbyopo] {
    background: var(--blue-400);
    color: var(--accessibility-white);
}

.draft-btn[b-8zq4bbyopo] {
    background: var(--charade-100);
}

.cms-form-btn:hover[b-8zq4bbyopo] {
    opacity: 0.7;
}

.data-price[b-8zq4bbyopo] {
    color: var(--charade-500);
    font-feature-settings: 'ss01' on;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-item-status[b-8zq4bbyopo] {
    padding: 12px 0;
}

.isnotpublished[b-8zq4bbyopo] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ispublished[b-8zq4bbyopo] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 24px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.mobile-header[b-8zq4bbyopo] {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-title[b-8zq4bbyopo] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mobile-header-action[b-8zq4bbyopo] {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(126, 128, 156, 0.12);
}

.mobile-header-action-icon[b-8zq4bbyopo] {
    font-size: 20px;
}

.mobile-header-action-title[b-8zq4bbyopo] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 880px) {

    .cms-form-buttons[b-8zq4bbyopo] {
        bottom: 12px;
        width: calc(100% - 16px);
        margin: 0 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 14px 12px;
        border-radius: 12px;
        border: 1px solid #F5F5F8;
        background: rgba(255, 255, 255, 1);
        /*        box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);*/
        backdrop-filter: blur(8px);
        z-index: 1080;
    }

    .cms-form-btn[b-8zq4bbyopo] {
        flex: 1;
        padding: 12px 20px;
        text-align: center;
    }
}

@media screen and (max-width: 1100px) {

    .mobile-header[b-8zq4bbyopo] {
        display: flex;
    }

    .cms-form-section[b-8zq4bbyopo] {
        flex-direction: column;
    }


    .cms-form-options[b-8zq4bbyopo],
    .cms-form-fields[b-8zq4bbyopo] {
        display: contents;
    }

        .cms-form-fields .cms-form-field:nth-child(1)[b-8zq4bbyopo] {
            order: 1;
        }

        .cms-form-fields .cms-form-field:nth-child(2)[b-8zq4bbyopo] {
            order: 2;
        }

        .cms-form-fields .cms-form-field:nth-child(3)[b-8zq4bbyopo] {
            order: 3;
        }

        .cms-form-options .cms-form-option:nth-child(2)[b-8zq4bbyopo] {
            order: 4;
        }

        .cms-form-options .cms-form-option:nth-child(4)[b-8zq4bbyopo] {
            order: 5;
        }

        .cms-form-options .cms-form-option:nth-child(3)[b-8zq4bbyopo] {
            order: 6;
        }

        .cms-form-options .cms-form-option:nth-child(1)[b-8zq4bbyopo] {
            order: 7;
        }

        .cms-form-fields .cms-form-field:nth-child(4)[b-8zq4bbyopo] {
            order: 8;
        }

        .cms-form-options .cms-form-option:nth-child(5)[b-8zq4bbyopo] {
            order: 9;
        }
}
/* /Areas/Admin/Pages/ProductTags/MobileProductTag.razor.rz.scp.css */

.mobile-table-section[b-x1c9cs800e] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-x1c9cs800e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-x1c9cs800e] {
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.mobile-table-filters[b-x1c9cs800e] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-x1c9cs800e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-x1c9cs800e] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-x1c9cs800e] {
    font-size: 24px;
}

.filters-title-name[b-x1c9cs800e] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-x1c9cs800e] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-x1c9cs800e] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-x1c9cs800e]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-x1c9cs800e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-x1c9cs800e] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-x1c9cs800e] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-x1c9cs800e] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-x1c9cs800e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-x1c9cs800e] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-x1c9cs800e] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-x1c9cs800e] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-x1c9cs800e] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-x1c9cs800e] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-x1c9cs800e] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-x1c9cs800e] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-x1c9cs800e] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-x1c9cs800e] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-x1c9cs800e] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-x1c9cs800e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-x1c9cs800e] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-x1c9cs800e] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-x1c9cs800e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-x1c9cs800e] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-x1c9cs800e] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-x1c9cs800e] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-x1c9cs800e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-x1c9cs800e] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-x1c9cs800e] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-x1c9cs800e] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-x1c9cs800e] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-x1c9cs800e] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-x1c9cs800e] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-x1c9cs800e] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-x1c9cs800e] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-x1c9cs800e] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-x1c9cs800e] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-x1c9cs800e] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-x1c9cs800e] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-x1c9cs800e] {
        background-color: #ddd;
    }

.mobile-table-header[b-x1c9cs800e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-x1c9cs800e] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-x1c9cs800e] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-x1c9cs800e] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-x1c9cs800e] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-x1c9cs800e] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductTags/MobileProductTagTranslations.razor.rz.scp.css */

.mobile-table-section[b-tbfb70xay2] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-tbfb70xay2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-tbfb70xay2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-tbfb70xay2] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-tbfb70xay2] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-tbfb70xay2] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-tbfb70xay2] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-tbfb70xay2] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-tbfb70xay2] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-tbfb70xay2] {
    font-size: 24px;
}

.filters-title-name[b-tbfb70xay2] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-tbfb70xay2] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-tbfb70xay2] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-tbfb70xay2]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-tbfb70xay2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-tbfb70xay2] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-tbfb70xay2] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-tbfb70xay2] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-tbfb70xay2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-tbfb70xay2] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-tbfb70xay2] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-tbfb70xay2] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-tbfb70xay2] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-tbfb70xay2] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-tbfb70xay2] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-tbfb70xay2] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-tbfb70xay2] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-tbfb70xay2] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-tbfb70xay2] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-tbfb70xay2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-tbfb70xay2] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-tbfb70xay2] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-tbfb70xay2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-tbfb70xay2] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-tbfb70xay2] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-tbfb70xay2] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-tbfb70xay2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-tbfb70xay2] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-tbfb70xay2] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-tbfb70xay2] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-tbfb70xay2] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-tbfb70xay2] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-tbfb70xay2] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-tbfb70xay2] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-tbfb70xay2] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-tbfb70xay2] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-tbfb70xay2] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-tbfb70xay2] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ProductTags/ProductTags.razor.rz.scp.css */
.page-section[b-wlmlwy87gi] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.billing-search-input[b-wlmlwy87gi] {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-wlmlwy87gi] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-wlmlwy87gi]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-wlmlwy87gi] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-wlmlwy87gi] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-wlmlwy87gi] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-wlmlwy87gi] table {
    width: 100%;
    font-size: 0.95rem;
}

.create-post-btn[b-wlmlwy87gi] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-wlmlwy87gi] {
        background-color: var(--blue-400);
    }

.create-tag-action[b-wlmlwy87gi] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-wlmlwy87gi] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-wlmlwy87gi] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-wlmlwy87gi] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-wlmlwy87gi] {
    opacity: 0.5;
}

.cancel-tag-btn[b-wlmlwy87gi] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-wlmlwy87gi] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

[b-wlmlwy87gi] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-wlmlwy87gi] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-wlmlwy87gi]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-wlmlwy87gi]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-wlmlwy87gi]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-wlmlwy87gi]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-wlmlwy87gi] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-wlmlwy87gi] tbody tr td {
    }

    [b-wlmlwy87gi] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-wlmlwy87gi] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-wlmlwy87gi] {
    padding: 14px 0;
}

.data-table-slug[b-wlmlwy87gi] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-wlmlwy87gi] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-wlmlwy87gi] {
    padding: 12px 0;
}

.isnotpublished[b-wlmlwy87gi] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-wlmlwy87gi] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-wlmlwy87gi] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-wlmlwy87gi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-wlmlwy87gi] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-wlmlwy87gi] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-wlmlwy87gi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-wlmlwy87gi] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-wlmlwy87gi] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-wlmlwy87gi] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-wlmlwy87gi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-wlmlwy87gi] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-wlmlwy87gi] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
}

    .more-actions-item:hover[b-wlmlwy87gi] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-wlmlwy87gi] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-wlmlwy87gi] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-wlmlwy87gi] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-wlmlwy87gi] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.tag-title[b-wlmlwy87gi] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-wlmlwy87gi] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-wlmlwy87gi] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-wlmlwy87gi] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-wlmlwy87gi] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-wlmlwy87gi] .cell-checkbox {
}

[b-wlmlwy87gi] .cell-id {
    width: 70px;
}

[b-wlmlwy87gi] .cell-link {
    width: 70px;
}

[b-wlmlwy87gi] .cell-publish-status {
    width: 100px;
}

[b-wlmlwy87gi] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-wlmlwy87gi] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-wlmlwy87gi] {
        background-color: var(--blue-100);
    }


[b-wlmlwy87gi] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

[b-wlmlwy87gi] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-wlmlwy87gi] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-wlmlwy87gi] .custom-toast-danger {
    background-color: var(--red-500);
    color: white;
}


[b-wlmlwy87gi] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.create-tag-section[b-wlmlwy87gi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-wlmlwy87gi] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.page-header[b-wlmlwy87gi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-wlmlwy87gi] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-wlmlwy87gi] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-wlmlwy87gi] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-wlmlwy87gi] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-wlmlwy87gi] {
        display: none;
    }
}
/* /Areas/Admin/Pages/ProductTags/ProductTagTranslations.razor.rz.scp.css */
.page-section[b-emwu794tt2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.billing-search-input[b-emwu794tt2] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-emwu794tt2] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-emwu794tt2]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-emwu794tt2] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-emwu794tt2] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.filters-section[b-emwu794tt2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-emwu794tt2] table {
    width: 100%;
    font-size: 0.95rem;
}

.create-post-btn[b-emwu794tt2] {
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-emwu794tt2] {
        background-color: var(--blue-400);
    }

.create-tag-action[b-emwu794tt2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-emwu794tt2] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-emwu794tt2] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-emwu794tt2] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-emwu794tt2] {
    opacity: 0.5;
}

.cancel-tag-btn[b-emwu794tt2] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-emwu794tt2] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

[b-emwu794tt2] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-emwu794tt2] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-emwu794tt2]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-emwu794tt2]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-emwu794tt2]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-emwu794tt2]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-emwu794tt2] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-emwu794tt2] tbody tr td {
    }

    [b-emwu794tt2] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-emwu794tt2] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-emwu794tt2] {
    padding: 14px 0;
}

.data-table-slug[b-emwu794tt2] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-emwu794tt2] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-emwu794tt2] {
    padding: 12px 0;
}

.isnotpublished[b-emwu794tt2] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-emwu794tt2] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-emwu794tt2] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-emwu794tt2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-emwu794tt2] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-emwu794tt2] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-emwu794tt2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-emwu794tt2] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-emwu794tt2] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-emwu794tt2] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-emwu794tt2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-emwu794tt2] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-emwu794tt2] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
}

    .more-actions-item:hover[b-emwu794tt2] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-emwu794tt2] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-emwu794tt2] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-emwu794tt2] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-emwu794tt2] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.tag-title[b-emwu794tt2] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-emwu794tt2] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-emwu794tt2] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-emwu794tt2] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-emwu794tt2] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-emwu794tt2] .cell-checkbox {
}

[b-emwu794tt2] .cell-id {
    width: 70px;
}

[b-emwu794tt2] .cell-link {
    width: 70px;
}

[b-emwu794tt2] .cell-publish-status {
    width: 100px;
}

[b-emwu794tt2] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-emwu794tt2] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-emwu794tt2] {
        background-color: var(--blue-100);
    }


[b-emwu794tt2] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

[b-emwu794tt2] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-emwu794tt2] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-emwu794tt2] .custom-toast-danger {
    background-color: var(--red-500);
    color: white;
}


[b-emwu794tt2] .publish-select-item {
    font-size: 14px;
    color: var(--charade-500);
}


.create-tag-section[b-emwu794tt2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-emwu794tt2] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.page-header[b-emwu794tt2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-emwu794tt2] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-emwu794tt2] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-emwu794tt2] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-emwu794tt2] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-emwu794tt2] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Roles/Roles.razor.rz.scp.css */
.page-section[b-gn074tpugz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-gn074tpugz] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-gn074tpugz] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-gn074tpugz]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-gn074tpugz] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-gn074tpugz] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-gn074tpugz] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-gn074tpugz] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-gn074tpugz] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-gn074tpugz] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-gn074tpugz]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-gn074tpugz]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-gn074tpugz]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-gn074tpugz]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-gn074tpugz] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-gn074tpugz] tbody tr td {
        background-color: white;
    }

    [b-gn074tpugz] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-gn074tpugz] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-gn074tpugz] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



.create-post-btn[b-gn074tpugz] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-gn074tpugz] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-gn074tpugz] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-gn074tpugz] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-gn074tpugz] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-gn074tpugz] {
    padding: 12px 0;
}

.isnotpublished[b-gn074tpugz] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-gn074tpugz] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-gn074tpugz] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-gn074tpugz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-gn074tpugz] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-gn074tpugz] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-gn074tpugz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-gn074tpugz] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-gn074tpugz] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-gn074tpugz] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-gn074tpugz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-gn074tpugz] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-gn074tpugz] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-gn074tpugz] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-gn074tpugz] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-gn074tpugz] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-gn074tpugz] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-gn074tpugz] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-gn074tpugz] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 25px;
}

.post-badge[b-gn074tpugz] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-gn074tpugz] .cell-checkbox {
}

[b-gn074tpugz] .cell-id {
    width: 70px;
}

[b-gn074tpugz] .cell-link {
    width: 70px;
}

[b-gn074tpugz] .cell-publish-status {
    width: 120px;
}

[b-gn074tpugz] .cell-publish-actions {
    width: 100px;
}


[b-gn074tpugz] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-gn074tpugz] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-gn074tpugz] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-gn074tpugz] {
        background-color: #ddd;
    }




.publish-select-item[b-gn074tpugz] {
    font-size: 14px;
    color: var(--charade-500);
}


.link-icon[b-gn074tpugz] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-gn074tpugz] {
        background-color: var(--blue-100);
    }

.page-header[b-gn074tpugz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-gn074tpugz] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-gn074tpugz] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-gn074tpugz] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-gn074tpugz] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-gn074tpugz] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Roles/RolesMobile.razor.rz.scp.css */

.mobile-table-section[b-3yyqucbdv8] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-3yyqucbdv8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-filters[b-3yyqucbdv8] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-3yyqucbdv8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-3yyqucbdv8] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-3yyqucbdv8] {
    font-size: 24px;
}

.filters-title-name[b-3yyqucbdv8] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-3yyqucbdv8] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-3yyqucbdv8] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-3yyqucbdv8]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-3yyqucbdv8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-3yyqucbdv8] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-3yyqucbdv8] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-3yyqucbdv8] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-3yyqucbdv8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-3yyqucbdv8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-3yyqucbdv8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-3yyqucbdv8] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-3yyqucbdv8] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-3yyqucbdv8] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-3yyqucbdv8] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-3yyqucbdv8] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-3yyqucbdv8] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-3yyqucbdv8] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-3yyqucbdv8] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-3yyqucbdv8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-3yyqucbdv8] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-3yyqucbdv8] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-3yyqucbdv8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-3yyqucbdv8] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-3yyqucbdv8] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-3yyqucbdv8] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-3yyqucbdv8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-3yyqucbdv8] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
    background: var(--charade-50);
}


.more-actions-item[b-3yyqucbdv8] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-3yyqucbdv8] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-3yyqucbdv8] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-3yyqucbdv8] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-3yyqucbdv8] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-3yyqucbdv8] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-3yyqucbdv8] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-3yyqucbdv8] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-3yyqucbdv8] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-3yyqucbdv8] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-3yyqucbdv8] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-3yyqucbdv8] {
        background-color: #ddd;
    }

.mobile-table-header[b-3yyqucbdv8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-3yyqucbdv8] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-3yyqucbdv8] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-3yyqucbdv8] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-3yyqucbdv8] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-3yyqucbdv8] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ShippingCosts/ShippingCosts.razor.rz.scp.css */
.page-section[b-t0o0d86le6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-t0o0d86le6] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-t0o0d86le6] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-t0o0d86le6]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-t0o0d86le6] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-t0o0d86le6] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-t0o0d86le6] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-t0o0d86le6] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-t0o0d86le6] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-t0o0d86le6]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-t0o0d86le6]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-t0o0d86le6]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-t0o0d86le6]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-t0o0d86le6] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-t0o0d86le6] tbody tr td {
        background-color: white;
    }

    [b-t0o0d86le6] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-t0o0d86le6] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-t0o0d86le6] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header[b-t0o0d86le6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-t0o0d86le6] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-t0o0d86le6] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-t0o0d86le6] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-t0o0d86le6] {
    background-color: var(--blue-400);
}

.data-table-icon[b-t0o0d86le6] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-t0o0d86le6] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-t0o0d86le6] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-t0o0d86le6] {
    padding: 12px 0;
}

.isnotpublished[b-t0o0d86le6] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-t0o0d86le6] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-t0o0d86le6] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-t0o0d86le6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-t0o0d86le6] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-t0o0d86le6] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-t0o0d86le6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-t0o0d86le6] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-t0o0d86le6] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-t0o0d86le6] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-t0o0d86le6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-t0o0d86le6] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
}


.more-actions-item[b-t0o0d86le6] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

    .more-actions-item:hover[b-t0o0d86le6] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-t0o0d86le6] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-t0o0d86le6] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-t0o0d86le6] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-t0o0d86le6] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-t0o0d86le6] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-t0o0d86le6] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-t0o0d86le6] .cell-publish-weight {
    width: 150px;
}

[b-t0o0d86le6] .cell-publish-actions {
    width: 100px;
}


[b-t0o0d86le6] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-t0o0d86le6] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-t0o0d86le6] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-t0o0d86le6] {
        background-color: #ddd;
    }




.publish-select-item[b-t0o0d86le6] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-t0o0d86le6] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-t0o0d86le6] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-t0o0d86le6] {
        display: none;
    }
}
/* /Areas/Admin/Pages/ShippingCosts/ShippingCostsCreateForm.razor.rz.scp.css */
.create-tag-section[b-8bwhz7ltpf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-8bwhz7ltpf] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-8bwhz7ltpf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-8bwhz7ltpf] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-8bwhz7ltpf] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-8bwhz7ltpf] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-8bwhz7ltpf] {
    opacity: 0.5;
}

.cancel-tag-btn[b-8bwhz7ltpf] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-8bwhz7ltpf] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-8bwhz7ltpf] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.display-order[b-8bwhz7ltpf] {
    flex: 1;
}

.display-order-input[b-8bwhz7ltpf] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-8bwhz7ltpf] {
    position: relative;
}

.feature-search[b-8bwhz7ltpf] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-8bwhz7ltpf]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-8bwhz7ltpf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-8bwhz7ltpf] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-8bwhz7ltpf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-8bwhz7ltpf] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-8bwhz7ltpf] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-8bwhz7ltpf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-8bwhz7ltpf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-8bwhz7ltpf] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-8bwhz7ltpf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-8bwhz7ltpf] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-8bwhz7ltpf] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-8bwhz7ltpf] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-8bwhz7ltpf] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-8bwhz7ltpf] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-8bwhz7ltpf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-8bwhz7ltpf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-8bwhz7ltpf] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-8bwhz7ltpf] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-8bwhz7ltpf] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-8bwhz7ltpf] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-8bwhz7ltpf] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-8bwhz7ltpf] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-8bwhz7ltpf] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-8bwhz7ltpf] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-8bwhz7ltpf] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-8bwhz7ltpf] {
            display: block;
        }
/* /Areas/Admin/Pages/ShippingCosts/ShippingCostsMobile.razor.rz.scp.css */

.mobile-table-section[b-q9afdnwvo1] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-q9afdnwvo1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-q9afdnwvo1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-q9afdnwvo1] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-q9afdnwvo1] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-q9afdnwvo1] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-q9afdnwvo1] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-q9afdnwvo1] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-q9afdnwvo1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-q9afdnwvo1] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-q9afdnwvo1] {
    font-size: 24px;
}

.filters-title-name[b-q9afdnwvo1] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-q9afdnwvo1] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-q9afdnwvo1] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-q9afdnwvo1]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-q9afdnwvo1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-q9afdnwvo1] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-q9afdnwvo1] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-q9afdnwvo1] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-q9afdnwvo1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-q9afdnwvo1] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-q9afdnwvo1] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-q9afdnwvo1] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-q9afdnwvo1] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-q9afdnwvo1] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-q9afdnwvo1] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-q9afdnwvo1] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-q9afdnwvo1] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-q9afdnwvo1] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-q9afdnwvo1] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-q9afdnwvo1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-q9afdnwvo1] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-q9afdnwvo1] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-q9afdnwvo1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-q9afdnwvo1] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-q9afdnwvo1] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-q9afdnwvo1] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-q9afdnwvo1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-q9afdnwvo1] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-q9afdnwvo1] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-q9afdnwvo1] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-q9afdnwvo1] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-q9afdnwvo1] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-q9afdnwvo1] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-q9afdnwvo1] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-q9afdnwvo1] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-q9afdnwvo1] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-q9afdnwvo1] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-q9afdnwvo1] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-q9afdnwvo1] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-q9afdnwvo1] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-q9afdnwvo1] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ShippingCosts/ShippingCostsUpdateForm.razor.rz.scp.css */
.create-tag-section[b-a4ztogp3za] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-a4ztogp3za] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-a4ztogp3za] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-a4ztogp3za] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-a4ztogp3za] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-a4ztogp3za] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-a4ztogp3za] {
    opacity: 0.5;
}

.cancel-tag-btn[b-a4ztogp3za] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-a4ztogp3za] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-a4ztogp3za] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.display-order[b-a4ztogp3za] {
    flex: 1;
}

.display-order-input[b-a4ztogp3za] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-a4ztogp3za] {
    position: relative;
}

.feature-search[b-a4ztogp3za] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-a4ztogp3za]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-a4ztogp3za] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-a4ztogp3za] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-a4ztogp3za] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-a4ztogp3za] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-a4ztogp3za] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-a4ztogp3za] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-a4ztogp3za] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-a4ztogp3za] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-a4ztogp3za] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-a4ztogp3za] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-a4ztogp3za] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-a4ztogp3za] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-a4ztogp3za] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-a4ztogp3za] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-a4ztogp3za] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-a4ztogp3za] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-a4ztogp3za] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-a4ztogp3za] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-a4ztogp3za] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-a4ztogp3za] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-a4ztogp3za] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-a4ztogp3za] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-a4ztogp3za] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-a4ztogp3za] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-a4ztogp3za] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-a4ztogp3za] {
            display: block;
        }
/* /Areas/Admin/Pages/ShippingMethods/ShippingMethods.razor.rz.scp.css */
.page-section[b-9l8pmljw9r] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-9l8pmljw9r] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-9l8pmljw9r] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-9l8pmljw9r]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-9l8pmljw9r] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-9l8pmljw9r] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-9l8pmljw9r] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-9l8pmljw9r] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-9l8pmljw9r] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-9l8pmljw9r]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-9l8pmljw9r]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-9l8pmljw9r]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-9l8pmljw9r]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-9l8pmljw9r] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-9l8pmljw9r] tbody tr td {
        background-color: white;
    }

    [b-9l8pmljw9r] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-9l8pmljw9r] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-9l8pmljw9r] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header[b-9l8pmljw9r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-9l8pmljw9r] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-9l8pmljw9r] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-9l8pmljw9r] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-9l8pmljw9r] {
    background-color: var(--blue-400);
}

.data-table-icon[b-9l8pmljw9r] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-9l8pmljw9r] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-9l8pmljw9r] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-9l8pmljw9r] {
    padding: 12px 0;
}

.isnotpublished[b-9l8pmljw9r] {
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-9l8pmljw9r] {
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-9l8pmljw9r] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-9l8pmljw9r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-9l8pmljw9r] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-9l8pmljw9r] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-9l8pmljw9r] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-9l8pmljw9r] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-9l8pmljw9r] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-9l8pmljw9r] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-9l8pmljw9r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-9l8pmljw9r] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
}


.more-actions-item[b-9l8pmljw9r] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

    .more-actions-item:hover[b-9l8pmljw9r] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-9l8pmljw9r] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-9l8pmljw9r] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-9l8pmljw9r] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-9l8pmljw9r] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-9l8pmljw9r] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-badge[b-9l8pmljw9r] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-9l8pmljw9r] .cell-checkbox {
}

[b-9l8pmljw9r] .cell-id {
    width: 70px;
}

[b-9l8pmljw9r] .cell-link {
    width: 70px;
}

[b-9l8pmljw9r] .cell-publish-status {
    width: 120px;
}

[b-9l8pmljw9r] .cell-publish-actions {
    width: 100px;
}


[b-9l8pmljw9r] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-9l8pmljw9r] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-300);
}

#publishStatus option[b-9l8pmljw9r] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #333;
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-9l8pmljw9r] {
        background-color: #ddd;
    }




.publish-select-item[b-9l8pmljw9r] {
    /*font-size: 14px;*/
    /*color: var(--charade-500);*/
}


.link-icon[b-9l8pmljw9r] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-9l8pmljw9r] {
        background-color: var(--blue-100);
    }


@media screen and (max-width: 880px) {

    .admin-layout[b-9l8pmljw9r] {
        display: none;
    }
}
/* /Areas/Admin/Pages/ShippingMethods/ShippingMethodsCreateForm.razor.rz.scp.css */
.create-tag-section[b-k55sll7pxe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-k55sll7pxe] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-k55sll7pxe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-k55sll7pxe] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-k55sll7pxe] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-k55sll7pxe] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-k55sll7pxe] {
    opacity: 0.5;
}

.cancel-tag-btn[b-k55sll7pxe] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-k55sll7pxe] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-k55sll7pxe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-k55sll7pxe] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-k55sll7pxe] {
    position: relative;
}

.feature-search[b-k55sll7pxe] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-k55sll7pxe]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-k55sll7pxe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-k55sll7pxe] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-k55sll7pxe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-k55sll7pxe] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-k55sll7pxe] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-k55sll7pxe] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-k55sll7pxe] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-k55sll7pxe] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-k55sll7pxe] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-k55sll7pxe] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-k55sll7pxe] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-k55sll7pxe] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-k55sll7pxe] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-k55sll7pxe] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-k55sll7pxe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-k55sll7pxe] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-k55sll7pxe] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-k55sll7pxe] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-k55sll7pxe] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-k55sll7pxe] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-k55sll7pxe] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-k55sll7pxe] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-k55sll7pxe] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-k55sll7pxe] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-k55sll7pxe] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-k55sll7pxe] {
            display: block;
        }
/* /Areas/Admin/Pages/ShippingMethods/ShippingMethodsEditForm.razor.rz.scp.css */
.create-tag-section[b-kh80srncsa] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-kh80srncsa] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-kh80srncsa] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-kh80srncsa] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-kh80srncsa] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-kh80srncsa] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-kh80srncsa] {
    opacity: 0.5;
}

.cancel-tag-btn[b-kh80srncsa] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-kh80srncsa] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-kh80srncsa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-kh80srncsa] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-kh80srncsa] {
    position: relative;
}

.feature-search[b-kh80srncsa] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-kh80srncsa]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-kh80srncsa] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-kh80srncsa] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-kh80srncsa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-kh80srncsa] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-kh80srncsa] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-kh80srncsa] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-kh80srncsa] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-kh80srncsa] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-kh80srncsa] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-kh80srncsa] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-kh80srncsa] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-kh80srncsa] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-kh80srncsa] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-kh80srncsa] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-kh80srncsa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-kh80srncsa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-kh80srncsa] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-kh80srncsa] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-kh80srncsa] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-kh80srncsa] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-kh80srncsa] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-kh80srncsa] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-kh80srncsa] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-kh80srncsa] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-kh80srncsa] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-kh80srncsa] {
            display: block;
        }
/* /Areas/Admin/Pages/ShippingMethods/ShippingMethodsMobile.razor.rz.scp.css */

.mobile-table-section[b-ipc3lp7uk4] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-ipc3lp7uk4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-ipc3lp7uk4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-ipc3lp7uk4] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-ipc3lp7uk4] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-ipc3lp7uk4] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-ipc3lp7uk4] {
    background-color: var(--blue-400);
}

.mobile-table-filters[b-ipc3lp7uk4] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-ipc3lp7uk4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-ipc3lp7uk4] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-ipc3lp7uk4] {
    font-size: 24px;
}

.filters-title-name[b-ipc3lp7uk4] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-ipc3lp7uk4] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-ipc3lp7uk4] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-ipc3lp7uk4]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-ipc3lp7uk4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-ipc3lp7uk4] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-ipc3lp7uk4] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-ipc3lp7uk4] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-ipc3lp7uk4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-ipc3lp7uk4] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-ipc3lp7uk4] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-ipc3lp7uk4] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-ipc3lp7uk4] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-ipc3lp7uk4] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-ipc3lp7uk4] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-ipc3lp7uk4] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-ipc3lp7uk4] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-ipc3lp7uk4] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-ipc3lp7uk4] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-ipc3lp7uk4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-ipc3lp7uk4] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-ipc3lp7uk4] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-ipc3lp7uk4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-ipc3lp7uk4] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-ipc3lp7uk4] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-ipc3lp7uk4] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-ipc3lp7uk4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-ipc3lp7uk4] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 170px;
}


.more-actions-item[b-ipc3lp7uk4] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-ipc3lp7uk4] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-ipc3lp7uk4] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-ipc3lp7uk4] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-ipc3lp7uk4] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-ipc3lp7uk4] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-ipc3lp7uk4] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-ipc3lp7uk4] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-ipc3lp7uk4] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-ipc3lp7uk4] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-ipc3lp7uk4] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-ipc3lp7uk4] {
        background-color: #ddd;
    }




@media screen and (max-width: 880px) {
    .mobile-table-section[b-ipc3lp7uk4] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/ShippingMethods/ShippingMethodsTranslations.razor.rz.scp.css */
.page-section[b-cx4lfqqmil] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header[b-cx4lfqqmil] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-cx4lfqqmil] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-cx4lfqqmil] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-cx4lfqqmil]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-cx4lfqqmil] {
    border-radius: 12px;
    padding: 0 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-cx4lfqqmil] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-cx4lfqqmil] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-cx4lfqqmil] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.create-post-btn[b-cx4lfqqmil] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-cx4lfqqmil] {
        background-color: var(--blue-400);
    }

[b-cx4lfqqmil] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-cx4lfqqmil] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-cx4lfqqmil]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-cx4lfqqmil]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-cx4lfqqmil]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-cx4lfqqmil]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-cx4lfqqmil] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-cx4lfqqmil] tbody tr td {
        background-color: white;
    }

    [b-cx4lfqqmil] tbody tr:hover {
        /*        background-color: #f9fcff;*/
        transition: background 0.3s ease;
    }


.data-table-icon[b-cx4lfqqmil] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-cx4lfqqmil] {
    padding: 14px 0;
    /*    font-size: 12px;*/
}

.data-table-slug[b-cx4lfqqmil] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}

.view-count[b-cx4lfqqmil] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}



.data-table-item-status[b-cx4lfqqmil] {
    padding: 12px 0;
}

.isnotpublished[b-cx4lfqqmil] {
    color: var(--charade-400);
    background-color: var(--charade-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-cx4lfqqmil] {
    color: var(--blue-500);
    background-color: var(--blue-100);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.data-table-more-actions[b-cx4lfqqmil] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-cx4lfqqmil] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-cx4lfqqmil] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-cx4lfqqmil] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-cx4lfqqmil] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-cx4lfqqmil] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-cx4lfqqmil] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-cx4lfqqmil] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-cx4lfqqmil] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-cx4lfqqmil] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-cx4lfqqmil] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-cx4lfqqmil] {
        background-color: var(--blue-100);
    }


.more-actions-item-title[b-cx4lfqqmil] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-cx4lfqqmil] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-cx4lfqqmil] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-cx4lfqqmil] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-cx4lfqqmil] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 25px;
}

.post-badge[b-cx4lfqqmil] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}


[b-cx4lfqqmil] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-cx4lfqqmil] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-cx4lfqqmil] .custom-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

[b-cx4lfqqmil] .cell-checkbox {
}

[b-cx4lfqqmil] .cell-id {
    width: 70px;
}

[b-cx4lfqqmil] .cell-link {
    width: 70px;
}

[b-cx4lfqqmil] .cell-publish-status {
    width: 100px;
}

[b-cx4lfqqmil] .cell-publish-actions {
    width: 100px;
}

.link-icon[b-cx4lfqqmil] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}

    .link-icon:hover[b-cx4lfqqmil] {
        background-color: var(--blue-100);
    }


[b-cx4lfqqmil] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    margin-bottom: 20px;
}

[b-cx4lfqqmil] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}


@media screen and (max-width: 880px) {

    .admin-layout[b-cx4lfqqmil] {
        display: none;
    }
}
/* /Areas/Admin/Pages/ShippingMethods/ShippingMethodsTranslationsCreateOrUpdate.razor.rz.scp.css */
.create-tag-section[b-c6jm9atuuk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-c6jm9atuuk] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-c6jm9atuuk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-c6jm9atuuk] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-c6jm9atuuk] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-c6jm9atuuk] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-c6jm9atuuk] {
    opacity: 0.5;
}

.cancel-tag-btn[b-c6jm9atuuk] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-c6jm9atuuk] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-c6jm9atuuk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-c6jm9atuuk] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-c6jm9atuuk] {
    position: relative;
}

.feature-search[b-c6jm9atuuk] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-c6jm9atuuk]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-c6jm9atuuk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-c6jm9atuuk] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-c6jm9atuuk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-c6jm9atuuk] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-c6jm9atuuk] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-c6jm9atuuk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-c6jm9atuuk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-c6jm9atuuk] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-c6jm9atuuk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-c6jm9atuuk] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-c6jm9atuuk] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-c6jm9atuuk] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-c6jm9atuuk] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-c6jm9atuuk] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-c6jm9atuuk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-c6jm9atuuk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-c6jm9atuuk] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-c6jm9atuuk] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-c6jm9atuuk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-c6jm9atuuk] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-c6jm9atuuk] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-c6jm9atuuk] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-c6jm9atuuk] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-c6jm9atuuk] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-c6jm9atuuk] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-c6jm9atuuk] {
            display: block;
        }
/* /Areas/Admin/Pages/ShippingMethods/ShippingMethodsTranslationsMobile.razor.rz.scp.css */

.mobile-table-section[b-21rtc8kma9] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-21rtc8kma9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-header[b-21rtc8kma9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-21rtc8kma9] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-21rtc8kma9] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-21rtc8kma9] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-21rtc8kma9] {
    background-color: var(--blue-400);
}


.mobile-table-filters[b-21rtc8kma9] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-title[b-21rtc8kma9] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-21rtc8kma9] {
    font-size: 24px;
}

.filters-title-name[b-21rtc8kma9] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-21rtc8kma9] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-21rtc8kma9] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-21rtc8kma9]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-21rtc8kma9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-21rtc8kma9] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-21rtc8kma9] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-21rtc8kma9] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-21rtc8kma9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-21rtc8kma9] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-21rtc8kma9] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-21rtc8kma9] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-21rtc8kma9] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-21rtc8kma9] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-21rtc8kma9] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-21rtc8kma9] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-21rtc8kma9] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-21rtc8kma9] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-21rtc8kma9] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-21rtc8kma9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-21rtc8kma9] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-21rtc8kma9] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-21rtc8kma9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-21rtc8kma9] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-21rtc8kma9] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-21rtc8kma9] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-21rtc8kma9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-21rtc8kma9] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-21rtc8kma9] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-21rtc8kma9] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-21rtc8kma9] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-21rtc8kma9] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-21rtc8kma9] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-21rtc8kma9] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-21rtc8kma9] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-21rtc8kma9] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-21rtc8kma9] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-21rtc8kma9] {
        display: flex;
    }
}
/* /Areas/Admin/Pages/Users/UserCreateForm.razor.rz.scp.css */
.create-tag-section[b-4fd1xzkbkn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-4fd1xzkbkn] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-4fd1xzkbkn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-4fd1xzkbkn] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-4fd1xzkbkn] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-4fd1xzkbkn] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-4fd1xzkbkn] {
    opacity: 0.5;
}

.cancel-tag-btn[b-4fd1xzkbkn] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-4fd1xzkbkn] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-4fd1xzkbkn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-4fd1xzkbkn] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-4fd1xzkbkn] {
    position: relative;
}

.feature-search[b-4fd1xzkbkn] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-4fd1xzkbkn]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-4fd1xzkbkn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-4fd1xzkbkn] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-4fd1xzkbkn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-4fd1xzkbkn] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-4fd1xzkbkn] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-4fd1xzkbkn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-4fd1xzkbkn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-4fd1xzkbkn] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-4fd1xzkbkn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-4fd1xzkbkn] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-4fd1xzkbkn] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-4fd1xzkbkn] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-4fd1xzkbkn] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-4fd1xzkbkn] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-4fd1xzkbkn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-4fd1xzkbkn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-4fd1xzkbkn] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-4fd1xzkbkn] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-4fd1xzkbkn] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-4fd1xzkbkn] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-4fd1xzkbkn] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-4fd1xzkbkn] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-4fd1xzkbkn] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-4fd1xzkbkn] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-4fd1xzkbkn] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-4fd1xzkbkn] {
            display: block;
        }


.role-cards[b-4fd1xzkbkn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 12px;
}

.role-card[b-4fd1xzkbkn] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 8px 12px;
    cursor: pointer;
    background: #fff;
    transition: all 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .role-card:hover[b-4fd1xzkbkn] {
        border-color: #6366f1;
    }

    .role-card.active[b-4fd1xzkbkn] {
        background: #eef2ff;
        border-color: #6366f1;
        color: #4338ca;
    }

    .role-card .check[b-4fd1xzkbkn] {
        font-weight: bold;
        font-size: 18px;
    }

/* Chrome, Edge, Safari */
input[type=number][b-4fd1xzkbkn]::-webkit-inner-spin-button,
input[type=number][b-4fd1xzkbkn]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-4fd1xzkbkn] {
    -moz-appearance: textfield;
}
/* /Areas/Admin/Pages/Users/UserEditForm.razor.rz.scp.css */
.create-tag-section[b-k4u0lx2n73] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000 !important;
    cursor: default !important;
}

.blog-post-information[b-k4u0lx2n73] {
    width: clamp(300px, 100%, 600px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin: 0 8px;
}

.create-tag-action[b-k4u0lx2n73] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.create-tag-btn[b-k4u0lx2n73] {
    position: relative;
    background-color: var(--blue-500);
    color: white;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-tag-btn:hover[b-k4u0lx2n73] {
        background-color: var(--blue-400);
    }

.infinite-rotate[b-k4u0lx2n73] {
    position: absolute;
    top: 8px;
    right: 4px;
    font-size: 18px;
    color: white;
    display: none;
}

.create-tag-btn.create-tag-btn-loading[b-k4u0lx2n73] {
    opacity: 0.5;
}

.cancel-tag-btn[b-k4u0lx2n73] {
    background-color: white;
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .cancel-tag-btn:hover[b-k4u0lx2n73] {
        border: 1px solid var(--blue-300);
        color: var(--blue-300);
    }

.language-disorder[b-k4u0lx2n73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-order-input[b-k4u0lx2n73] {
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    padding-right: 8px;
    padding-left: 8px;
    border-color: #E0E6ED;
    border: 1px solid #E0E6ED;
    color: #4A4A4A;
    margin: auto;
}

.feature-search-section[b-k4u0lx2n73] {
    position: relative;
}

.feature-search[b-k4u0lx2n73] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-k4u0lx2n73]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-k4u0lx2n73] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-k4u0lx2n73] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.feature-has-item[b-k4u0lx2n73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}

.feature-has-item-title[b-k4u0lx2n73] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-section[b-k4u0lx2n73] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-chosen-item[b-k4u0lx2n73] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-k4u0lx2n73] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-k4u0lx2n73] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-k4u0lx2n73] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-k4u0lx2n73] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-k4u0lx2n73] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.selected-feature-has-item[b-k4u0lx2n73] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.active-feature[b-k4u0lx2n73] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-k4u0lx2n73] {
    background-color: #f44336;
    color: white;
}

.invoice-btn-section[b-k4u0lx2n73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-k4u0lx2n73] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-k4u0lx2n73] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-k4u0lx2n73] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-k4u0lx2n73] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-k4u0lx2n73] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-k4u0lx2n73] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-k4u0lx2n73] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-k4u0lx2n73] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-k4u0lx2n73] {
        opacity: 0.6;
    }

    .invoice-btn.invoice-btn-loading[b-k4u0lx2n73] {
        opacity: 0.5;
    }

        .invoice-btn.invoice-btn-loading .infinite-rotate[b-k4u0lx2n73] {
            display: block;
        }


.role-cards[b-k4u0lx2n73] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 12px;
}

.role-card[b-k4u0lx2n73] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 8px 12px;
    cursor: pointer;
    background: #fff;
    transition: all 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .role-card:hover[b-k4u0lx2n73] {
        border-color: #6366f1;
    }

    .role-card.active[b-k4u0lx2n73] {
        background: #eef2ff;
        border-color: #6366f1;
        color: #4338ca;
    }

    .role-card .check[b-k4u0lx2n73] {
        font-weight: bold;
        font-size: 18px;
    }

/* Chrome, Edge, Safari */
input[type=number][b-k4u0lx2n73]::-webkit-inner-spin-button,
input[type=number][b-k4u0lx2n73]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-k4u0lx2n73] {
    -moz-appearance: textfield;
}
/* /Areas/Admin/Pages/Users/Users.razor.rz.scp.css */
.page-section[b-79bz9zy2l2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.billing-search-input[b-79bz9zy2l2] {
    min-width: 252px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-79bz9zy2l2] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-79bz9zy2l2]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }


.data-table[b-79bz9zy2l2] {
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-79bz9zy2l2] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filters-section[b-79bz9zy2l2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-79bz9zy2l2] table {
    width: 100%;
    font-size: 0.95rem;
}



[b-79bz9zy2l2] thead {
    height: 42px;
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
}

    [b-79bz9zy2l2] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

.admin-layout-rtl[b-79bz9zy2l2]  thead th:first-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.admin-layout-rtl[b-79bz9zy2l2]  thead th:last-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-79bz9zy2l2]  thead th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.admin-layout-ltr[b-79bz9zy2l2]  thead th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-79bz9zy2l2] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-79bz9zy2l2] tbody tr td {
        background-color: white;
    }

    [b-79bz9zy2l2] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-79bz9zy2l2] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-79bz9zy2l2] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}



.create-post-btn[b-79bz9zy2l2] {
    background-color: var(--blue-500);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .create-post-btn:hover[b-79bz9zy2l2] {
        background-color: var(--blue-400);
    }

.data-table-icon[b-79bz9zy2l2] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-79bz9zy2l2] {
    padding: 14px 0;
}

.item-name[b-79bz9zy2l2] {
    color: var(--charade-700, #3D3F52);
    text-align: right;
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 138.462% */
}

.item-date[b-79bz9zy2l2] {
    color: var(--charade-400, #7E809C);
    text-align: right;
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-family: IRANYekanXVF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
}

.data-table-slug[b-79bz9zy2l2] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    direction: ltr;
}



.data-table-item-status[b-79bz9zy2l2] {
    padding: 12px 0;
}

.isnotpublished[b-79bz9zy2l2] {
    width: 120px;
    color: var(--red-400);
    background-color: var(--red-100);
    padding: 4px 24px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.ispublished[b-79bz9zy2l2] {
    width: 120px;
    color: var(--green-500);
    background-color: var(--green-100);
    padding: 4px 32px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-79bz9zy2l2] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-79bz9zy2l2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-79bz9zy2l2] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-79bz9zy2l2] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-79bz9zy2l2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-79bz9zy2l2] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-79bz9zy2l2] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-79bz9zy2l2] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-79bz9zy2l2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-79bz9zy2l2] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: var(--charade-50);
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-79bz9zy2l2] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .more-actions-item:hover[b-79bz9zy2l2] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-79bz9zy2l2] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-icon[b-79bz9zy2l2] {
    font-size: 20px;
    color: var(--charade-400);
}

.data-table-item-actions[b-79bz9zy2l2] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}


.post-id[b-79bz9zy2l2] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-title[b-79bz9zy2l2] {
    position: relative;
    color: var(--charade-700);
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 25px;
}

.post-badge[b-79bz9zy2l2] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 6px;
    background: radial-gradient(circle at center, var(--blue-200) 0%, var(--blue-400) 100%);
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
}

[b-79bz9zy2l2] .cell-fullname {
    width: 160px;
}

[b-79bz9zy2l2] .cell-phonenumber {
    width: 100px;
}

[b-79bz9zy2l2] .cell-email {
    width: 140px;
}

[b-79bz9zy2l2] .cell-role {
    width: 100px;
}


[b-79bz9zy2l2] .cell-date {
    width: 120px;
}

[b-79bz9zy2l2] .cell-publish-status {
    width: 120px;
}

[b-79bz9zy2l2] .cell-publish-actions {
    width: 100px;
}


[b-79bz9zy2l2] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
}

Select[b-79bz9zy2l2] {
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-79bz9zy2l2] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-79bz9zy2l2] {
        background-color: #ddd;
    }




.publish-select-item[b-79bz9zy2l2] {
    font-size: 14px;
    color: var(--charade-500);
}


.link-icon[b-79bz9zy2l2] {
    font-size: 20px;
    background-color: var(--blue-50);
    color: var(--blue-500);
    padding: 6px;
    border-radius: 12px;
}


    .link-icon:hover[b-79bz9zy2l2] {
        background-color: var(--blue-100);
    }

.page-header[b-79bz9zy2l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.page-header-btn[b-79bz9zy2l2] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-79bz9zy2l2] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-79bz9zy2l2] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-79bz9zy2l2] {
    background-color: var(--blue-400);
}

@media screen and (max-width: 880px) {

    .admin-layout[b-79bz9zy2l2] {
        display: none;
    }
}
/* /Areas/Admin/Pages/Users/UsersMobile.razor.rz.scp.css */

.mobile-table-section[b-nrvdo7zb4g] {
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 80px 0 100px 0;
}

.mobile-table[b-nrvdo7zb4g] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-table-filters[b-nrvdo7zb4g] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--accessibility-white);
}

.filters-form[b-nrvdo7zb4g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filters-title[b-nrvdo7zb4g] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filters-title-icon[b-nrvdo7zb4g] {
    font-size: 24px;
}

.filters-title-name[b-nrvdo7zb4g] {
    color: var(--charade-700);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 16px;
    font-style: normal;
    font-weight: 480;
    line-height: 24px;
}

.billing-search-input[b-nrvdo7zb4g] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-nrvdo7zb4g] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-nrvdo7zb4g]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.mobile-table-cards[b-nrvdo7zb4g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
}

.mobile-card[b-nrvdo7zb4g] {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-card-header[b-nrvdo7zb4g] {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.header-icon[b-nrvdo7zb4g] {
    width: 40px;
    height: 40px;
    border-radius: 13.333px;
    background: var(--charade-100);
    font-size: 38px;
    color: var(--charade-600);
}

.mobile-card-header-title[b-nrvdo7zb4g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-one[b-nrvdo7zb4g] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.title-two[b-nrvdo7zb4g] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.mobile-card-header-icons[b-nrvdo7zb4g] {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-card-icon[b-nrvdo7zb4g] {
    padding: 11px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    color: var(--blue-800);
}

.mobile-card-content[b-nrvdo7zb4g] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-item[b-nrvdo7zb4g] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-item-title[b-nrvdo7zb4g] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.not-active-item[b-nrvdo7zb4g] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--red-200);
    color: var(--red-600);
    text-align: center;
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active-item[b-nrvdo7zb4g] {
    width: 120px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--green-200);
    text-align: center;
    color: var(--green-600);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-more-actions[b-nrvdo7zb4g] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-confirm-section[b-nrvdo7zb4g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-nrvdo7zb4g] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-nrvdo7zb4g] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-nrvdo7zb4g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-nrvdo7zb4g] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-nrvdo7zb4g] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-nrvdo7zb4g] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}

.data-table-more-actions-background[b-nrvdo7zb4g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: default;
}

.data-table-more-actions-content[b-nrvdo7zb4g] {
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 1000;
    width: 128px;
}


.more-actions-item[b-nrvdo7zb4g] {
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .more-actions-item:hover[b-nrvdo7zb4g] {
        background-color: var(--blue-100);
    }

.more-actions-item-title[b-nrvdo7zb4g] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-title[b-nrvdo7zb4g] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.more-actions-item-edit-icon[b-nrvdo7zb4g] {
    font-size: 16px;
    color: var(--charade-700);
    background-color: var(--charade-50);
    padding: 8px;
    border-radius: 8px;
}

.more-actions-item-icon[b-nrvdo7zb4g] {
    font-size: 16px;
    color: var(--red-700);
    background-color: var(--red-100);
    padding: 8px;
    border-radius: 8px;
}

.data-table-item-actions[b-nrvdo7zb4g] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
}

[b-nrvdo7zb4g] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-nrvdo7zb4g] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

Select[b-nrvdo7zb4g] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border-color: var(--charade-200);
    color: var(--charade-600);
}

#publishStatus option[b-nrvdo7zb4g] {
    padding: 10px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: var(--charade-600);
}

    /* هنگامی که کاربر موس را روی گزینه می‌برد (hover) */
    #publishStatus option:hover[b-nrvdo7zb4g] {
        background-color: #ddd;
    }

.mobile-table-header[b-nrvdo7zb4g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-bottom: 1px solid rgba(126, 128, 156, 0.18);
}

.page-header-btn[b-nrvdo7zb4g] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--blue-500);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.page-header-btn-title[b-nrvdo7zb4g] {
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

.page-header-btn-icon[b-nrvdo7zb4g] {
    font-size: 20px;
    color: var(--accessibility-white);
}

.page-header-btn:hover[b-nrvdo7zb4g] {
    background-color: var(--blue-400);
}


@media screen and (max-width: 880px) {
    .mobile-table-section[b-nrvdo7zb4g] {
        display: flex;
    }
}
/* /Areas/Admin/Shared/AdminNavMenu.razor.rz.scp.css */
.header-search[b-kmtwj4kpat] {
    max-height: 42px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--charade-50);
    display: flex;
    align-items: center;
    gap: 10px;
    /*    background-color: red;*/
}

.header-search-icon[b-kmtwj4kpat] {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.20);
}

.header-search input[type="text"][b-kmtwj4kpat] {
    width: 184px;
    background-color: inherit !important;
    border: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
    color: rgba(0, 0, 0, 0.20);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

    .header-search input[type="text"][b-kmtwj4kpat]::placeholder {
        color: rgba(0, 0, 0, 0.20);
    }


.profile-title[b-kmtwj4kpat] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.icon-size[b-kmtwj4kpat] {
    font-size: 22px;
}


@media screen and (max-width: 768px) {
    .profile-dekstop[b-kmtwj4kpat] {
        display: none;
    }


}

@media screen and (max-width: 880px) {

    header[b-kmtwj4kpat] {
        width: 100%;
    }
}
/* /Areas/Admin/Shared/Sidebar.razor.rz.scp.css */
.sidebar-menus[b-3ra1sdqhw5] {
    position: relative;
    width: 100%;
    height: calc(100dvh - 72px);
    gap: 8px;

}

.sidebar-menus-content[b-3ra1sdqhw5] {
    height: calc(100% - 30px);
    overflow: auto;
    padding: 24px 8px;
}

.sidebar-logo[b-3ra1sdqhw5] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    border-bottom: 1px solid var(--charade-100);
    border-left: 1px solid #EFF0F4;    
    border-right: 1px solid #EFF0F4;
}

    .sidebar-logo img[b-3ra1sdqhw5] {
    }

.admin-menu-section[b-3ra1sdqhw5] {
    display: none;
    z-index: 20;
    width: calc(100%);
    position: fixed;
    bottom: 12px;
}

.admin-menu[b-3ra1sdqhw5] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 8px;
    padding: 10px 12px;
    border-radius: 28px;
    border: 1px solid #F5F5F8;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);
    backdrop-filter: blur(8px);
    z-index: 1052;
}


.item-menu[b-3ra1sdqhw5] {
    flex: 1 0 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 6px;
}

.item-menu-title[b-3ra1sdqhw5] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.item-menu-icon[b-3ra1sdqhw5] {
    font-size: 24px;
    color: var(--charade-400);
}

.item-menu-img[b-3ra1sdqhw5] {
    width: 24px;
    height: 24px;
    border-radius: 21.913px;
}

    .item-menu-img img[b-3ra1sdqhw5] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.create-menu-items[b-3ra1sdqhw5] {
    position: fixed;
    transform: translateX(-50%);
    width: calc(100% - 16px);
    padding: 10px 12px;
    border-radius: 28px;
    border: 1px solid #F5F5F8;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 4px -1px rgba(96, 98, 127, 0.08), 0 2px 6px -4px rgba(96, 98, 127, 0.14), 0 4px 12px -6px rgba(96, 98, 127, 0.12);
    backdrop-filter: blur(8px);
    transition: all 0.3s linear;
    z-index: 1051;
}

    .create-menu-items.open[b-3ra1sdqhw5] {
        bottom: 90px;
        left: 50%;
        opacity: 1;
        backdrop-filter: blur(12px);
    }

    .create-menu-items.close[b-3ra1sdqhw5] {
        bottom: -60vh;
        left: 50%;
        z-index: -1;
        opacity: 0;
    }

.accessibility-tittle-section[b-3ra1sdqhw5] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.accessibility-item[b-3ra1sdqhw5] {
    margin: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
}

.accessibility-item-icon[b-3ra1sdqhw5] {
    font-size: 32px;
}

.accessibility-item-tittle[b-3ra1sdqhw5] {
    color: var(--charade-500);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}


.accessibility-items[b-3ra1sdqhw5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 24px;
}

.sidebar-background-hide[b-3ra1sdqhw5] {
    display: none;
}

.sidebar-background[b-3ra1sdqhw5] {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 80;
}

.sidebar-close-btn[b-3ra1sdqhw5] {
    position: absolute;
    bottom: 8px;
    width: calc(100% - 16px);
    margin: 0 8px;
    padding: 8px 16px;
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    border-radius: 12px;
    background: var(--blue-400);
}

.sidebar-close-btn[b-3ra1sdqhw5] {
    display: none;
}

.active-sidebar[b-3ra1sdqhw5] {
    color: var(--charade-700);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.icon-size[b-3ra1sdqhw5] {
    font-size: 20px;
}

@media screen and (max-width: 880px) {
    .admin-menu-section[b-3ra1sdqhw5] {
        display: block;
    }

    .sidebar-close-btn[b-3ra1sdqhw5] {
        display: block;
    }

    .sidebar-rtl-open[b-3ra1sdqhw5] {
        width: 100%;
/*        background-color: red;*/
        right: 0;
        direction: rtl;
    }

    .sidebar-ltr-open[b-3ra1sdqhw5] {
        width: 100%;
        left: 0;
        direction: ltr;
    }
}
/* /Areas/BackOffice/Pages/Plans/Index.razor.rz.scp.css */
.data-table[b-ntxs31lr1h] {
    background-color: white;
    padding: 12px;
}

[b-ntxs31lr1h] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    overflow: hidden;
    direction: rtl;
}

[b-ntxs31lr1h] thead {
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
    /*    padding: 12px;*/
}

    [b-ntxs31lr1h] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        /*        border-radius: 12px;*/
    }

        [b-ntxs31lr1h] thead th:first-child {
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-ntxs31lr1h] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }


[b-ntxs31lr1h] tbody td {
    padding: 16px 12px;
    border-bottom: 1px solid #EFF0F4;
}

[b-ntxs31lr1h] tbody tr:hover {
    background-color: #f9fcff;
    transition: background 0.3s ease;
}
/* /Areas/BackOffice/Pages/Website/Edit.razor.rz.scp.css */
.edit-section[b-p6b9i2rwbh] {
    padding: 24px;
}

.tabs[b-p6b9i2rwbh] {
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
    position: relative;
    border-radius: 8px;
}

.tab-title-section[b-p6b9i2rwbh] {
    position: sticky;
    top: 72px;
    min-width: 250px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tab-links[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--accessibility-white);
    border-radius: 12px;
    padding: 8px;
}

.tab-titles[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tab-titles-actions[b-p6b9i2rwbh] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tab-item[b-p6b9i2rwbh] {
    padding: 12px 16px;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .tab-item:hover[b-p6b9i2rwbh] {
        background: var(--charade-50);
    }

.tab-item-title[b-p6b9i2rwbh] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.tab-item-icon[b-p6b9i2rwbh] {
    color: var(--charade-400);
    font-size: 18px;
}

.tab-item.active[b-p6b9i2rwbh] {
    background-color: var(--charade-50);
    /*    color: var(--blue-500);*/
}

    .tab-item.active .tab-item-icon[b-p6b9i2rwbh],
    .tab-item.active .tab-item-title[b-p6b9i2rwbh] {
        color: var(--blue-500);
    }


.tab-item.delete-btn[b-p6b9i2rwbh] {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    .tab-item.delete-btn .tab-item-icon[b-p6b9i2rwbh],
    .tab-item.delete-btn .tab-item-title[b-p6b9i2rwbh] {
        color: var(--red-500);
    }

    .tab-item.delete-btn.active .tab-item-icon[b-p6b9i2rwbh],
    .tab-item.delete-btn.active .tab-item-title[b-p6b9i2rwbh] {
        background-color: var(--charade-50);
        color: var(--red-500);
    }



.return-tab-item[b-p6b9i2rwbh] {
    min-height: 42px;
    flex: 1;
    background: var(--charade-100);
    border-radius: 12px;
    padding: 12px;
    color: var(--charade-400);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

    .return-tab-item:hover[b-p6b9i2rwbh] {
        background: var(--charade-200);
    }

.return-tab-item-icon[b-p6b9i2rwbh] {
    font-size: 18px;
}

.issue-invoice-tab-item[b-p6b9i2rwbh] {
    min-height: 42px;
    display: flex;
    align-items: center;
    flex: 1;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: white;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    cursor: pointer;
}

    .issue-invoice-tab-item:hover[b-p6b9i2rwbh] {
        background: var(--blue-500);
    }

.tab-content[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}


.tab-section[b-p6b9i2rwbh] {
    /*    height: 890px;*/
    background: var(--accessibility-white);
    padding: 24px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.content-header[b-p6b9i2rwbh] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.content-header-delete[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
}

    .content-header-tittle[b-p6b9i2rwbh] {
        color: var(--charade-500);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.content-header-delete-tittle[b-p6b9i2rwbh] {
    color: var(--red-500);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.content-header-delete-desc[b-p6b9i2rwbh] {
    color: var(--charade-400);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.feature-section[b-p6b9i2rwbh] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.feature-has[b-p6b9i2rwbh] {
    position: relative;
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.feature-search-section[b-p6b9i2rwbh] {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.feature-search[b-p6b9i2rwbh] {
    width: 100%;
    outline: none;
    border: none;
    padding: 4px;
}

.feature-search-result[b-p6b9i2rwbh] {
    width: 100%;
    position: absolute;
    top: 35px;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 8px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.active-feature[b-p6b9i2rwbh] {
}

.inactive-feature[b-p6b9i2rwbh] {
}

.feature-has-item[b-p6b9i2rwbh] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    border: 1.5px solid var(--blue-300);
    background-color: var(--blue-100);
    border-radius: 8px;
    color: var(--blue-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}



.feature-input[b-p6b9i2rwbh] {
    border: none;
    outline: none;
}

.update-form[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-section[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.website-label-form[b-p6b9i2rwbh] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.form-section-error .website-label-form[b-p6b9i2rwbh] {
    color: var(--red-500);
}

.website-form-input[b-p6b9i2rwbh] {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .website-form-input.text-area[b-p6b9i2rwbh] {
        max-height: 200px;
    }

    .website-form-input:focus[b-p6b9i2rwbh] {
        outline: 1.5px solid var(--charade-300);
    }

.form-section-error .website-form-input:focus[b-p6b9i2rwbh] {
    outline: 1.5px solid var(--red-500);
}


.form-section-error .website-form-input[b-p6b9i2rwbh] {
    border: 1.5px solid var(--red-300);
}

.website-form-input[b-p6b9i2rwbh]::placeholder {
    color: var(--charade-300);
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
}

.required-star[b-p6b9i2rwbh] {
    color: red;
    margin: 2px;
}

.form-date-item[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.remaining-date[b-p6b9i2rwbh] {
    padding-right: 8px;
    color: var(--blue-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.error-form-message[b-p6b9i2rwbh] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: none;
}

.form-section-error .error-form-message[b-p6b9i2rwbh] {
    display: block;
}


.update-form-btn-section[b-p6b9i2rwbh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.update-form-btn[b-p6b9i2rwbh] {
    position: relative;
    padding: 10px 24px;
    border-radius: 12px;
    background-color: var(--blue-400);
    text-align: center;
    color: var(--accessibility-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .update-form-btn:hover[b-p6b9i2rwbh] {
        background-color: var(--blue-300);
    }


.infinite-rotate[b-p6b9i2rwbh] {
    position: absolute;
    top: 10px;
    right: 2px;
    font-size: 22px;
    display: none;
}

.update-form-btn.update-form-btn-loading[b-p6b9i2rwbh] {
    opacity: 0.5;
}

    .update-form-btn.update-form-btn-loading .infinite-rotate[b-p6b9i2rwbh] {
        display: block;
    }




.not-has-feature[b-p6b9i2rwbh] {
    color: var(--charade-300);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
}

.delete-website-form[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.delete-number[b-p6b9i2rwbh] {
    display: inline-block;
    border: 2.5px dotted var(--blue-500);
    background-color: var(--blue-100);
    padding: 8px;
    border-radius: 8px;
    color: var(--blue-500);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-website-btn-section[b-p6b9i2rwbh] {
    display: flex;
}

.delete-number-section[b-p6b9i2rwbh] {
    display: flex;
}

.delete-website-btn[b-p6b9i2rwbh] {
    position: relative;
    border-radius: 12px;
    border: 1.5px solid var(--red-500);
    padding: 10px 20px;
    background: var(--red-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 116.667% */
    cursor: pointer;
}

    .delete-website-btn:hover[b-p6b9i2rwbh] {
        opacity: 0.5;
    }

    .delete-website-btn.delete-website-btn-loading[b-p6b9i2rwbh] {
        opacity: 0.5;
    }

        .delete-website-btn.delete-website-btn-loading .infinite-rotate[b-p6b9i2rwbh] {
            display: block;
        }


.country-code-section[b-p6b9i2rwbh] {
    position: relative;
    display: flex;
}

    .country-code-section input[b-p6b9i2rwbh] {
        padding-left: 110px;
    }

.country-item[b-p6b9i2rwbh] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    padding: 6px;
    background: var(--charade-100);
}


.country-item-flag[b-p6b9i2rwbh] {
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 100%;
    background-color: var(--charade-100);
    background-image: url('https://flagcdn.com/w320/ir.png');
    background-position: center center;
    background-size: cover;
}

    .country-item-flag img[b-p6b9i2rwbh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        box-shadow: inset 0 1px 2px red;
    }

.country-item-code[b-p6b9i2rwbh] {
    color: var(--charade-500);
    font-feature-settings: 'ss03' on;
    direction: ltr;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}

.country-item-icon[b-p6b9i2rwbh] {
    font-size: 18px;
    color: var(--charade-300);
}

.feature-has-section[b-p6b9i2rwbh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-has-tittle[b-p6b9i2rwbh] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-has-content[b-p6b9i2rwbh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
}

.feature-item[b-p6b9i2rwbh] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1.5px solid var(--blue-500);
    background: var(--blue-50);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    color: var(--blue-700);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* /Areas/BackOffice/Pages/Website/Index.razor.rz.scp.css */
.page-section[b-v7z5pzllv5] {
    padding: 0 24px;
}

.actions-col[b-v7z5pzllv5] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 0;

}

.action-item[b-v7z5pzllv5] {

}

.table-cell-icon[b-v7z5pzllv5] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    opacity: 0.7;
    color: var(--blue-800);
    cursor: pointer;
    display: block;
    font-size: 20px;
    color: var(--blue-500);
}

.data-table[b-v7z5pzllv5] {
    border-radius: 12px;
    padding: 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

[b-v7z5pzllv5] table {
    width: 100%;
    font-size: 0.95rem;
    direction: rtl;
}



[b-v7z5pzllv5] thead {
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-v7z5pzllv5] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-v7z5pzllv5] thead th:first-child {
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-v7z5pzllv5] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-v7z5pzllv5] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-v7z5pzllv5] tbody tr td {
    }

    [b-v7z5pzllv5] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }


[b-v7z5pzllv5] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

/*::deep .page-link {
    width: 38px;
    height: 38px;
    border-radius: 100%;
}*/

[b-v7z5pzllv5] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-v7z5pzllv5] .cell-actions {
    width: 70px;
}

[b-v7z5pzllv5] .cell-status {
    width: 100px;
}

[b-v7z5pzllv5] .pager-icon {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charade-500);
}

[b-v7z5pzllv5] .current-page-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-v7z5pzllv5] .cell-status {
    /*background-color: aquamarine;*/
    vertical-align: central;
}

.data-table-status[b-v7z5pzllv5] {
    padding: 14px 0;
}

.table-cell-status[b-v7z5pzllv5] {
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 4px 12px;
    white-space: nowrap;
}

.table-cell-status-green[b-v7z5pzllv5] {
    color: var(--green-600);
    background: var(--green-200);
}

.table-cell-status-orange[b-v7z5pzllv5] {
    color: var(--orange-600);
    background: var(--orange-100);
}

.table-cell-status-red[b-v7z5pzllv5] {
    color: var(--red-600);
    background: var(--red-100);
}

.table-cell-status-closed[b-v7z5pzllv5] {
    color: var(--charade-400);
    background: var(--charade-100);
}


.data-table-item[b-v7z5pzllv5] {
    padding: 14px 0;
}

.table-company-name[b-v7z5pzllv5] {
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.table-domain[b-v7z5pzllv5] {
    color: var(--charade-700);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.table-date[b-v7z5pzllv5] {
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

[b-v7z5pzllv5] .total-item-badge {
    padding: 8px 12px;
    color: var(--blue-500);
    background-color: var(--blue-100);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}
/* /Areas/BackOffice/Pages/Website/IssueInvoice.razor.rz.scp.css */
.issue-invoice-modal-section[b-klhup4wb1o] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1005;
    cursor: default;
}

.tab-section[b-klhup4wb1o] {
    position: relative;
    width: 660px;
    background: var(--accessibility-white);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    cursor: default;
}

.close-btn[b-klhup4wb1o] {
    font-size: 20px;
    cursor: pointer;
}

.choose-issue-section[b-klhup4wb1o] {
    background: var(--accessibility-background);
}

.choose-issue-btns[b-klhup4wb1o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 24px;
}

.choose-issue-item[b-klhup4wb1o] {
    min-width: 120px;
    padding: 12px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    border: 1.5px solid var(--accessibility-white);
    background: var(--accessibility-white);
    color: var(--charade-500);
}

    .choose-issue-item:hover[b-klhup4wb1o] {
        border: 1.5px solid var(--blue-400);
        background: var(--blue-50);
        color: var(--blue-500);
    }

.content-header[b-klhup4wb1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
}

.content-header-tittle[b-klhup4wb1o] {
    color: var(--charade-500);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.choose-issue-plugin[b-klhup4wb1o] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.feature-has-section[b-klhup4wb1o] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-has-tittle[b-klhup4wb1o] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-has-content[b-klhup4wb1o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
}

.feature-chosen-section[b-klhup4wb1o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, auto));
    gap: 10px;
}

.feature-chosen-item[b-klhup4wb1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.feature-chosen-item-titles[b-klhup4wb1o] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feature-chosen-item-name[b-klhup4wb1o] {
    max-width: 96px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-chosen-item-price[b-klhup4wb1o] {
    color: var(--charade-400);
    font-feature-settings: 'salt' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.feature-item[b-klhup4wb1o] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1.5px solid var(--blue-500);
    background: var(--blue-50);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    color: var(--blue-700);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-choose-section[b-klhup4wb1o] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-choose-title[b-klhup4wb1o] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 8px;
}

.feature-section[b-klhup4wb1o] {
    padding: 8px;
    margin: 12px auto;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    display: flex;
    align-items: center;
    gap: 4px;
}

.feature-search-section[b-klhup4wb1o] {
    position: relative;
}


.feature-search[b-klhup4wb1o] {
    position: relative;
    z-index: 1;
    width: 100%;
    outline: none;
    border: none;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .feature-search[b-klhup4wb1o]::placeholder {
        color: var(--charade-400);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

.feature-search-result-background[b-klhup4wb1o] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, 0.2);
}

.feature-search-result[b-klhup4wb1o] {
    width: calc(100%);
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 52px;
    left: 0;
    background-color: white;
    border: 1px solid var(--blue-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.selected-feature-has-item[b-klhup4wb1o] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.feature-has-item[b-klhup4wb1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-100);
    cursor: pointer;
}


.feature-has-item-title[b-klhup4wb1o] {
    color: var(--charade-800);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.feature-has-item-price[b-klhup4wb1o] {
    color: var(--charade-400);
    font-feature-settings: 'salt' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.active-feature[b-klhup4wb1o] {
    background-color: #4CAF50;
    color: white;
}

.inactive-feature[b-klhup4wb1o] {
    background-color: #f44336;
    color: white;
}

.btn.btn-sucsses[b-klhup4wb1o] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .btn.btn-sucsses:hover[b-klhup4wb1o] {
        background-color: #45a049;
    }


.invoice-btn-section[b-klhup4wb1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.invoice-btn-price[b-klhup4wb1o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-btn-price-title[b-klhup4wb1o] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-btn-price-unit[b-klhup4wb1o] {
    display: flex;
    gap: 2px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-actions-btns[b-klhup4wb1o] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.previous-icon[b-klhup4wb1o] {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: var(--charade-100);
    font-size: 20px;
    cursor: pointer;
}

    .previous-icon:hover[b-klhup4wb1o] {
        opacity: 0.6;
    }

.invoice-btn-disable[b-klhup4wb1o] {
    padding: 8px 26px;
    border-radius: 8px;
    font-weight: 500;
    line-height: normal;
    background-color: var(--charade-200);
    color: var(--charade-400);
    text-align: center;
    font-size: 14px;
    font-style: normal;
}

.invoice-btn[b-klhup4wb1o] {
    display: flex;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .invoice-btn:hover[b-klhup4wb1o] {
        opacity: 0.6;
    }

.infinite-rotate[b-klhup4wb1o] {
    position: absolute;
    top: 7px;
    right: 4px;
    font-size: 22px;
    display: none;
}


.invoice-btn.invoice-btn-loading[b-klhup4wb1o] {
    opacity: 0.5;
}

    .invoice-btn.invoice-btn-loading .infinite-rotate[b-klhup4wb1o] {
        display: block;
    }
/* /Areas/BackOffice/Shared/BackofficeMainLayout.razor.rz.scp.css */



.header[b-esbzibwxqx] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
    backdrop-filter: blur(12px);
    position: fixed;
    top: 0;
    z-index: 80;
    background-color: rgba(255, 255, 255, 0.8);
}



.header-open-rtl[b-esbzibwxqx] {
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    width: calc(100% - 254px);
    margin-right: 254px;
}

.header-close-rtl[b-esbzibwxqx] {
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    width: calc(100% - 76px);
    margin-right: 76px;
}

@media (max-width: 767px) {
    .header[b-esbzibwxqx] {
        width: 100%;
        margin: 0;
    }
}

.header .tittle[b-esbzibwxqx] {
    color: #4B4B67;
    font-size: 14px;
    /*    font-variation-settings: "wght" 600, "dots" 1;*/
    line-height: 14px;
}

.header .items[b-esbzibwxqx] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header .icons[b-esbzibwxqx] {
    display: flex;
    align-items: center;
    gap: 32px;
}

.header .profile[b-esbzibwxqx] {
    /*    width: 156px;*/
    width: 120px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.profile-detail[b-esbzibwxqx] {
    font-size: 14px;
    font-variation-settings: "wght" 500, "dots" 1;
    color: #4B4B67;
}



.psudo-element[b-esbzibwxqx] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 40;
}

    .psudo-element.hide[b-esbzibwxqx] {
        display: none;
    }

.sidebar[b-esbzibwxqx] {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow: hidden;
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    border-left: 0.5px solid #EFF0F4;
    z-index: 1000;
}




    .sidebar.open[b-esbzibwxqx] {
        width: 254px;
    }

    .sidebar.close[b-esbzibwxqx] {
        width: 76px;
    }

.sidebar-logo[b-esbzibwxqx] {
    position: relative;
    display: flex;
    padding: 40px 24px 20px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-bottom: 0.5px solid #EFF0F4;
}


.toggle-sidebar-section[b-esbzibwxqx] {
    position: absolute;
    top: 0;
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    border-color: #EFF0F4;
    background-color: #fff;
    display: flex;
    padding: 13.5px;
    align-items: center;
    cursor: pointer;
}

.toggle-sidebar-btn[b-esbzibwxqx] {
    font-size: 20px;
    color: #7E809C;
}

.open-btn-sidebar[b-esbzibwxqx] {
    transform: translateX(0);
    left: 0;
    border-radius: 0px 0px 8px 0px;
    border-right: 1px solid #F5F5F8;
    border-bottom: 1px solid #F5F5F8;
}

.close-btn-sidebar[b-esbzibwxqx] {
    transform: translateX(-50%);
    left: 50%;
    border-radius: 0px 0px 8px 8px;
    border-right: 1px solid #F5F5F8;
    border-bottom: 1px solid #F5F5F8;
    border-left: 1px solid #F5F5F8;
}

.sidebar-items[b-esbzibwxqx] {
    padding: 24px 16px;
}

.sidebar-accordion-tittle[b-esbzibwxqx] {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    padding: 10px 12px;
}

.show-items[b-esbzibwxqx] {
    transform: translateX(0);
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    opacity: 1;
}

.hide-items[b-esbzibwxqx] {
    transform: translateX(-40px);
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    opacity: 0;
}

.active-border[b-esbzibwxqx] {
    position: relative;
}

    .active-border[b-esbzibwxqx]::before {
        content: "";
        width: 3px;
        height: 40px;
        position: absolute;
        right: -16px;
        border-radius: 4px 0 0 4px;
    }


.icons-default-color[b-esbzibwxqx] {
    color: #7E809C;
}


.icons-spec[b-esbzibwxqx] {
    font-size: 20px;
}



.open-content[b-esbzibwxqx] {
    margin-right: 254px;
}

.close-content[b-esbzibwxqx] {
    margin-right: 76px;
}


.items-tittle[b-esbzibwxqx] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    padding: 8px 0;
}


.sidebar-accordion-content[b-esbzibwxqx] {
    border-radius: 12px;
    background: #F4F7FE;
    padding: 8px 16px;
    margin-top: 6px;
}


@media (max-width: 767px) {
    .sidebar[b-esbzibwxqx] {
        display: none;
    }

    .open-content[b-esbzibwxqx] {
        margin: 0px;
    }

    .close-content[b-esbzibwxqx] {
        margin: 0px;
    }
}
/* /Areas/Common/Auth/Login.razor.rz.scp.css */
.login-page[b-h6i9kzfoa6] {
    position: relative;
    display: flex;
    height: 100vh;
    padding: 12px;
}

.login-form-section[b-h6i9kzfoa6] {
    width: 512px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 24px 96px 24px;
}

.login-form[b-h6i9kzfoa6] {
}

.login-form-header[b-h6i9kzfoa6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 24px;
    border-bottom: 1.5px solid #EBEAEF;
}

.login-form-tittle[b-h6i9kzfoa6] {
    color: #1B8FE5;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    word-wrap: break-word;
}

.login-form-description[b-h6i9kzfoa6] {
    color: #7E809C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



.login-form-inputs[b-h6i9kzfoa6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.form-input[b-h6i9kzfoa6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .form-input label[b-h6i9kzfoa6] {
        color: #4B4B67;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .form-input input[b-h6i9kzfoa6] {
        width: 100%;
        display: flex;
        min-height: 48px;
        padding: 14px 24px;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid #D0D0DC;
        background-color: inherit;
        outline: none;
        color: #4B4B67;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        transition: all 0.3s ease-in-out;
    }

        .form-input input[b-h6i9kzfoa6]::placeholder {
            color: #AAABBE;
            font-size: 14px;
            font-style: normal;
            font-weight: 480;
            line-height: normal;
        }

        .form-input input:hover[b-h6i9kzfoa6] {
            border: 1.5px solid #2EA5F5;
            background: #FFF;
            box-shadow: 0px 0px 6px 0px rgba(27, 143, 229, 0.24);
            outline: none;
        }

        .form-input input:focus[b-h6i9kzfoa6] {
            border: 1.5px solid #2EA5F5;
            background: #FFF;
            box-shadow: 0px 0px 0px 4px rgba(115, 197, 251, 0.32);
            outline: none;
        }


.password-input-section[b-h6i9kzfoa6] {
    position: relative;
}

    .password-input-section input[b-h6i9kzfoa6] {
        padding-right: 50px;
    }


.eye[b-h6i9kzfoa6] {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    font-size: 16px;
    cursor: pointer;
    font-size: 22px;
    color: var(--charade-400);
}

.support-icon[b-h6i9kzfoa6] {
}

.reset-password[b-h6i9kzfoa6] {
    color: #4B4B67;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.reset-password-btn[b-h6i9kzfoa6] {
    color: #2EA5F5;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 5%;
    text-underline-offset: 50%;
    text-underline-position: from-font;
    cursor: pointer;
}

.login-btn-section[b-h6i9kzfoa6] {
    display: flex;
    justify-content: end;
}

.login-btn[b-h6i9kzfoa6] {
    position: relative;
    display: flex;
    min-width: 148px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: var(--blue-400);
    outline: none;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

    .login-btn:hover[b-h6i9kzfoa6] {
        background: var(--blue-300);
    }

.login-btn-loading[b-h6i9kzfoa6] {
    opacity: 0.5;
}

.infinite-rotate[b-h6i9kzfoa6] {
    font-size: 22px;
    color: white;
    position: absolute;
    top: 10px;
    right: 12px;
    display: none;
}

.login-btn-loading .infinite-rotate[b-h6i9kzfoa6] {
    display: block;
}

.error-message[b-h6i9kzfoa6] {
    text-align: center;
    margin: 8px;
    padding: 8px;
}

.background-login[b-h6i9kzfoa6] {
    flex: 1;
    height: 100%;
    position: relative;
}

    .background-login .items[b-h6i9kzfoa6] {
        position: absolute;
        top: 24px;
        left: 0;
        padding: 0 24px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .background-login .items .support-item-section[b-h6i9kzfoa6] {
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(61, 63, 82, 0.60);
            border-radius: 12px;
            padding: 8px 20px;
            color: #FFF;
            cursor: pointer;
            z-index: 1000;
        }

        .background-login .items .support-item[b-h6i9kzfoa6] {
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 21px;
        }

        .background-login .items .support-icon[b-h6i9kzfoa6] {
            font-size: 16px;
        }

.background-motion[b-h6i9kzfoa6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.user-icon[b-h6i9kzfoa6] {
    color: var(--charade-600);
    font-size: 18px;
}

.password-icon[b-h6i9kzfoa6] {
    color: var(--charade-600);
    font-size: 18px;
}

@media (max-width: 1050px) {
    .login-form-section[b-h6i9kzfoa6] {
        width: 418px;
    }
}

@media (max-width: 900px) {
    .login-form-section[b-h6i9kzfoa6] {
        width: 340px;
    }
}

@media (max-width: 767px) {

    .login-form-section[b-h6i9kzfoa6] {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 340px;
        z-index: 100;
        background-color: white;
        border-radius: 8px;
    }
}

@media (max-width: 460px) {

    .login-form-section[b-h6i9kzfoa6] {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 70px);
        z-index: 100;
        background-color: white;
        border-radius: 8px;
    }
}

.login-btn-loading[b-h6i9kzfoa6] {
}
/* /Areas/Owner/Pages/Billing/BillingDetail.razor.rz.scp.css */
.invoice-detail[b-o7fmvr4eux] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 24px;
}

.invoice-detail-tabs[b-o7fmvr4eux] {
    display: flex;
    gap: 12px;
    padding: 0 8px;
}

.invoice-detail-tab[b-o7fmvr4eux] {
    padding: 12px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    border-radius: 999px;
    cursor: pointer;
}

    .invoice-detail-tab.active[b-o7fmvr4eux] {
        color: var(--blue-500);
        background: #FFF;
    }

.tab-content[b-o7fmvr4eux] {
    display: flex;
    gap: 24px;
}

.invoice-tab[b-o7fmvr4eux] {
    flex: 1;
    background-color: white;
    border-radius: 12px;
}

.invoice-tab-header[b-o7fmvr4eux] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-bottom: 1px solid var(--charade-100);
}

.invoice-tab-header-info[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    color: var(--charade-500);
    font-feature-settings: 'salt' on;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-tab-header-date[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    font-feature-settings: 'salt' on;
    gap: 8px;
    color: var(--charade-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.invoice-tab-content[b-o7fmvr4eux] {
    padding: 36px 24px 24px 24px;
    display: flex;
    flex-direction: column;
}

.invoice-tab-content-section[b-o7fmvr4eux] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 24px;
}

.invoice-tab-content-section-title[b-o7fmvr4eux] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 140px;
}

.invoice-tab-content-section-desc[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-tab-website-detail[b-o7fmvr4eux] {
    border-radius: 12px;
    background: var(--light-accessibility-white);
    box-shadow: 0 0 0 1.5px var(--charade-50);
    padding: 12px;
}

.invoice-tab-website-detail-item[b-o7fmvr4eux] {
    padding: 12px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.invoice-tab-website-detail-item-key[b-o7fmvr4eux] {
    color: var(--charade-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 146px;
}

.invoice-tab-website-detail-item-value[b-o7fmvr4eux] {
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-sections[b-o7fmvr4eux] {
    width: calc(100% - 315px);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.payment-section[b-o7fmvr4eux] {
    width: 315px;
}

.payment-card[b-o7fmvr4eux] {
    position: sticky;
    top: 60px;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 12px;
}

.payment-status[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px;
    border-radius: 12px;
}

.payment-status-pending[b-o7fmvr4eux] {
    background: radial-gradient( 66.64% 72.47% at 100% 0%, color-mix(in srgb, var(--orange-300) 30%, transparent) 0%, rgba(255, 255, 255, 0) 100% );
}




.payment-status-paid[b-o7fmvr4eux] {
    background: radial-gradient( 66.64% 72.47% at 100% 0%, color-mix(in srgb, var(--green-500) 30%, transparent) 0%, rgba(255, 255, 255, 0) 100% );
}


.payment-status-content[b-o7fmvr4eux] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.payment-status-content-title[b-o7fmvr4eux] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.payment-status-icon[b-o7fmvr4eux] {
    border-radius: 12px;
    padding: 8px;
    font-size: 36px;
}

.payment-status-pending .payment-status-icon[b-o7fmvr4eux] {
    color: var(--orange-500);
    background: linear-gradient( 225deg, color-mix(in srgb, var(--orange-100) 60%, transparent) 0%, color-mix(in srgb, var(--orange-400) 60%, transparent) 100% );
}

.payment-status-paid .payment-status-icon[b-o7fmvr4eux] {
    color: var(--green-500);
    background: linear-gradient( 225deg, color-mix(in srgb, var(--green-100) 50%, transparent) 0%, color-mix(in srgb, var(--green-400) 50%, transparent) 100% );
}


.payment-status-content-dec[b-o7fmvr4eux] {
    color: var(--charade-700);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.payment-underline-section[b-o7fmvr4eux] {
    height: 24px;
    position: relative;
    display: flex;
    align-items: center;
}

.payment-underline[b-o7fmvr4eux] {
    width: 100%;
    height: 2px;
    background-image: repeating-linear-gradient(to right, var(--charade-100) 0 4px, transparent 4px 12px);
    background-position: bottom;
    background-size: 8px 4px;
}

.payment-circle[b-o7fmvr4eux] {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #F4F7FE;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.circle-left[b-o7fmvr4eux] {
    left: -10px;
}

.circle-right[b-o7fmvr4eux] {
    right: -10px;
}

.finish-payment[b-o7fmvr4eux] {
    padding: 12px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.finish-payment-items[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}

.finish-payment-title[b-o7fmvr4eux] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.finish-payment-price[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.finish-payment-price-title[b-o7fmvr4eux] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-700);
    font-feature-settings: 'ss01' on;
    text-overflow: ellipsis;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.finish-payment-price-unit[b-o7fmvr4eux] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--charade-400);
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.finish-payment-btn-section[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.finish-payment-btn[b-o7fmvr4eux] {
    position: relative;
    display: flex;
    padding: 10px 20px;
    align-items: center;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    cursor: pointer;
    position: relative;
    transition: padding 0.3s ease;
    min-height: 45px;
    min-width: 140px;
}

.infinite-rotate[b-o7fmvr4eux] {
    position: absolute;
    right: 8px;
    font-size: 24px;
    display: none;
}

.finish-payment-btn.finish-payment-btn-loading[b-o7fmvr4eux] {
    opacity: 0.5;
}

    .finish-payment-btn.finish-payment-btn-loading .infinite-rotate[b-o7fmvr4eux] {
        display: block;
    }


.finish-payment-btn-text[b-o7fmvr4eux] {
    background: inherit;
    z-index: 10;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.finish-payment-btn:hover[b-o7fmvr4eux] {
    padding: 10px 20px 10px 30px;
    background: var(--blue-500);
}

    .finish-payment-btn:hover .finish-payment-btn-icon[b-o7fmvr4eux] {
        transform: translate(calc(-50% + -50px), -50%);
    }

    .finish-payment-btn:hover .finish-payment-btn-text[b-o7fmvr4eux] {
        transform: translate(calc(-50% + 15px), -50%);
    }

.finish-payment-btn-icon[b-o7fmvr4eux] {
    padding: 0 8px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.total-price-item-lists[b-o7fmvr4eux] {
    padding: 12px;
}

.total-price-item-list[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--charade-50);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.total-price-item-list-key[b-o7fmvr4eux] {
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 8px;
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.total-price-item-list-value[b-o7fmvr4eux] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 8px;
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.total-price-item-list-value-title[b-o7fmvr4eux] {
    color: var(--charade-500);
    font-feature-settings: 'salt' on;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}

.total-price-item-list-value-unit[b-o7fmvr4eux] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.total-price-item[b-o7fmvr4eux] {
    padding: 8px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-50);
    background: var(--charade-100);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    display: flex;
    gap: 8px;
}

.total-price-item-key[b-o7fmvr4eux] {
    width: 124px;
    padding: 8px;
    border-radius: 8px;
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.total-price-item-value[b-o7fmvr4eux] {
    flex: 1;
    padding: 8px;
    border-radius: 8px;
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: left;
}

.total-price-item-value-title[b-o7fmvr4eux] {
    color: var(--charade-900);
    font-feature-settings: 'salt' on;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}

.total-price-item-value-unit[b-o7fmvr4eux] {
    color: var(--charade-900);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
/* /Areas/Owner/Pages/Billing/Index.razor.rz.scp.css */
.billing-page[b-ta5gsuycqx] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.billing-header[b-ta5gsuycqx] {
    color: var(--charade-700);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 12px;
}

.billing-search-input[b-ta5gsuycqx] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-200);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .billing-search-input:focus[b-ta5gsuycqx] {
        outline: 1.5px solid var(--charade-300);
    }

    .billing-search-input[b-ta5gsuycqx]::placeholder {
        color: var(--charade-300);
        font-family: IRANYekanXVF;
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }



.data-table[b-ta5gsuycqx] {
    border-radius: 12px;
    padding: 0 24px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background: var(--accessibility-white);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.data-table-header[b-ta5gsuycqx] {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


[b-ta5gsuycqx] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    overflow: hidden;
    direction: rtl;
}

[b-ta5gsuycqx] thead {
    background-color: var(--accessibility-background);
    border-bottom: 1px solid white;
    border-radius: 12px;
}

    [b-ta5gsuycqx] thead th {
        color: var(--charade-400);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }

        [b-ta5gsuycqx] thead th:first-child {
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        [b-ta5gsuycqx] thead th:last-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

[b-ta5gsuycqx] tbody tr {
    border-bottom: 1px solid #EFF0F4;
}

    [b-ta5gsuycqx] tbody tr td {
    }

    [b-ta5gsuycqx] tbody tr:hover {
        background-color: #f9fcff;
        transition: background 0.3s ease;
    }

.data-table-icon[b-ta5gsuycqx] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    color: var(--blue-800);
}

.data-table-item[b-ta5gsuycqx] {
    padding: 14px 0;
}

.invoice-number[b-ta5gsuycqx] {
    color: var(--charade-500);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.invoice-title[b-ta5gsuycqx] {
    display: flex;
    gap: 4px;
    color: var(--charade-700);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.invoice-amount[b-ta5gsuycqx] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.invoice-amount-title[b-ta5gsuycqx] {
    color: var(--charade-700);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.invoice-amount-unit[b-ta5gsuycqx] {
    overflow: hidden;
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.invoice-date[b-ta5gsuycqx] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.invoice-status[b-ta5gsuycqx] {
    padding: 4px 12px;
    border-radius: 999px;
    max-width: 124px;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.data-table-item-status[b-ta5gsuycqx] {
    padding: 12px 0;
}

.data-table-item-actions[b-ta5gsuycqx] {
    display: flex;
    padding: 8px 0;
}

.invoice-status.pending[b-ta5gsuycqx] {
    background: var(--orange-100);
    color: var(--orange-600);
}

.invoice-status.paid[b-ta5gsuycqx] {
    color: var(--green-600);
    background: var(--green-200);
}

.invoice-status.canceled[b-ta5gsuycqx] {
    background: var(--red-100);
    color: var(--red-600);
}

[b-ta5gsuycqx] .custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

[b-ta5gsuycqx] .custom-pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit !important;
    border: none;
    font-size: 20px !important;
    color: var(--charade-500) !important;
}

[b-ta5gsuycqx] .custom-pagination-item {
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: var(--blue-500) !important;
    color: white !important;
}

.loading[b-ta5gsuycqx] {
    text-align: center;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--charade-500);
}

.empty-list[b-ta5gsuycqx] {
    text-align: center;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--charade-500);
}
/* /Areas/Owner/Pages/Dashboard/index.razor.rz.scp.css */

.owner-section[b-9cp9hkoe6k] {
    padding: 0 24px;
}

.dashboard-cards[b-9cp9hkoe6k] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    position: relative;
    z-index: 10;
}

    .dashboard-cards > .dashboard-card[b-9cp9hkoe6k] {
        flex: 0 0 calc((100% - 3 * 24px) / 4);
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 12px;
        overflow: hidden;
        padding: 24px;
        border-radius: 12px;
        background: var(--accessibility-white);
    }

    .dashboard-cards > .first-card[b-9cp9hkoe6k] {
        background: radial-gradient(174.65% 141.29% at 100% 0%, #18A0FC 0%, #054C8B 100%);
    }

.dashboard-card .icon[b-9cp9hkoe6k] {
    position: absolute;
    left: -10px;
    bottom: -20px;
    opacity: 8%;
    font-size: 110px;
    color: var(--blue-500);
}

.dashboard-card .first-icon[b-9cp9hkoe6k] {
    color: var(--charade-50);
}

.dashboard-card .tittle[b-9cp9hkoe6k] {
    color: var(--charade-500);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
}

.dashboard-card .first-tittle[b-9cp9hkoe6k] {
    color: var(--charade-50);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dashboard-card .description[b-9cp9hkoe6k] {
    color: var(--blue-400);
    font-feature-settings: 'ss01' on;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.dashboard-card .first-description[b-9cp9hkoe6k] {
    color: var(--accessibility-white);
    font-feature-settings: 'ss01' on;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}


.accessibility-section[b-9cp9hkoe6k] {
    margin-top: 24px;
    padding: 24px;
    background: var(--accessibility-white);
    display: flex;
    gap: 24px;
    border-radius: 12px;
}

.accessibility-content[b-9cp9hkoe6k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.accessibility-tittle-section[b-9cp9hkoe6k] {
    display: flex;
    padding: 7px 0px;
    align-items: center;
    gap: 8px;
}

.accessibility-tittle[b-9cp9hkoe6k] {
    color: var(--charade-500);
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.accessibility-title-icon[b-9cp9hkoe6k] {
    color: var(--charade-400);
    font-size: 20px;
}

.accessibility-items[b-9cp9hkoe6k] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.accessibility-item[b-9cp9hkoe6k] {
    margin: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
}

.accessibility-item-icon[b-9cp9hkoe6k] {
    font-size: 32px;
}

.accessibility-item-tittle[b-9cp9hkoe6k] {
    color: var(--charade-500);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}

.accessibility-item:hover .accessibility-item-tittle[b-9cp9hkoe6k] {
    color: var(--blue-400);
}

.accessibility-banner[b-9cp9hkoe6k] {
    flex: 1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: white;
}

    .accessibility-banner img[b-9cp9hkoe6k] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }


.tables-section[b-9cp9hkoe6k] {
    margin-top: 24px;
    display: flex;
    gap: 24px;
}


.tables[b-9cp9hkoe6k] {
    flex: 1;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 12px;
    background: var(--accessibility-white);
}

.table-header[b-9cp9hkoe6k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid #F4F7FE;
}

.table-tittle-section[b-9cp9hkoe6k] {
    display: flex;
    gap: 8px;
    padding: 7px 0;
}

.table-tittle[b-9cp9hkoe6k] {
    color: var(--charade-500);
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.table-icon[b-9cp9hkoe6k] {
    color: var(--charade-400);
    font-size: 24px;
}

.table-header-btn[b-9cp9hkoe6k] {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    cursor: pointer;
    position: relative;
    transition: padding 0.3s ease;
}

.table-btn[b-9cp9hkoe6k] {
    background: inherit;
    z-index: 10;
}

.table-header-btn:hover[b-9cp9hkoe6k] {
    padding: 10px 20px 10px 30px;
    background: var(--blue-500);
}

    .table-header-btn:hover .table-btn-icon[b-9cp9hkoe6k] {
        transform: translate(calc(-50% + -20px), -50%);
    }

.table-btn-icon[b-9cp9hkoe6k] {
    padding: 0 8px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

table[b-9cp9hkoe6k] {
    width: 100%;
}

.half-table[b-9cp9hkoe6k] {
    overflow-x: scroll;
}

thead[b-9cp9hkoe6k] {
}

    thead th:first-child[b-9cp9hkoe6k] {
        border-radius: 0 12px 12px 0;
    }

    thead th:last-child[b-9cp9hkoe6k] {
        border-radius: 12px 0 0 12px;
    }

.table-content-header-section[b-9cp9hkoe6k] {
    border: 1px solid gray;
    overflow-x: scroll;
    border: 12px;
}

.table-content-header[b-9cp9hkoe6k] {
    border-radius: 12px;
    white-space: nowrap;
}

.first-cell[b-9cp9hkoe6k] {
    min-width: 130px;
}

    .first-cell .up-title[b-9cp9hkoe6k] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        color: #343450;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }


    .first-cell .down-title[b-9cp9hkoe6k] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        align-self: stretch;
        overflow: hidden;
        color: #9EA6BE;
        text-align: right;
        font-feature-settings: 'ss01' on;
        text-overflow: ellipsis;
        font-family: IRANYekanXVF;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }


.table-content-tittle[b-9cp9hkoe6k] {
    color: #6C7388;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 8px 12px;
    background-color: var(--accessibility-background);
    /*    background-color: palevioletred;*/
    border: 12px;
}

.table-content-cell[b-9cp9hkoe6k] {
    padding: 16px 12px;
}

.table-cell-status[b-9cp9hkoe6k] {
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 4px 12px;
    white-space: nowrap;
}

.table-cell-domain[b-9cp9hkoe6k] {
    color: #343450;
    font-size: 12px;
}

.active-status[b-9cp9hkoe6k] {
    color: var(--green-600);
    background: var(--green-200);
}

.pending-status[b-9cp9hkoe6k] {
    color: var(--orange-600);
    background: var(--orange-100);
}

.not-active-status[b-9cp9hkoe6k] {
    color: var(--red-600);
    background: var(--red-100);
}

.expired-status[b-9cp9hkoe6k] {
    color: var(--charade-400);
    background: var(--charade-100);
}

.table-cell-icons[b-9cp9hkoe6k] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 12px;
    /*    background: linear-gradient(to right, white 0%, transparent 100% );*/
    background: linear-gradient(to left, transparent, white 20%);
}

.table-cell-icon[b-9cp9hkoe6k] {
    padding: 8px;
    border-radius: 12px;
    background: var(--blue-100);
    font-size: 18px;
    opacity: 0.7;
    color: var(--blue-800);
    cursor: pointer;
}

.table-cells-section[b-9cp9hkoe6k] {
    position: relative;
}

.sticky-col[b-9cp9hkoe6k] {
    position: sticky;
    left: -10px;
    top: 0;
}




@media (max-width: 1200px) {

    .tables-section[b-9cp9hkoe6k] {
        display: flex;
        flex-direction: column;
    }

    .accessibility-section[b-9cp9hkoe6k] {
        flex-direction: column;
    }
}



@media (max-width: 1050px) {
    .dashboard-cards > .dashboard-card[b-9cp9hkoe6k] {
        flex: 0 0 calc((100% - 1 * 24px) / 2);
    }

    .accessibility-items[b-9cp9hkoe6k] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

@media (max-width: 690px) {
    .accessibility-items[b-9cp9hkoe6k] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media (max-width: 500px) {
    .dashboard-cards > .dashboard-card[b-9cp9hkoe6k] {
        flex: 0 0 100%;
    }
}


@media (max-width: 330px) {
    .accessibility-items[b-9cp9hkoe6k] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }
}
/* /Areas/Owner/Pages/Websites/Create.razor.rz.scp.css */
.site-creation-section[b-vpkg7tm8i8] {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 24px;
}

.site-creation-progress-bar[b-vpkg7tm8i8] {
    position: sticky;
    top: 50px;
    width: clamp(266px, 100%, 266px);
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.vertical-progress-bar[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.progress-bar-step-row[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
}

.progress-bar-step-label[b-vpkg7tm8i8] {
    font-size: 14px;
    color: #777;
    transition: color 0.3s ease, font-weight 0.3s;
}

    .progress-bar-step-label.step-active[b-vpkg7tm8i8] {
        color: var(--blue-600);
    }

.progress-bar-step-title[b-vpkg7tm8i8] {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.progress-bar-step-desc[b-vpkg7tm8i8] {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.progress-bar-step-item[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
    position: relative;
}

.progress-bar-step-circle[b-vpkg7tm8i8] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    padding: 11px 0px 10px 0px;
    transition: all 0.3s ease;
    border-radius: 999px;
    background-color: var(--charade-200);
    box-shadow: 0px 0px 0px 6px var(--accessibility-background);
    color: var(--accessibility-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 719;
    line-height: normal;
}

    .progress-bar-step-circle.step-active[b-vpkg7tm8i8] {
        background-color: var(--blue-500);
    }

    .progress-bar-step-circle.step-done[b-vpkg7tm8i8] {
        padding: 9.5px 9px 8.5px 9px;
        background-color: var(--green-400);
        border: 2px solid var(--green-500);
        box-shadow: 0px 0px 0px 4px var(--accessibility-background);
    }

.progress-bar-step-line[b-vpkg7tm8i8] {
    position: absolute;
    top: 46px;
    width: 2px;
    height: 40px;
    background-color: var(--charade-200);
    transition: background-color 0.3s ease;
}


    .progress-bar-step-line.step-active[b-vpkg7tm8i8] {
        background: linear-gradient( to bottom, var(--blue-500) 30%, #1B8FE5 40%, var(--charade-200) 90% );
    }


    .progress-bar-step-line.step-done[b-vpkg7tm8i8] {
        background-color: var(--green-400);
    }

.mini-factor-and-step-btn[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mini-factor-and-discount[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.discount-use-section[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

    .discount-use-section input[b-vpkg7tm8i8] {
        width: 60%;
        border: none;
        outline: none;
        background-color: inherit;
        padding: 12px 12px 12px 12px;
        border-radius: 8px;
        direction: ltr;

    }

.discount-use-section-action[b-vpkg7tm8i8] {
    padding: 17px;
    border-radius: 8px;
    background: var(--charade-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    flex-shrink: 0;
    cursor: pointer;
}

.discount-use-section-action:hover[b-vpkg7tm8i8] {
    opacity: 0.6;
}

.mini-factor[b-vpkg7tm8i8] {
    border-radius: 8px;
    border: 1px solid var(--charade-100);
}

.mini-factor-detail[b-vpkg7tm8i8] {
    display: flex;
    padding: 12px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background: rgba(233, 234, 242, 0.60);
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 826;
    line-height: normal;
}

.mini-factor-price[b-vpkg7tm8i8] {
    border-radius: 0px 0px 8px 8px;
    background: var(--accessibility-white);
    display: flex;
    padding: 12px;
    justify-content: space-between;
    align-items: center;
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 826;
    line-height: normal;
}

.site-creation-form[b-vpkg7tm8i8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--accessibility-white);
    padding: 24px;
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
}

.form-section[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.website-label-form[b-vpkg7tm8i8] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.form-section-error .website-label-form[b-vpkg7tm8i8] {
    color: var(--red-500);
}

.website-form-input[b-vpkg7tm8i8] {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background-color: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-600);
}

    .website-form-input:focus[b-vpkg7tm8i8] {
        outline: 1.5px solid var(--charade-300);
    }

.form-section-error .website-form-input:focus[b-vpkg7tm8i8] {
    outline: 1.5px solid var(--red-500);
}


.form-section-error .website-form-input[b-vpkg7tm8i8] {
    border: 1.5px solid var(--red-300);
}

.website-form-input[b-vpkg7tm8i8]::placeholder {
    color: var(--charade-300);
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
}

.required-star[b-vpkg7tm8i8] {
    color: red;
    margin: 2px;
}


.error-form-message[b-vpkg7tm8i8] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: none;
}

.form-section-error .error-form-message[b-vpkg7tm8i8] {
    display: block;
}

.fullname-error-message-section[b-vpkg7tm8i8] {
    gap: 12px;
    display: none;
}

.fullname-error-message-section-show[b-vpkg7tm8i8] {
    display: flex;
}


.fullname-error[b-vpkg7tm8i8] {
    color: var(--red-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    flex: 1;
    height: 18px;
}


.error-form-message.last-name-error[b-vpkg7tm8i8], .error-form-message.first-name-error[b-vpkg7tm8i8] {
    display: block;
}

.previous-step[b-vpkg7tm8i8] {
    display: flex;
    padding: 10px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: var(--charade-100);
    cursor: pointer;
}

.form-navigation[b-vpkg7tm8i8] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.form-navigation-btn[b-vpkg7tm8i8] {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    cursor: pointer;
    position: relative;
    transition: padding 0.3s ease;
    min-height: 45px;
}

.form-navigation-btn-text[b-vpkg7tm8i8] {
    background: inherit;
    z-index: 10;
    white-space: nowrap;
}

.form-navigation-btn:hover[b-vpkg7tm8i8] {
    padding: 10px 20px 10px 30px;
    background: var(--blue-500);
}

    .form-navigation-btn:hover .form-navigation-btn-icon[b-vpkg7tm8i8] {
        transform: translate(calc(-50% + -20px), -50%);
    }

.form-navigation-btn.form-navigation-btn-loading[b-vpkg7tm8i8] {
    padding: 10px 26px;
}

.form-navigation-btn-icon[b-vpkg7tm8i8] {
    padding: 0 8px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.form-navigation-btn-loading[b-vpkg7tm8i8] {
    opacity: 0.5;
}

.infinite-rotate[b-vpkg7tm8i8] {
    font-size: 22px;
    color: white;
    position: absolute;
    top: 10px;
    right: 4px;
    z-index: 100;
    display: none;
}

.form-navigation-btn-loading .infinite-rotate[b-vpkg7tm8i8] {
    display: block;
}



.owner-information-section[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.owner-information-head[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-50);
}

.owner-information-tittle[b-vpkg7tm8i8] {
    color: var(--charade-500);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.owner-information-desc[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-family: IRANYekanXVF;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.owner-information-fullname-section[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.owner-information-fullname[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.firstname-section[b-vpkg7tm8i8] {
    flex: 1;
}

.lastname-section[b-vpkg7tm8i8] {
    flex: 1;
}

.country-code-section[b-vpkg7tm8i8] {
    position: relative;
    display: flex;
}

    .country-code-section input[b-vpkg7tm8i8] {
        padding-left: 110px;
    }

.country-item[b-vpkg7tm8i8] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    padding: 6px;
    background: var(--charade-100);
}


.country-item-flag[b-vpkg7tm8i8] {
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 100%;
    background-color: var(--charade-100);
    background-image: url('https://flagcdn.com/w320/ir.png');
    background-position: center center;
    background-size: cover;
}

    .country-item-flag img[b-vpkg7tm8i8] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        box-shadow: inset 0 1px 2px red;
    }

.country-item-code[b-vpkg7tm8i8] {
    color: var(--charade-500);
    font-feature-settings: 'ss03' on;
    direction: ltr;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}

.country-item-icon[b-vpkg7tm8i8] {
    font-size: 18px;
    color: var(--charade-300);
}

.email-section input[type="email"][b-vpkg7tm8i8] {
    direction: ltr;
}

.phonenumber-section input[type="tel"][b-vpkg7tm8i8] {
    direction: ltr;
}



.plans-head[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.plans-head-section[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plans-head-btn[b-vpkg7tm8i8] {
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--charade-500);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    cursor: pointer;
}

.plans-head-tittle[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.plans-head-desc[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

    .plans-head-desc a[b-vpkg7tm8i8] {
        color: var(--blue-500);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: 10%;
        text-underline-offset: 15%;
        text-underline-position: from-font;
    }

.plans-cards[b-vpkg7tm8i8] {
}


.plans-time-selection[b-vpkg7tm8i8] {
    display: flex;
    flex-wrap: wrap;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    background: var(--accessibility-background);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
}

.time-item[b-vpkg7tm8i8] {
    cursor: pointer;
    height: 36px;
    min-width: 98px;
    padding: 6px;
    gap: 12px;
    border-radius: 8px;
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-500);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.time-item-selected[b-vpkg7tm8i8] {
    border: 1.5px solid var(--blue-400);
    background: var(--blue-50);
    color: var(--blue-500);
}

.plans-cards-body[b-vpkg7tm8i8] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    width: 100%;
}

.plans-card[b-vpkg7tm8i8] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 8px 8px 8px;
    gap: 16px;
    border-radius: 8px;
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    border: 1.5px solid var(--charade-100);
    /*    min-width: 140px;*/
    cursor: pointer;
}

.plans-card-your-choice[b-vpkg7tm8i8] {
    position: absolute;
    top: 0;
    left: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 6px;
    gap: 10px;
    border-radius: 8px 0px 8px 0px;
    background-color: var(--charade-100);
    color: var(--charade-400);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 12px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
}

    .plans-card-your-choice.your-choice-selected[b-vpkg7tm8i8] {
        background-color: var(--blue-400);
        color: var(--accessibility-white);
    }

.plans-card.plans-card-selected[b-vpkg7tm8i8] {
    border: 1.5px solid var(--blue-400);
    background: var(--blue-50);
}

.plans-card-header[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 1 auto;
    padding: 8px;
    border-bottom: 1px solid var(--charade-100);
}

.plans-card.plans-card-selected .plans-card-header[b-vpkg7tm8i8] {
    border-bottom: 1px solid var(--blue-200);
}

.plans-card-header-tittle[b-vpkg7tm8i8] {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: var(--charade-500);
    overflow: hidden;
    height: 25px;
}

.plans-card.plans-card-selected .plans-card-header-tittle[b-vpkg7tm8i8] {
    color: var(--blue-500);
}


.plans-card-features[b-vpkg7tm8i8] {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 8px;
    min-height: 241px;
}

.plans-card-feature-tittle[b-vpkg7tm8i8] {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--charade-500);
}

.plans-card.plans-card-selected .plans-card-feature-tittle[b-vpkg7tm8i8] {
    color: var(--blue-500);
}

.plans-card-feature[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.plans-card-feature-icon[b-vpkg7tm8i8] {
    font-size: 16px;
    color: var(--charade-300);
}



.plans-card.plans-card-selected .plans-card-feature-icon[b-vpkg7tm8i8] {
    color: var(--blue-500);
}

.plans-card-feature-option[b-vpkg7tm8i8] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--charade-500);
}

.plans-card.plans-card-selected .plans-card-feature-option[b-vpkg7tm8i8] {
    color: var(--blue-500);
}




.plans-card-price-section[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px;
    border-radius: 8px;
    background: var(--charade-50);
}

.plans-card-price[b-vpkg7tm8i8] {
    color: var(--charade-500);
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.plans-card-price-unit[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.plans-card.plans-card-selected .plans-card-price-section[b-vpkg7tm8i8] {
    background: var(--blue-100);
}

.plans-card-premium-time[b-vpkg7tm8i8] {
    color: var(--blue-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.plans-card.plans-card-selected .plans-card-price[b-vpkg7tm8i8] {
    color: var(--blue-500);
}

.plans-card.plans-card-selected .plans-card-price-unit[b-vpkg7tm8i8] {
    color: var(--charade-400);
}

.choice-template[b-vpkg7tm8i8] {
    display: flex;
    padding-bottom: 12px;
    flex-direction: column;
    gap: 8px;
    border-bottom: 1px solid var(--charade-100);
}

.choice-template-tittle[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.choice-template-desc[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}



.template-type-section[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.template-type-tittle[b-vpkg7tm8i8] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.template-type-items[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.template-type-custom-radio[b-vpkg7tm8i8] {
    padding: 10px 12px;
    border-radius: 8px;
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: 1.5px solid var(--charade-100);
    color: var(--charade-400);
    cursor: pointer;
}

    .template-type-custom-radio.active-radio[b-vpkg7tm8i8] {
        background-color: var(--blue-100);
        color: var(--blue-600);
        border: 1.5px solid var(--blue-500);
    }


    .template-type-custom-radio input[type="radio"][b-vpkg7tm8i8] {
        display: none;
    }


.choice-template-theme-tittle[b-vpkg7tm8i8] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.choice-template-theme-content[b-vpkg7tm8i8] {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
}


.choice-template-theme-content-pic[b-vpkg7tm8i8] {
    width: 120px;
    height: 78px;
    border-radius: 4px;
}

    .choice-template-theme-content-pic img[b-vpkg7tm8i8] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-repeat: no-repeat;
        border-radius: 4px;
    }

.choice-template-theme-content-information[b-vpkg7tm8i8] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    flex: 1 0 0;
}

.choice-template-theme-content-btn[b-vpkg7tm8i8] {
    display: flex;
    width: 98px;
    height: 78px;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--charade-500);
    cursor: pointer;
    color: var(--accessibility-white);
}


.choice-template-theme-content-btn-tittle[b-vpkg7tm8i8] {
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
}

.choice-template-theme-content-btn-icon[b-vpkg7tm8i8] {
    font-size: 18px;
}

.choice-template-theme-content-information-tittle[b-vpkg7tm8i8] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.choice-template-theme-content-information-plugins[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.choice-template-theme-content-information-plugins-tittle[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.choice-template-theme-content-information-plugins-items[b-vpkg7tm8i8] {
    display: flex;
    gap: 4px;
}

.choice-template-theme-content-information-plugins-item[b-vpkg7tm8i8] {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 9999px;
    border: 1px solid var(--charade-100);
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.factor-title[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--charade-100);
}

.chosen-factor[b-vpkg7tm8i8] {
    display: flex;
    padding: 12px 0;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--charade-50);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.chosen-factor-discount[b-vpkg7tm8i8] {
    border: none;
}

.chosen-item-fatcor[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
}

.chosen-item-title[b-vpkg7tm8i8] {
    min-width: 106px;
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}

.chosen-item-content[b-vpkg7tm8i8] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.chosen-item-price[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 8px;
}

.chosen-item-price-title[b-vpkg7tm8i8] {
    color: var(--charade-500);
    font-feature-settings: 'salt' on;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}

.chosen-item-price-unit[b-vpkg7tm8i8] {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.total-price-section[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-50);
    background: var(--charade-100);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.total-price-title[b-vpkg7tm8i8] {
    width: 108px;
    padding: 8px;
    border-radius: 8px;
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.total-price-price[b-vpkg7tm8i8] {
    flex: 1;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    border-radius: 8px;
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
}

.total-price-price-title[b-vpkg7tm8i8] {
    color: var(--charade-900);
    font-feature-settings: 'salt' on;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}

total-price-price-unit[b-vpkg7tm8i8] {
    color: var(--charade-900);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.contract-header[b-vpkg7tm8i8] {
    display: flex;
    padding: 24px 0 12px 0;
    flex-direction: column;
    gap: 8px;
    border-bottom: 1px solid var(--charade-100);
}

.contract-header-title[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.contract-header-description[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.contract-content-section[b-vpkg7tm8i8] {
    position: relative;
}

.contract-content[b-vpkg7tm8i8] {
    height: 338px;
    overflow-y: auto;
    border-radius: 8px;
    padding: 28px 24px;
    border: 1.5px solid var(--charade-100);
    background: #FFF;
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contract-content-fader-top[b-vpkg7tm8i8] {
    position: absolute;
    top: 1px;
    left: 8px;
    width: calc(100% - 16px);
    margin: 0 auto;
    height: 28px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.contract-content-fader-bottom[b-vpkg7tm8i8] {
    position: absolute;
    bottom: 2px;
    left: 8px;
    width: calc(100% - 16px);
    margin: 0 auto;
    height: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.content-items[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.content-items[b-vpkg7tm8i8] {
    list-style-type: none;
    counter-reset: list-counter;
    direction: rtl;
    unicode-bidi: bidi-override;
}

    .content-items li[b-vpkg7tm8i8] {
        counter-increment: list-counter;
    }

        .content-items li[b-vpkg7tm8i8]::before {
            content: counter(list-counter, arabic-indic);
            padding-left: 6px;
        }

.note-section[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .note-section label[b-vpkg7tm8i8] {
        color: var(--charade-600);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .note-section textarea[b-vpkg7tm8i8] {
        width: 100%;
        min-height: 100px;
        max-height: 300px;
        padding: 12px;
        border-radius: 8px;
        border: 1.5px solid var(--charade-100);
        background: var(--accessibility-white);
        box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
        resize: vertical;
        color: var(--charade-300);
        font-size: 14px;
        font-style: normal;
        font-weight: 480;
        line-height: normal;
    }

        .note-section textarea:hover[b-vpkg7tm8i8] {
            border: 1.5px solid var(--charade-200);
        }

        .note-section textarea:focus[b-vpkg7tm8i8] {
            outline: none;
            border: 1.5px solid var(--charade-300);
        }

.decide-contract-section[b-vpkg7tm8i8] {
    margin-top: 12px;
    padding: 12px 0;
}

.checkbox-label[b-vpkg7tm8i8] {
    color: var(--charade-600);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    font-size: 12px;
}

.switch[b-vpkg7tm8i8] {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

    .switch input[b-vpkg7tm8i8] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-vpkg7tm8i8] {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.4s;
    border-radius: 34px;
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(208, 208, 220, 0.80);
}

    .slider[b-vpkg7tm8i8]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        content: "";
        height: 16px;
        width: 16px;
        background: linear-gradient(180deg, var(--charade-300) 0%, var(--charade-400) 100%);
        box-shadow: 0 1px 4px 0 rgba(36, 36, 50, 0.29), 0 2px 6px -2px rgba(53, 53, 70, 0.65);
        transition: 0.4s;
        border-radius: 50%;
    }



input:checked + .slider[b-vpkg7tm8i8] {
    background: var(--blue-100);
    box-shadow: 0 4px 6px 0 rgba(96, 98, 127, 0.12) inset, 0 1px 1px 0 rgba(96, 98, 127, 0.25) inset, 0 0 0 1.5px rgba(46, 165, 245, 0.60);
}

    input:checked + .slider[b-vpkg7tm8i8]:before {
        transform: translate(16px, -50%);
        background: linear-gradient(180deg, var(--blue-300) 0%, var(--blue-500) 100%);
        box-shadow: 0 1px 4px 0 rgba(27, 143, 229, 0.30), 0 2px 6px -2px rgba(27, 143, 229, 0.65);
    }

.switch-label[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--charade-800);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.choose-theme-section[b-vpkg7tm8i8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10000;
}

.Choose-theme-content[b-vpkg7tm8i8] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.choose-theme-header[b-vpkg7tm8i8] {
    flex: 0 0 auto;
    padding: 16px 20px;
    color: var(--charade-500);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    border-bottom: 1px solid var(--charade-100);
    background: var(--accessibility-white);
}

.choose-theme-body[b-vpkg7tm8i8] {
    flex: 1 1 auto;
    overflow-y: auto;
    background-color: #F3F5FB;
}

.theme-body-header[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 20px 8px 20px;
}

.theme-select-categories[b-vpkg7tm8i8] {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 10px;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.theme-select-category[b-vpkg7tm8i8] {
    background-color: #f0f0f0;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .theme-select-category:hover[b-vpkg7tm8i8] {
        background-color: #007bff;
        color: #fff;
    }

.theme-select-category[b-vpkg7tm8i8] {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
    color: var(--charade-500);
    text-align: right;
    font-family: IRANYekanXVF;
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
}

    .theme-select-category:hover[b-vpkg7tm8i8] {
        border: 1.5px solid var(--blue-500);
        background: var(--blue-100);
        box-shadow: 0 0 0 0 rgba(27, 143, 229, 0.00);
        color: var(--blue-500);
    }


.theme-cards[b-vpkg7tm8i8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.theme-card[b-vpkg7tm8i8] {
    border-radius: 12px;
    background: var(--accessibility-white);
    box-shadow: 0px 4px 8px -2px rgba(53, 53, 70, 0.10), 0px 8px 12px -4px rgba(53, 53, 70, 0.08);
    transition: all 0.3s ease-in-out;
}

.selected-card[b-vpkg7tm8i8] {
    border-radius: 12px;
    background: var(--blue-50);
    box-shadow: 0 0 0 4px rgba(46, 165, 245, 0.30), 0 4px 8px -2px rgba(53, 53, 70, 0.10), 0 8px 12px -2px rgba(53, 53, 70, 0.04);
}

.image-domain-link[b-vpkg7tm8i8] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(15, 87, 150, 0.34) 0%, rgba(15, 87, 150, 0.80) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 12px 0 0;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}

.theme-card:hover .image-domain-link[b-vpkg7tm8i8] {
    opacity: 1;
}

.image-domain-link-btn[b-vpkg7tm8i8] {
    border-radius: 12px;
    background: rgba(5, 24, 53, 0.76);
    padding: 10px 12px;
    justify-content: center;
    color: var(--accessibility-white);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 6px;
}

.image-domain-link-tittle[b-vpkg7tm8i8] {
    font-size: 12px;
}

.image-domain-link-icon[b-vpkg7tm8i8] {
    font-size: 18px;
}

.theme-card-content-tittle[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 12px 0px 12px;
}

.theme-card-content-tittle-primary[b-vpkg7tm8i8] {
    color: var(--charade-800);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 20px;
    overflow: hidden;
}

.theme-card-content-tittle-second[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.theme-card-img[b-vpkg7tm8i8] {
    position: relative;
    aspect-ratio: 266.50 / 152.00;
    border-radius: 12px;
}

    .theme-card-img img[b-vpkg7tm8i8] {
        width: 100%;
        height: 100%;
        border-radius: 12px 12px 0 0;
        object-fit: cover;
    }

.theme-card-content-items[b-vpkg7tm8i8] {
    padding: 12px 6px 0 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.card-item[b-vpkg7tm8i8] {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 9999px;
    border: 1px solid var(--charade-100);
    color: var(--charade-400);
    font-feature-settings: 'ss01' on;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
}

.theme-card-content-btns[b-vpkg7tm8i8] {
    padding: 24px 12px 12px 12px;
}

.theme-card-btn[b-vpkg7tm8i8] {
    padding: 10px 20px;
    color: var(--blue-500);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    border-radius: 12px;
    border: 1px solid var(--blue-500);
    background: var(--blue-50);
    cursor: pointer;
}

.theme-card-btn-selected[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 20px;
    color: var(--blue-500);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    border-radius: 12px;
    border: 1px solid var(--blue-500);
    background: var(--blue-500);
    color: var(--accessibility-white);
    cursor: pointer;
}

.choose-theme-footer[b-vpkg7tm8i8] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: var(--accessibility-white);
}

.footer-information[b-vpkg7tm8i8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.theme-name[b-vpkg7tm8i8] {
    display: flex;
    gap: 8px;
}

.theme-name-key[b-vpkg7tm8i8] {
    color: var(--charade-800);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.theme-name-value[b-vpkg7tm8i8] {
    color: var(--charade-500);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.theme-price-section[b-vpkg7tm8i8] {
    display: flex;
    gap: 2px;
}

.theme-price[b-vpkg7tm8i8] {
    color: var(--blue-500);
    font-feature-settings: 'ss01' on;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.theme-price-unit[b-vpkg7tm8i8] {
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.footer-actions[b-vpkg7tm8i8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.actions-cancel[b-vpkg7tm8i8] {
    padding: 10px 12px;
    min-width: 124px;
    border-radius: 12px;
    background: var(--charade-100);
    color: var(--charade-500);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .actions-cancel:hover[b-vpkg7tm8i8] {
        opacity: 0.6;
    }

.actions-accept[b-vpkg7tm8i8] {
    padding: 10px 20px;
    min-width: 148px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
}

    .actions-accept:hover[b-vpkg7tm8i8] {
        opacity: 0.6;
    }

.theme-item[b-vpkg7tm8i8] {
    background-color: var(--blue-200);
    border-radius: 8px;
}


.error-message[b-vpkg7tm8i8] {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--red-500);
}
/* /Areas/Owner/Pages/Websites/Index.razor.rz.scp.css */
.websites-section[b-d6n0s0u0o9] {
    padding: 40px 24px;
}

.websites-header[b-d6n0s0u0o9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    border-radius: 12px;
    gap: 8px 4px;
    background: var(--accessibility-white);
}

.websites-header-menu[b-d6n0s0u0o9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.websites-header-tittle[b-d6n0s0u0o9] {
    color: var(--charade-700);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.website-header-sort[b-d6n0s0u0o9] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.website-header-sort-tittle[b-d6n0s0u0o9] {
    color: var(--charade-300);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.website-header-sort-options[b-d6n0s0u0o9] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--charade-100);
    background: var(--accessibility-white);
    box-shadow: 0px 0px 0px 0px rgba(27, 143, 229, 0.00);
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 480;
    line-height: normal;
    width: 146px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"%3E%3Cpath fill="none" stroke="%23ccc" d="M1 1l3 3 3-3"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: left 10px center;
}

    .website-header-sort-options option[b-d6n0s0u0o9] {
        background-color: white;
        color: var(--charade-500);
        padding: 8px 12px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }


    .website-header-sort-options:focus[b-d6n0s0u0o9] {
        outline: none;
        border: 1.5px solid var(--charade-200);
        box-shadow: 0 0 10px rgba(27, 143, 229, 0.2);
    }

        .website-header-sort-options:focus:not(:focus-visible)[b-d6n0s0u0o9] {
            border: 1.5px solid var(--charade-100);
        }


.websites-section-btn[b-d6n0s0u0o9] {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    cursor: pointer;
    position: relative;
    transition: padding 0.3s ease;
}

.websites-btn[b-d6n0s0u0o9] {
    background: inherit;
    z-index: 10;
    white-space: nowrap;
}

.websites-section-btn:hover[b-d6n0s0u0o9] {
    padding: 10px 20px 10px 30px;
    background: var(--blue-500);
}

    .websites-section-btn:hover .websites-btn-icon[b-d6n0s0u0o9] {
        transform: translate(calc(-50% + -20px), -50%);
    }

.websites-btn-icon[b-d6n0s0u0o9] {
    padding: 0 8px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.websites-content[b-d6n0s0u0o9] {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 10px;
}

.website-card[b-d6n0s0u0o9] {
    border-radius: 12px;
    background: var(--accessibility-white);
    box-shadow: 0px 4px 8px -2px rgba(53, 53, 70, 0.10), 0px 8px 12px -4px rgba(53, 53, 70, 0.08);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

    .website-card.initial[b-d6n0s0u0o9] {
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .website-card.fade-in[b-d6n0s0u0o9] {
        opacity: 1;
        transition: all 0.3s ease-in;
    }

    .website-card.fade-out[b-d6n0s0u0o9] {
        transition: all 0.3s ease-in;
        opacity: 0;
    }

@keyframes fadeIn-b-d6n0s0u0o9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut-b-d6n0s0u0o9 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.website-card-img[b-d6n0s0u0o9] {
    position: relative;
    aspect-ratio: 266.50 / 152.00;
    border-radius: 12px;
}

    .website-card-img img[b-d6n0s0u0o9] {
        width: 100%;
        height: 100%;
        border-radius: 12px 12px 0 0;
    }

.image-items[b-d6n0s0u0o9] {
    width: 100%;
    padding-left: 11.5px;
    padding-right: 12px;
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.image-more-item[b-d6n0s0u0o9] {
    border-radius: 999px;
    background: rgba(32, 32, 40, 0.90);
    display: flex;
    align-items: center;
    padding: 4px 12px;
    gap: 4px;
    color: #FFF;
    cursor: pointer;
}



.image-more-item-title[b-d6n0s0u0o9] {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.image-more-item-icon[b-d6n0s0u0o9] {
    font-size: 16px;
}

.image-status-item[b-d6n0s0u0o9] {
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pending-status[b-d6n0s0u0o9] {
    color: var(--orange-600);
    background: rgba(249, 235, 198, 0.90);
}

.active-status[b-d6n0s0u0o9] {
    background: rgba(195, 239, 201, 0.90);
    color: var(--green-600);
}

.expired-status[b-d6n0s0u0o9] {
    background: rgba(251, 226, 224, 0.90);
    color: var(--red-600);
}

.not-active-status[b-d6n0s0u0o9] {
}

.default-class[b-d6n0s0u0o9] {
    background: rgba(5, 24, 53, 0.76);
    color: var(--accessibility-white);
}


.image-domain-link[b-d6n0s0u0o9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(15, 87, 150, 0.34) 0%, rgba(15, 87, 150, 0.80) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}

.website-card:hover .image-domain-link[b-d6n0s0u0o9] {
    opacity: 1;
}

.image-domain-link-btn[b-d6n0s0u0o9] {
    border-radius: 12px;
    background: rgba(5, 24, 53, 0.76);
    padding: 10px 12px;
    justify-content: center;
    color: var(--accessibility-white);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 6px;
}

.image-domain-link-tittle[b-d6n0s0u0o9] {
    font-size: 12px;
}

.image-domain-link-icon[b-d6n0s0u0o9] {
    font-size: 18px;
}

.website-card-content-tittle[b-d6n0s0u0o9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 12px 0px 12px;
}

.website-card-content-tittle-primary[b-d6n0s0u0o9] {
    color: var(--charade-800);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 20px;
    overflow: hidden;
}

.website-card-content-tittle-second[b-d6n0s0u0o9] {
    color: var(--charade-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.website-card-content-items[b-d6n0s0u0o9] {
    padding: 12px 6px 0 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.card-item[b-d6n0s0u0o9] {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 9999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
}

.card-item-active[b-d6n0s0u0o9] {
    border: 1px solid var(--green-200);
    color: var(--green-600);
}

.card-item-notactive[b-d6n0s0u0o9] {
    border: 1px solid var(--red-300);
    color: var(--red-600);
}

.shiled-icon[b-d6n0s0u0o9] {
    font-size: 18px;
}

.website-card-content-feature[b-d6n0s0u0o9] {
    gap: 10px;
    border: 1px solid var(--charade-100);
    color: var(--charade-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.website-card-content-btns[b-d6n0s0u0o9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 24px 12px 12px 12px;
}

.website-card-btn[b-d6n0s0u0o9] {
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-btn[b-d6n0s0u0o9] {
    flex: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    border-radius: 12px;
    display: flex;
    padding: 10px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

    .card-btn a[b-d6n0s0u0o9] {
        display: block;
        width: 100%;
        height: 100%;
    }


.website-card-gray-btn[b-d6n0s0u0o9] {
    border: 1.5px solid var(--charade-300);
    color: var(--charade-500);
}

.website-card-orange-btn[b-d6n0s0u0o9] {
    border: 1.5px solid var(--orange-500);
    color: var(--orange-500);
}

.website-card-border-blue-btn[b-d6n0s0u0o9] {
    border: 1.5px solid var(--blue-400);
    color: var(--blue-400);
}

.website-card-background-blue-btn[b-d6n0s0u0o9] {
    background: var(--blue-400);
    color: var(--accessibility-white);
}

.website-card-background-blue-disable-btn[b-d6n0s0u0o9] {
    opacity: 0.6;
    background: var(--blue-300);
    color: var(--accessibility-white);
}


/*        color: var(--accessibility-white);*/
@media (max-width: 1200px) {
    .websites-content[b-d6n0s0u0o9] {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 960px) {
    .websites-content[b-d6n0s0u0o9] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .websites-header[b-d6n0s0u0o9] {
        flex-direction: column;
    }

    .websites-header-menu[b-d6n0s0u0o9] {
        width: 100%;
        justify-content: space-between;
    }

    .website-header-sort[b-d6n0s0u0o9] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 460px) {
    .websites-content[b-d6n0s0u0o9] {
        grid-template-columns: repeat(1, 1fr);
    }

    .website-card-content-btns[b-d6n0s0u0o9] {
        flex-direction: column;
    }

    .card-btn[b-d6n0s0u0o9] {
        width: 100%;
    }
}
/* /Areas/Owner/Shared/OwnerMainLayout.razor.rz.scp.css */



.header[b-5z1zlq4he8] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
    backdrop-filter: blur(12px);
    position: fixed;
    top: 0;
    z-index: 80;
    background-color: rgba(255, 255, 255, 0.8);
}


.header-breadcrumb[b-5z1zlq4he8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-breadcrumb-subttitle-section[b-5z1zlq4he8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-breadcrumb-subtittle-icon[b-5z1zlq4he8] {
    font-size: 20px;
    color: var(--charade-400);
}

header-breadcrumb-subtittle[b-5z1zlq4he8] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}

.header-breadcrumb-icon[b-5z1zlq4he8] {
    font-size: 18px;
    color: var(--charade-300);
}





.header-open-rtl[b-5z1zlq4he8] {
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    width: calc(100% - 254px);
    margin-right: 254px;
}

.header-close-rtl[b-5z1zlq4he8] {
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    width: calc(100% - 76px);
    margin-right: 76px;
}

@media (max-width: 767px) {
    .header[b-5z1zlq4he8] {
        width: 100%;
        margin: 0;
    }
}

.header .tittle[b-5z1zlq4he8] {
    color: #4B4B67;
    font-size: 14px;
    /*    font-variation-settings: "wght" 600, "dots" 1;*/
    line-height: 14px;
}

.header .items[b-5z1zlq4he8] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header .icons[b-5z1zlq4he8] {
    display: flex;
    align-items: center;
    gap: 32px;
}

.header .profile[b-5z1zlq4he8] {
    /*    width: 156px;*/
    width: 120px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.profile-detail[b-5z1zlq4he8] {
    font-size: 14px;
    font-variation-settings: "wght" 500, "dots" 1;
    color: #4B4B67;
}



.psudo-element[b-5z1zlq4he8] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    display: block;
}

    .psudo-element.hide[b-5z1zlq4he8] {
        display: none;
    }

.sidebar[b-5z1zlq4he8] {
    display: flex;
    flex-direction: column;
    /*background-color: red;*/
    position: fixed;
    top: 0;
    height: 100vh;
    overflow: hidden;
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    border-left: 0.5px solid #EFF0F4;
    z-index: 1000;
}

    .sidebar.open[b-5z1zlq4he8] {
        width: 254px;
    }

    .sidebar.close[b-5z1zlq4he8] {
        width: 76px;
    }

.sidebar-logo[b-5z1zlq4he8] {
    position: relative;
    display: flex;
    padding: 40px 24px 20px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-bottom: 0.5px solid #EFF0F4;
}


.toggle-sidebar-section[b-5z1zlq4he8] {
    position: absolute;
    top: 0;
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    border-color: #EFF0F4;
    background-color: #fff;
    display: flex;
    padding: 13.5px;
    align-items: center;
    cursor: pointer;
}

.toggle-sidebar-btn[b-5z1zlq4he8] {
    font-size: 20px;
    color: #7E809C;
}

.open-btn-sidebar[b-5z1zlq4he8] {
    transform: translateX(0);
    left: 0;
    border-radius: 0px 0px 8px 0px;
    border-right: 1px solid #F5F5F8;
    border-bottom: 1px solid #F5F5F8;
}

.close-btn-sidebar[b-5z1zlq4he8] {
    transform: translateX(-50%);
    left: 50%;
    border-radius: 0px 0px 8px 8px;
    border-right: 1px solid #F5F5F8;
    border-bottom: 1px solid #F5F5F8;
    border-left: 1px solid #F5F5F8;
}

.sidebar-items[b-5z1zlq4he8] {
    padding: 24px 16px;
}

.sidebar-accordion-tittle[b-5z1zlq4he8] {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    padding: 10px 12px;
}

/*.sidebar-accordion-tittle {
    color: var(--charade-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}*/

.sidebar-accordion-content[b-5z1zlq4he8] {
    border-radius: 12px;
    background: #F4F7FE;
    padding: 8px 16px;
    margin-top: 6px;
}

.show-items[b-5z1zlq4he8] {
    transform: translateX(0);
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    opacity: 1;
}

.hide-items[b-5z1zlq4he8] {
    transform: translateX(-40px);
    transition: all 260ms cubic-bezier(0.35,0.27,0.18,0.92);
    opacity: 0;
}

.active-border[b-5z1zlq4he8] {
    position: relative;
}

    .active-border[b-5z1zlq4he8]::before {
        content: "";
        width: 3px;
        height: 40px;
        position: absolute;
        right: -16px;
        border-radius: 4px 0 0 4px;
    }


.icons-default-color[b-5z1zlq4he8] {
    color: #7E809C;
}


.icons-spec[b-5z1zlq4he8] {
    font-size: 20px;
}




.open-content[b-5z1zlq4he8] {
    margin-right: 254px;
}

.close-content[b-5z1zlq4he8] {
    margin-right: 76px;
}

.active-tittle[b-5z1zlq4he8] {
    color: var(--charade-800);
}

.items-tittle[b-5z1zlq4he8] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    padding: 8px 0;
}

.items-tittle-icon[b-5z1zlq4he8] {
    font-size: 18px;
    color: var(--charade-500);
}

.items-tittle-active[b-5z1zlq4he8] {
    color: var(--charade-800);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.mobile-menu-section[b-5z1zlq4he8] {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 4px 8px 12px 8px;
    display: none;
    z-index: 999;
}

.mobile-menu-content[b-5z1zlq4he8] {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 28px;
    border: 1px solid var(--charade-50);
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0 4px 6px -2px rgba(96, 98, 127, 0.12), 0 4px 12px -8px rgba(96, 98, 127, 0.20), 0 8px 24px -12px rgba(96, 98, 127, 0.16);
    backdrop-filter: blur(8px);
}

.mobile-menu-item[b-5z1zlq4he8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.mobile-menu-item-icon[b-5z1zlq4he8] {
    font-size: 28px;
    color: var(--charade-400);
}

    .mobile-menu-item-icon.selected[b-5z1zlq4he8] {
        color: var(--blue-400);
    }

.mobile-menu-item-title[b-5z1zlq4he8] {
    color: var(--charade-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.close-menu-btn[b-5z1zlq4he8] {
    margin-top: auto;
    background-color: var(--blue-400);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 12px;
    color: white;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: none;
}

@media (max-width: 767px) {
    .psudo-element[b-5z1zlq4he8] {
        display: none;
    }

    .mobile-menu-section[b-5z1zlq4he8] {
        display: block;
    }

    .close-menu-btn[b-5z1zlq4he8] {
        display: flex;
    }

    .sidebar[b-5z1zlq4he8] {
        width: 100% !important;
        right: -100%;
    }

        .sidebar.mobile-menu[b-5z1zlq4he8] {
            right: 0px;
        }

    .toggle-sidebar-section[b-5z1zlq4he8] {
        display: none;
    }

    .open-content[b-5z1zlq4he8] {
        margin: 0px;
    }

    .close-content[b-5z1zlq4he8] {
        margin: 0px;
    }
}
/* /Components/JalaliDatePicker.razor.rz.scp.css */
.jalali-date-picker[b-iyswn7rq8o] {
/*    width: 100%;*/
}

.jalali-date-picker-lable[b-iyswn7rq8o] {

}
/* /Components/MediaManagment.razor.rz.scp.css */

.media-managment-background[b-hegx2ml5h1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 50000;
    cursor: default !important;
}


.media-managment-section[b-hegx2ml5h1] {
    position: relative;
    width: clamp(300px, 100%, 1230px);
    border-radius: 12px;
    border: 1px solid rgba(235, 234, 239, 0.70);
    background-color: var(--accessibility-white);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 12px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    margin: 0 8px;
}

.media-managment-section-footer[b-hegx2ml5h1] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 76px;
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    border-top: 1px solid var(--charade-200);
    background-color: #fff;
    z-index: 1000;
    border-radius: 0 0 8px 8px;
}

.media-managment-section-footer-btn[b-hegx2ml5h1] {
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--blue-400);
    color: var(--accessibility-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.page-section[b-hegx2ml5h1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.media-header[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--charade-200);
}

.media-header-title-section[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.media-header-title[b-hegx2ml5h1] {
    color: var(--Black);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
}

.media-header-info-title[b-hegx2ml5h1] {
    color: #0E1726;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.16px;
}

.media-header-info-breadcrumb[b-hegx2ml5h1] {
}

.media-header-action[b-hegx2ml5h1] {
    width: 24px;
    height: 24px;
    background-color: var(--charade-200);
    border-radius: 100%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .media-header-action:hover[b-hegx2ml5h1] {
        opacity: 0.8;
    }

.categories-section[b-hegx2ml5h1] {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.categories-header[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categories-header-breadcrumb[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    gap: 4px;
}


.categories-header-breadcrumb-title[b-hegx2ml5h1] {
    color: #0E1726;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
    cursor: pointer;
}

.breadcrumb-icon[b-hegx2ml5h1] {
    font-size: 20px;
    color: var(--charade-400)
}

.categories-header-breadcrumb-content[b-hegx2ml5h1] {
    color: var(--charade-400);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.08px;
    cursor: pointer;
}

.actions-section[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.categories-header-actions[b-hegx2ml5h1] {
    padding: 6px 16px;
    border-radius: 4px;
    border: 1px solid #4361EE;
    color: #4361EE;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.07px;
    cursor: pointer;
}

    .categories-header-actions:hover[b-hegx2ml5h1] {
        opacity: 0.7;
    }

.categories-content[b-hegx2ml5h1] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.category-card[b-hegx2ml5h1] {
    /*flex: 1 1 calc(20% - 20px);*/ /* تقسیم مساوی */
    position: relative;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid #E3E7FC;
    background: rgba(67, 97, 238, 0.04);
    cursor: pointer;
}

.clickable-category[b-hegx2ml5h1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.category-card:hover[b-hegx2ml5h1] {
    border: 1px solid #2196F3;
    background: rgba(33, 150, 243, 0.20);
}

.category-card-info[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.category-card-info-detail[b-hegx2ml5h1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.category-card-info-detail-title[b-hegx2ml5h1] {
    color: #0E1726;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.07px;
}

.category-card:hover .category-card-info-detail-title[b-hegx2ml5h1] {
    color: #2196F3;
}

.category-card-info-detail-number[b-hegx2ml5h1] {
    color: #888EA8;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.06px;
}

.card-icon-section[b-hegx2ml5h1] {
    position: relative;
}

.category-modal-background[b-hegx2ml5h1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /*    z-index: 1086;*/
}

.category-modal[b-hegx2ml5h1] {
    position: absolute;
    top: 50px;
    left: 0;
    background-color: white;
    padding: 4px 0;
    border-radius: 8px;
    z-index: 1051;
    border: 1px solid var(--charade-100);
}

.category-modal-item[b-hegx2ml5h1] {
    padding: 8px 32px;
    color: var(--charade-500);
    font-size: 12px;
    font-weight: 600;
}

    .category-modal-item:hover[b-hegx2ml5h1] {
        background-color: var(--charade-200);
    }


.card-icon[b-hegx2ml5h1] {
    color: var(--charade-400);
    cursor: pointer;
    font-size: 22px;
    padding: 6px;
    z-index: 100;
}

.delete-confirm-section[b-hegx2ml5h1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.04);
    z-index: 10000 !important;
    cursor: default !important;
}

.delete-confirm[b-hegx2ml5h1] {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--accessibility-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delete-confirm-title[b-hegx2ml5h1] {
    color: var(--charade-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delete-confirm-btns[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delete-confirm-btn[b-hegx2ml5h1] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 14px;
    cursor: pointer !important;
}

.delete-btn[b-hegx2ml5h1] {
    color: var(--red-500);
    border: 1px solid var(--red-400);
    background-color: var(--red-200);
}

.cancel-btn[b-hegx2ml5h1] {
    color: var(--charade-600);
    background-color: var(--charade-100);
    border: 1px solid var(--charade-200);
}



.mediafiles-section[b-hegx2ml5h1] {
    padding: 20px 20px 80px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mediafiles-header[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mediafiles-header-half[b-hegx2ml5h1] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mediafile-title[b-hegx2ml5h1] {
    color: #0E1726;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.1px;
}

.mediafile-folder-name[b-hegx2ml5h1] {
    color: #4A4A4A;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.07px;
}

.mediafiles-content[b-hegx2ml5h1] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    /*    background-color: red;*/
}

.mediafile-card[b-hegx2ml5h1] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #E3E7FC;
    background: rgba(67, 97, 238, 0.04);
    cursor: pointer;
}

.selected-card[b-hegx2ml5h1] {
    border: 2px solid var(--blue-400);
    background: var(--blue-100);
}

.mediafile-card-img[b-hegx2ml5h1] {
    width: 100%;
    height: 136px;
    border-radius: 8px;
}

    .mediafile-card-img img[b-hegx2ml5h1] {
        width: 100%;
        height: 100%;
        border-radius: 8px;
        object-fit: cover;
    }

.mediafile-card-actions[b-hegx2ml5h1] {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    height: 70px;
    text-overflow: ellipsis;
    display: flex;
    align-items: start;
    justify-content: center;
    text-align: left;
}

.mediafile-card-sudo[b-hegx2ml5h1] {
    position: relative;
    z-index: 1000;
}

.mediafile-card-icon[b-hegx2ml5h1] {
    position: absolute;
    bottom: 55px;
    right: 5px;
    color: var(--charade-400);
    cursor: pointer;
    font-size: 22px;
    padding: 6px;
    z-index: 100;
}


.mediafile-card-title[b-hegx2ml5h1] {
    padding-right: 15px;
}

.media-modal-background[b-hegx2ml5h1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
}

.media-modal[b-hegx2ml5h1] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: white;
    padding: 4px 0;
    border-radius: 8px;
    z-index: 1050;
    border: 1px solid var(--charade-100);
}

.media-modal-item[b-hegx2ml5h1] {
    padding: 8px 32px;
    color: var(--charade-500);
    font-size: 12px;
    font-weight: 600;
}

    .media-modal-item:hover[b-hegx2ml5h1] {
        background-color: var(--charade-200);
    }

.modal-background[b-hegx2ml5h1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1081;
}

.modal-section[b-hegx2ml5h1] {
    width: clamp(250px, 100%, 650px);
    background-color: white;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    margin: 0 8px;
}

.modal-actions[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

.modal-btn[b-hegx2ml5h1] {
    background-color: var(--blue-400);
    padding: 8px 24px;
    border-radius: 8px;
    color: white;
    cursor: pointer;
}

    .modal-btn:hover[b-hegx2ml5h1] {
        opacity: 0.6;
    }

.modal-cancel-btn[b-hegx2ml5h1] {
    border: 1px solid var(--blue-400);
    padding: 7px 23px;
    border-radius: 8px;
    color: var(--blue-400);
    cursor: pointer;
}


    .modal-cancel-btn:hover[b-hegx2ml5h1] {
        opacity: 0.6;
    }


.custom-pagination[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-link[b-hegx2ml5h1] {
    background-color: red !important;
}

[b-hegx2ml5h1] .pagination .page-link {
    background: #E0E6ED;
    margin: auto 5px;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    padding: 0.375rem 0;
    color: #3B3F5C;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-hegx2ml5h1] .pagination .page-item {
}

/*    ::deep .pagination .page-item.disabled {
        background-color: red !important;
    }
*/




.empty-folder[b-hegx2ml5h1] {
    display: flex;
    align-items: center;
}


.media-content[b-hegx2ml5h1] {
    overflow-y: auto;
    max-height: 80vh;
}

.form-uploadfile[b-hegx2ml5h1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}


.file-label[b-hegx2ml5h1] {
    max-width: 150px;
    color: white;
    border: dashed 2px var(--charade-300);
    background-color: var(--charade-100);
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: var(--charade-400);
}

    .file-label:hover[b-hegx2ml5h1] {
        background-color: var(--charade-200);
    }

.file-selected[b-hegx2ml5h1] {
    background-color: var(--charade-100);
    padding: 6px 12px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    gap: 8px;
}

.file-selected-img[b-hegx2ml5h1] {
    width: 60px;
    height: 60px;
}

    .file-selected-img img[b-hegx2ml5h1] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.file-selected-info[b-hegx2ml5h1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
/*    gap: 4px;*/
}


.file-info-name[b-hegx2ml5h1] {
    color: var(--charade-600);
    font-size: 16px;
}

.file-info-size[b-hegx2ml5h1] {
    color: var(--charade-400);
    font-size: 14px;
}

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-7fmqvpe9al] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7fmqvpe9al] {
    flex: 1;
}

.sidebar[b-7fmqvpe9al] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-7fmqvpe9al] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-7fmqvpe9al]  a, .top-row[b-7fmqvpe9al]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-7fmqvpe9al]  a:hover, .top-row[b-7fmqvpe9al]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-7fmqvpe9al]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-7fmqvpe9al] {
        justify-content: space-between;
    }

    .top-row[b-7fmqvpe9al]  a, .top-row[b-7fmqvpe9al]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-7fmqvpe9al] {
        flex-direction: row;
    }

    .sidebar[b-7fmqvpe9al] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-7fmqvpe9al] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-7fmqvpe9al]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-7fmqvpe9al], article[b-7fmqvpe9al] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-l63ylxkq08] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-l63ylxkq08] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-l63ylxkq08] {
    font-size: 1.1rem;
}

.bi[b-l63ylxkq08] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-l63ylxkq08] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-l63ylxkq08] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-l63ylxkq08] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-l63ylxkq08] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-l63ylxkq08] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-l63ylxkq08] {
        padding-bottom: 1rem;
    }

    .nav-item[b-l63ylxkq08]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-l63ylxkq08]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-l63ylxkq08]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-l63ylxkq08] {
        display: none;
    }

    .collapse[b-l63ylxkq08] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-l63ylxkq08] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/RegisterForm.razor.rz.scp.css */
.rg-wrap *[b-nvfcwnx60e], .rg-wrap *[b-nvfcwnx60e]::before, .rg-wrap *[b-nvfcwnx60e]::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.rg-wrap[b-nvfcwnx60e] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: #0d0f14;
    color: #e8ecf4;
    font-family: 'IranYekan', sans-serif;
    direction: rtl;
    position: relative;
}

.rg-glow[b-nvfcwnx60e] {
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse 80% 50% at 20% 0%, rgba(91,108,249,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(139,92,246,0.10) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}

.rg-card[b-nvfcwnx60e] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 460px;
    background: #13161f;
    border: 1px solid #272b3a;
    border-radius: 20px;
    padding: 2.5rem 2.5rem 2rem;
    box-shadow: 0 25px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04) inset;
    animation: rg-up-b-nvfcwnx60e 0.5s cubic-bezier(0.22,1,0.36,1) both;
}

@keyframes rg-up-b-nvfcwnx60e {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.rg-logo[b-nvfcwnx60e] {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #5b6cf9, #8b5cf6);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 24px rgba(91,108,249,0.35);
}

    .rg-logo svg[b-nvfcwnx60e] {
        width: 22px;
        height: 22px;
    }

.rg-card h1[b-nvfcwnx60e] {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 0.35rem;
    color: #e8ecf4;
}

.rg-subtitle[b-nvfcwnx60e] {
    color: #6b7280;
    font-size: 0.875rem;
    margin-bottom: 2rem;
}

.rg-divider[b-nvfcwnx60e] {
    height: 1px;
    background: #272b3a;
    margin-bottom: 1.75rem;
}

.rg-row[b-nvfcwnx60e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.rg-field[b-nvfcwnx60e] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-bottom: 1.1rem;
}

    .rg-field label[b-nvfcwnx60e] {
        font-size: 0.82rem;
        font-weight: 500;
        color: #9ca3b0;
    }

.rg-input-wrap[b-nvfcwnx60e] {
    position: relative;
    display: flex;
    align-items: center;
}

.rg-icon[b-nvfcwnx60e] {
    position: absolute;
    right: 12px;
    color: #6b7280;
    display: flex;
    transition: color 0.2s;
}

    .rg-icon svg[b-nvfcwnx60e] {
        width: 17px;
        height: 17px;
    }

.rg-input-wrap:focus-within .rg-icon[b-nvfcwnx60e] {
    color: #5b6cf9;
}

.rg-input-wrap input[b-nvfcwnx60e] {
    width: 100%;
    background: #1a1e2a;
    border: 1px solid #272b3a;
    border-radius: 10px;
    padding: 0.7rem 2.5rem 0.7rem 0.9rem;
    font-family: 'IranYekan', sans-serif;
    font-size: 0.9rem;
    color: #e8ecf4;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    appearance: none;
}

    .rg-input-wrap input:focus[b-nvfcwnx60e] {
        border-color: #5b6cf9;
        background: #1d2133;
        box-shadow: 0 0 0 3px rgba(91,108,249,0.15);
    }

    .rg-input-wrap input[b-nvfcwnx60e]::placeholder {
        color: #3d4459;
    }

.rg-has-error input[b-nvfcwnx60e] {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239,68,68,0.12) !important;
}

.rg-err[b-nvfcwnx60e] {
    font-size: 0.78rem;
    color: #ef4444;
}

.rg-alert[b-nvfcwnx60e] {
    background: rgba(239,68,68,0.1);
    border: 1px solid rgba(239,68,68,0.3);
    color: #ef4444;
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}


.rg-resend[b-nvfcwnx60e] {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
}

.rg-countdown[b-nvfcwnx60e] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: #6b7280;
}

.rg-countdown-icon[b-nvfcwnx60e] {
    display: flex;
    align-items: center;
    color: #6b7280;
}

.rg-countdown-num[b-nvfcwnx60e] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #5b6cf9;
    direction: ltr;
    font-variant-numeric: tabular-nums;
}

.rg-resend-btn[b-nvfcwnx60e] {
    background: none;
    border: none;
    color: #5b6cf9;
    font-family: 'IranYekan', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.2rem 0;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s, opacity 0.2s;
}

    .rg-resend-btn:hover:not(:disabled)[b-nvfcwnx60e] {
        color: #7c8ffc;
    }

    .rg-resend-btn:disabled[b-nvfcwnx60e] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.rg-spinner-sm[b-nvfcwnx60e] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(91,108,249,0.3);
    border-top-color: #5b6cf9;
    border-radius: 50%;
    animation: rg-spin-b-nvfcwnx60e 0.6s linear infinite;
    display: inline-block;
}


.rg-terms[b-nvfcwnx60e] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 1.2rem 0 0.4rem;
    font-size: 0.82rem;
    color: #6b7280;
    cursor: pointer;
    user-select: none;
}

.rg-checkbox[b-nvfcwnx60e] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 1.5px solid #272b3a;
    border-radius: 5px;
    background: #1a1e2a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    transition: border-color 0.2s, background 0.2s;
}

    .rg-checkbox svg[b-nvfcwnx60e] {
        width: 11px;
        height: 11px;
        opacity: 0;
        transition: opacity 0.15s;
    }

    .rg-checkbox.checked[b-nvfcwnx60e] {
        background: #5b6cf9;
        border-color: #5b6cf9;
    }

        .rg-checkbox.checked svg[b-nvfcwnx60e] {
            opacity: 1;
        }

.rg-terms a[b-nvfcwnx60e] {
    color: #5b6cf9;
    text-decoration: none;
}

    .rg-terms a:hover[b-nvfcwnx60e] {
        text-decoration: underline;
    }


.rg-btn[b-nvfcwnx60e] {
    width: 100%;
    padding: 0.85rem;
    margin-top: 1rem;
    background: linear-gradient(135deg, #5b6cf9, #8b5cf6);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-family: 'IranYekan', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(91,108,249,0.3);
    transition: transform 0.15s, box-shadow 0.15s;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

    .rg-btn[b-nvfcwnx60e]::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(255,255,255,0.1), transparent);
        pointer-events: none;
    }

    .rg-btn:hover:not(:disabled)[b-nvfcwnx60e] {
        transform: translateY(-1px);
        box-shadow: 0 12px 32px rgba(91,108,249,0.4);
    }

    .rg-btn:active:not(:disabled)[b-nvfcwnx60e] {
        transform: translateY(0);
    }

    .rg-btn:disabled[b-nvfcwnx60e] {
        opacity: 0.7;
        cursor: not-allowed;
    }

.rg-btn-ghost[b-nvfcwnx60e] {
    width: 100%;
    padding: 0.75rem;
    margin-top: 0.75rem;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
    color: #e8ecf4;
    font-family: 'IranYekan', sans-serif;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

    .rg-btn-ghost:hover:not(:disabled)[b-nvfcwnx60e] {
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.3);
    }

    .rg-btn-ghost:disabled[b-nvfcwnx60e] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.rg-spinner[b-nvfcwnx60e] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: rg-spin-b-nvfcwnx60e 0.6s linear infinite;
}

@keyframes rg-spin-b-nvfcwnx60e {
    to {
        transform: rotate(360deg);
    }
}

.rg-login-link[b-nvfcwnx60e] {
    text-align: center;
    margin-top: 1.4rem;
    font-size: 0.85rem;
    color: #6b7280;
}

    .rg-login-link a[b-nvfcwnx60e] {
        color: #5b6cf9;
        text-decoration: none;
        font-weight: 500;
    }

        .rg-login-link a:hover[b-nvfcwnx60e] {
            text-decoration: underline;
        }

@media (max-width: 480px) {
    .rg-card[b-nvfcwnx60e] {
        padding: 2rem 1.4rem 1.5rem;
    }

    .rg-row[b-nvfcwnx60e] {
        grid-template-columns: 1fr;
    }
}