.calculator-taskManagement-page .sentdoc-layout,
.calculator-dueDatesManagement-page .sentdoc-layout {
    height: calc(100% - 10px);
}

/* ===== Due Dates Management filter card ===== */
.calculator-dueDatesManagement-page .due-dates-filter-card {
    padding-top: 0;
    padding-bottom: 6px;
    margin-bottom: 8px;
}

.calculator-dueDatesManagement-page .due-dates-filter-card .ui-labelify {
    position: relative;
    top: 6px;
    display: block;
    font-size: 12px;
    color: #888;
    margin-bottom: 2px;
}

/* Type-customer buttons — new pill style matching other filter inputs */
.calculator-dueDatesManagement-page .due-dates-filter-card .type-customer {
    height: 31px;
    margin-top: 24px;
    border: 1px solid lightgray;
    border-radius: 8px;
    overflow: hidden;
    background-color: #F6F7F8;
}

.calculator-dueDatesManagement-page .due-dates-filter-card .person-type-btn,
.calculator-dueDatesManagement-page .due-dates-filter-card .company-type-btn {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #333;
    font-size: 13px;
}

.calculator-dueDatesManagement-page .due-dates-filter-card .person-type-btn {
    border-left: 1px solid lightgray;
}

.calculator-dueDatesManagement-page .due-dates-filter-card .person-type-btn.active,
.calculator-dueDatesManagement-page .due-dates-filter-card .company-type-btn.active {
    background-color: #118dcf;
    color: white;
}

/* Search icon — ui-labelify pushes input down ~22px; 5-class rule beats ui-2026.css's 4-class rule */
.calculator-dueDatesManagement-page .due-dates-filter-card .ui-control .ui-search .ui-button {
    top: 32px;
}

/* ===== Client Message Campaigns filter card ===== */
.calculator-clientMessageCampaigns-page .due-dates-filter-card {
    padding-top: 0;
    padding-bottom: 6px;
    margin-bottom: 8px;
}

.calculator-clientMessageCampaigns-page .due-dates-filter-card .ui-control .ui-search .ui-button {
    top: 13px;
}

.calculator-clientMessageCampaigns-page .due-dates-filter-card .campaigns-filter-btn-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 6px;
}

/* Orka multi-select button — override black border + no-radius from global .orka-multi-select-btn */
.calculator-dueDatesManagement-page .due-dates-filter-card .orka-multi-select-btn,
.calculator-clientMessageCampaigns-page .due-dates-filter-card .orka-multi-select-btn {
    background-color: #F6F7F8 !important;
    border: 1px solid lightgray !important;
    border-radius: 8px !important;
    margin-top: 7px;
    color: #333;
}

/* Tree-control trigger button only (> skips the אישור button inside the popup) */
.calculator-dueDatesManagement-page .due-dates-filter-card #treeControlWrapper > button {
    background-color: #F6F7F8 !important;
    border: 1px solid lightgray !important;
    border-radius: 8px !important;
    margin-top: 7px;
}

/* Dropdown panel — inline top:32px doesn't account for the label; push it below the button */
.calculator-dueDatesManagement-page .due-dates-filter-card #treeControlWrapper > div {
    top: 56px !important;
}

/* ===== Due Dates Management — tab height chain ===== */
/* Make tabbable a flex column so nav-tabs takes natural height and tab-content fills the rest */
.calculator-dueDatesManagement-page .sentdoc-layout .tabbable {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.calculator-dueDatesManagement-page .sentdoc-layout .tab-content {
    flex: 1;
    overflow: hidden;
}
.calculator-dueDatesManagement-page .sentdoc-layout .tab-pane {
    height: 100%;
    padding: 0;
    overflow: hidden;
}

/* Active tab = white, inactive tabs = blue; content background matches active tab (white) */
.calculator-dueDatesManagement-page .sentdoc-layout .nav-tabs .active a.nav-link {
    background-color: white !important;
    color: #118dcf !important;
}
.calculator-dueDatesManagement-page .sentdoc-layout .tab-content {
    background-color: white;
    padding-bottom: 8px;
}

.calculator-taskManagement-page .task-management-filter-card {
    padding-top: 0px;
    padding-bottom: 6px;
}

.calculator-taskManagement-page .task-management-filter-card .task-status-filter-btn {
    background-color: #F6F7F8;
    border: 1px solid lightgray;
    border-radius: 8px;
    min-width: 135px;
    margin-top: 7px;
}

.calculator-taskManagement-page .task-management-filter-card .ui-labelify {
    position: relative;
    top: 6px;
    display: block;
    font-size: 12px;
    color: #888;
    margin-bottom: 2px;
}

.home-page .task-management-table-include,
.home-page .task-management-table-include .table-control {
    height: 100%;
}

    .home-page .task-management-table-include .table-control .calc-list {
        height: calc(100% - 45px);
    }

.home-page .no-entity-div {
    font-size: 1.5em;
    text-align: center;
    margin-top: 50px;
    color: grey;
}

    .home-page .no-entity-div > div {
        padding-bottom: 3px;
    }

    .home-page .no-entity-div .no-entity-icon {
        margin-top: 20px;
        font-size: 1.7em;
    }

.home-page .entity-task-check,
.calculator-taskManagement-page .entity-task-check {
    font-size: 1.1em;
}

    .home-page .entity-task-check.completed,
    .calculator-taskManagement-page .entity-task-check.completed {
        color: #00bda5;
    }

        .home-page .entity-task-check.completed:hover,
        .calculator-taskManagement-page .entity-task-check.completed:hover {
            color: #039986;
        }

    .home-page .entity-task-check:not(.completed),
    .calculator-taskManagement-page .entity-task-check:not(.completed) {
        color: #808080;
    }

        .home-page .entity-task-check:not(.completed):hover,
        .calculator-taskManagement-page .entity-task-check:not(.completed):hover {
            color: #4e4e4e;
        }