/*
 * projects.css
 * Sections:
 * 1) Filters and grouping controls
 * 2) Shared table typography/alignment
 * 3) Project lists (regular/grouped)
 * 4) Inline tasks tables (list/details pages)
 * 5) Documents/updates blocks
 * 6) Responsive/modal helpers
 * 7) Final overrides
 */

/* ========================= 1) Filters and grouping controls ========================= */
/* Shared filters base: /css/crm-shared.css — поля и selectpicker: /css/crm-form-selects.css */

/* Grouping popup (icon + chooser window) */
.projects-grouping-selector {
    position: relative;
}

.projects-grouping-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    z-index: 1060;
    overflow: hidden;
    padding: 8px;
}

.projects-grouping-selector.open .projects-grouping-popup {
    display: block;
}

/* Grouping popup is a compact combobox-like panel */
.projects-grouping-popup-header,
.projects-grouping-search {
    display: none !important;
}

.projects-grouping-combo-wrap {
    margin-bottom: 12px;
}

#projectsGroupBySelect {
    width: 100%;
}

.projects-grouping-options {
    display: none !important;
}

.projects-grouping-footer {
    display: flex !important;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e5e5;
    background: transparent;
}

.projects-grouping-footer .btn {
    flex: 1;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 30px;
}

[dir="rtl"] .projects-grouping-footer {
    flex-direction: row-reverse;
}

/* Filters dropdown on projects list */
#projectsFiltersDropdown.open .filters-dropdown-panel {
    display: flex;
}

#projectsFiltersDropdown {
    position: relative;
}

/* Toolbar controls — parity with projects.aspx (inline-block + margin-r-5 wrappers) */
.projects-list-box .filters-search-row > .inline-block:not(.has-feedback) {
    flex: 0 0 auto;
}

.projects-list-box .filters-search-row .filters-toggle-btn-icon.btn {
    line-height: 1;
}

/* ========================= 2) Shared table typography/alignment ========================= */
/* Badge flex/base: /css/crm-shared.css */

.project-tasks-table .label {
    white-space: nowrap;
}

.projects-table .label.label-paused,
.grouped-projects-table .label.label-paused,
.project-tasks-table .label.label-paused,
.project-inline-tasks-table .label.label-paused,
.project-statuses-table .label.label-paused {
    background-color: #555 !important;
    color: #fff !important;
}

.projects-table td.status-cell,
.grouped-projects-table td.status-cell,
.project-statuses-table td.status-cell,
.project-statuses-table td[data-col="status"],
#projectDashboardRiskTable td.status-cell,
#projectDashboardRiskTable td[data-col="status"] {
    white-space: nowrap;
}

.project-inline-tasks-table td.task-status-cell {
    white-space: nowrap;
}

.project-tasks-table td.task-status-cell {
    white-space: nowrap;
}

.project-tasks-table th[data-col="timer"] {
    font-weight: 600;
}

/* Modal/task form selects — see /css/crm-form-selects.css (Admin.master, after bootstrap-select). */

/* Reserve fixed editor height in «פרויקט חדש» so CKEditor init does not resize the modal. */
#modalAddProject #addProjectMoreDetailsEditor + .ck-editor {
    min-height: 400px;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#modalAddProject #addProjectMoreDetailsEditor + .ck-editor .ck-editor__main {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

#modalAddProject #addProjectMoreDetailsEditor + .ck-editor .ck-editor__editable_inline {
    flex: 1 1 auto;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
}

/* Tree toggle in name column (projects + inline tasks) */
.projects-table .project-name-with-add-cell .btn-task-tree-toggle,
.grouped-projects-table .project-name-with-add-cell .btn-task-tree-toggle,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-tree-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 12px;
    min-width: 12px;
    height: 1.42857143em;
    line-height: 1;
    flex-shrink: 0;
    color: #6f7f8f;
    text-decoration: none;
    margin-inline-end: 4px;
}

.projects-table .project-name-with-add-cell .task-tree-toggle-spacer,
.grouped-projects-table .project-name-with-add-cell .task-tree-toggle-spacer,
.project-inline-tasks-table .project-inline-task-name-cell .task-tree-toggle-spacer {
    display: inline-flex;
    align-self: center;
    width: 12px;
    min-width: 12px;
    height: 1.42857143em;
    flex-shrink: 0;
    margin-inline-end: 4px;
}

.projects-table .project-name-with-add-cell .btn-task-tree-toggle:hover,
.grouped-projects-table .project-name-with-add-cell .btn-task-tree-toggle:hover,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-tree-toggle:hover {
    color: #3c8dbc;
}

/* AdminLTE: .footable .fa { font-size: 18px } — таблица несёт footable+projects-table на одном элементе */
.projects-table .project-name-with-add-cell .btn-task-tree-toggle i.fa,
.grouped-projects-table .project-name-with-add-cell .btn-task-tree-toggle i.fa,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-tree-toggle i.fa,
.footable.projects-table .project-name-with-add-cell .btn-task-tree-toggle i.fa,
.footable.grouped-projects-table .project-name-with-add-cell .btn-task-tree-toggle i.fa,
.footable .project-inline-tasks-table .project-inline-task-name-cell .btn-task-tree-toggle i.fa {
    font-size: 11px !important;
    line-height: 1 !important;
    margin: 0 !important;
    display: block;
}

/* Иерархия задач: 12px на уровень (fallback до JS; на деталях корень без доп. отступа) */
.project-inline-tasks-table tr.project-inline-task-row[data-level="0"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 0;
}
.project-inline-tasks-table tr.project-inline-task-row[data-level="1"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 12px;
}
.project-inline-tasks-table tr.project-inline-task-row[data-level="2"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 24px;
}
.project-inline-tasks-table tr.project-inline-task-row[data-level="3"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 36px;
}
.project-inline-tasks-table tr.project-inline-task-row[data-level="4"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 48px;
}
.project-inline-tasks-table tr.project-inline-task-row[data-level="5"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 60px;
}
.project-inline-tasks-table tr.project-inline-task-row[data-level="6"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 72px;
}
.project-inline-tasks-table tr.project-inline-task-row[data-level="7"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 84px;
}
.project-inline-tasks-table tr.project-inline-task-row[data-level="8"] td.project-inline-task-name-cell .project-name-cell-inner {
    padding-inline-start: 96px;
}

.projects-table,
.grouped-projects-table {
    table-layout: auto;
    width: 100%;
    max-width: 100%;
}

.project-inline-tasks-table {
    table-layout: auto;
    width: 100%;
    max-width: 100%;
}

.projects-table.table,
.grouped-projects-table,
.project-inline-tasks-table.table {
    width: 100% !important;
    max-width: 100% !important;
}

.project-inline-tasks-table.table {
    table-layout: auto;
}

.project-inline-tasks-table th[data-col="projectName"],
.project-inline-tasks-table td[data-field="subject"] {    
    vertical-align: middle;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.projects-table thead th[data-col="projectName"],
.project-inline-tasks-table thead th[data-col="projectName"] {
    text-align: right !important;
}

.project-inline-tasks-table thead th[data-sort-key="subject"] {
    text-align: right !important;
}

/* Center all headers/columns except "פרויקט", "משימה"; במשימות — גם מלבד טיימר (זמן בפועל) */
.projects-table thead th:not([data-col="projectName"]),
.grouped-projects-table thead th:not([data-col="projectName"]),
.project-inline-tasks-table thead th:not([data-col="projectName"]):not([data-sort-key="subject"]):not([data-col="actual"]) {
    text-align: center !important;
}

.projects-table tbody tr.project-row > td:not([data-field="projectName"]),
.grouped-projects-table tbody tr.project-row > td:not([data-field="projectName"]),
.project-inline-tasks-table tbody tr.project-inline-task-row > td:not(.project-inline-task-name-cell):not([data-field="subject"]):not(.actual-time-cell) {
    text-align: center !important;
}

.project-inline-tasks-table thead th[data-col="actual"] {
    text-align: center !important;
}

.project-inline-tasks-table tbody td.actual-time-cell {
    text-align: center !important;
    direction: rtl;
    unicode-bidi: isolate;
    white-space: normal;
    line-height: 1.25;
    vertical-align: middle;
}

.actual-time-compact {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    column-gap: 0.2em;
    row-gap: 0;
    max-width: 100%;
}

.actual-time-h,
.actual-time-m {
    white-space: nowrap;
}

.projects-table td[data-field="estimate"],
.projects-table td.estimate-rollup-cell,
.grouped-projects-table td[data-field="estimate"],
.grouped-projects-table td.estimate-rollup-cell,
.project-inline-tasks-table td[data-field="estimate"],
.project-inline-tasks-table td.estimate-rollup-cell,
.project-inline-tasks-table--details td[data-field="estimate"],
.project-inline-tasks-table--details td.estimate-rollup-cell,
#projectTasksInDetailsTable td[data-field="estimate"],
#taskChildrenTable td[data-field="estimate"],
#tblLeadClientProjects td[data-field="estimate"] {
    text-align: center !important;
    direction: rtl;
    unicode-bidi: isolate;
    white-space: normal;
    line-height: 1.25;
    vertical-align: middle;
}

.projects-table thead th[data-col="projectestimate"],
.projects-table thead th[data-col="actual"],
.grouped-projects-table thead th[data-col="projectestimate"],
.grouped-projects-table thead th[data-col="actual"],
.projects-table tbody tr.project-row > td[data-field="estimate"],
.projects-table tbody tr.project-row > td.actual-time-cell.project-actual-time-cell,
.grouped-projects-table tbody tr.project-row > td[data-field="estimate"],
.grouped-projects-table tbody tr.project-row > td.actual-time-cell.project-actual-time-cell {
    text-align: center !important;
    direction: rtl;
    unicode-bidi: isolate;
    white-space: normal;
    line-height: 1.25;
    vertical-align: middle;
}

/* דפי פרטי פרויקט/משימה: כותרת טבלת משימות — טיפוגרפיה, ריווחים ואייקוני מיון כמו טבלת הפרויקטים (FooTable) */
.project-inline-tasks-table--details.table > thead {
    position: sticky;
    top: var(--projects-sticky-top, 0px);
    z-index: 6;
}

/* Только отличия от .projects-table: нет предка .footable — дублируем user-select из footable.core */
.project-inline-tasks-table--details.table > thead > tr > th {
    transition: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

/* Как у .projects-sticky-header-table: «משימה» может переноситься, остальные заголовки — одна строка */
.project-inline-tasks-table--details.table > thead > tr > th[data-col="projectName"] {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.project-inline-tasks-table--details.table > thead > tr > th:not([data-col="projectName"]) {
    white-space: nowrap !important;
}

.project-inline-tasks-table--details.table > thead > tr > th:hover,
.project-inline-tasks-table--details.table > thead > tr > th:focus {
    background-color: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
}

.project-inline-tasks-table--details.table > thead > tr > th.footable-sortable:hover {
    background-color: inherit !important;
    box-shadow: none !important;
    cursor: pointer;
}

/* Индикаторы сортировки (footable-глифы): на деталях — меньше, чем у основной таблицы проектов */
.project-inline-tasks-table--details > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
    content: "\e013";
}
.project-inline-tasks-table--details > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
    content: "\e012";
}
/* Как у .footable.core / AdminLTE: padding-left 5px между текстом заголовка и глифом */
.project-inline-tasks-table--details > thead > tr > th > span.footable-sort-indicator {
    display: inline-block;
    font-family: 'footable';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 11px;
    line-height: 1;
    vertical-align: baseline;
    padding-inline-start: 5px;
}
.project-inline-tasks-table--details > thead > tr > th > span.footable-sort-indicator:before {
    content: "\e022";
}

.project-inline-tasks-table--details.table > thead > tr > th.footable-sortable > span.footable-sort-indicator {
    opacity: 1 !important;
    transition: none !important;
}

.project-inline-tasks-table--details.table > thead > tr > th.footable-sortable:hover > span.footable-sort-indicator {
    opacity: 1 !important;
}

@media (hover: none) {
    .project-inline-tasks-table--details.table > thead > tr > th.footable-sortable > span.footable-sort-indicator {
        opacity: 1 !important;
    }
}

/* Строки проектов: выравнивание по вертикали */
.projects-table tbody tr.project-row > td,
.grouped-projects-table tbody tr.project-row > td {
    vertical-align: middle !important;
    background: #fff !important;
}

.projects-table .editable-project-cell,
.grouped-projects-table .editable-project-cell,
.project-inline-tasks-table .editable-task-cell {
    cursor: text;
}

.project-inline-tasks-table td.task-assignee-cell.editable-task-cell {
    cursor: pointer;
}

.projects-table .editable-project-cell:hover,
.grouped-projects-table .editable-project-cell:hover,
.project-inline-tasks-table .editable-task-cell:hover {
    background: #f7fbff;
}

.projects-table td[data-field="priority"].editable-project-cell,
.grouped-projects-table td[data-field="priority"].editable-project-cell,
.projects-table td[data-field="status"].editable-project-cell,
.grouped-projects-table td[data-field="status"].editable-project-cell,
.project-inline-tasks-table td[data-field="priority"].editable-task-cell,
.project-inline-tasks-table td[data-field="status"].editable-task-cell {
    cursor: pointer !important;
}

.project-inline-select-hit {
    display: block;
    width: 100%;
    min-height: 100%;
    cursor: pointer;
}

.projects-table .inline-priority-editor,
.grouped-projects-table .inline-priority-editor,
.projects-table .inline-status-editor,
.grouped-projects-table .inline-status-editor,
.project-inline-tasks-table .inline-priority-editor,
.project-inline-tasks-table .inline-status-editor {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    cursor: pointer;
}

.project-inline-tasks-table td.task-assignee-cell.editable-task-cell:hover {
    background: #f7fbff;
}

.projects-table .editable-project-cell.cell-edit-denied,
.grouped-projects-table .editable-project-cell.cell-edit-denied,
.project-inline-tasks-table .editable-task-cell.cell-edit-denied,
.project-inline-tasks-table td.task-assignee-cell.editable-task-cell.cell-edit-denied {
    cursor: default !important;
}

.projects-table .editable-project-cell.cell-edit-denied:hover,
.grouped-projects-table .editable-project-cell.cell-edit-denied:hover,
.project-inline-tasks-table .editable-task-cell.cell-edit-denied:hover,
.project-inline-tasks-table td.task-assignee-cell.editable-task-cell.cell-edit-denied:hover {
    background: inherit !important;
}

.project-details-profile .field.field-editable.field-edit-denied .field-clickable,
.project-details-profile .field.field-editable.field-edit-denied .departments-display,
.project-details-profile .field.field-editable.field-edit-denied .managers-display {
    cursor: default !important;
}

.project-details-profile .field.field-editable.field-edit-denied:hover .field-edit-icon {
    opacity: 0 !important;
}

/* Flex on td breaks table-cell height; keep td as table-cell and flex inside .project-name-cell-inner */
.project-name-with-add-cell,
.project-inline-task-name-cell {
    vertical-align: middle;
}

.project-name-cell-inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 0;
    row-gap: 4px;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    padding-block: 0;
    padding-inline: 0;
}

/* ספירת צמתים ישירים (משימות / תתי-משימות) — אייקון + מספר */
.task-nodes-count-badge {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 3px;
    margin-inline-start: 6px;
    margin-inline-end: 2px;
    padding: 1px 6px 1px 4px;
    border-radius: 10px;
    background: #eef2f7;
    border: 1px solid #d8dee8;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
}

.task-nodes-count-icon {
    display: block;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.task-nodes-count-num {
    font-size: 8px;
    font-weight: 600;
    color: #333;
    min-width: 1ch;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
}

/* מסמכים — קישור סיכה (רשימת מסמכים / טאב מסמכים); אפור כמו שאר אייקוני הפעולות */
.entity-docs-clip-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline-start: 6px;
    vertical-align: middle;
    color: #8b93a6;
    flex: 0 0 auto;
    line-height: 1;
    text-decoration: none !important;
}

.entity-docs-clip-link:hover,
.entity-docs-clip-link:focus {
    color: #5c6470;
    text-decoration: none !important;
}

.entity-docs-clip-link i {
    font-size: 14px;
    color: inherit;
}

/* Hard override in projects module (including Footable wrappers). */
.projects-table .entity-docs-clip-link i.fa,
.grouped-projects-table .entity-docs-clip-link i.fa,
.project-inline-tasks-table .entity-docs-clip-link i.fa,
.footable .projects-table .entity-docs-clip-link i.fa,
.footable .grouped-projects-table .entity-docs-clip-link i.fa,
.footable .project-inline-tasks-table .entity-docs-clip-link i.fa {
    font-size: 14px !important;
    line-height: 1 !important;
}

.project-details-profile .entity-docs-clip-link {
    margin-inline-start: 8px;
}

/* עדכונים: סינון «רק אליי» — כפתור עם אווטאר/אותיות המשתמש */
.update-feed-only-me-btn {
    padding: 2px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #d2d6de;
    background: #fff;
    transition: box-shadow 0.15s ease, background 0.15s ease;
}

.update-feed-only-me-btn:hover {
    border-color: #b8c2cc;
    background: #f9fafb;
}

.update-feed-only-me-btn.active {
    box-shadow: 0 0 0 2px #3c8dbc;
    border-color: #3c8dbc;
    background: #eef7fb;
}

.update-feed-only-me-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.update-feed-only-me-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.update-feed-only-me-initials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    background: #e0e6ed;
    color: #333;
}

.projects-table .project-name-with-add-cell .project-name-cell-inner,
.grouped-projects-table .project-name-with-add-cell .project-name-cell-inner,
.project-inline-tasks-table .project-inline-task-name-cell .project-name-cell-inner,
#projectTasksInDetailsTable .project-name-cell-inner,
#taskChildrenTable .project-name-cell-inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

/* רשימת פרויקטים: תא לקוח ריק במשימות (שם הלקוח בשורת הפרויקט) */
.project-inline-tasks-table:not(.project-inline-tasks-table--details) td.project-inline-task-lead-cell--empty {
    cursor: default;
    pointer-events: none;
}

/* Inline tasks: keep wrapping rules only, width comes from JS column sync */
.project-inline-tasks-table th[data-col],
.project-inline-tasks-table td[data-col],
.project-inline-tasks-table td[data-field] {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.project-name-with-add-cell .project-row-name-link,
.project-inline-task-name-cell .task-row-name-link {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    color: #444;
    text-decoration: none;
    overflow: hidden;
}

.project-name-with-add-cell .project-row-name-link:hover,
.project-name-with-add-cell .project-row-name-link:focus,
.project-inline-task-name-cell .task-row-name-link:hover,
.project-inline-task-name-cell .task-row-name-link:focus {
    text-decoration: none;
}

.project-name-with-add-cell .project-row-name-text,
.project-inline-task-name-cell .inline-task-subject-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 1.35em;
    max-height: calc(1.35em * 3);
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.35;
    color: #444;
}

.project-name-with-add-cell .project-row-name-text strong,
.project-inline-task-name-cell .inline-task-subject-text strong {
    color: inherit;
    font-weight: 600;
}

.project-inline-task-name-cell .inline-task-subject-text,
.project-inline-task-name-cell .inline-task-subject-text:visited,
.project-inline-task-name-cell .inline-task-subject-text:hover,
.project-inline-task-name-cell .inline-task-subject-text:focus {
    color: #444;
    text-decoration: none;
}

/* Same task-name color in details pages (project/task details tabs) */
#projectTasksInDetailsTable tbody td:first-child a,
#projectTasksInDetailsTable tbody td:first-child a:visited,
#projectTasksInDetailsTable tbody td:first-child a:hover,
#projectTasksInDetailsTable tbody td:first-child a:focus,
#projectTasksInDetailsTable tbody td:first-child .inline-task-subject-text,
#taskChildrenTable tbody td:first-child a,
#taskChildrenTable tbody td:first-child a:visited,
#taskChildrenTable tbody td:first-child a:hover,
#taskChildrenTable tbody td:first-child a:focus,
#taskChildrenTable tbody td:first-child .inline-task-subject-text {
    color: #444;
    text-decoration: none;
}

.project-name-with-add-cell .task-action,
.project-inline-task-name-cell .task-action {
    cursor: pointer;
    flex-shrink: 0;
}

