.m11-employee-summary span {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 9px;
    border: 1px solid var(--dq-line);
    border-radius: 6px;
    background: #fff;
    color: var(--dq-muted);
    font-size: 9px;
}
.m11-employee-summary strong { color: var(--dq-text); font-size: 12px; }
.m11-employee-board-table { min-width: 1240px; }
.m11-employee-board-table th:nth-child(1) { width: 30%; }
.m11-employee-board-table th:nth-child(2) { width: 11%; }
.m11-employee-board-table th:nth-child(3) { width: 11%; }
.m11-employee-board-table th:nth-child(4) { width: 14%; }
.m11-employee-board-table th:nth-child(5) { width: 15%; }
.m11-employee-board-table th:nth-child(6) { width: 7%; }
.m11-employee-board-table th:nth-child(7) { width: 7%; }
.m11-employee-board-table th:nth-child(8) { width: 5%; }
.m11-attention-stack { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.m11-updated-cell { color: var(--dq-muted); font-size: 8px; white-space: nowrap; }
.m11-employee-board-table .assigned-row {
    background: #fbfefd;
    box-shadow: inset 3px 0 0 var(--dq-green);
}
.m11-employee-board-table .assigned-row .m11-task-name-cell strong { color: #1e5f57; }
.m11-employee-board-table .m11-scope-view-row { background: #fff; }
.m11-employee-board-table .m11-scope-view-row:hover { background: #fafbfd; }
.m11-employee-board-table .m11-scope-view-row .m11-task-name-cell strong { color: #46535b; }
.m11-readonly-note { color: #647078; font-size: 8px; }

/* Employee category groups collapse exactly like the Admin board, while the
   state is persisted by m11-employee-board.js per Month + Category. */
.m11-board-group [data-employee-group-toggle] {
    width: 100%;
    justify-content: flex-start;
}
.m11-board-group [data-employee-group-toggle] .m11-group-title {
    display: flex;
    align-items: center;
    gap: 7px;
}
.m11-board-group.is-collapsed .m11-board-table-wrap { display: none; }
.m11-board-group.is-collapsed [data-employee-group-toggle] .m11-group-caret {
    transform: rotate(-90deg);
}
.m11-board-group [data-employee-group-toggle] .m11-group-caret {
    transition: transform .12s ease;
}

.m11-inline-status-button {
    width: 100%;
    border: 0;
    cursor: pointer;
    font: inherit;
    transition: filter .12s ease, transform .12s ease;
}
.m11-inline-status-button:hover { filter: brightness(.97); transform: translateY(-1px); }
.m11-inline-status-button::after { content: "⌄"; margin-left: 5px; font-size: 8px; opacity: .65; }

.m11-inline-progress-button {
    width: 100%;
    min-height: 30px;
    padding: 3px 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}
.m11-inline-progress-button:hover { border-color: #c7ddd9; background: #f4faf8; }
.m11-inline-progress-button .m11-progress-cell { width: 100%; }
.m11-inline-progress-button::after { content: "⌄"; margin-left: 4px; color: #7f8b92; font-size: 8px; }

.m11-notes-cell { min-width: 0; }
.m11-note-button {
    width: 100%;
    min-height: 27px;
    overflow: hidden;
    padding: 4px 7px;
    border: 1px dashed #cfd6dc;
    border-radius: 4px;
    background: #fbfcfd;
    color: #67737b;
    font: inherit;
    font-size: 8px;
    font-weight: 700;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.m11-note-button:hover { border-color: #9ccfc7; background: #f6fbfa; color: var(--dq-green-dark); }
.m11-note-button.has-note { border-style: solid; border-color: #dfe5e8; color: #46545d; }

.m11-attention-action {
    min-height: 25px;
    padding: 4px 6px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
}
.m11-attention-action.is-support { border-color: #c8dcf5; color: #315f9e; background: #f4f8fd; }
.m11-attention-action.is-support:hover { background: #e9f2fc; }
.m11-attention-action.is-escalation { border-color: #edcaca; color: #9d4040; background: #fff7f7; }
.m11-attention-action.is-escalation:hover { background: #fbecec; }

.m11-quick-dialog {
    width: min(430px, calc(100vw - 28px));
    top: 72px;
    bottom: auto;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--dq-line-strong);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 52px rgba(11, 10, 11, .18);
}
.m11-quick-dialog::backdrop { background: rgba(16, 30, 36, .22); backdrop-filter: blur(1px); }
.m11-quick-dialog form { padding: 15px; }
.m11-dialog-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.m11-dialog-heading h2 { margin: 2px 0 0; font-size: 16px; }
.m11-dialog-close {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--dq-line);
    border-radius: 6px;
    background: #fff;
    color: #65717a;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.m11-dialog-close:hover { background: #f5f7f8; }
.m11-dialog-task { margin: 13px 0 5px; color: #273139; font-size: 11px; font-weight: 800; }
.m11-dialog-copy { margin: 0 0 12px; color: var(--dq-muted); font-size: 10px; }
.m11-dialog-footnote { margin: 9px 0 0; color: var(--dq-muted); font-size: 8px; }
.m11-dialog-label { display: block; margin: 10px 0 5px; color: #4d5961; font-size: 9px; font-weight: 800; }
.m11-quick-dialog textarea {
    width: 100%;
    min-height: 112px;
    resize: vertical;
    padding: 8px 9px;
    border: 1px solid var(--dq-line-strong);
    border-radius: 6px;
    color: var(--dq-text);
    font: inherit;
    font-size: 11px;
}
.m11-quick-dialog textarea:focus { outline: 2px solid rgba(43,156,141,.14); border-color: var(--dq-green); }
.m11-dialog-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 12px; }
.m11-status-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 11px; }
.m11-status-choice {
    min-height: 38px;
    border: 0;
    border-radius: 6px;
    font: inherit;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
}
.m11-status-choice.is-progress { background: #f1bb45; color: #3e331c; }
.m11-status-choice.is-completed { background: #2b9c8d; color: #fff; }
.m11-status-choice:hover { filter: brightness(.97); }

/* Status and completion are compact row-anchored dropdowns. */
#m11-status-dialog,
#m11-progress-dialog {
    position: fixed;
    inset: auto;
    width: min(285px, calc(100vw - 20px));
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(11, 10, 11, .18);
}
#m11-status-dialog::backdrop,
#m11-progress-dialog::backdrop { background: transparent; backdrop-filter: none; }
#m11-status-dialog form,
#m11-progress-dialog form { padding: 10px; }
#m11-status-dialog .m11-dialog-heading h2,
#m11-progress-dialog .m11-dialog-heading h2 { font-size: 13px; }
#m11-status-dialog .m11-dialog-close,
#m11-progress-dialog .m11-dialog-close { width: 24px; height: 24px; font-size: 15px; }
#m11-status-dialog .m11-dialog-task,
#m11-progress-dialog .m11-dialog-task { margin-top: 8px; font-size: 9px; }
#m11-status-dialog .m11-dialog-copy { margin-bottom: 7px; font-size: 8px; }
#m11-status-dialog .m11-status-choice-grid { grid-template-columns: 1fr; gap: 5px; margin-top: 7px; }
#m11-status-dialog .m11-status-choice { min-height: 32px; font-size: 9px; }
#m11-status-dialog .m11-dialog-footnote { margin-top: 6px; }

.m11-progress-editor-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px;
    align-items: center;
    gap: 10px;
    margin: 10px 0 4px;
}
.m11-progress-editor-line input[type="range"] { width: 100%; accent-color: var(--dq-green); }
.m11-progress-editor-line output {
    min-height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid var(--dq-line);
    border-radius: 5px;
    background: #f7faf9;
    color: var(--dq-green-dark);
    font-size: 10px;
    font-weight: 850;
}

@media (max-width: 760px) {
    .m11-quick-dialog { top: 58px; }
    .m11-status-choice-grid { grid-template-columns: 1fr; }
}