/* DEV-1.09B | MC-01 Home Work Queue Top 10 */

.work-home-queue {
    padding:
        0
        12px
        8px;
}

.work-home-queue__table-wrap {
    width: 100%;
    height: 100%;

    overflow: hidden;
}

.work-home-queue__table {
    width: 100%;

    border-collapse: collapse;
    table-layout: fixed;

    color: #29495a;

    font-size: 12px;
}

.work-home-queue__table th {
    height: 28px;

    padding: 5px 8px;

    border-bottom:
        1px solid #e6edf1;

    background: #f8fafb;
    color: #71848f;

    text-align: left;
    font-size: 11px;
    font-weight: 750;
}

.work-home-queue__table td {
    height: 30px;

    padding: 4px 8px;

    border-bottom:
        1px solid #edf2f5;

    vertical-align: middle;
}

.work-home-queue__table tbody tr:last-child td {
    border-bottom: 0;
}

.work-home-queue__table th:nth-child(1),
.work-home-queue__table td:nth-child(1) {
    width: 18%;
}

.work-home-queue__table th:nth-child(2),
.work-home-queue__table td:nth-child(2) {
    width: 12%;
}

.work-home-queue__table th:nth-child(3),
.work-home-queue__table td:nth-child(3) {
    width: 48%;
}

.work-home-queue__table th:nth-child(4),
.work-home-queue__table td:nth-child(4) {
    width: 13%;
}

.work-home-queue__table th:nth-child(5),
.work-home-queue__table td:nth-child(5) {
    width: 9%;

    text-align: center;
}

.work-home-queue__subject {
    min-width: 0;
}

.work-home-queue__subject-main,
.work-home-queue__subject-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-home-queue__subject-main {
    color: #28485a;
    font-weight: 700;
}

.work-home-queue__subject-sub {
    margin-top: 1px;

    color: #8a9ba5;

    font-size: 10px;
}

.work-home-queue__view {
    min-width: 44px;

    padding: 3px 7px;

    border:
        1px solid #8dc4cc;
    border-radius: 6px;

    background: #ffffff;
    color: #26717b;

    font: inherit;
    font-size: 11px;
    font-weight: 700;

    cursor: pointer;
}

.work-home-queue__view:hover {
    background: #f1fbfc;
}

.work-home-queue__view:focus-visible {
    outline:
        2px solid #38a5b2;
    outline-offset: 2px;
}

.work-home-queue__empty-cell {
    height: 116px !important;

    color: #8b9aa4;

    text-align: center !important;
}

.work-home-queue[aria-busy="true"]
.work-home-queue__table {
    opacity: 0.72;
}

@media (max-width: 900px) {
    .work-home-queue {
        overflow-x: auto;
    }

    .work-home-queue__table {
        min-width: 720px;
    }
}


/* DEV-1.09B1 | Sorting stays in the existing 27 header row. */
.work-home-queue__header-actions {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    min-width: 0;
}

.work-home-queue__sort-control {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    color: #7f9099;

    font-size: 11px;
    font-weight: 650;

    white-space: nowrap;
}

.work-home-queue__sort {
    height: 28px;

    padding: 2px 25px 2px 8px;

    border: 1px solid #d4e1e6;
    border-radius: 7px;

    background: #ffffff;
    color: #315968;

    font: inherit;
    font-size: 11px;

    cursor: pointer;
}

.work-home-queue__sort:hover {
    border-color: #9fc9cf;
}

.work-home-queue__sort:focus-visible {
    outline: 2px solid #38a5b2;
    outline-offset: 2px;
}


/* DEV-1.10B1 | 27 must not affect Grid track height. */

.work-home-queue {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;

    overflow: hidden;
}

.work-home-queue__table-wrap {
    height: 100%;
    max-height: 100%;
    min-height: 0;

    overflow-x: hidden;
    overflow-y: auto;

    scrollbar-width: thin;
}