.project-name-with-add-cell .inline-cell-editor,
.project-inline-task-name-cell .inline-cell-editor {
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 32px;
    box-sizing: border-box;
}

.project-name-with-add-cell:has(> .inline-cell-editor) {
    padding: 8px !important;
}

.project-inline-task-name-cell:has(> .inline-cell-editor) {
    padding: 8px !important;
}

/* Small colored flag icon only (no circle background). */
.project-priority-flag {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.project-priority-with-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    vertical-align: middle;
}

.project-priority-label {
    color: #333;
    font: inherit;
    line-height: inherit;
}

.project-priority-flag i {
    font-size: 12px;
}

/* projects.aspx uses .footable — AdminLTE sets .footable .fa { font-size: 18px }; keep priority flags aligned with project details */
.footable .project-priority-flag i.fa {
    font-size: 12px;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

.project-priority-low {
    color: #5bc0de;
}

.project-priority-normal {
    color: #f0ad4e;
}

.project-priority-high {
    color: #d9534f;
}

.project-progress-cell {
    white-space: nowrap;
}

.project-progress-badge {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    background: #9eabb5;
    border: 1px solid #8896a0;
    vertical-align: middle;
    /* Ширина/высота/скругление — в правилах ячеек (как у .label статуса). */
}

.project-progress-fill {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    transition: width 0.2s ease;
}

.project-progress-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}

.project-progress-low .project-progress-fill {
    background: linear-gradient(90deg, #f39c12, #e74c3c);
}

.project-progress-mid .project-progress-fill {
    background: linear-gradient(90deg, #f1c40f, #f39c12);
}

.project-progress-high .project-progress-fill {
    background: linear-gradient(90deg, #2ecc71, #27ae60);
}

.projects-table .project-name-with-add-cell,
.projects-table .project-inline-task-name-cell,
.grouped-projects-table .project-name-with-add-cell,
.grouped-projects-table .project-inline-task-name-cell,
.project-inline-tasks-table td.project-inline-task-name-cell,
#projectTasksInDetailsTable td.project-inline-task-name-cell,
#projectTasksInDetailsTable tbody td:first-child,
#taskChildrenTable td.project-inline-task-name-cell,
#taskChildrenTable tbody td:first-child {
    text-align: right;
}

.projects-table .project-name-cell-inner,
.grouped-projects-table .project-name-cell-inner,
.project-inline-tasks-table:not(.project-inline-tasks-table--details) .project-name-cell-inner {
    padding-block: 0;
    padding-inline: 0;
    min-height: 32px;
    box-sizing: border-box;
}

.projects-table .project-responsible-cell,
.grouped-projects-table .project-responsible-cell {
    white-space: nowrap;
    text-align: center;
    overflow: visible;
}

.project-inline-tasks-table .task-assignee-cell,
.project-inline-tasks-table td.task-assignee-cell.editable-task-cell,
.project-inline-tasks-table td[data-field="responsible"],
.project-inline-tasks-table td[data-field="assignedTo"],
.project-inline-tasks-table--details .task-assignee-cell,
.project-inline-tasks-table--details td[data-field="responsible"],
.project-inline-tasks-table--details td[data-field="assignedTo"],
#projectTasksInDetailsTable .task-assignee-cell,
#projectTasksInDetailsTable td[data-field="responsible"],
#projectTasksInDetailsTable td[data-field="assignedTo"],
#taskChildrenTable .task-assignee-cell,
#taskChildrenTable td[data-field="responsible"],
#taskChildrenTable td[data-field="assignedTo"] {
    white-space: nowrap;
    text-align: center !important;
    vertical-align: middle;
    overflow: visible;
}

.project-responsibles {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    overflow: visible;
}

/* עמודת «אחראי» — רוחב; גודל/ערימת אווטאר — /css/crm-tables.css (:root) */
:root {
    --crm-responsible-col-width: 60px;
}

.projects-table th[data-col="responsible"],
.projects-table td[data-field="responsible"],
.projects-table td.project-responsible-cell,
.grouped-projects-table th[data-col="responsible"],
.grouped-projects-table td[data-field="responsible"],
.project-inline-tasks-table th[data-col="responsible"],
.project-inline-tasks-table td[data-field="responsible"],
.project-inline-tasks-table th[data-col="assignedTo"],
.project-inline-tasks-table td[data-field="assignedTo"],
.project-inline-tasks-table td.task-assignee-cell,
.project-inline-tasks-table--details th[data-col="responsible"],
.project-inline-tasks-table--details td[data-field="responsible"],
.project-inline-tasks-table--details th[data-col="assignedTo"],
.project-inline-tasks-table--details td[data-field="assignedTo"],
.project-inline-tasks-table--details td.task-assignee-cell,
#projectTasksInDetailsTable th[data-col="responsible"],
#projectTasksInDetailsTable td[data-field="responsible"],
#projectTasksInDetailsTable th[data-col="assignedTo"],
#projectTasksInDetailsTable td[data-field="assignedTo"],
#projectTasksInDetailsTable td.task-assignee-cell,
#taskChildrenTable th[data-col="responsible"],
#taskChildrenTable td[data-field="responsible"],
#taskChildrenTable th[data-col="assignedTo"],
#taskChildrenTable td[data-field="assignedTo"],
#taskChildrenTable td.task-assignee-cell,
#projectDashboardTasksTable thead th[data-col="ownerName"],
#projectDashboardTasksTable tbody td.owner-cell,
#projectDashboardRiskTable thead th[data-col="ownerName"],
#projectDashboardRiskTable tbody td.owner-cell,
#projectsGroupedTablesHost .grouped-projects-table th[data-col="responsible"],
#projectsGroupedTablesHost .grouped-projects-table td[data-field="responsible"],
#projectsGroupedTablesHost .grouped-projects-table td.project-responsible-cell,
.projects-sticky-header-table > thead > tr > th[data-col="responsible"] {
    width: var(--crm-responsible-col-width) !important;
    min-width: var(--crm-responsible-col-width) !important;
    max-width: var(--crm-responsible-col-width) !important;
    box-sizing: border-box;
    overflow: visible !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.projects-table .project-responsible-cell .project-responsibles,
.grouped-projects-table .project-responsible-cell .project-responsibles,
.project-inline-tasks-table .task-assignee-cell .project-responsibles,
.project-inline-tasks-table td[data-field="responsible"] .project-responsibles,
.project-inline-tasks-table td[data-field="assignedTo"] .project-responsibles,
.project-inline-tasks-table--details .task-assignee-cell .project-responsibles,
.project-inline-tasks-table--details td[data-field="responsible"] .project-responsibles,
.project-inline-tasks-table--details td[data-field="assignedTo"] .project-responsibles,
#projectTasksInDetailsTable .task-assignee-cell .project-responsibles,
#projectTasksInDetailsTable td[data-field="responsible"] .project-responsibles,
#projectTasksInDetailsTable td[data-field="assignedTo"] .project-responsibles,
#taskChildrenTable .task-assignee-cell .project-responsibles,
#taskChildrenTable td[data-field="responsible"] .project-responsibles,
#taskChildrenTable td[data-field="assignedTo"] .project-responsibles,
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles,
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow: visible;
    vertical-align: middle;
    gap: 0;
    flex-direction: row-reverse;
    direction: ltr;
    min-height: var(--crm-responsible-avatar-outer-size);
}

/* כרטיס ליד/לקוח/פרויקט/משימה + מודל «פרויקט חדש» — אותה מחסנית כמו טבלת פרויקטים */
.project-responsibles.crm-responsible-avatars-stack {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    padding: 0;
    overflow: visible;
    vertical-align: middle;
    gap: 0;
    flex-direction: row-reverse;
    direction: ltr;
    min-height: var(--crm-responsible-avatar-outer-size);
    flex-wrap: wrap;
    row-gap: 4px;
}

.project-responsibles.crm-responsible-avatars-stack > .manager-avatar-bubble,
.project-responsibles.crm-responsible-avatars-stack > .project-responsible-avatar {
    width: var(--crm-responsible-avatar-outer-size) !important;
    height: var(--crm-responsible-avatar-outer-size) !important;
    min-width: var(--crm-responsible-avatar-outer-size) !important;
    min-height: var(--crm-responsible-avatar-outer-size) !important;
    margin: 0 !important;
    margin-left: 0 !important;
    position: relative;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 !important;
    line-height: 1;
    overflow: visible;
    border-width: var(--crm-responsible-avatar-border-width);
    transform: none;
}

.project-responsibles.crm-responsible-avatars-stack > .manager-avatar-bubble:hover {
    transform: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.project-responsibles.crm-responsible-avatars-stack > .manager-avatar-bubble > span:not(.manager-avatar-remove),
.project-responsibles.crm-responsible-avatars-stack > .project-responsible-avatar > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: inherit;
    font-weight: inherit;
    color: #fff;
}

.project-responsibles.crm-responsible-avatars-stack > .manager-avatar-bubble > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.project-responsibles.crm-responsible-avatars-stack > :not(:first-child) {
    margin-inline-end: calc(-1 * var(--crm-responsible-avatar-stack-overlap)) !important;
}

.project-responsibles.crm-responsible-avatars-stack .manager-avatar-bubble--project-primary {
    box-sizing: border-box !important;
    border: 2px solid #f0ad4e !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
    z-index: 100 !important;
}

.project-responsibles.crm-responsible-avatars-stack .manager-avatar-bubble:hover::before,
.project-responsibles.crm-responsible-avatars-stack .manager-avatar-bubble:hover::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

.managers-avatars:has(> .project-responsibles.crm-responsible-avatars-stack) {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    min-height: var(--crm-responsible-avatar-outer-size);
    width: auto;
    max-width: 100%;
}

.managers-avatars > .project-responsibles.crm-responsible-avatars-stack {
    flex: 1 1 auto;
    min-width: 0;
}

/* מודל «פרויקט חדש» — אותה תצוגת מחסנית כמו כרטיס פרטי פרויקט */
#modalAddProject #addProjectResponsibleTrigger.crm-form-picker-trigger {
    display: block;
    width: 100%;
    min-height: 34px;
    height: auto;
    padding: 6px 12px;
    text-align: right;
}

#modalAddProject #addProjectResponsiblePreview.add-project-responsible-preview,
#modalAddProject #addProjectResponsiblePreview {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: right;
}

#modalAddProject #addProjectResponsiblePreview .managers-avatars {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: var(--crm-responsible-avatar-outer-size);
}

#modalAddProject #addProjectResponsiblePreview .project-responsibles.crm-responsible-avatars-stack {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 4px;
}

#modalAddProject .crm-form-picker-trigger .project-responsibles.crm-responsible-avatars-stack > .manager-avatar-bubble:hover::before,
#modalAddProject .crm-form-picker-trigger .project-responsibles.crm-responsible-avatars-stack > .manager-avatar-bubble:hover::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* מקסימום 5 אייקונים (גיבוי אם HTML ישן מהשרת) */
.projects-table .project-responsible-cell .project-responsibles > :nth-child(n+6),
.grouped-projects-table .project-responsible-cell .project-responsibles > :nth-child(n+6),
.project-inline-tasks-table .project-responsibles > :nth-child(n+6),
.project-inline-tasks-table--details .project-responsibles > :nth-child(n+6),
#projectTasksInDetailsTable .project-responsibles > :nth-child(n+6),
#taskChildrenTable .project-responsibles > :nth-child(n+6),
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > :nth-child(n+6),
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > :nth-child(n+6) {
    display: none !important;
}

/* עמוד פרויקטים: שם מנהל — floating tip (עותק מ managers-selector ::before/::after), לא ::before בטבלה */
.projects-table .manager-avatar-bubble::before,
.projects-table .manager-avatar-bubble::after,
.grouped-projects-table .manager-avatar-bubble::before,
.grouped-projects-table .manager-avatar-bubble::after,
.project-inline-tasks-table .manager-avatar-bubble::before,
.project-inline-tasks-table .manager-avatar-bubble::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* Floating clone of managers-selector.css ::before/::after (כרטיס פרטי פרויקט) */
.manager-avatar-bubble-tip-float {
    position: fixed;
    z-index: 10100;
    pointer-events: none;
    display: none;
    flex-direction: column;
    align-items: center;
    transform: translateX(-50%);
    transition: opacity 0.2s;
    opacity: 0;
}

.manager-avatar-bubble-tip-float.is-visible {
    display: flex;
    opacity: 1;
}

.manager-avatar-bubble-tip-float__label {
    display: block;
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    line-height: 1.2;
}

.manager-avatar-bubble-tip-float__arrow {
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
}

.manager-avatar-bubble-tip-float.is-below {
    flex-direction: column-reverse;
}

.manager-avatar-bubble-tip-float.is-below .manager-avatar-bubble-tip-float__arrow {
    margin: 0;
    border-top: none;
    border-bottom: 5px solid #333;
}

/* Task / project details cards — stacked assignee avatars (same as projects table). */

/* עמודת אחראי בטבלאות — שורה אחת; ראו --crm-responsible-col-width למעלה */

.projects-table .project-responsible-cell .project-responsibles > .manager-avatar-bubble,
.projects-table .project-responsible-cell .project-responsibles > .project-responsible-avatar,
.grouped-projects-table .project-responsible-cell .project-responsibles > .manager-avatar-bubble,
.grouped-projects-table .project-responsible-cell .project-responsibles > .project-responsible-avatar,
.project-inline-tasks-table .project-responsibles > .manager-avatar-bubble,
.project-inline-tasks-table .project-responsibles > .project-responsible-avatar,
.project-inline-tasks-table--details .project-responsibles > .manager-avatar-bubble,
.project-inline-tasks-table--details .project-responsibles > .project-responsible-avatar,
#projectTasksInDetailsTable .project-responsibles > .manager-avatar-bubble,
#projectTasksInDetailsTable .project-responsibles > .project-responsible-avatar,
#taskChildrenTable .project-responsibles > .manager-avatar-bubble,
#taskChildrenTable .project-responsibles > .project-responsible-avatar,
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > .manager-avatar-bubble,
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > .project-responsible-avatar,
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > .manager-avatar-bubble,
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > .project-responsible-avatar {
    width: var(--crm-responsible-avatar-outer-size) !important;
    height: var(--crm-responsible-avatar-outer-size) !important;
    min-width: var(--crm-responsible-avatar-outer-size) !important;
    min-height: var(--crm-responsible-avatar-outer-size) !important;
    margin: 0 !important;
    margin-left: 0 !important;
    position: relative;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 !important;
    line-height: 1;
    overflow: visible;
    border-width: var(--crm-responsible-avatar-border-width);
}

.projects-table .project-responsible-cell .project-responsibles > .manager-avatar-bubble > span:not(.manager-avatar-remove),
.grouped-projects-table .project-responsible-cell .project-responsibles > .manager-avatar-bubble > span:not(.manager-avatar-remove),
.project-inline-tasks-table .project-responsibles > .manager-avatar-bubble > span:not(.manager-avatar-remove),
.project-inline-tasks-table--details .project-responsibles > .manager-avatar-bubble > span:not(.manager-avatar-remove),
#projectTasksInDetailsTable .project-responsibles > .manager-avatar-bubble > span:not(.manager-avatar-remove),
#taskChildrenTable .project-responsibles > .manager-avatar-bubble > span:not(.manager-avatar-remove),
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > .manager-avatar-bubble > span:not(.manager-avatar-remove),
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > .manager-avatar-bubble > span:not(.manager-avatar-remove),
.projects-table .project-responsible-cell .project-responsibles > .project-responsible-avatar > span,
.grouped-projects-table .project-responsible-cell .project-responsibles > .project-responsible-avatar > span,
.project-inline-tasks-table .project-responsibles > .project-responsible-avatar > span,
.project-inline-tasks-table--details .project-responsibles > .project-responsible-avatar > span,
#projectTasksInDetailsTable .project-responsibles > .project-responsible-avatar > span,
#taskChildrenTable .project-responsibles > .project-responsible-avatar > span,
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > .project-responsible-avatar > span,
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > .project-responsible-avatar > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: inherit;
    font-weight: inherit;
    color: #fff;
}

.projects-table .project-responsible-cell .project-responsibles > .manager-avatar-bubble > img,
.grouped-projects-table .project-responsible-cell .project-responsibles > .manager-avatar-bubble > img,
.project-inline-tasks-table .project-responsibles > .manager-avatar-bubble > img,
.project-inline-tasks-table--details .project-responsibles > .manager-avatar-bubble > img,
#projectTasksInDetailsTable .project-responsibles > .manager-avatar-bubble > img,
#taskChildrenTable .project-responsibles > .manager-avatar-bubble > img,
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > .manager-avatar-bubble > img,
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > .manager-avatar-bubble > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* חפיפה שמאלה: אייקון 2+ נמשך תחת הראשי (מימין) */
.projects-table .project-responsible-cell .project-responsibles > :not(:first-child),
.grouped-projects-table .project-responsible-cell .project-responsibles > :not(:first-child),
.project-inline-tasks-table .project-responsibles > :not(:first-child),
.project-inline-tasks-table--details .project-responsibles > :not(:first-child),
#projectTasksInDetailsTable .project-responsibles > :not(:first-child),
#taskChildrenTable .project-responsibles > :not(:first-child),
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > :not(:first-child),
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > :not(:first-child) {
    margin-inline-end: calc(-1 * var(--crm-responsible-avatar-stack-overlap)) !important;
}

.projects-table .project-responsible-cell .project-responsibles > :nth-child(1),
.grouped-projects-table .project-responsible-cell .project-responsibles > :nth-child(1),
.project-inline-tasks-table .project-responsibles > :nth-child(1),
.project-inline-tasks-table--details .project-responsibles > :nth-child(1),
#projectTasksInDetailsTable .project-responsibles > :nth-child(1),
#taskChildrenTable .project-responsibles > :nth-child(1),
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > :nth-child(1),
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > :nth-child(1) { z-index: 5; }

.projects-table .project-responsible-cell .project-responsibles > :nth-child(2),
.grouped-projects-table .project-responsible-cell .project-responsibles > :nth-child(2),
.project-inline-tasks-table .project-responsibles > :nth-child(2),
.project-inline-tasks-table--details .project-responsibles > :nth-child(2),
#projectTasksInDetailsTable .project-responsibles > :nth-child(2),
#taskChildrenTable .project-responsibles > :nth-child(2),
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > :nth-child(2),
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > :nth-child(2) { z-index: 4; }

.projects-table .project-responsible-cell .project-responsibles > :nth-child(3),
.grouped-projects-table .project-responsible-cell .project-responsibles > :nth-child(3),
.project-inline-tasks-table .project-responsibles > :nth-child(3),
.project-inline-tasks-table--details .project-responsibles > :nth-child(3),
#projectTasksInDetailsTable .project-responsibles > :nth-child(3),
#taskChildrenTable .project-responsibles > :nth-child(3),
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > :nth-child(3),
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > :nth-child(3) { z-index: 3; }

.projects-table .project-responsible-cell .project-responsibles > :nth-child(4),
.grouped-projects-table .project-responsible-cell .project-responsibles > :nth-child(4),
.project-inline-tasks-table .project-responsibles > :nth-child(4),
.project-inline-tasks-table--details .project-responsibles > :nth-child(4),
#projectTasksInDetailsTable .project-responsibles > :nth-child(4),
#taskChildrenTable .project-responsibles > :nth-child(4),
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > :nth-child(4),
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > :nth-child(4) { z-index: 2; }

.projects-table .project-responsible-cell .project-responsibles > :nth-child(5),
.grouped-projects-table .project-responsible-cell .project-responsibles > :nth-child(5),
.project-inline-tasks-table .project-responsibles > :nth-child(5),
.project-inline-tasks-table--details .project-responsibles > :nth-child(5),
#projectTasksInDetailsTable .project-responsibles > :nth-child(5),
#taskChildrenTable .project-responsibles > :nth-child(5),
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles > :nth-child(5),
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles > :nth-child(5) { z-index: 1; }

.project-responsibles .manager-avatar-bubble--project-primary {
    box-shadow: 0 0 0 2px #f0ad4e, 0 1px 3px rgba(0, 0, 0, 0.25) !important;
    z-index: 6 !important;
}

/* בטבלאות: מסגרת בתוך גבולות האייקון — לא נחתכת ב־overflow/mask */
.projects-table .project-responsible-cell .project-responsibles .manager-avatar-bubble--project-primary,
.grouped-projects-table .project-responsible-cell .project-responsibles .manager-avatar-bubble--project-primary,
.project-inline-tasks-table .task-assignee-cell .project-responsibles .manager-avatar-bubble--project-primary,
.project-inline-tasks-table td[data-field="responsible"] .project-responsibles .manager-avatar-bubble--project-primary,
.project-inline-tasks-table td[data-field="assignedTo"] .project-responsibles .manager-avatar-bubble--project-primary,
.project-inline-tasks-table--details .task-assignee-cell .project-responsibles .manager-avatar-bubble--project-primary,
.project-inline-tasks-table--details td[data-field="responsible"] .project-responsibles .manager-avatar-bubble--project-primary,
.project-inline-tasks-table--details td[data-field="assignedTo"] .project-responsibles .manager-avatar-bubble--project-primary,
#projectTasksInDetailsTable .task-assignee-cell .project-responsibles .manager-avatar-bubble--project-primary,
#projectTasksInDetailsTable td[data-field="responsible"] .project-responsibles .manager-avatar-bubble--project-primary,
#projectTasksInDetailsTable td[data-field="assignedTo"] .project-responsibles .manager-avatar-bubble--project-primary,
#taskChildrenTable .task-assignee-cell .project-responsibles .manager-avatar-bubble--project-primary,
#taskChildrenTable td[data-field="responsible"] .project-responsibles .manager-avatar-bubble--project-primary,
#taskChildrenTable td[data-field="assignedTo"] .project-responsibles .manager-avatar-bubble--project-primary,
#projectDashboardTasksTable tbody td.owner-cell .project-responsibles .manager-avatar-bubble--project-primary,
#projectDashboardRiskTable tbody td.owner-cell .project-responsibles .manager-avatar-bubble--project-primary {
    box-sizing: border-box !important;
    border: 2px solid #f0ad4e !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

/* Подсказка с полным именем (attr(data-manager-name)); глобально скрыта в leads.css / managers-selector.css.
   כל עמודות «אחראי» עם .project-responsibles, דשבורד owner-cell, תאי משימות, מודלים — וגם בלוק מנהלים בפרטי פרויקט אחרי renderManagersDisplay (בubbles ישירים תחת .managers-avatars). */
.project-responsibles .manager-avatar-bubble:hover::before,
.project-responsibles .manager-avatar-bubble:hover::after,
.project-managers-field .managers-avatars .project-responsibles .manager-avatar-bubble:hover::before,
.project-managers-field .managers-avatars .project-responsibles .manager-avatar-bubble:hover::after,
.project-managers-field .managers-avatars > .manager-avatar-bubble:hover::before,
.project-managers-field .managers-avatars > .manager-avatar-bubble:hover::after,
.task-assignee-field .managers-avatars .project-responsibles .manager-avatar-bubble:hover::before,
.task-assignee-field .managers-avatars .project-responsibles .manager-avatar-bubble:hover::after {
    opacity: 1 !important;
}

.projects-table .project-responsibles .manager-avatar-bubble:hover::before,
.projects-table .project-responsibles .manager-avatar-bubble:hover::after,
.grouped-projects-table .project-responsibles .manager-avatar-bubble:hover::before,
.grouped-projects-table .project-responsibles .manager-avatar-bubble:hover::after,
.project-inline-tasks-table .project-responsibles .manager-avatar-bubble:hover::before,
.project-inline-tasks-table .project-responsibles .manager-avatar-bubble:hover::after {
    opacity: 0 !important;
}

.project-responsible-avatar {
    width: var(--crm-responsible-avatar-outer-size, 30px);
    height: var(--crm-responsible-avatar-outer-size, 30px);
    min-width: var(--crm-responsible-avatar-outer-size, 30px);
    min-height: var(--crm-responsible-avatar-outer-size, 30px);
    border-radius: 50%;
    border: var(--crm-responsible-avatar-border-width, 2px) solid #fff;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
    opacity: 1;
    box-sizing: border-box;
    padding: 0;
    line-height: 1;
    overflow: visible;
}

.project-responsible-avatar > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.project-responsible-empty {
    color: #999;
}

#addProjectResponsiblePreview,
#addTaskAssignedToPreview,
#addTaskDepartmentPreview {
    width: 100%;
    text-align: right;
}

.inline-cell-editor {
    min-width: 120px;
}

.project-tasks-accordion-row > td {
    background: #fff;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.project-tasks-accordion-row {
    display: none;
}

.project-tasks-accordion-row.is-open {
    display: table-row !important;
}

.project-tasks-accordion-container {
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Список проектов: вложенная таблица задач — без отступов по периметру таблицы */
.projects-table .project-tasks-accordion-container > .project-inline-tasks-table:not(.project-inline-tasks-table--details).table,
.grouped-projects-table .project-tasks-accordion-container > .project-inline-tasks-table:not(.project-inline-tasks-table--details).table {
    margin: 0 !important;
    padding: 0 !important;
}

/* רשימת פרויקטים — аккордеון משימות: כותרות טבלת המשימות מוסתרות (כמו במקור) */
.projects-table .project-tasks-accordion-container > .project-inline-tasks-table:not(.project-inline-tasks-table--details) > thead,
.grouped-projects-table .project-tasks-accordion-container > .project-inline-tasks-table:not(.project-inline-tasks-table--details) > thead {
    display: none;
}

/* Вложенная таблица задач: горизонтальные и вертикальные отступы ячеек — общий блок с .projects-table (ниже). */

/* Таблица задач: без внешней рамки и без вертикалей; между строками — как у .table (AdminLTE) */
.project-inline-tasks-table.table {
    border-collapse: collapse;
    border: none !important;
    border-radius: 0;
    font-size: 14px;
    color: #444;
    margin: 0;
    padding: 0 !important;
    border-spacing: 0 !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #fff;
}

/* Границы вложенной таблицы задач; внутренние отступы — общий блок с .projects-table (padding:0 → шапка/тело → 10px). */
.project-inline-tasks-table:not(.project-inline-tasks-table--details).table > thead > tr > th,
.project-inline-tasks-table.table > tbody > tr > td {
    border-left: none !important;
    border-right: none !important;
    margin: 0 !important;
    line-height: 1.42857143 !important;
}

.project-inline-tasks-table:not(.project-inline-tasks-table--details).table > tbody > tr.project-inline-task-row {
    height: auto;
    min-height: calc(var(--crm-responsible-avatar-outer-size, 30px) + (2 * var(--projects-cell-vpad, 8px)));
    margin: 0 !important;
}

.project-inline-tasks-table--details.table > tbody > tr.project-inline-task-row {
    height: auto;
    min-height: calc(var(--crm-responsible-avatar-outer-size, 30px) + (2 * var(--projects-cell-vpad, 8px)));
    margin: 0 !important;
}

.projects-table.table > tbody > tr.project-row,
.grouped-projects-table > tbody > tr.project-row {
    height: auto;
    min-height: calc(var(--crm-responsible-avatar-outer-size, 30px) + (2 * var(--projects-cell-vpad, 8px)));
}

.project-inline-tasks-table:not(.project-inline-tasks-table--details).table > thead > tr > th {
    border-top: none !important;
    border-bottom: 2px solid #f4f4f4 !important;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    vertical-align: middle;
}

/* Keep base sizing: projects + grouped + inline tasks (same padding stack as projects-table). */
.projects-table.table > thead > tr > th,
.projects-table.table > tbody > tr > td,
.grouped-projects-table > thead > tr > th,
.grouped-projects-table > tbody > tr > td,
.project-inline-tasks-table.table > thead > tr > th,
.project-inline-tasks-table.table > tbody > tr > td {
    padding: 0 !important;
    line-height: 1.42857143 !important;
}

/* Taller project table headers (regular + grouped + sticky clone). */
:root {
    --projects-header-vpad: 8px;
    --projects-cell-vpad: 8px;
    /* מרווח אופקי בין עמודות = padding משני הצדדים של תאים סמוכים */
    --projects-col-gap: max(var(--crm-table-col-gap-min), 10px);
    --projects-cell-hpad: calc(var(--projects-col-gap) / 2);
    /* עמודת שם פרויקט/משימה — תקרה לשמות ארוכים (ללא min: רווח ריק אחרי שם קצר) */
    --projects-name-col-width: 350px;
    --projects-inline-tasks-bg: rgb(252, 252, 252);
    --projects-inline-tasks-row-border: #fbfbfb;
    --projects-inline-tasks-current-bg: #f9f9f9;
}

/* Header vertical padding — see unified cell padding block below. */

.project-inline-tasks-table.table > tbody > tr > td {
    vertical-align: middle;
    background: var(--projects-inline-tasks-bg);
}

/* רשימת פרויקטים: фон строк задач — единый (crm-shared задаёт odd = #fff → «зебра» с #fcfcfc) */
.wrapper .content-wrapper table.project-inline-tasks-table.table:not(.project-inline-tasks-table--details) > tbody > tr:nth-of-type(odd) > td,
.wrapper .content-wrapper table.project-inline-tasks-table.table:not(.project-inline-tasks-table--details) > tbody > tr:nth-of-type(even) > td,
.wrapper .box-body table.project-inline-tasks-table.table:not(.project-inline-tasks-table--details) > tbody > tr:nth-of-type(odd) > td,
.wrapper .box-body table.project-inline-tasks-table.table:not(.project-inline-tasks-table--details) > tbody > tr:nth-of-type(even) > td {
    background-color: var(--projects-inline-tasks-bg) !important;
}

/* רשימת פרויקטים: מפריד בין שורות משימות — כמו שורת פרויקט (#f4f4f4) */
.project-inline-tasks-table:not(.project-inline-tasks-table--details).table > tbody > tr > td {
    border-top: none !important;
    border-bottom: 1px solid #f4f4f4 !important;
}

.project-inline-tasks-table.table > thead:first-child > tr:first-child > th {
    border-top: none !important;
}

/* דפי פרטי פרויקט/משימה: רקע לבן לגוף טבלת המשימות (לא אפור כמו ברשימת הפרויקטים) */
.project-inline-tasks-table--details.table > tbody > tr > td {
    border-top: 1px solid var(--projects-inline-tasks-row-border) !important;
    border-bottom: none !important;
    background: #fff !important;
}

.project-inline-tasks-table--details.table > tbody > tr:first-child > td {
    border-top: none !important;
}

/* Имя задачи: отступы td как у .project-name-with-add-cell; внутренний блок — общие правила .project-name-cell-inner + .projects-table/.project-inline-tasks-table. */

.project-inline-tasks-table--details .project-name-cell-inner {
    min-height: 32px;
    box-sizing: border-box;
}


/* Deep-link из оповещений: подсветка целевого обновления / ответа */
.updates-list .post.update-post--highlighted {
    border: 2px solid #9ec9e8;
    border-radius: 4px;
    padding: 12px 14px;
    box-sizing: border-box;
}

/* פרטי פרויקט/משימה/ליד/לקוח — טאב «עדכונים» + מסמכים: fa-edit; עריכת שדות בכרטיס: fa-pencil (.field-edit-icon) */
#projectUpdatesListContainer .post-controls .btn-box-tool,
#taskUpdatesListContainer .post-controls .btn-box-tool,
.updates-list .post-controls .btn-box-tool,
#pd-documents .btn-delete-row-doc,
#td-documents .btn-delete-row-doc,
.modal-project-update-wide .btn-delete-row-doc,
.btn-download-row-doc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    margin-inline-start: 0;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none;
}

/* עמודת «פעולות»: אייקונים במרכז התא (אופקי ואנכי) — table-cell + מרווח בין שני הקישורים */
#projectDocumentsTable tbody td:last-child,
#taskDocumentsTable tbody td:last-child,
#rowDocumentsTable tbody td:last-child {
    text-align: center;
    vertical-align: middle !important;
    white-space: nowrap;
}
#projectDocumentsTable tbody td:last-child .btn-download-row-doc + .btn-delete-row-doc,
#taskDocumentsTable tbody td:last-child .btn-download-row-doc + .btn-delete-row-doc,
#rowDocumentsTable tbody td:last-child .btn-download-row-doc + .btn-delete-row-doc {
    margin-inline-start: 10px;
}

#projectUpdatesListContainer .post-controls .btn-box-tool:first-child,
#taskUpdatesListContainer .post-controls .btn-box-tool:first-child,
.updates-list .post-controls .btn-box-tool:first-child {
    margin-inline-start: 0;
}

#projectUpdatesListContainer .post-controls .btn-box-tool,
#taskUpdatesListContainer .post-controls .btn-box-tool,
.updates-list .post-controls .btn-box-tool {
    color: #000;
    background: transparent;
}

#projectUpdatesListContainer .post-controls .btn-box-tool .fa,
#taskUpdatesListContainer .post-controls .btn-box-tool .fa,
.updates-list .post-controls .btn-box-tool .fa,
#pd-documents .btn-delete-row-doc .fa,
#td-documents .btn-delete-row-doc .fa,
.btn-download-row-doc .fa,
.modal-project-update-wide .btn-delete-row-doc .fa {
    font-size: 18px !important;
    line-height: 1;
    vertical-align: middle;
}

/* טאב «עדכונים»: עריכה / מחיקה — תמיד שחור */
#projectUpdatesListContainer .post-controls .btn-box-tool,
#projectUpdatesListContainer .post-controls .btn-box-tool .fa,
#taskUpdatesListContainer .post-controls .btn-box-tool,
#taskUpdatesListContainer .post-controls .btn-box-tool .fa,
.updates-list .post-controls .btn-box-tool,
.updates-list .post-controls .btn-box-tool .fa {
    color: #000 !important;
}

/* פלטת קובץ — כפתור הסרה (מודל + טאב עדכונים + טיוטות); טקסט ואייקון בשחור */
.update-modal-file-chip-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    padding: 0 2px;
    margin-inline-start: 2px;
    line-height: 1;
    text-decoration: none;
    flex-shrink: 0;
    color: #000 !important;
}
/* X עבה עם stroke-linecap=round (SVG), לא Font Awesome */
.update-modal-file-chip-remove-x {
    display: inline-block;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    vertical-align: middle;
    transform-origin: center center;
    transition: transform 0.12s ease;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23000' stroke-width='3.4' stroke-linecap='round' d='M6.5 6.5l11 11m0-11l-11 11'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* טאב «מסמכים» בפרטי פרויקט/משימה — קישור שם הקובץ בשחור */
#projectDocumentsTable tbody td:first-child > a,
#taskDocumentsTable tbody td:first-child > a {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000 !important;
}

#rowDocumentsTable tbody td:first-child > a {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000 !important;
}

#projectDocumentsTable tbody td:first-child > a:hover,
#projectDocumentsTable tbody td:first-child > a:focus,
#taskDocumentsTable tbody td:first-child > a:hover,
#taskDocumentsTable tbody td:first-child > a:focus {
    color: #000 !important;
    text-decoration: underline;
}

/* מסמכים — הורדה / מחיקה (אשפה): תמיד שחור */
#projectDocumentsTable .btn-download-row-doc,
#projectDocumentsTable .btn-delete-row-doc,
#taskDocumentsTable .btn-download-row-doc,
#taskDocumentsTable .btn-delete-row-doc,
#rowDocumentsTable .btn-download-row-doc,
#rowDocumentsTable .btn-delete-row-doc,
#projectDocumentsTable .btn-download-row-doc .fa,
#projectDocumentsTable .btn-delete-row-doc .fa,
#taskDocumentsTable .btn-download-row-doc .fa,
#taskDocumentsTable .btn-delete-row-doc .fa,
#rowDocumentsTable .btn-download-row-doc .fa,
#rowDocumentsTable .btn-delete-row-doc .fa {
    color: #000 !important;
}

/* טאב מסמכים — הטבלה תופסת את כל הרוחב הזמין באזור התוכן */
#pd-documents,
#td-documents {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
#pd-documents .table-responsive,
#td-documents .table-responsive {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

/* טאב מסמכים — «שם הקובץ» שליש רוחב הטבלה; עמודות 2–5 חולקות את השארית בשווה */
#pd-documents #projectDocumentsTable,
#td-documents #taskDocumentsTable {
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
}
#pd-documents #projectDocumentsTable th:nth-child(1),
#pd-documents #projectDocumentsTable td:nth-child(1),
#td-documents #taskDocumentsTable th:nth-child(1),
#td-documents #taskDocumentsTable td:nth-child(1) {
    width: calc(100% / 3);
    min-width: 0;
}
#pd-documents #projectDocumentsTable th:nth-child(2),
#pd-documents #projectDocumentsTable td:nth-child(2),
#pd-documents #projectDocumentsTable th:nth-child(3),
#pd-documents #projectDocumentsTable td:nth-child(3),
#pd-documents #projectDocumentsTable th:nth-child(4),
#pd-documents #projectDocumentsTable td:nth-child(4),
#pd-documents #projectDocumentsTable th:nth-child(5),
#pd-documents #projectDocumentsTable td:nth-child(5),
#td-documents #taskDocumentsTable th:nth-child(2),
#td-documents #taskDocumentsTable td:nth-child(2),
#td-documents #taskDocumentsTable th:nth-child(3),
#td-documents #taskDocumentsTable td:nth-child(3),
#td-documents #taskDocumentsTable th:nth-child(4),
#td-documents #taskDocumentsTable td:nth-child(4),
#td-documents #taskDocumentsTable th:nth-child(5),
#td-documents #taskDocumentsTable td:nth-child(5) {
    width: calc((100% - 100% / 3) / 4);
    box-sizing: border-box;
}

/* מסמכים — מובייל: כרטיסים לפי שורות + data-label; מסכים רחבים: טבלה רגילה */
@media (max-width: 767px) {
    #pd-documents .documents-table--responsive thead,
    #td-documents .documents-table--responsive thead {
        display: none;
    }
    #pd-documents .documents-table--responsive tbody,
    #td-documents .documents-table--responsive tbody {
        display: block;
    }
    #pd-documents .table-responsive,
    #td-documents .table-responsive {
        overflow-x: visible;
    }
    #pd-documents .documents-table--responsive,
    #td-documents .documents-table--responsive {
        display: block;
        width: 100% !important;
        table-layout: auto !important;
        min-width: 0 !important;
    }
    #pd-documents .documents-table--responsive th:nth-child(n),
    #pd-documents .documents-table--responsive td:nth-child(n),
    #td-documents .documents-table--responsive th:nth-child(n),
    #td-documents .documents-table--responsive td:nth-child(n) {
        width: auto !important;
    }
    #pd-documents .documents-table--responsive tbody tr,
    #td-documents .documents-table--responsive tbody tr {
        display: block;
        border: 1px solid #e1e4e8;
        border-radius: 8px;
        margin-bottom: 12px;
        padding: 12px 14px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    }
    #pd-documents .documents-table--responsive tbody td,
    #td-documents .documents-table--responsive tbody td {
        display: block;
        width: 100% !important;
        padding: 10px 0 !important;
        border: none !important;
        text-align: start !important;
    }
    #pd-documents .documents-table--responsive tbody td:not(:last-child),
    #td-documents .documents-table--responsive tbody td:not(:last-child) {
        border-bottom: 1px solid #f0f2f5;
    }
    #pd-documents .documents-table--responsive tbody td::before,
    #td-documents .documents-table--responsive tbody td::before {
        content: attr(data-label);
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: #64748b;
        margin-bottom: 6px;
    }
    #pd-documents .documents-table--responsive tbody td:first-child a,
    #td-documents .documents-table--responsive tbody td:first-child a {
        word-break: break-word;
    }
    #pd-documents .documents-table--responsive tbody td:nth-child(2),
    #td-documents .documents-table--responsive tbody td:nth-child(2) {
        text-align: center !important;
    }
    #pd-documents .documents-table--responsive tbody td:last-child,
    #td-documents .documents-table--responsive tbody td:last-child {
        text-align: center !important;
        padding-top: 12px !important;
        border-bottom: none !important;
    }
}

/* מסמכים — «גודל» ו«פעולות»: כותרות ותאי גוף במרכז */
#projectDocumentsTable thead th[data-sort-key="fileSizeBytes"],
#taskDocumentsTable thead th[data-sort-key="fileSizeBytes"],
#projectDocumentsTable thead th:last-child,
#taskDocumentsTable thead th:last-child,
#projectDocumentsTable tbody td:nth-child(2),
#taskDocumentsTable tbody td:nth-child(2),
#projectDocumentsTable tbody td:last-child,
#taskDocumentsTable tbody td:last-child {
    text-align: center;
}

/* מסמכים — גודל קובץ: מספר לפני יחידה (2.0 MB), לא הפוך ב־RTL */
#projectDocumentsTable tbody td:nth-child(2),
#taskDocumentsTable tbody td:nth-child(2) {
    direction: ltr;
    unicode-bidi: isolate;
}

/* מסמכים — אינדיקטורי מיון כמו ב־FooTable של רשימת הפרויקטים: אותו ריווח 5px בין כותרת לגлиף (footable.core.css padding-left; אין מעטפת .footable) */
#projectDocumentsTable > thead > tr > th.footable-sortable,
#taskDocumentsTable > thead > tr > th.footable-sortable,
#rowDocumentsTable > thead > tr > th.footable-sortable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    transition: none !important;
}
#projectDocumentsTable > thead > tr > th.footable-sortable:hover,
#taskDocumentsTable > thead > tr > th.footable-sortable:hover,
#rowDocumentsTable > thead > tr > th.footable-sortable:hover {
    background-color: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
    cursor: pointer;
}
#projectDocumentsTable > thead > tr > th.footable-sortable > span.footable-sort-indicator,
#taskDocumentsTable > thead > tr > th.footable-sortable > span.footable-sort-indicator,
#rowDocumentsTable > thead > tr > th.footable-sortable > span.footable-sort-indicator {
    opacity: 1 !important;
    transition: none !important;
}
#projectDocumentsTable > thead > tr > th.footable-sortable:hover > span.footable-sort-indicator,
#taskDocumentsTable > thead > tr > th.footable-sortable:hover > span.footable-sort-indicator,
#rowDocumentsTable > thead > tr > th.footable-sortable:hover > span.footable-sort-indicator {
    opacity: 1 !important;
}
@media (hover: none) {
    #projectDocumentsTable > thead > tr > th.footable-sortable > span.footable-sort-indicator,
    #taskDocumentsTable > thead > tr > th.footable-sortable > span.footable-sort-indicator,
    #rowDocumentsTable > thead > tr > th.footable-sortable > span.footable-sort-indicator {
        opacity: 1 !important;
    }
}
#projectDocumentsTable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before,
#taskDocumentsTable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before,
#rowDocumentsTable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
    content: "\e013";
}
#projectDocumentsTable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before,
#taskDocumentsTable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before,
#rowDocumentsTable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
    content: "\e012";
}
#projectDocumentsTable > thead > tr > th > span.footable-sort-indicator,
#taskDocumentsTable > thead > tr > th > span.footable-sort-indicator,
#rowDocumentsTable > thead > tr > th > span.footable-sort-indicator {
    display: inline-block;
    font-family: 'footable';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    line-height: 1;
    vertical-align: baseline;
    padding-inline-start: 5px;
}
#projectDocumentsTable > thead > tr > th > span.footable-sort-indicator:before,
#taskDocumentsTable > thead > tr > th > span.footable-sort-indicator:before,
#rowDocumentsTable > thead > tr > th > span.footable-sort-indicator:before {
    content: "\e022";
}

/* טאב מסמכים — אזור גרירה להעלאה (פרטי פרויקט / משימה) */
.project-documents-dropzone {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 72px;
    margin: 0 0 12px;
    padding: 14px 16px;
    border: 2px dashed #b8c2cc;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.project-documents-dropzone:hover,
.project-documents-dropzone:focus {
    outline: none;
    border-color: #3c8dbc;
    background: #f0f7fc;
    color: #1e293b;
}

.project-documents-dropzone.is-dragover {
    border-color: #3c8dbc;
    background: #e8f4fc;
    color: #0f172a;
}

.project-documents-dropzone-icon {
    font-size: 28px;
    line-height: 1;
    color: #3c8dbc;
    flex-shrink: 0;
}

.project-documents-dropzone-text {
    font-size: 14px;
    line-height: 1.45;
    max-width: 420px;
}

/* «עריכה מהירה» + «משימה חדשה» / תת-משימה: как в макете — светлая рамка, скруглённый квадрат, тёмная иконка по центру */
.projects-table .project-name-with-add-cell .btn-project-name-quick-edit,
.grouped-projects-table .project-name-with-add-cell .btn-project-name-quick-edit,
.projects-table .project-name-with-add-cell .btn-project-row-add-task,
.grouped-projects-table .project-name-with-add-cell .btn-project-row-add-task,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-name-quick-edit,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-row-add-subtask {
    box-sizing: border-box;
    width: 17.33px;
    height: 17.33px;
    min-width: 17.33px;
    min-height: 17.33px;
    padding: 0;
    margin: 0;
    margin-inline-start: 5px;
    line-height: 1;
    display: inline-grid;
    place-items: center;
    align-self: center;
    vertical-align: middle;
    color: #1f2937;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
    text-decoration: none;
    box-shadow: none;
    opacity: 0;
    /* נשארים שקופים עד hover, אבל רואים pointer-events — אחרת הקליק עובר לקישור השם מתחת והכפתור לא מגיב */
    visibility: visible;
    pointer-events: auto;
    transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1), border-color 0.15s ease, background-color 0.15s ease;
}

.projects-table .project-name-with-add-cell .btn-project-name-quick-edit:hover,
.grouped-projects-table .project-name-with-add-cell .btn-project-name-quick-edit:hover,
.projects-table .project-name-with-add-cell .btn-project-row-add-task:hover,
.grouped-projects-table .project-name-with-add-cell .btn-project-row-add-task:hover,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-name-quick-edit:hover,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-row-add-subtask:hover {
    color: #111827;
    border-color: #9ca3af;
    background: #f9fafb;
}

.projects-table .project-name-with-add-cell:hover .btn-project-name-quick-edit,
.projects-table .project-name-with-add-cell:focus-within .btn-project-name-quick-edit,
.grouped-projects-table .project-name-with-add-cell:hover .btn-project-name-quick-edit,
.grouped-projects-table .project-name-with-add-cell:focus-within .btn-project-name-quick-edit,
.projects-table .project-name-with-add-cell:hover .btn-project-row-add-task,
.projects-table .project-name-with-add-cell:focus-within .btn-project-row-add-task,
.grouped-projects-table .project-name-with-add-cell:hover .btn-project-row-add-task,
.grouped-projects-table .project-name-with-add-cell:focus-within .btn-project-row-add-task,
.project-inline-tasks-table .project-inline-task-name-cell:hover .btn-task-name-quick-edit,
.project-inline-tasks-table .project-inline-task-name-cell:focus-within .btn-task-name-quick-edit,
.project-inline-tasks-table .project-inline-task-name-cell:hover .btn-task-row-add-subtask,
.project-inline-tasks-table .project-inline-task-name-cell:focus-within .btn-task-row-add-subtask {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Проекты + משימות ברשימה: иконка строго по центру рамки 17.33×17.33 (в т.ч. Footable .fa 18px) */
.projects-table .project-name-with-add-cell .btn-project-name-quick-edit,
.grouped-projects-table .project-name-with-add-cell .btn-project-name-quick-edit,
.projects-table .project-name-with-add-cell .btn-project-row-add-task,
.grouped-projects-table .project-name-with-add-cell .btn-project-row-add-task,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-name-quick-edit,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-row-add-subtask {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.projects-table .project-name-with-add-cell .btn-project-name-quick-edit .fa,
.grouped-projects-table .project-name-with-add-cell .btn-project-name-quick-edit .fa,
.projects-table .project-name-with-add-cell .btn-project-row-add-task .fa,
.grouped-projects-table .project-name-with-add-cell .btn-project-row-add-task .fa,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-name-quick-edit .fa,
.project-inline-tasks-table .project-inline-task-name-cell .btn-task-row-add-subtask .fa {
    position: static;
    transform: none;
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
    height: auto;
    font-size: 7.33px !important;
    line-height: 1 !important;
    text-align: center;
    color: #1f2937;
}

.footable .projects-table .project-name-with-add-cell .btn-project-name-quick-edit .fa,
.footable .projects-table .project-name-with-add-cell .btn-project-row-add-task .fa,
.footable .grouped-projects-table .project-name-with-add-cell .btn-project-name-quick-edit .fa,
.footable .grouped-projects-table .project-name-with-add-cell .btn-project-row-add-task .fa,
.footable .project-inline-tasks-table .project-inline-task-name-cell .btn-task-name-quick-edit .fa,
.footable .project-inline-tasks-table .project-inline-task-name-cell .btn-task-row-add-subtask .fa {
    font-size: 7.33px !important;
    color: #1f2937 !important;
    margin: 0 !important;
    line-height: 1 !important;
    vertical-align: middle;
}

/* Детали проекта: тот же зазор между кнопками в ячейке имени */
.project-inline-tasks-table--details .project-inline-task-name-cell .btn-task-name-quick-edit,
.project-inline-tasks-table--details .project-inline-task-name-cell .btn-task-row-add-subtask {
    margin-inline-start: 5px;
}

/* ========================= 4) Inline tasks tables (list/details pages) ========================= */
/* דפי פרטי פרויקט/משימה: ללא שוליים צדדיים */
.project-details-tasks-table-host > .project-tasks-accordion-container > .project-inline-tasks-table.table,
.project-details-tasks-table-host .project-inline-tasks-table.table {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

/* Project/Task details tasks grid: allow horizontal overflow when columns exceed container. */
.project-details-tasks-table-host > .project-tasks-accordion-container > .project-inline-tasks-table--details.table,
.project-details-tasks-table-host .project-inline-tasks-table--details.table {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
}

/* פרטי פרויקט — «משימות הפרויקט»: ריווח אופקי לשורת הכפתורים כמו בטאב «עדכונים» */
.project-details-tasks-sector #pd-tasks > .box-body {
    padding-block: 0.5rem !important;
    padding-inline: calc(10px + 0.5rem) !important;
}

/* פרטי משימה — טבלת משימות: 10px מהקontainer (כמו box-body ברירת מחדל ב-AdminLTE) */
.project-details-tasks-sector #td-subtasks-sector > .box-body {
    padding: 10px !important;
}

.project-details-tasks-sector #pd-tasks .project-details-tasks-table-host > .project-tasks-accordion-container > .project-inline-tasks-table.table,
.project-details-tasks-sector #pd-tasks .project-details-tasks-table-host .project-inline-tasks-table.table {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.project-details-tasks-sector #td-subtasks-sector .project-details-tasks-table-host > .project-tasks-accordion-container > .project-inline-tasks-table.table,
.project-details-tasks-sector #td-subtasks-sector .project-details-tasks-table-host .project-inline-tasks-table.table {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.project-details-tasks-sector #pd-tasks .project-details-tasks-table-host > .project-tasks-accordion-container > .project-inline-tasks-table--details.table,
.project-details-tasks-sector #pd-tasks .project-details-tasks-table-host .project-inline-tasks-table--details.table {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
}

.project-details-tasks-sector #td-subtasks-sector .project-details-tasks-table-host > .project-tasks-accordion-container > .project-inline-tasks-table--details.table,
.project-details-tasks-sector #td-subtasks-sector .project-details-tasks-table-host .project-inline-tasks-table--details.table {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
}


.projects-table tbody tr.project-group-header td {
    background: #fff !important;
    color: #1f2d3d;
    border: 0 !important;
    border-bottom: 1px solid #eceff3 !important;
    border-right: 0 !important;
    padding: 8px 12px;
    text-align: right;
}

.projects-table tbody tr.project-group-header td strong {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
}

.projects-table tbody tr.project-group-columns td {
    background: #f6f9fc;
    color: #4c5d6f;
    font-weight: 600;
    text-align: center;
    border-top: 1px solid #d7e4ef;
    border-bottom: 1px solid #d7e4ef;
}

.projects-table tbody tr.project-group-columns {
    display: table-row !important;
}

.projects-table tbody tr.project-group-columns td {
    display: table-cell !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #eef3f8 !important;
    color: #2f3f50 !important;
    font-size: 12px;
    line-height: 1.25;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    position: sticky;
    top: 0;
    z-index: 5;
    box-shadow: 0 1px 0 #d7e4ef;
}

/* Flat-таблица скрыта в grouped-режиме через #projectsFlatTableHost — отдельный thead не нужен */
.projects-flat-table-host[aria-hidden="true"] .projects-table > thead {
    display: none;
}

.projects-table tbody tr.project-group-columns td.is-sortable {
    cursor: pointer;
}

.projects-table tbody tr.project-group-columns td.is-sortable:hover {
    background: #e7edf5 !important;
}

/* Общая «коробка» шапки: та же высота и типографика, что у основной таблицы проектов */
.projects-table:not(.grouped-view) > thead > tr > th,
.project-inline-tasks-table--details.table > thead > tr > th {
    background: #fff !important;
    color: inherit !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    border-top: none !important;
    border-bottom: 1px solid #f4f4f4 !important;
    position: sticky;
    top: var(--projects-sticky-top, 0px);
    z-index: 6;
    box-shadow: none;
    box-sizing: border-box;
    vertical-align: middle;
}

.box-body.table-responsive.no-padding {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

/* Список проектов (ניהול פרויקטים): без внутренней вертикальной прокрутки — только прокрутка страницы. */
.projects-list-box > .box-body.table-responsive.no-padding.projects-list-scroll,
.box-body.table-responsive.no-padding.projects-list-scroll {
    position: relative;
    min-height: 0;
    max-height: none !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box;
}

.box-body.table-responsive.no-padding.projects-list-scroll.pd-box-scroll-has-bars {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.box-body.projects-list-scroll > .pd-box-slim-bar-v {
    display: none !important;
}

.box-body.projects-list-scroll .pd-box-scroll-viewport {
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.projects-list-scroll.pd-box-scroll-has-bars .projects-table > thead,
.projects-list-scroll.pd-box-scroll-has-bars .projects-table > thead > tr > th,
.projects-list-scroll.pd-box-scroll-has-bars .grouped-projects-table > thead > tr > th {
    top: 0;
}

.projects-list-scroll:not(.pd-box-scroll-has-bars) .projects-table.projects-table-source > thead,
.projects-list-scroll:not(.pd-box-scroll-has-bars) .grouped-projects-table > thead > tr > th,
.project-inline-tasks-table--details.table > thead > tr > th {
    top: var(--projects-sticky-top, 0px);
}

.projects-list-scroll .grouped-projects-table > thead > tr > th {
    position: sticky;
    z-index: 6;
}

.project-details-tasks-table-host.table-responsive.no-padding,
.project-details-tasks-sector #pd-tasks .project-details-tasks-table-host,
.project-details-tasks-sector #td-subtasks-sector .project-details-tasks-table-host {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

.projects-table:not(.grouped-view) > thead > tr > th,
.grouped-projects-table > thead > tr > th {
    position: sticky;
    top: var(--projects-sticky-top, 0px);
    z-index: 6;
    background: #fff !important;
}

.projects-sticky-header-wrap {
    display: none;
    position: fixed;
    z-index: 1200;
    overflow: hidden;
    pointer-events: none;
    border-bottom: 1px solid #d7e4ef;
}

/* Bootstrap: backdrop 1040 — הכותרת הקבועה של הטבלה (1200) מתחתיו כדי שתושחר כמו שאר הדף */
body.modal-open .projects-sticky-header-wrap {
    z-index: 1030;
}

.projects-sticky-header-inner {
    display: block;
    margin: 0;
    padding: 0;
}

.projects-table.projects-thead-suppressed > thead {
    visibility: hidden;
}

.projects-sticky-header-table {
    margin: 0;
    background: #fff;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    direction: rtl;
}

.projects-sticky-header-wrap.grouped-mode .projects-sticky-header-table {
    border-right: 5px solid var(--projects-group-border, #d7e4ef);
}

.projects-sticky-header-wrap.grouped-mode .projects-sticky-header-table > thead > tr > th:first-child {
    border-right: 5px solid var(--projects-group-border, #d7e4ef);
}

.projects-sticky-header-table > thead > tr > th {
    background: #fff !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    font-weight: 400 !important;
    border-top: none !important;
    border-bottom: 1px solid #f4f4f4 !important;
    padding-block: var(--projects-header-vpad) !important;
    padding-inline: var(--projects-cell-hpad) !important;
    box-sizing: border-box !important;
    pointer-events: auto;
}

/* Индикаторы сортировки на липком заголовке — как у основной таблицы (footable + sortable-table-headers) */
#projectsStickyHeaderWrap .projects-sticky-header-table.footable > thead > tr > th.footable-sortable > span.footable-sort-indicator,
#projectsStickyHeaderWrap .projects-sticky-header-table.footable > thead > tr > th > span.footable-sort-indicator {
    display: inline-block !important;
    vertical-align: middle !important;
    min-width: 1em !important;
    width: 1em !important;
    padding-inline-start: 5px !important;
    padding-inline-end: 0 !important;
    padding-left: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

#projectsStickyHeaderWrap .projects-sticky-header-table.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
    content: "\e013";
}

#projectsStickyHeaderWrap .projects-sticky-header-table.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
    content: "\e012";
}

#projectsStickyHeaderWrap .projects-sticky-header-table.footable > thead > tr > th > span.footable-sort-indicator:before {
    content: "\e022";
}

/* Projects list: без боковых внешних отступов. */
.box-body.table-responsive.no-padding > .projects-table.table:not(.projects-table-cols-synced),
.box-body.table-responsive.no-padding > .projects-flat-table-host .projects-table.table:not(.projects-table-cols-synced),
.box-body.table-responsive.no-padding > #projectsFlatTableHost .projects-table.table:not(.projects-table-cols-synced) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    table-layout: auto !important;
}

.box-body.table-responsive.no-padding > .projects-table.table.projects-table-cols-synced,
.box-body.table-responsive.no-padding > .projects-flat-table-host .projects-table.table.projects-table-cols-synced,
.box-body.table-responsive.no-padding > #projectsFlatTableHost .projects-table.table.projects-table-cols-synced {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    table-layout: fixed !important;
}

/* Grouped tables: full width inside host (host provides 30px side gutters). */
.box-body.table-responsive.no-padding > #projectsGroupedTablesHost .grouped-projects-table.projects-table:not(.projects-table-cols-synced),
.box-body.table-responsive.no-padding > #projectsGroupedTablesHost .grouped-projects-table.projects-table.projects-table-cols-synced {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.box-body.table-responsive.no-padding > .projects-flat-table-host,
.box-body.table-responsive.no-padding > #projectsFlatTableHost {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#projectsGroupedTablesHost.projects-grouped-tables-host,
.projects-grouped-tables-host {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 30px 0;
}

.box-body.table-responsive.no-padding > #projectsGroupedTablesHost.projects-grouped-tables-host {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.projects-group-table-block {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.projects-grouped-tables-host .grouped-projects-table:not(.projects-table-cols-synced),
#projectsGroupedTablesHost .grouped-projects-table:not(.projects-table-cols-synced) {
    table-layout: auto !important;
}

.projects-grouped-tables-host .grouped-projects-table.projects-table-cols-synced,
#projectsGroupedTablesHost .grouped-projects-table.projects-table-cols-synced {
    table-layout: fixed !important;
}

.projects-sticky-header-table > thead > tr > th:not([data-col="projectName"]) {
    white-space: nowrap;
}

.projects-sticky-header-table > thead > tr > th[data-col="projectName"] {
    white-space: nowrap !important;
}

/* Липкий заголовок: выравнивание как у основной шапки / сгруппированных таблиц */
.projects-sticky-header-wrap:not(.grouped-mode) .projects-sticky-header-table > thead > tr > th:not([data-col="projectName"]) {
    text-align: center !important;
}

.projects-sticky-header-wrap:not(.grouped-mode) .projects-sticky-header-table > thead > tr > th[data-col="projectName"] {
    text-align: right !important;
}

.projects-sticky-header-wrap.grouped-mode .projects-sticky-header-table > thead > tr > th {
    text-align: center !important;
}

.projects-sticky-header-wrap.grouped-mode .projects-sticky-header-table > thead > tr > th[data-col="projectName"] {
    text-align: right !important;
}

/* סטטוס (לידים/leads): typography aligned with progress row + AdminLTE .label */
.projects-table td.status-cell .label,
.grouped-projects-table td.status-cell .label,
.project-inline-tasks-table td.task-status-cell .label,
.project-tasks-table td.task-status-cell .label,
.project-statuses-table td.status-cell .label,
.project-statuses-table td[data-col="status"] .label,
#modal-update-status #statusModalPreview.label,
#modal-update-status .status-cell .label,
#projectDashboardRiskTable td.status-cell .label,
#projectDashboardRiskTable td[data-col="status"] .label {
    margin: 0 auto;
    font-size: 13px;
    line-height: 1;
}

/* התקדמות: та же высота что у плашки статуса (13px / line-height 1 / те же отступы что у .label), углы — заметно скруглённые (капсула). */
.projects-table td.project-progress-cell .project-progress-badge,
.grouped-projects-table td.project-progress-cell .project-progress-badge,
#projectDashboardRiskTable td.project-progress-cell .project-progress-badge,
#projectDashboardTasksPage #projectDashboardTasksTable td.project-progress-cell .project-progress-badge,
#dashboardTasksGroupedTablesHost .grouped-dashboard-tasks-table td.project-progress-cell .project-progress-badge,
.project-inline-tasks-table td[data-field="progress"] .project-progress-badge,
.task-details-sidebar-compact .field-clickable[data-field="tdProgress"] .project-progress-badge,
#tdProgressReadonlyDisplay .project-progress-badge,
.project-details-profile #pdAggregateProgressDisplay .project-progress-badge {
    box-sizing: border-box !important;
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 4.25em;
    width: auto !important;
    max-width: none !important;
    margin: 0 auto;
    padding: 0.2em 0.6em 0.3em !important;
    font-size: 13px;
    line-height: 1 !important;
    height: 1.5em;
    border-radius: 999px !important;
}

.projects-table td.project-progress-cell .project-progress-badge .project-progress-text,
.grouped-projects-table td.project-progress-cell .project-progress-badge .project-progress-text,
#projectDashboardRiskTable td.project-progress-cell .project-progress-badge .project-progress-text,
#projectDashboardTasksPage #projectDashboardTasksTable td.project-progress-cell .project-progress-badge .project-progress-text,
#dashboardTasksGroupedTablesHost .grouped-dashboard-tasks-table td.project-progress-cell .project-progress-badge .project-progress-text,
.project-inline-tasks-table td[data-field="progress"] .project-progress-badge .project-progress-text,
.task-details-sidebar-compact .field-clickable[data-field="tdProgress"] .project-progress-badge .project-progress-text,
#tdProgressReadonlyDisplay .project-progress-badge .project-progress-text,
.project-details-profile #pdAggregateProgressDisplay .project-progress-badge .project-progress-text {
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 600;
    color: #fff !important;
}

/* פרטי משימה: פס התקדמות ליד תחילת עמודת הערך (flex-list-50), לא במרכז */
.task-details-sidebar-compact #tdProgressReadonlyDisplay {
    justify-content: flex-start;
}

.task-details-sidebar-compact #tdProgressReadonlyDisplay .project-progress-badge {
    margin-inline: 0 !important;
}

.projects-table tbody tr.project-group-header + tr.project-row td {
    border-top: none;
}

.projects-grouped-tables-host {
    display: none;
}

/* React (Vite): legacy projects.js calls .show() on this host; without JS it stays hidden. */
.projects-list-scroll > #projectsGroupedTablesHost.projects-grouped-tables-host,
.projects-list-scroll > .projects-grouped-tables-host,
#projectDashboardTasksPage .project-dashboard-tasks-body > #dashboardTasksGroupedTablesHost.projects-grouped-tables-host,
#projectsFlatTableHost {
    display: block;
}

.projects-group-table-block:not(:first-child) {
    margin-bottom: 16px;
}

.projects-group-table-block {
    border: 0 !important;
    background: #fff;
    box-shadow: none !important;
}

.projects-group-table-caption {
    background: #fff !important;
    color: #1f2d3d;
    /* Как у .project-group-header td в негруппированной таблице; без горизонтальных отступов */
    padding: 8px 0 !important;
    border-bottom: 1px solid #eceff3 !important;
    border-right: 0 !important;
    text-align: right;
    position: relative;
    margin-top: 25px;
}

.projects-group-table-caption strong {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
}

.projects-group-load-more-wrap {
    display: block;
    padding: 8px 0 4px;
    text-align: center;
}

.projects-group-table-block .projects-group-load-more-wrap .btn.projects-group-load-more,
.projects-group-load-more-wrap .btn.projects-group-load-more,
.projects-group-load-more-wrap .btn.dashboard-tasks-group-load-more {
    display: inline-block !important;
    min-width: 120px;
}

/* Сгруппированные таблицы: зазор слева от иконки «הצג משימות» = зазору справа (к имени), как в основной сетке */
#projectsGroupedTablesHost .grouped-projects-table .project-name-with-add-cell .btn-task-tree-toggle,
#projectsGroupedTablesHost .grouped-projects-table .project-name-with-add-cell .task-tree-toggle-spacer {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
}

.projects-group-table-block .grouped-projects-table > tbody > tr.project-row > td {
    background: #fff !important;
    border-top: 1px solid #f4f4f4 !important;
    border-right: 0 !important;
    border-left: 0 !important;
}

.projects-group-table-block .grouped-projects-table > tbody > tr.project-row:first-child > td {
    border-top: 0 !important;
}

.grouped-projects-table {
    margin-bottom: 0;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border-right: 5px solid #d7e4ef !important;
}

/* Группировка вне «סטטוס»: серая рамка блока */
.projects-group-table-block--neutral-border .grouped-projects-table {
    border-right-color: #bdbdbd !important;
}

.projects-group-table-block .grouped-projects-table > thead > tr > th:first-child {
    border-right: 5px solid #d7e4ef !important;
}

.projects-group-table-block--neutral-border .grouped-projects-table > thead > tr > th:first-child {
    border-right-color: #bdbdbd !important;
}

/* Группировка по статусу: цвет рамки = цвет статуса (--projects-group-border на блоке) */
.projects-group-table-block--status-accent .grouped-projects-table {
    border-right-color: var(--projects-group-border, #bdbdbd) !important;
}

.projects-group-table-block--status-accent .grouped-projects-table > thead > tr > th:first-child {
    border-right-color: var(--projects-group-border, #bdbdbd) !important;
}

/* Шапка сгруппированной таблицы: как у основной .projects-table + подписи по центру */
.projects-group-table-block .grouped-projects-table > thead > tr > th {
    background: #fff !important;
    color: inherit !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    border-top: none !important;
    border-bottom: 1px solid #f4f4f4 !important;
    box-shadow: none;
    text-align: center !important;
}

/* «פרויקט» — как в негруппированной таблице (на уровне начала названия проекта) */
.projects-group-table-block .grouped-projects-table > thead > tr > th[data-col="projectName"] {
    text-align: right !important;
}

.post-reply-form .post-reply-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* תגובה: CKEditor מיידי — textarea מוסתר (בכשלון: .post-reply-editor-fallback) */
#projectUpdatesListContainer .post-reply-form:not(.post-reply-editor-fallback) textarea.form-control,
#taskUpdatesListContainer .post-reply-form:not(.post-reply-editor-fallback) textarea.form-control,
#apartmentUpdatesListContainer .post-reply-form:not(.post-reply-editor-fallback) textarea.form-control,
#modalRowUpdates .post-reply-form:not(.post-reply-editor-fallback) textarea.form-control {
    display: none !important;
}

#projectUpdatesListContainer .post-reply-form.post-reply-editor-fallback textarea.form-control,
#taskUpdatesListContainer .post-reply-form.post-reply-editor-fallback textarea.form-control,
#apartmentUpdatesListContainer .post-reply-form.post-reply-editor-fallback textarea.form-control,
#modalRowUpdates .post-reply-form.post-reply-editor-fallback textarea.form-control {
    display: block !important;
}

/* «פרסם תגובה» / «בטל» / «הוספת קובץ»: מוסתרים עד שיש תוכן בעורך (js/projects.js) */
#projectUpdatesListContainer .post-reply-form .btn-submit-reply,
#taskUpdatesListContainer .post-reply-form .btn-submit-reply,
#apartmentUpdatesListContainer .post-reply-form .btn-submit-reply,
#modalRowUpdates .post-reply-form .btn-submit-reply,
#projectUpdatesListContainer .post-reply-form .btn-cancel-reply,
#taskUpdatesListContainer .post-reply-form .btn-cancel-reply,
#apartmentUpdatesListContainer .post-reply-form .btn-cancel-reply,
#modalRowUpdates .post-reply-form .btn-cancel-reply,
#projectUpdatesListContainer .post-reply-form .btn-reply-attach,
#taskUpdatesListContainer .post-reply-form .btn-reply-attach,
#apartmentUpdatesListContainer .post-reply-form .btn-reply-attach,
#modalRowUpdates .post-reply-form .btn-reply-attach {
    display: none;
}

#projectUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-submit-reply,
#taskUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-submit-reply,
#apartmentUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-submit-reply,
#modalRowUpdates .post-reply-form.post-reply-show-actions .btn-submit-reply,
#projectUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-cancel-reply,
#taskUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-cancel-reply,
#apartmentUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-cancel-reply,
#modalRowUpdates .post-reply-form.post-reply-show-actions .btn-cancel-reply,
#projectUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-reply-attach,
#taskUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-reply-attach,
#apartmentUpdatesListContainer .post-reply-form.post-reply-show-actions .btn-reply-attach,
#modalRowUpdates .post-reply-form.post-reply-show-actions .btn-reply-attach {
    display: inline-block;
}

.post-reply-form .btn-submit-reply,
.post-reply-form .btn-cancel-reply,
.post-reply-form .btn-reply-attach {
    margin-top: 0 !important;
}

.row-updates-target-filter {
    margin-top: 6px;
}

.row-updates-target-filter-label {
    font-weight: 400;
    cursor: pointer;
}

.row-update-target-user-search {
    margin-bottom: 6px;
}

.row-update-target-user-chips {
    margin-top: 8px;
}

.row-update-target-chip {
    display: inline-block;
    margin: 0 6px 6px 0;
    padding: 6px 8px;
}

.row-update-target-chip-remove {
    color: #fff;
    text-decoration: none;
}

/* קבצים מצורפים לעדכון בלוח — פלטות (אותו סגנון כמו במודל) */
.project-update-docs-block {
    margin-top: 10px;
}

.project-update-inline-docs-chips {
    margin-top: 4px;
}

.post-reply-files-draft .post-reply-files-draft-chips {
    margin-top: 8px;
}

/* קבצים מצורפים כפלטות (מודל «עדכון חדש», טאב «עדכונים», טיוטות) — אותו מראה */
.update-modal-files-chips {
    min-height: 28px;
}

.update-modal-files-chips-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.update-modal-file-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    padding: 3px 6px;
    background: #e8e8e8;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 12px;
    color: #000;
    direction: ltr;
}

.update-modal-file-chip--draft {
    background: #e8e8e8;
    border-color: #d0d0d0;
}

.update-modal-file-chip-name {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: min(200px, 42vw);
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    direction: ltr;
    unicode-bidi: isolate;
}

.update-modal-file-chip a.update-modal-file-chip-name {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-decoration: none;
    direction: ltr;
    unicode-bidi: isolate;
}

.update-modal-file-chip a.update-modal-file-chip-name:hover,
.update-modal-file-chip a.update-modal-file-chip-name:focus {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-decoration: underline;
}

/* הסרת קובץ מהפלטה — שחור ב־hover/focus */
.update-modal-file-chip-remove:hover,
.update-modal-file-chip-remove:focus {
    color: #000 !important;
}
.update-modal-file-chip-remove:hover .update-modal-file-chip-remove-x,
.update-modal-file-chip-remove:focus .update-modal-file-chip-remove-x {
    transform: scale(1.08);
}

.update-modal-file-chip-size {
    font-size: 11px;
    flex-shrink: 0;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    direction: ltr;
    unicode-bidi: isolate;
}

/* נושא עדכון בשורת טבלה — לא מוצג (השדה הוסר מהממשק) */
.row-update-subject-form-group {
    display: none !important;
}

/* מודל «עדכון חדש» — רוחב נוח לעורך */
@media (min-width: 768px) {
    .modal-project-update-wide.modal-lg {
        width: 92%;
        max-width: 1120px;
    }
}

/* @mentions בעדכונים — חלון בחירה + תצוגת קישור בטקסט */
.project-update-mention-editor-addon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 10px;
    background: #f7f7f7;
    border-bottom: 1px solid #dadada;
    box-sizing: border-box;
}

/* דירות: בלי פס «פנייה» מעל העורך — רק כפתור @ בסרגל CKEditor */
#apartmentUpdatesListContainer .project-update-mention-editor-addon,
#modal-new-apartment-update .project-update-mention-editor-addon {
    display: none !important;
}

.project-update-mention-editor-addon .project-update-mention-addon-label {
    font-weight: normal;
    margin-right: 4px;
}

/* כפתור @ בסרגל CKEditor — ck-button_with-text + צבע (ללא with-text התווית מוסתרת לחלוטין) */
.ck.ck-toolbar .ck.ck-button.ck-button_with-text.project-update-mention-toolbar-btn,
.ck.ck-toolbar .ck.ck-button.ck-button_with-text.project-update-mention-toolbar-btn .ck-button__label {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.ck.ck-toolbar .ck.ck-button.project-update-mention-toolbar-btn .ck-button__label {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    margin: 0 !important;
    padding: 0 2px !important;
}

.ck.ck-toolbar .ck.ck-button.ck-button_with-text.project-update-mention-toolbar-btn:hover,
.ck.ck-toolbar .ck.ck-button.ck-button_with-text.project-update-mention-toolbar-btn:focus,
.ck.ck-toolbar .ck.ck-button.ck-button_with-text.project-update-mention-toolbar-btn.ck-on {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

.project-update-mention-popup {
    z-index: 10060;
    min-width: 280px;
    max-width: 360px;
    max-height: 320px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.project-update-mention-popup-inner {
    padding: 8px;
}

.project-update-mention-popup .project-update-mention-filter {
    margin-bottom: 8px;
}

.project-update-mention-list {
    max-height: 240px;
    overflow-y: auto;
    margin: 0;
}

.project-update-mention-list li {
    margin: 0;
    padding: 0;
}

.project-update-mention-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: right;
    border: none;
    background: transparent;
    padding: 10px 16px;
    border-radius: 4px;
    cursor: pointer;
    color: #1f2d3d;
}

.project-update-mention-item:hover {
    background: #f5f5f5;
    color: #1f2d3d;
}

/* אווטארים כמו ב־managers-selector; margin של האווטאר לא מצטבר עם gap */
.project-update-mention-item .manager-item-avatar {
    flex-shrink: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.project-update-mention-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* פלקת נמען: טקסט כחול, ללא רקע וללא מסגרת (עורך + תוכן פוסט) */
.post-content a[href^="#mention-"],
.ck-content a[href^="#mention-"],
.ck-editor__editable a[href^="#mention-"],
.ck.ck-editor__editable a[href^="#mention-"] {
    max-width: 100%;
    padding: 0 2px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    background: transparent !important;
    border: none !important;
    border-radius: 0;
    text-decoration: none !important;
    color: #1976d2 !important;
    -webkit-text-fill-color: #1976d2 !important;
    cursor: default !important;
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    vertical-align: baseline;
    direction: ltr;
    unicode-bidi: isolate;
}

.post-content a[href^="#mention-"]:hover,
.post-content a[href^="#mention-"]:focus,
.ck-content a[href^="#mention-"]:hover,
.ck-content a[href^="#mention-"]:focus,
.ck-editor__editable a[href^="#mention-"]:hover,
.ck-editor__editable a[href^="#mention-"]:focus,
.ck.ck-editor__editable a[href^="#mention-"]:hover,
.ck.ck-editor__editable a[href^="#mention-"]:focus {
    background: transparent !important;
    border: none !important;
    color: #1565c0 !important;
    -webkit-text-fill-color: #1565c0 !important;
    text-decoration: none !important;
}

/* בעריכה: inline בלבד — inline-block+contenteditable=false ברצף לא נותן להקליד בין פלקות עד Enter */
.ck-content a[href^="#mention-"],
.ck-editor__editable a[href^="#mention-"],
.ck.ck-editor__editable a[href^="#mention-"] {
    display: inline;
    white-space: normal;
}

.post-content a[href^="#mention-"] {
    display: inline-block;
    white-space: nowrap;
    pointer-events: none;
}

.ck-content a[href^="#mention-"] {
    position: relative;
}

/* הסרת פנייה — כפתור מרחף בלחיצה (מוצג ב-hover על ה-plaque) */
button.project-update-mention-remove-btn {
    position: fixed;
    z-index: 10065;
    display: none;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: 1px solid #b0b0b0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    line-height: 1;
    color: #555;
    cursor: pointer;
}

button.project-update-mention-remove-btn:hover,
button.project-update-mention-remove-btn:focus {
    background: #fdecea;
    border-color: #c62828;
    color: #b71c1c;
}

/* Final hard-sync: inline task columns must follow host colgroup exactly. */
.project-inline-tasks-table th[data-col],
.project-inline-tasks-table td[data-col],
.project-inline-tasks-table td[data-field] {
    min-width: 0 !important;
    max-width: none !important;
}

.post-reply-form .btn-reply-attach[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
}

.post-reply-form .post-reply-files-draft {
    margin-top: 8px;
}

.post-reply-form .post-reply-files-draft-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 8px 6px 0;
    padding: 3px 8px;
    border: 1px solid #d8e1ea;
    border-radius: 14px;
    background: #f8fbff;
    font-size: 12px;
}

.post-reply-form .post-reply-files-draft-remove {
    color: #8a96a3;
    text-decoration: none;
}

#modalAddProject #addProjectFilesDraft {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
}

#modalAddProject .modal-body > .form-group:last-child {
    margin-bottom: -5px;
}

#modalAddProject #addProjectFilesDraft .post-reply-files-draft-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 260px;
    margin: 0;
    padding: 6px 10px;
    border: none;
    border-radius: 4px;
    background: #6f747d;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
}

#modalAddProject #addProjectFilesDraft .post-reply-files-draft-item > span {
    display: inline-block;
    max-width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}

#modalAddProject #addProjectFilesDraft .post-reply-files-draft-remove {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

#modalAddProject #addProjectFilesDraft .post-reply-files-draft-remove:hover,
#modalAddProject #addProjectFilesDraft .post-reply-files-draft-remove:focus {
    color: #fff;
}

#modal-new-update .modal-footer,
#modal-new-task-update .modal-footer {
    display: flex;
    align-items: center;
    gap: 8px;
}

#modal-new-update .modal-footer .btn,
#modal-new-task-update .modal-footer .btn {
    margin: 0 !important;
}

.project-row-details-content {
    min-height: 80px;
}

.actual-time-cell .actual-timer-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #333;
    text-decoration: none;
    white-space: normal;
    flex-wrap: wrap;
    flex-direction: row; /* icon always on the left */
    direction: ltr; /* force visual left icon even in RTL pages */
    unicode-bidi: isolate;
    justify-content: center;
    line-height: 1.25;
    min-height: 0;
    max-width: 100%;
}

.project-tasks-table td.actual-time-cell {
    white-space: normal;
    width: auto;
    min-width: 56px;
    max-width: 96px;
    text-align: center !important;
    direction: rtl;
    unicode-bidi: isolate;
    vertical-align: middle !important;
    display: table-cell !important;
    line-height: 1.25;
}

.project-inline-tasks-table th[data-col="status"],
.project-inline-tasks-table th[data-col="priority"] {
    text-align: center !important;
}

.actual-time-cell .actual-timer-toggle i {
    color: #3c8dbc;
    width: 16px;
    min-width: 16px;
    text-align: center;
    flex: 0 0 16px;
}

.actual-time-cell .actual-timer-toggle i.fa-stop {
    color: #dd4b39 !important; /* AdminLTE danger red */
}

.actual-time-cell .actual-timer-text {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    direction: rtl;
    unicode-bidi: isolate;
    max-width: 100%;
    text-align: center;
}

.actual-time-cell .actual-timer-toggle:hover,
.actual-time-cell .actual-timer-toggle:focus,
.actual-time-cell .actual-timer-toggle:active,
.actual-time-cell .actual-timer-toggle:visited {
    color: #333;
    text-decoration: none;
}

/* ========================= 6) Responsive/modal helpers ========================= */
/* Responsive row details dialog */
#modalRowDetails .modal-dialog {
    width: auto;
    max-width: 980px;
}

#modalRowDetails .modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}

@media (max-width: 991px) {
    #modalRowDetails .modal-dialog {
        margin: 10px;
    }
}

@media (max-width: 767px) {
    #modalRowDetails .modal-header .modal-title {
        font-size: 18px;
        line-height: 1.3;
        padding-right: 24px;
    }

    #modalRowDetails .modal-body {
        padding: 12px;
        max-height: calc(100vh - 120px);
    }
}

/* כמעט מסך מלא: אותו ריווח מכל הצדדים כמו למעלה (12px) */
#modalTaskDetails .modal-dialog.modal-task-details {
    width: calc(100vw - 24px);
    max-width: none;
    margin: 12px auto;
    height: calc(100vh - 24px);
    display: flex;
    flex-direction: column;
}

#modalTaskDetails .modal-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

#modalTaskDetails .modal-header {
    flex-shrink: 0;
}

#modalTaskDetails .modal-task-details-body {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    overflow: hidden;
    padding: 0;
}

#modalTaskDetails .modal-task-details-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    vertical-align: top;
}

/* דף פרטי פרויקט: רוחב עמודת הפרופיל כמו בפרטי משימה (25% + תוכן flex), בלי היפוך סדר כמו ב-task-details-main-row */
.project-details-main-layout > .project-details-tabs .controls.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-details-main-layout > .project-details-tabs .insert-btn i.fa-plus-circle {
    color: #f39c12;
    font-size: 14px;
}

.project-details-main-layout > .project-details-tabs .update-details-btn i.fa-edit {
    margin-left: 4px;
}

/* Back link only in header — no extra small margin from index.css (keeps chevron aligned with content) */
section.content-header:has(+ section.content > .project-details-main-layout) > h1 > small:only-child,
section.content-header:has(+ section.content > .task-details-page-layout) > h1 > small:only-child {
    margin-inline-start: 0;
}

@media (min-width: 992px) {
    .project-details-main-layout.row {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .project-details-main-layout.row > [class*="col-"] {
        float: none !important;
    }
    .project-details-main-layout.row > .project-details-sidebar {
        flex: 0 0 25%;
        width: 25%;
        max-width: 25%;
        min-width: 0;
    }
    .project-details-main-layout.row > .project-details-tabs {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        max-width: none;
    }
}

/* דף פרטי משימה — אותו פריסה כמו פרטי פרויקט (ללא עמודת עץ) */
.task-details-page-layout > .project-details-tabs .tab-pane {
    min-height: 200px;
}

.project-details-profile .actual-time-cell.task-details-actual-time {
    display: inline-block;
    vertical-align: middle;
}

.task-details-page-layout > .project-details-tabs .controls.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.task-details-page-layout > .project-details-tabs .insert-btn i.fa-plus-circle {
    color: #f39c12;
    font-size: 14px;
}

.task-details-page-layout > .project-details-tabs .update-details-btn i.fa-edit {
    margin-left: 4px;
}

@media (min-width: 992px) {
    .task-details-page-layout.row {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .task-details-page-layout.row > [class*="col-"] {
        float: none !important;
    }
    .task-details-page-layout.row > .project-details-sidebar {
        flex: 0 0 25%;
        width: 25%;
        max-width: 25%;
    }
    .task-details-page-layout.row > .project-details-tabs {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        max-width: none;
    }
}

/* projectDetails.aspx inline styles */
.project-details-tabs .tab-pane {
    min-height: 280px;
}

.project-details-tasks-sector {
    margin-top: 15px;
    clear: both;
}

.project-details-tasks-sector .box {
    margin-bottom: 0;
}

/* projectDetails.aspx — CKEditor save/cancel (pt-2 = 2rem; bs5 overrides .pt-2 to 0.5rem) */
.project-details-tabs .project-details-form-controls {
    padding-top: 2rem;
}

.project-details-tabs .project-details-form-controls .btn + .btn {
    margin-right: 5px;
}

.project-managers-field {
    position: relative;
    width: 100%;
}

.project-details-sidebar ul.flex-list-50 > .list-group-item > span .field.field-editable,
.project-details-sidebar ul.flex-list-50 > .list-group-item > span > .field.field-editable {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
}

.project-details-sidebar ul.flex-list-50 > .list-group-item > span .field.field-editable .field-clickable {
    position: relative;
    cursor: default;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
    min-height: 22px;
    vertical-align: middle;
    box-sizing: border-box;
}

.project-details-sidebar ul.flex-list-50 > .list-group-item > span #pdAggregateProgressDisplay {
    justify-content: flex-start;
}

.project-details-sidebar ul.flex-list-50 > .list-group-item > span #pdAggregateProgressDisplay .project-progress-badge {
    margin-inline: 0 !important;
}

.project-details-profile .field.project-managers-field.field-editable .managers-display.field-clickable {
    cursor: default;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    vertical-align: middle;
}

.project-details-profile .field.project-managers-field.field-editable .managers-display .managers-avatars {
    flex: 1 1 auto;
    min-width: 0;
}

.project-details-profile .field.field-editable .departments-display.field-clickable {
    cursor: default;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    vertical-align: middle;
}

.project-details-profile .field.field-editable .departments-display .project-departments-display {
    flex: 1 1 auto;
    min-width: 0;
    display: inline;
}

.project-details-profile .project-status-field .field-clickable .label {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    box-sizing: border-box;
}

/* projectDetails.aspx — typography, colors, spacing, pencil icons */
.project-details-profile .list-group-item > span .form-control {
    max-width: 100%;
}

.project-details-profile .field.field-editable .field-clickable {
    position: relative;
    cursor: default;
}

.project-details-profile .field.field-editable .field-edit-icon {
    opacity: 0;
    color: #8b93a6;
    font-size: 12px;
    cursor: pointer;
    margin-right: 6px;
    transition: opacity 0.15s ease;
}

.project-details-profile .field.field-editable:hover .field-edit-icon {
    opacity: 1;
}

.project-details-profile .field.field-editable.field-edit-denied:hover .field-edit-icon,
.project-details-profile .field.project-managers-field.field-edit-denied:hover .field-edit-icon {
    opacity: 0 !important;
}

.project-details-profile .field.project-managers-field.field-editable .managers-display .field-edit-icon,
.project-details-profile .field.field-editable .departments-display .field-edit-icon {
    flex-shrink: 0;
    margin-right: 0;
    cursor: pointer;
}

.project-details-profile .pd-inline-field .field-clickable {
    min-height: 22px;
}

.project-details-sidebar .project-status-field .field-form {
    margin-top: 6px;
}

.project-details-sidebar ul.flex-list-50 > .list-group-item > span {
    min-width: 0;
    max-width: 100%;
}

.project-details-sidebar ul.flex-list-50 > .list-group-item > span,
.project-details-sidebar .field-clickable-value,
.project-details-sidebar .project-priority-label {
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

.project-details-sidebar .field.field-editable .field-edit-icon {
    opacity: 0 !important;
    flex-shrink: 0;
    order: 2;
    align-self: center;
    margin: 0 6px 0 0;
    color: #8b93a6;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

.project-details-sidebar .field.field-editable:hover .field-edit-icon {
    opacity: 1 !important;
    pointer-events: auto;
}

.project-details-sidebar .field.field-editable.field-edit-denied:hover .field-edit-icon {
    opacity: 0 !important;
    pointer-events: none;
}

.project-details-sidebar .field.field-editable .field-clickable-value,
.project-details-sidebar .field.field-editable .field-clickable > :not(.field-edit-icon):not(.managers-avatars):not(.managers-display):not(.label) {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.project-details-sidebar .project-status-field .field-clickable {
    cursor: pointer;
}

.project-details-sidebar .project-status-field .field-clickable .label {
    flex: none !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    font-weight: normal !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.project-details-profile .pd-name-title-row .field-clickable,
.project-details-profile .pd-name-title-row .field-clickable-value {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
    color: #333;
}

.project-details-profile .pd-name-title-row .field-edit-icon {
    font-size: 12px;
    color: #8b93a6;
}

.project-details-sidebar .btn-project-details-delete .fa-remove.text-danger {
    color: #d9534f;
}

/* btn-lead-menu — AdminLTE: 22px, #3d3d3d; compact sidebar only tweaks padding */
.project-details-sidebar .btn-lead-menu .fa-ellipsis-v {
    font-size: inherit;
    color: inherit;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

.project-details-sidebar .box {
    min-width: 0;
    max-width: 100%;
}

#projectTasksInDetailsTable.table > tbody > tr > td {
    color: #333;
    font-size: 14px;
}

#projectTasksInDetailsTable.table > thead > tr > th {
    color: #333;
}

#projectTasksInDetailsTable .project-priority-flag i.fa,
.project-details-sidebar .project-priority-flag i.fa {
    font-size: 12px !important;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

.project-details-sidebar .project-priority-with-label {
    gap: 6px;
}

.project-details-sidebar ul.flex-list-50.border-content > .list-group-item {
    color: #333;
    font-size: 14px;
}

.datetimepicker.dropdown-menu {
    z-index: 10050 !important;
}

body > .datetimepicker {
    z-index: 10050 !important;
}

/* כמו taskDetails — ריפוד וטיפוגרפיה באותה עמודת צד (משותף לשני הדפים) */
.task-details-sidebar-compact .box {
    margin-bottom: 20px;
}
.project-details-sidebar.task-details-sidebar-compact .box .box-body {
    padding: 10px;
}
.task-details-sidebar-compact .profile-username {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}
/* כותרת פרויקט/משימה בצד — כמו בדף פרטי ליד */
.project-details-profile .pd-project-name-field.profile-username {
    font-weight: 700;
}
/* אייקון + שם פרויקט/משימה — כמו fullname-field בפרטי ליד: שם רב-שורתי בתוך רוחב העמודה */
.project-details-profile .pd-name-title-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.project-details-profile .pd-name-title-row .field.field-editable {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}
.project-details-profile .pd-name-title-row .field-clickable {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5em;
    width: auto;
    max-width: 100%;
    min-width: 0;
    cursor: default;
    vertical-align: middle;
    line-height: 1.35;
}
.project-details-profile .pd-name-title-row .field-clickable-value {
    display: inline;
    flex: 0 1 auto !important;
    width: auto;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    unicode-bidi: isolate;
}
.project-details-profile .pd-name-title-row .field-clickable .field-edit-icon {
    display: inline-flex;
    flex: 0 0 auto !important;
    order: 2;
    align-self: center;
    margin: 0 !important;
    line-height: 1;
    vertical-align: middle;
}
.project-details-profile .pd-name-title-row .project-details-name-kind-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8b93a6;
    font-size: 17px;
    width: 17px;
    height: calc(21px * 1.35);
    line-height: 1;
    margin-left: 8px;
}
.project-details-profile .pd-name-field-with-icon.profile-username {
    width: 100%;
}
.project-details-profile .pd-name-field-with-icon .field-form {
    width: 100%;
    min-width: 0;
    text-align: right;
}
.project-details-profile .pd-project-name-field.profile-username .field-clickable {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
}
.project-details-profile .pd-project-name-field.profile-username .form-control {
    font-size: 21px;
    font-weight: 700;
    height: auto;
    padding: 4px 8px;
}
.project-details-profile .project-parent-context-link {
    color: #3c8dbc;
    text-decoration: underline;
    word-break: break-word;
    cursor: pointer;
}
.project-details-profile .project-parent-context-link:hover,
.project-details-profile .project-parent-context-link:focus {
    color: #2a6496;
    text-decoration: underline;
}
.project-details-profile .project-details-title-row {
    align-items: flex-start;
}
.project-details-sidebar .project-details-menu-wrap {
    margin-left: 6px;
}
/* פרטי משימה — שם הפרויקט בכותרת «משימות הפרויקט» */
.project-details-tasks-sector .box-header .box-title {
    white-space: normal;
    line-height: 1.4;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.project-details-tasks-sector .box-title .project-tasks-section-project-name {
    font-weight: 400;
    color: #555;
    margin-inline-start: 5px;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.project-details-tasks-sector .box-title a.project-tasks-section-project-name {
    text-decoration: none;
}
.project-details-tasks-sector .box-title a.project-tasks-section-project-name:hover,
.project-details-tasks-sector .box-title a.project-tasks-section-project-name:focus {
    color: #555;
    text-decoration: underline;
}
.project-details-tasks-sector .box-title .project-tasks-section-project-name a {
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
}
.project-details-tasks-sector .box-title .project-tasks-section-project-name a:hover,
.project-details-tasks-sector .box-title .project-tasks-section-project-name a:focus {
    color: #555;
    text-decoration: underline;
}
.task-details-sidebar-compact .project-details-title-row {
    gap: 24px;
}
.task-details-sidebar-compact .btn-lead-menu {
    padding: 0 8px;
    margin-top: 0;
    height: calc(21px * 1.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.project-details-sidebar.task-details-sidebar-compact .list-group-item {
    padding: 10px 15px;
    font-size: 14px;
    align-items: center;
}
.task-details-sidebar-compact .list-group-item b {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-weight: 600;
}
.task-details-sidebar-compact .form-control.input-sm {
    font-size: 12px;
    height: auto;
    min-height: 30px;
    padding: 5px 10px;
}
.task-details-sidebar-compact .project-status-field .field-clickable .label {
    display: inline-block;
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    text-align: center;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    border-radius: 999px;
    font-size: 13px;
    box-sizing: border-box;
    vertical-align: middle;
}
.task-details-sidebar-compact .box-profile {
    padding-bottom: 0;
}
.task-details-sidebar-compact .project-priority-flag i.fa {
    font-size: 12px;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

/* דף פרטי פרויקט בלי מצב compact בלבד: ריפוד מצומצם (אם יופיעו שוב אלמנטים בלי task-details-sidebar-compact) */
.project-details-sidebar:not(.task-details-sidebar-compact) .box-body {
    padding: 12px 12px;
}

.project-details-sidebar:not(.task-details-sidebar-compact) .list-group-item {
    padding: 7px 10px;
}


/* Task tables: responsive columns (details + unsynced list accordion only). */
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col],
.project-inline-tasks-table:not(.projects-table-cols-synced) td[data-field],
.project-inline-tasks-table:not(.projects-table-cols-synced) td[data-col],
.project-inline-tasks-table--details th[data-col],
.project-inline-tasks-table--details td[data-field],
.project-inline-tasks-table--details td[data-col] {
    min-width: clamp(52px, 6.8vw, 104px) !important;
    max-width: none !important;
}

.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="startDate"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td[data-field="startDate"],
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="dueDate"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td[data-field="dueDate"],
.project-inline-tasks-table--details th[data-col="startDate"],
.project-inline-tasks-table--details td[data-field="startDate"],
.project-inline-tasks-table--details th[data-col="dueDate"],
.project-inline-tasks-table--details td[data-field="dueDate"],
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="projectestimate"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td[data-field="estimate"],
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="actual"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td.actual-time-cell,
.project-inline-tasks-table--details th[data-col="projectestimate"],
.project-inline-tasks-table--details td[data-field="estimate"],
.project-inline-tasks-table--details th[data-col="actual"],
.project-inline-tasks-table--details td.actual-time-cell {
    min-width: clamp(56px, 6.2vw, 96px) !important;
}

.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="status"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td.task-status-cell,
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="progress"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td[data-field="progress"],
.project-inline-tasks-table--details th[data-col="status"],
.project-inline-tasks-table--details td.task-status-cell,
.project-inline-tasks-table--details th[data-col="progress"],
.project-inline-tasks-table--details td[data-field="progress"] {
    min-width: clamp(68px, 8vw, 108px) !important;
}

@media (max-width: 1200px) {
    .project-inline-tasks-table th[data-col="projectName"],
    .project-inline-tasks-table td[data-field="subject"],
    .project-inline-tasks-table td.project-inline-task-name-cell,
    #projectTasksInDetailsTable th[data-col="projectName"],
    #projectTasksInDetailsTable td[data-field="subject"],
    #projectTasksInDetailsTable td.project-inline-task-name-cell,
    #taskChildrenTable th[data-col="projectName"],
    #taskChildrenTable td[data-field="subject"],
    #taskChildrenTable td.project-inline-task-name-cell,
    #tblLeadClientProjects.table th[data-col="projectName"],
    #tblLeadClientProjects.table td[data-field="projectName"],
    #tblLeadClientProjects.table td.project-name-with-add-cell,
    #projectDashboardTasksTable thead th[data-col="subject"],
    #projectDashboardTasksTable tbody td:nth-child(1) {
        min-width: 80px !important;
        max-width: none !important;
    }
}

/* ========================= 7) Final overrides ========================= */
/* Scrollbars: crm-shared.css (.crm-scrollbar-visible / .crm-scrollbar-on-hover, …). */

/*
 * Дешборд проектов — глילה на .box-body (.project-dashboard-box-scroll), 7px как slimScroll в лидים.
 */
#projectsDashboardSection .project-dashboard-box-scroll.pd-box-scroll-has-bars,
#projectDashboardRiskBox .project-dashboard-box-scroll.pd-box-scroll-has-bars {
    position: relative;
    overflow: hidden;
}

#projectsDashboardSection .pd-box-scroll-viewport,
#projectDashboardRiskBox .pd-box-scroll-viewport {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

#projectsDashboardSection .pd-box-scroll-viewport::-webkit-scrollbar,
#projectDashboardRiskBox .pd-box-scroll-viewport::-webkit-scrollbar {
    width: 0;
    height: 0;
}

#projectsDashboardSection .pd-box-slim-bar,
#projectDashboardRiskBox .pd-box-slim-bar {
    position: absolute;
    z-index: 99;
    background: #000;
    opacity: 0.4;
    border-radius: 7px;
    pointer-events: auto;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
}

#projectsDashboardSection .pd-box-slim-bar-v,
#projectDashboardRiskBox .pd-box-slim-bar-v {
    width: 7px;
    left: 1px;
}

#projectsDashboardSection .pd-box-slim-bar-h,
#projectDashboardRiskBox .pd-box-slim-bar-h {
    height: 7px;
    bottom: 1px;
}

.box-body.projects-list-scroll.pd-box-scroll-has-bars > .projects-sticky-header-wrap {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Final override: keep PROJECTS table columns truly responsive within container width. */
.projects-table th[data-col]:not([data-col="projectName"]),
.projects-table td[data-field]:not([data-field="projectName"]),
.projects-table td.project-progress-cell,
.grouped-projects-table th[data-col]:not([data-col="projectName"]),
.grouped-projects-table td[data-field]:not([data-field="projectName"]):not([data-field="subject"]),
.grouped-projects-table td.project-progress-cell,
#projectDashboardRiskTable th[data-col],
#projectDashboardRiskTable td.project-progress-cell {
    min-width: 0 !important;
    max-width: none !important;
}

.projects-table:not(.projects-table-cols-synced) th[data-col="responsible"],
.projects-table:not(.projects-table-cols-synced) td[data-field="responsible"],
.projects-table:not(.projects-table-cols-synced) td.project-responsible-cell,
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="responsible"],
.grouped-projects-table:not(.projects-table-cols-synced) td[data-field="responsible"],
.projects-sticky-header-table > thead > tr > th[data-col="responsible"] {
    min-width: var(--crm-responsible-col-width, 84px) !important;
    max-width: var(--crm-responsible-col-width, 84px) !important;
    width: var(--crm-responsible-col-width, 84px) !important;
}

.projects-table:not(.projects-table-cols-synced) th[data-col="client"],
.projects-table:not(.projects-table-cols-synced) td[data-field="lead"],
.projects-table:not(.projects-table-cols-synced) th[data-col="department"],
.projects-table:not(.projects-table-cols-synced) td[data-field="department"],
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="client"],
.grouped-projects-table:not(.projects-table-cols-synced) td[data-field="lead"],
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="department"],
.grouped-projects-table:not(.projects-table-cols-synced) td[data-field="department"] {
    min-width: clamp(64px, 8vw, 110px) !important;
}

.projects-table:not(.projects-table-cols-synced) th[data-col="startDate"],
.projects-table:not(.projects-table-cols-synced) td[data-field="startDate"],
.projects-table:not(.projects-table-cols-synced) th[data-col="dueDate"],
.projects-table:not(.projects-table-cols-synced) td[data-field="dueDate"],
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="startDate"],
.grouped-projects-table:not(.projects-table-cols-synced) td[data-field="startDate"],
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="dueDate"],
.grouped-projects-table:not(.projects-table-cols-synced) td[data-field="dueDate"] {
    min-width: clamp(72px, 8vw, 96px) !important;
}

.projects-table:not(.projects-table-cols-synced) th[data-col="projectestimate"],
.projects-table:not(.projects-table-cols-synced) td[data-field="estimate"],
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="projectestimate"],
.grouped-projects-table:not(.projects-table-cols-synced) td[data-field="estimate"],
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="projectestimate"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td[data-field="estimate"],
#tblLeadClientProjects th[data-col="projectestimate"],
#tblLeadClientProjects td[data-field="estimate"],
.projects-table:not(.projects-table-cols-synced) th[data-col="actual"],
.projects-table:not(.projects-table-cols-synced) td.actual-time-cell,
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="actual"],
.grouped-projects-table:not(.projects-table-cols-synced) td.actual-time-cell,
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="actual"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td.actual-time-cell {
    min-width: clamp(56px, 7vw, 92px) !important;
}

.projects-table:not(.projects-table-cols-synced) th[data-col="priority"],
.projects-table:not(.projects-table-cols-synced) td[data-field="priority"],
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="priority"],
.grouped-projects-table:not(.projects-table-cols-synced) td[data-field="priority"] {
    min-width: clamp(56px, 6vw, 88px) !important;
}

.projects-table:not(.projects-table-cols-synced) th[data-col="status"],
.projects-table:not(.projects-table-cols-synced) td[data-field="status"],
.projects-table:not(.projects-table-cols-synced) th[data-col="progress"],
.projects-table:not(.projects-table-cols-synced) td.project-progress-cell,
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="status"],
.grouped-projects-table:not(.projects-table-cols-synced) td[data-field="status"],
.grouped-projects-table:not(.projects-table-cols-synced) th[data-col="progress"],
.grouped-projects-table:not(.projects-table-cols-synced) td.project-progress-cell {
    min-width: clamp(68px, 8vw, 96px) !important;
}

/* Final override: normalize TASK tables responsiveness and neutralize legacy width conflicts. */
.project-inline-tasks-table th[data-col]:not([data-col="projectName"]),
.project-inline-tasks-table td[data-field]:not([data-field="subject"]),
.project-inline-tasks-table td[data-col]:not([data-col="projectName"]),
.project-inline-tasks-table--details th[data-col]:not([data-col="projectName"]),
.project-inline-tasks-table--details td[data-field]:not([data-field="subject"]),
.project-inline-tasks-table--details td[data-col]:not([data-col="projectName"]) {
    min-width: 0 !important;
    max-width: none !important;
}

.project-inline-tasks-table th[data-col="projectName"],
.project-inline-tasks-table td[data-field="subject"],
.project-inline-tasks-table td.project-inline-task-name-cell,
#projectTasksInDetailsTable th[data-col="projectName"],
#projectTasksInDetailsTable td[data-field="subject"],
#projectTasksInDetailsTable td.project-inline-task-name-cell,
#taskChildrenTable th[data-col="projectName"],
#taskChildrenTable td[data-field="subject"],
#taskChildrenTable td.project-inline-task-name-cell {
    width: auto !important;
    min-width: 80px !important;
    max-width: none !important;
    box-sizing: border-box;
}

.project-inline-tasks-table th[data-col="responsible"],
.project-inline-tasks-table td[data-field="responsible"],
.project-inline-tasks-table th[data-col="assignedTo"],
.project-inline-tasks-table td[data-field="assignedTo"],
.project-inline-tasks-table td.task-assignee-cell,
.project-inline-tasks-table--details th[data-col="responsible"],
.project-inline-tasks-table--details td[data-field="responsible"],
.project-inline-tasks-table--details th[data-col="assignedTo"],
.project-inline-tasks-table--details td[data-field="assignedTo"],
.project-inline-tasks-table--details td.task-assignee-cell,
#projectTasksInDetailsTable th[data-col="responsible"],
#projectTasksInDetailsTable td[data-field="responsible"],
#projectTasksInDetailsTable th[data-col="assignedTo"],
#projectTasksInDetailsTable td[data-field="assignedTo"],
#projectTasksInDetailsTable td.task-assignee-cell,
#taskChildrenTable th[data-col="responsible"],
#taskChildrenTable td[data-field="responsible"],
#taskChildrenTable th[data-col="assignedTo"],
#taskChildrenTable td[data-field="assignedTo"],
#taskChildrenTable td.task-assignee-cell {
    min-width: var(--crm-responsible-col-width, 60px) !important;
    max-width: var(--crm-responsible-col-width, 60px) !important;
    width: var(--crm-responsible-col-width, 60px) !important;
}

.project-inline-tasks-table th[data-col="lead"],
.project-inline-tasks-table td[data-field="lead"],
.project-inline-tasks-table th[data-col="department"],
.project-inline-tasks-table td[data-field="department"],
.project-inline-tasks-table--details th[data-col="lead"],
.project-inline-tasks-table--details td[data-field="lead"],
.project-inline-tasks-table--details th[data-col="department"],
.project-inline-tasks-table--details td[data-field="department"] {
    min-width: clamp(60px, 8vw, 100px) !important;
}

.project-inline-tasks-table th[data-col="startDate"],
.project-inline-tasks-table td[data-field="startDate"],
.project-inline-tasks-table th[data-col="dueDate"],
.project-inline-tasks-table td[data-field="dueDate"],
.project-inline-tasks-table th[data-col="projectestimate"],
.project-inline-tasks-table td[data-field="estimate"],
.project-inline-tasks-table th[data-col="actual"],
.project-inline-tasks-table td.actual-time-cell,
.project-inline-tasks-table--details th[data-col="startDate"],
.project-inline-tasks-table--details td[data-field="startDate"],
.project-inline-tasks-table--details th[data-col="dueDate"],
.project-inline-tasks-table--details td[data-field="dueDate"],
.project-inline-tasks-table--details th[data-col="projectestimate"],
.project-inline-tasks-table--details td[data-field="estimate"],
.project-inline-tasks-table--details th[data-col="actual"],
.project-inline-tasks-table--details td.actual-time-cell,
#projectTasksInDetailsTable th[data-col="projectestimate"],
#projectTasksInDetailsTable td[data-field="estimate"],
#projectTasksInDetailsTable th[data-col="actual"],
#projectTasksInDetailsTable td.actual-time-cell,
#taskChildrenTable th[data-col="projectestimate"],
#taskChildrenTable td[data-field="estimate"],
#taskChildrenTable th[data-col="actual"],
#taskChildrenTable td.actual-time-cell {
    min-width: clamp(56px, 7vw, 92px) !important;
}

.project-inline-tasks-table th[data-col="status"],
.project-inline-tasks-table td.task-status-cell,
.project-inline-tasks-table th[data-col="progress"],
.project-inline-tasks-table td[data-field="progress"],
.project-inline-tasks-table--details th[data-col="status"],
.project-inline-tasks-table--details td.task-status-cell,
.project-inline-tasks-table--details th[data-col="progress"],
.project-inline-tasks-table--details td[data-field="progress"] {
    min-width: clamp(60px, 7vw, 88px) !important;
    white-space: nowrap;
}

/* Hard anti-overflow guardrail for projects pages (no horizontal spill). */
.content-wrapper,
.box,
.box-body,
.box-body.table-responsive.no-padding,
#projectsGroupedTablesHost,
.projects-grouped-tables-host,
.projects-group-table-block {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

.box-body.table-responsive.no-padding:not(.projects-list-scroll),
.project-details-tasks-table-host.table-responsive.no-padding,
#projectsGroupedTablesHost,
.projects-grouped-tables-host,
.projects-group-table-block {
    overflow-x: auto !important;
}

.projects-list-scroll #projectsGroupedTablesHost,
.projects-list-scroll .projects-grouped-tables-host,
.projects-list-scroll .projects-group-table-block {
    overflow: visible !important;
}

/* Основная и сгруппированные таблицы: ширина контейнера (без max-content — иначе горизонтальный скролл при ~1645px и ниже). */
.projects-table.table:not(.projects-table-cols-synced),
.grouped-projects-table:not(.projects-table-cols-synced) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
    table-layout: auto !important;
}

.projects-table.table.projects-table-cols-synced,
.grouped-projects-table.projects-table-cols-synced {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
    table-layout: fixed !important;
}

/* До colgroup-sync: имя проекта/задачи — auto, без потолка по содержимому. */
.projects-table.table:not(.projects-table-cols-synced) > thead > tr > th[data-col="projectName"],
.projects-table.table:not(.projects-table-cols-synced) > tbody > tr.project-row > td.project-name-with-add-cell,
.grouped-projects-table:not(.projects-table-cols-synced) > thead > tr > th[data-col="projectName"],
.grouped-projects-table:not(.projects-table-cols-synced) > tbody > tr.project-row > td.project-name-with-add-cell,
.project-inline-tasks-table:not(.project-inline-tasks-table--details):not(.projects-table-cols-synced) th[data-col="projectName"],
.project-inline-tasks-table:not(.project-inline-tasks-table--details):not(.projects-table-cols-synced) td[data-field="subject"],
.project-inline-tasks-table:not(.project-inline-tasks-table--details):not(.projects-table-cols-synced) td.project-inline-task-name-cell {
    width: auto;
    min-width: 80px;
    max-width: none;
}

.project-inline-tasks-table:not(.project-inline-tasks-table--details):not(.projects-table-cols-synced),
.project-inline-tasks-table.table:not(.project-inline-tasks-table--details):not(.projects-table-cols-synced) {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

/* רשימת פרויקטים: טבלת משימות מיושרת — אותו colgroup כמו טבלת הפרויקטים */
.project-inline-tasks-table:not(.project-inline-tasks-table--details).projects-table-cols-synced,
.project-inline-tasks-table.table:not(.project-inline-tasks-table--details).projects-table-cols-synced {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
}

.projects-table th,
.projects-table td,
.grouped-projects-table th,
.grouped-projects-table td,
.project-inline-tasks-table th,
.project-inline-tasks-table td {
    min-width: 0 !important;
}

/* Global module rule: project/task name fields height like leads (32px). */
.projects-table .project-name-cell-inner,
.grouped-projects-table .project-name-cell-inner,
.project-inline-tasks-table .project-name-cell-inner,
.project-inline-tasks-table--details .project-name-cell-inner,
#projectTasksInDetailsTable .project-name-cell-inner,
#taskChildrenTable .project-name-cell-inner {
    min-height: 32px !important;
    box-sizing: border-box;
}

.projects-table .project-name-with-add-cell .inline-cell-editor,
.grouped-projects-table .project-name-with-add-cell .inline-cell-editor,
.project-inline-tasks-table .project-inline-task-name-cell .inline-cell-editor,
.project-inline-tasks-table--details .project-inline-task-name-cell .inline-cell-editor,
#projectTasksInDetailsTable .project-inline-task-name-cell .inline-cell-editor,
#taskChildrenTable .project-inline-task-name-cell .inline-cell-editor {
    min-height: 32px !important;
    box-sizing: border-box;
}

/* Status/progress columns: same sizing behavior as most columns in projects module. */
.projects-table th[data-col="status"],
.projects-table td[data-field="status"],
.grouped-projects-table th[data-col="status"],
.grouped-projects-table td[data-field="status"],
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="status"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td.task-status-cell,
.project-inline-tasks-table--details th[data-col="status"],
.project-inline-tasks-table--details td.task-status-cell,
#projectTasksInDetailsTable th[data-col="status"],
#projectTasksInDetailsTable td.task-status-cell,
#taskChildrenTable th[data-col="status"],
#taskChildrenTable td.task-status-cell {
    width: auto !important;
    min-width: clamp(60px, 7vw, 88px) !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-align: center !important;
}

.projects-table th[data-col="progress"],
.projects-table td.project-progress-cell,
.grouped-projects-table th[data-col="progress"],
.grouped-projects-table td.project-progress-cell,
.project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="progress"],
.project-inline-tasks-table:not(.projects-table-cols-synced) td[data-field="progress"],
.project-inline-tasks-table--details th[data-col="progress"],
.project-inline-tasks-table--details td[data-field="progress"],
#projectTasksInDetailsTable th[data-col="progress"],
#projectTasksInDetailsTable td[data-field="progress"],
#taskChildrenTable th[data-col="progress"],
#taskChildrenTable td[data-field="progress"] {
    width: auto !important;
    min-width: clamp(60px, 7vw, 88px) !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-align: center !important;
}

/* דשבורד סיכון: הפס 70px — לא להגביל את העמודה ל־88px כמו בשאר הטבלאות */
#projectDashboardRiskTable th[data-col="progress"],
#projectDashboardRiskTable td.project-progress-cell {
    width: auto !important;
    min-width: clamp(92px, 12vw, 130px) !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-align: center !important;
}

/* Badges in status/progress: fixed to 70px. */
.projects-table td[data-field="status"] .label,
.projects-table td.status-cell .label,
.grouped-projects-table td[data-field="status"] .label,
.grouped-projects-table td.status-cell .label,
.project-inline-tasks-table td.task-status-cell .label,
.project-tasks-table td.task-status-cell .label,
.project-inline-tasks-table--details td.task-status-cell .label,
#projectTasksInDetailsTable td.task-status-cell .label,
#taskChildrenTable td.task-status-cell .label,
.project-statuses-table td.status-cell .label,
.project-statuses-table td[data-col="status"] .label,
#modal-update-status #statusModalPreview.label,
#modal-update-status .status-cell .label,
#projectDashboardRiskTable td.status-cell .label,
#projectDashboardRiskTable td[data-col="status"] .label {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    display: inline-block !important;
    text-align: center !important;
    border-radius: 999px !important;
}

.projects-table td.project-progress-cell .project-progress-badge,
.grouped-projects-table td.project-progress-cell .project-progress-badge,
#projectDashboardRiskTable td.project-progress-cell .project-progress-badge,
#projectDashboardTasksPage #projectDashboardTasksTable td.project-progress-cell .project-progress-badge,
#dashboardTasksGroupedTablesHost .grouped-dashboard-tasks-table td.project-progress-cell .project-progress-badge,
.project-inline-tasks-table td[data-field="progress"] .project-progress-badge,
.project-inline-tasks-table--details td[data-field="progress"] .project-progress-badge,
#projectTasksInDetailsTable td[data-field="progress"] .project-progress-badge,
#taskChildrenTable td[data-field="progress"] .project-progress-badge,
.task-details-sidebar-compact .field-clickable[data-field="tdProgress"] .project-progress-badge,
#tdProgressReadonlyDisplay .project-progress-badge,
.project-details-profile #pdAggregateProgressDisplay .project-progress-badge {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
}

/* Project details card: place progress pill on same baseline/height as status pill. */
.project-details-profile #pdAggregateProgressDisplay {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    vertical-align: middle;
}

.project-details-profile #pdAggregateProgressDisplay .project-progress-badge {
    margin: 0 !important;
    vertical-align: middle;
}

/* No dimming/color-shift on table headers (hover/focus/sort) across projects module. */
.projects-table thead th,
.grouped-projects-table thead th,
.project-inline-tasks-table thead th,
.project-inline-tasks-table--details thead th,
#projectTasksInDetailsTable thead th,
#taskChildrenTable thead th,
.projects-table tbody tr.project-group-columns td {
    transition: none !important;
}

.projects-table thead th:hover,
.projects-table thead th:focus,
.grouped-projects-table thead th:hover,
.grouped-projects-table thead th:focus,
.project-inline-tasks-table:not(.project-inline-tasks-table--details) thead th:hover,
.project-inline-tasks-table:not(.project-inline-tasks-table--details) thead th:focus,
.projects-table tbody tr.project-group-columns td.is-sortable:hover,
.projects-table tbody tr.project-group-columns td.is-sortable:focus {
    background-color: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
}

/* No row hover highlight — preserve default cell backgrounds. */
.projects-table.selectable-rows-table tbody tr:hover,
.grouped-projects-table.selectable-rows-table tbody tr:hover,
.footable.projects-table > tbody > tr:hover,
.footable.grouped-projects-table > tbody > tr:hover {
    background-color: transparent !important;
}

.projects-table tbody tr.project-row:hover > td,
.grouped-projects-table tbody tr.project-row:hover > td {
    background-color: #fff !important;
    box-shadow: none !important;
}

.project-inline-tasks-table.table > tbody > tr:hover > td,
.project-inline-tasks-table tbody tr.project-inline-task-row:hover > td {
    background-color: var(--projects-inline-tasks-bg) !important;
    box-shadow: none !important;
}

.project-inline-tasks-table--details.table > tbody > tr:hover > td,
.project-inline-tasks-table--details tbody tr.project-inline-task-row:hover > td,
#projectTasksInDetailsTable tbody tr.project-inline-task-row:hover > td,
#taskChildrenTable tbody tr.project-inline-task-row:hover > td {
    background-color: #fff !important;
    box-shadow: none !important;
}

/* דף פרטי משימה/פרויקט: שורת משימה מודגשת בטבלת משימות */
#taskDetailsSubtasksContainer tbody tr.project-inline-task-row--current > td,
#projectDetailsTasksContainer tbody tr.project-inline-task-row--current > td {
    background-color: var(--projects-inline-tasks-current-bg) !important;
}
#taskDetailsSubtasksContainer tbody tr.project-inline-task-row--current:hover > td,
#taskDetailsSubtasksContainer tbody tr.project-inline-task-row--current:hover > td:hover,
#projectDetailsTasksContainer tbody tr.project-inline-task-row--current:hover > td,
#projectDetailsTasksContainer tbody tr.project-inline-task-row--current:hover > td:hover {
    background-color: var(--projects-inline-tasks-current-bg) !important;
}

/* עמודת «פרויקט» / «משימה»: לפי תוכן; תקרה לשמות ארוכים — בלי רווח ריק אחרי שם קצר (th + td + ליפה). */
.projects-table th[data-col="projectName"],
.projects-table td[data-field="projectName"],
.projects-table td.project-name-with-add-cell,
.grouped-projects-table th[data-col="projectName"],
.grouped-projects-table td[data-field="projectName"],
.grouped-projects-table td.project-name-with-add-cell,
.project-inline-tasks-table th[data-col="projectName"],
.project-inline-tasks-table td[data-field="subject"],
.project-inline-tasks-table td.project-inline-task-name-cell,
.project-inline-tasks-table--details th[data-col="projectName"],
.project-inline-tasks-table--details td[data-field="subject"],
.project-inline-tasks-table--details td.project-inline-task-name-cell,
#projectTasksInDetailsTable th[data-col="projectName"],
#projectTasksInDetailsTable td[data-field="subject"],
#projectTasksInDetailsTable td.project-inline-task-name-cell,
#taskChildrenTable th[data-col="projectName"],
#taskChildrenTable td[data-field="subject"],
#taskChildrenTable td.project-inline-task-name-cell,
#tblLeadClientProjects.table th[data-col="projectName"],
#tblLeadClientProjects.table td[data-field="projectName"],
#tblLeadClientProjects.table td.project-name-with-add-cell,
#projectDashboardTasksTable thead th[data-col="subject"],
#projectDashboardTasksTable tbody td[data-col="subject"],
#projectDashboardTasksTable.project-tasks-table tbody td:nth-child(1) {
    width: max-content !important;
    min-width: max-content !important;
    max-width: var(--projects-name-col-width) !important;
}

/* עמוד /he/tasks — ב-projects.css; כאן מבוטל max-content/min 250px (ראה project-dashboard-tasks-table.css) */
#projectDashboardTasksPage #projectDashboardTasksTable thead th[data-col="subject"],
#projectDashboardTasksPage #projectDashboardTasksTable tbody td:nth-child(1),
#projectDashboardTasksPage #projectDashboardTasksTable tbody td[data-col="subject"],
#dashboardTasksGroupedTablesHost .grouped-dashboard-tasks-table thead th[data-col="subject"],
#dashboardTasksGroupedTablesHost .grouped-dashboard-tasks-table tbody td:nth-child(1),
#dashboardTasksGroupedTablesHost .grouped-dashboard-tasks-table tbody td[data-col="subject"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

#projectsDashboardSection #projectDashboardTasksTable thead th[data-col="subject"],
#projectsDashboardSection #projectDashboardTasksTable.project-tasks-table tbody td:nth-child(1) {
    width: clamp(200px, 30vw, 350px) !important;
    min-width: 200px !important;
    max-width: 350px !important;
}

#projectsDashboardSection #projectDashboardRiskTable thead th[data-col="projectName"],
#projectsDashboardSection #projectDashboardRiskTable tbody td[data-col="projectName"] {
    width: clamp(200px, 30vw, 350px) !important;
    min-width: 200px !important;
    max-width: 350px !important;
}

/* Grouped projects list (до colgroup-sync): имя — auto, без потолка. */
#projectsGroupedTablesHost .grouped-projects-table:not(.projects-table-cols-synced) th[data-col="projectName"],
#projectsGroupedTablesHost .grouped-projects-table:not(.projects-table-cols-synced) td[data-field="projectName"],
#projectsGroupedTablesHost .grouped-projects-table:not(.projects-table-cols-synced) td.project-name-with-add-cell,
.projects-group-table-block .grouped-projects-table:not(.projects-table-cols-synced) th[data-col="projectName"],
.projects-group-table-block .grouped-projects-table:not(.projects-table-cols-synced) td[data-field="projectName"],
.projects-group-table-block .grouped-projects-table:not(.projects-table-cols-synced) td.project-name-with-add-cell,
#projectsGroupedTablesHost .project-inline-tasks-table:not(.projects-table-cols-synced) th[data-col="projectName"],
#projectsGroupedTablesHost .project-inline-tasks-table:not(.projects-table-cols-synced) td[data-field="subject"],
#projectsGroupedTablesHost .project-inline-tasks-table:not(.projects-table-cols-synced) td.project-inline-task-name-cell {
    width: auto !important;
    min-width: 80px !important;
    max-width: none !important;
    box-sizing: border-box;
}

/* После colgroup: «פרויקט»/«משימה» — fluid <col>, весь остаток ширины таблицы. */
.projects-table.projects-table-cols-synced th[data-col="projectName"],
.projects-table.projects-table-cols-synced td.project-name-with-add-cell,
.projects-table.projects-table-cols-synced td[data-field="projectName"],
.grouped-projects-table.projects-table-cols-synced th[data-col="projectName"],
.grouped-projects-table.projects-table-cols-synced td.project-name-with-add-cell,
.grouped-projects-table.projects-table-cols-synced td[data-field="projectName"],
#projectsGroupedTablesHost .grouped-projects-table.projects-table-cols-synced th[data-col="projectName"],
#projectsGroupedTablesHost .grouped-projects-table.projects-table-cols-synced td.project-name-with-add-cell,
#projectsGroupedTablesHost .grouped-projects-table.projects-table-cols-synced td[data-field="projectName"],
.projects-group-table-block .grouped-projects-table.projects-table-cols-synced th[data-col="projectName"],
.projects-group-table-block .grouped-projects-table.projects-table-cols-synced td.project-name-with-add-cell,
#projectsGroupedTablesHost .project-inline-tasks-table.projects-table-cols-synced th[data-col="projectName"],
#projectsGroupedTablesHost .project-inline-tasks-table.projects-table-cols-synced td[data-field="subject"],
#projectsGroupedTablesHost .project-inline-tasks-table.projects-table-cols-synced td.project-inline-task-name-cell,
.projects-table .project-tasks-accordion-container .project-inline-tasks-table.projects-table-cols-synced th[data-col="projectName"],
.projects-table .project-tasks-accordion-container .project-inline-tasks-table.projects-table-cols-synced td[data-field="subject"],
.projects-table .project-tasks-accordion-container .project-inline-tasks-table.projects-table-cols-synced td.project-inline-task-name-cell,
.grouped-projects-table .project-tasks-accordion-container .project-inline-tasks-table.projects-table-cols-synced th[data-col="projectName"],
.grouped-projects-table .project-tasks-accordion-container .project-inline-tasks-table.projects-table-cols-synced td[data-field="subject"],
.grouped-projects-table .project-tasks-accordion-container .project-inline-tasks-table.projects-table-cols-synced td.project-inline-task-name-cell {
    width: auto !important;
    min-width: 10rem !important;
    max-width: none !important;
}

/* Grouped blocks + flat list: colgroup — единственный источник ширины. */
.projects-table.projects-table-cols-synced th[data-col]:not([data-col="projectName"]),
.projects-table.projects-table-cols-synced td[data-field]:not([data-field="projectName"]):not([data-field="subject"]),
.projects-table.projects-table-cols-synced td[data-col]:not([data-col="projectName"]),
.grouped-projects-table.projects-table-cols-synced th[data-col]:not([data-col="projectName"]),
.grouped-projects-table.projects-table-cols-synced td[data-field]:not([data-field="projectName"]):not([data-field="subject"]),
.grouped-projects-table.projects-table-cols-synced td[data-col]:not([data-col="projectName"]) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

.projects-table.projects-table-cols-synced th[data-col="projectName"],
.projects-table.projects-table-cols-synced td.project-name-with-add-cell,
.projects-table.projects-table-cols-synced td[data-field="projectName"],
.grouped-projects-table.projects-table-cols-synced th[data-col="projectName"],
.grouped-projects-table.projects-table-cols-synced td.project-name-with-add-cell,
.grouped-projects-table.projects-table-cols-synced td[data-field="projectName"],
.project-inline-tasks-table.projects-table-cols-synced th[data-col="projectName"],
.project-inline-tasks-table.projects-table-cols-synced td.project-inline-task-name-cell,
.project-inline-tasks-table.projects-table-cols-synced td[data-field="subject"] {
    width: auto !important;
    min-width: 10rem !important;
    max-width: none !important;
}

/* מיושר מול colgroup — ביטול min/width קשיחים מכל override קודם (אחראי 60px וכו') */
.project-inline-tasks-table.projects-table-cols-synced th[data-col],
.project-inline-tasks-table.projects-table-cols-synced td[data-col],
.project-inline-tasks-table.projects-table-cols-synced td[data-field] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

#projectsGroupedTablesHost .grouped-projects-table td.project-name-with-add-cell,
#projectsGroupedTablesHost .grouped-projects-table td.project-inline-task-name-cell,
#projectsGroupedTablesHost .project-inline-tasks-table td.project-inline-task-name-cell,
.projects-group-table-block .grouped-projects-table td.project-name-with-add-cell {
    text-align: right;
}

#projectsGroupedTablesHost .grouped-projects-table .project-name-with-add-cell .project-name-cell-inner,
#projectsGroupedTablesHost .grouped-projects-table .project-inline-task-name-cell .project-name-cell-inner,
.projects-group-table-block .grouped-projects-table .project-name-with-add-cell .project-name-cell-inner,
#projectsGroupedTablesHost .project-inline-tasks-table .project-inline-task-name-cell .project-name-cell-inner {
    display: flex;
    width: 100%;
    max-width: 100%;
}

/* טבלת פרויקטים בכרטיס לקוח (leadDetails): אותה גובה שורת גוף/כותרת ויישור אנכי כמו ברשימת הפרויקטים */
#tblLeadClientProjects.table > thead > tr > th,
#tblLeadClientProjects.table > tbody > tr.project-row > td {
    vertical-align: middle !important;
}

#tblLeadClientProjects.table > thead > tr,
#tblLeadClientProjects.table > tbody > tr.project-row {
    height: auto;
    min-height: calc(var(--crm-responsible-avatar-outer-size, 30px) + (2 * var(--projects-cell-vpad, 8px)));
}

/* Unified cell padding + column gap (gap = --projects-col-gap via --projects-cell-hpad × 2). */
.projects-table.table,
.grouped-projects-table,
.project-inline-tasks-table.table,
.project-inline-tasks-table--details.table,
#projectTasksInDetailsTable,
#taskChildrenTable,
#tblLeadClientProjects.table,
.projects-sticky-header-table,
#projectsGroupedTablesHost .grouped-projects-table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.projects-table.table > thead > tr > th,
.grouped-projects-table > thead > tr > th,
.project-inline-tasks-table.table > thead > tr > th,
.project-inline-tasks-table--details.table > thead > tr > th,
#projectTasksInDetailsTable > thead > tr > th,
#taskChildrenTable > thead > tr > th,
#tblLeadClientProjects.table > thead > tr > th,
.projects-sticky-header-table > thead > tr > th,
.footable.projects-table > thead > tr > th.footable-sortable,
.footable.grouped-projects-table > thead > tr > th.footable-sortable,
.project-inline-tasks-table.table > thead > tr > th.footable-sortable,
.projects-table tbody tr.project-group-columns td {
    padding-block: var(--projects-header-vpad) !important;
    padding-inline: var(--projects-cell-hpad) !important;
    box-sizing: border-box;
}

.projects-table.table > tbody > tr:not(.project-tasks-accordion-row) > td,
.grouped-projects-table > tbody > tr > td,
.project-inline-tasks-table.table > tbody > tr > td,
.project-inline-tasks-table--details.table > tbody > tr > td,
#projectTasksInDetailsTable > tbody > tr > td,
#taskChildrenTable > tbody > tr > td,
#tblLeadClientProjects.table > tbody > tr > td,
#projectsGroupedTablesHost .grouped-projects-table > thead > tr > th,
#projectsGroupedTablesHost .grouped-projects-table > tbody > tr > td {
    padding-block: var(--projects-cell-vpad) !important;
    padding-inline: var(--projects-cell-hpad) !important;
    box-sizing: border-box;
    line-height: 1.42857143 !important;
}

.projects-table .project-name-cell-inner,
.grouped-projects-table .project-name-cell-inner,
.project-inline-tasks-table .project-name-cell-inner,
.project-inline-tasks-table--details .project-name-cell-inner,
#projectTasksInDetailsTable .project-name-cell-inner,
#taskChildrenTable .project-name-cell-inner {
    padding-block: 0 !important;
    padding-inline-end: 0 !important;
    /* padding-inline-start — иерархия задач (data-level + normalizeInlineTaskLevelIndents) */
}

/* Project details tab ("משימות הפרויקט"): keep date/estimate/priority columns stable and non-breaking. */
.project-inline-tasks-table--details th[data-col="startDate"],
.project-inline-tasks-table--details td[data-field="startDate"],
.project-inline-tasks-table--details th[data-col="dueDate"],
.project-inline-tasks-table--details td[data-field="dueDate"],
.project-inline-tasks-table--details th[data-col="priority"],
.project-inline-tasks-table--details td[data-field="priority"],
#projectTasksInDetailsTable th[data-col="startDate"],
#projectTasksInDetailsTable td[data-field="startDate"],
#projectTasksInDetailsTable th[data-col="dueDate"],
#projectTasksInDetailsTable td[data-field="dueDate"],
#projectTasksInDetailsTable th[data-col="priority"],
#projectTasksInDetailsTable td[data-field="priority"],
#taskChildrenTable th[data-col="startDate"],
#taskChildrenTable td[data-field="startDate"],
#taskChildrenTable th[data-col="dueDate"],
#taskChildrenTable td[data-field="dueDate"],
#taskChildrenTable th[data-col="priority"],
#taskChildrenTable td[data-field="priority"] {
    white-space: nowrap !important;
}

.project-inline-tasks-table--details th[data-col="startDate"],
.project-inline-tasks-table--details td[data-field="startDate"],
.project-inline-tasks-table--details th[data-col="dueDate"],
.project-inline-tasks-table--details td[data-field="dueDate"],
#projectTasksInDetailsTable th[data-col="startDate"],
#projectTasksInDetailsTable td[data-field="startDate"],
#projectTasksInDetailsTable th[data-col="dueDate"],
#projectTasksInDetailsTable td[data-field="dueDate"],
#taskChildrenTable th[data-col="startDate"],
#taskChildrenTable td[data-field="startDate"],
#taskChildrenTable th[data-col="dueDate"],
#taskChildrenTable td[data-field="dueDate"] {
    min-width: 120px !important;
}

.project-inline-tasks-table--details th[data-col="priority"],
.project-inline-tasks-table--details td[data-field="priority"],
#projectTasksInDetailsTable th[data-col="priority"],
#projectTasksInDetailsTable td[data-field="priority"],
#taskChildrenTable th[data-col="priority"],
#taskChildrenTable td[data-field="priority"] {
    min-width: 95px !important;
}

/* Non-breaking date columns across all project/task grids. */
.projects-table th[data-col="startDate"],
.projects-table td[data-field="startDate"],
.projects-table th[data-col="dueDate"],
.projects-table td[data-field="dueDate"],
.grouped-projects-table th[data-col="startDate"],
.grouped-projects-table td[data-field="startDate"],
.grouped-projects-table th[data-col="dueDate"],
.grouped-projects-table td[data-field="dueDate"],
.project-inline-tasks-table th[data-col="startDate"],
.project-inline-tasks-table td[data-field="startDate"],
.project-inline-tasks-table th[data-col="dueDate"],
.project-inline-tasks-table td[data-field="dueDate"],
.project-inline-tasks-table--details th[data-col="startDate"],
.project-inline-tasks-table--details td[data-field="startDate"],
.project-inline-tasks-table--details th[data-col="dueDate"],
.project-inline-tasks-table--details td[data-field="dueDate"],
#projectTasksInDetailsTable th[data-col="startDate"],
#projectTasksInDetailsTable td[data-field="startDate"],
#projectTasksInDetailsTable th[data-col="dueDate"],
#projectTasksInDetailsTable td[data-field="dueDate"],
#taskChildrenTable th[data-col="startDate"],
#taskChildrenTable td[data-field="startDate"],
#taskChildrenTable th[data-col="dueDate"],
#taskChildrenTable td[data-field="dueDate"],
#tblLeadClientProjects th[data-col="startDate"],
#tblLeadClientProjects td[data-field="startDate"],
#tblLeadClientProjects th[data-col="dueDate"],
#tblLeadClientProjects td[data-field="dueDate"] {
    white-space: nowrap !important;
}

.projects-table th[data-col="startDate"],
.projects-table td[data-field="startDate"],
.projects-table th[data-col="dueDate"],
.projects-table td[data-field="dueDate"],
.grouped-projects-table th[data-col="startDate"],
.grouped-projects-table td[data-field="startDate"],
.grouped-projects-table th[data-col="dueDate"],
.grouped-projects-table td[data-field="dueDate"],
.project-inline-tasks-table th[data-col="startDate"],
.project-inline-tasks-table td[data-field="startDate"],
.project-inline-tasks-table th[data-col="dueDate"],
.project-inline-tasks-table td[data-field="dueDate"],
.project-inline-tasks-table--details th[data-col="startDate"],
.project-inline-tasks-table--details td[data-field="startDate"],
.project-inline-tasks-table--details th[data-col="dueDate"],
.project-inline-tasks-table--details td[data-field="dueDate"],
#projectTasksInDetailsTable th[data-col="startDate"],
#projectTasksInDetailsTable td[data-field="startDate"],
#projectTasksInDetailsTable th[data-col="dueDate"],
#projectTasksInDetailsTable td[data-field="dueDate"],
#taskChildrenTable th[data-col="startDate"],
#taskChildrenTable td[data-field="startDate"],
#taskChildrenTable th[data-col="dueDate"],
#taskChildrenTable td[data-field="dueDate"],
#tblLeadClientProjects th[data-col="startDate"],
#tblLeadClientProjects td[data-field="startDate"],
#tblLeadClientProjects th[data-col="dueDate"],
#tblLeadClientProjects td[data-field="dueDate"] {
    min-width: 120px !important;
}

/* מודאל אישור מחיקה — project-confirm-modal.js */
/* z-index: מעל managers-selector (--fixed 1070, --viewport-fit 1085) — ראה project-confirm-modal.js */
#projectModuleInfoModal.modal,
#projectModuleConfirmDeleteModal.modal {
    z-index: 10200 !important;
}
body.project-module-modal-open > .modal-backdrop.project-module-modal-backdrop {
    z-index: 10195 !important;
}
.project-module-delete-confirm-modal .modal-content {
    text-align: right;
}
.project-module-delete-confirm-modal .modal-header .close {
    float: left;
}
.project-module-delete-confirm-modal .project-module-delete-confirm-msg {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}

.grouped-projects-table.table tr.project-tasks-accordion-row > td,
.projects-table.table tr.project-tasks-accordion-row > td,
#projectsGroupedTablesHost .grouped-projects-table > tbody > tr.project-tasks-accordion-row > td {
    padding: 0 !important;
    margin: 0 !important;
}

/* פרטי פרויקט/משימה — "הצג עוד" (אותו UX כמו עדכונים בלידים) */
#projectMoreDetailsView .project-details-more-show-more,
#taskMoreDetailsView .project-details-more-show-more {
    padding-bottom: 2rem;
}

#projectMoreDetailsView .project-details-more-show-more .m-fade,
#taskMoreDetailsView .project-details-more-show-more .m-fade {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, #fff 100%);
}

/* דפי פרטי פרויקט/משימה — עמודת «משימה» (th + td, כולל data-sort-key="subject") */
#projectDetailsTasksContainer .project-inline-tasks-table--details th[data-col="projectName"],
#projectDetailsTasksContainer .project-inline-tasks-table--details th[data-sort-key="subject"],
#projectDetailsTasksContainer .project-inline-tasks-table--details td[data-field="subject"],
#projectDetailsTasksContainer .project-inline-tasks-table--details td.project-inline-task-name-cell,
#taskDetailsSubtasksContainer .project-inline-tasks-table--details th[data-col="projectName"],
#taskDetailsSubtasksContainer .project-inline-tasks-table--details th[data-sort-key="subject"],
#taskDetailsSubtasksContainer .project-inline-tasks-table--details td[data-field="subject"],
#taskDetailsSubtasksContainer .project-inline-tasks-table--details td.project-inline-task-name-cell,
#projectTasksInDetailsTable th[data-col="projectName"],
#projectTasksInDetailsTable th[data-sort-key="subject"],
#projectTasksInDetailsTable td[data-field="subject"],
#projectTasksInDetailsTable td.project-inline-task-name-cell,
#taskChildrenTable th[data-col="projectName"],
#taskChildrenTable th[data-sort-key="subject"],
#taskChildrenTable td[data-field="subject"],
#taskChildrenTable td.project-inline-task-name-cell {
    width: auto !important;
    min-width: 0 !important;
    max-width: clamp(250px, auto, 350px) !important;
    box-sizing: border-box;
}

/* Projects module — hide מחלקה column in all data tables (projects list, dashboard, inline tasks, lead projects) */
th[data-col="department"],
td[data-col="department"],
td[data-field="department"],
col[data-col="department"] {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Flat list: per-th CSS sticky misaligns columns (RTL + hidden dept); JS fixed clone only. */
.projects-list-scroll:not(.pd-box-scroll-has-bars) .projects-table.projects-table-source > thead > tr > th {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
}

/* ===================== Project departments list (project-departments.aspx parity) ===================== */
.project-departments-table th {
    white-space: nowrap;
}

.project-departments-table .project-departments-table-actions .btn-link,
.project-departments-table .dept-emp-link {
    padding: 0 4px;
    color: #666;
    vertical-align: middle;
}

.project-departments-table .dept-emp-link {
    font-weight: 600;
    text-decoration: none;
}

.project-departments-table .dept-emp-link:hover {
    color: #3c8dbc;
    text-decoration: underline;
}

.project-departments-table .project-departments-table-actions .btn-link:hover {
    color: #333;
}

.project-departments-table td .managers-avatars-inline {
    justify-content: center;
}

.projects-sticky-header-table > thead > tr > th[data-col="department"] {
    display: none !important;
    visibility: hidden !important;
}