/* M11 people/workspace refinement
   - Admin Employee Activity becomes an operational dashboard with clear hierarchy.
   - Employee My Work becomes an assignment-first command center.
   - Employee Task description column matches the Admin board's 390px width. */

/* Shared dashboard typography for the two new command-center surfaces. The
   Executive Dashboard already receives equivalent sizing from its own scoped
   stylesheet; these rules prevent the old 7–9px analytics defaults leaking into
   Employee Activity or My Work. */
.m11-employee-insights-section .m11-kpi span,
.m11-my-work-dashboard .m11-kpi span {
    font-size: 10px;
    line-height: 1.25;
}
.m11-employee-insights-section .m11-kpi strong,
.m11-my-work-dashboard .m11-kpi strong {
    margin: 7px 0 5px;
    font-size: 28px;
    line-height: 1;
}
.m11-employee-insights-section .m11-kpi small,
.m11-my-work-dashboard .m11-kpi small {
    font-size: 10px;
    line-height: 1.4;
}
.m11-employee-insights-section .dashboard-widget .widget-kicker,
.m11-my-work-dashboard .dashboard-widget .widget-kicker { font-size: 10px; }
.m11-employee-insights-section .dashboard-widget .widget-heading h2,
.m11-my-work-dashboard .dashboard-widget .widget-heading h2 { font-size: 15px; }
.m11-employee-insights-section .dashboard-widget .widget-caption,
.m11-my-work-dashboard .dashboard-widget .widget-caption { font-size: 10px; }
.m11-employee-insights-section .m11-dashboard-table th,
.m11-my-work-dashboard .m11-dashboard-table th {
    padding: 9px 10px;
    font-size: 9px;
}
.m11-employee-insights-section .m11-dashboard-table td,
.m11-my-work-dashboard .m11-dashboard-table td {
    padding: 9px 10px;
    font-size: 11px;
    line-height: 1.35;
}
.m11-employee-insights-section .m11-dashboard-table td small,
.m11-my-work-dashboard .m11-dashboard-table td small { font-size: 9px; }

/* --------------------------------------------------------------------------
   Admin · Employee Activity
   -------------------------------------------------------------------------- */
.m11-employee-insights-heading { margin-bottom: 10px; }
.m11-employee-insights-tabs {
    margin-bottom: 14px;
    background: rgba(246, 247, 249, .96);
}
.m11-employee-insights-tabs a { font-size: 11px; }
.m11-employee-insights-section {
    margin-bottom: 26px;
    scroll-margin-top: 72px;
}
.m11-employee-insights-section > .m11-section-heading .muted {
    max-width: 620px;
    font-size: 11px;
    line-height: 1.45;
    text-align: right;
}
.m11-employee-insights-primary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 10px;
}
.m11-employee-insights-primary .m11-kpi,
.m11-employee-quality-grid .m11-kpi {
    min-height: 104px;
}
.m11-employee-insights-grid {
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(0, 1.55fr);
    gap: 10px;
}
.m11-employee-insights-grid .dashboard-widget { min-width: 0; }

.m11-employee-status-stack {
    width: 100%;
    height: 34px;
    display: flex;
    overflow: hidden;
    margin: 10px 0 12px;
    border-radius: 6px;
    background: #edf0f2;
}
.m11-employee-status-stack > span { min-width: 0; display: block; }
.m11-employee-status-stack .is-completed { background: var(--dq-status-done); }
.m11-employee-status-stack .is-progress { background: var(--dq-status-working); }
.m11-employee-status-stack .is-not-started { background: var(--dq-status-waiting); }
.m11-employee-status-legend { display: grid; gap: 6px; }
.m11-employee-status-legend > div {
    min-height: 38px;
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid #e8edef;
    border-radius: 6px;
    background: #fff;
}
.m11-employee-status-legend i { width: 10px; height: 10px; border-radius: 3px; }
.m11-employee-status-legend i.is-completed { background: var(--dq-status-done); }
.m11-employee-status-legend i.is-progress { background: var(--dq-status-working); }
.m11-employee-status-legend i.is-not-started { background: var(--dq-status-waiting); }
.m11-employee-status-legend span { color: #4d5961; font-size: 10px; font-weight: 750; }
.m11-employee-status-legend strong { font-size: 10px; }

.m11-employee-focus-list { display: grid; gap: 5px; }
.m11-employee-focus-list a {
    min-width: 0;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) 105px 40px;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 6px 8px;
    border: 1px solid #e7ebed;
    border-radius: 6px;
    color: inherit;
    text-decoration: none;
    background: #fff;
}
.m11-employee-focus-list a:hover { border-color: #d4a4ae; background: #fffafb; }
.m11-employee-focus-list p { min-width: 0; margin: 0; }
.m11-employee-focus-list p strong,
.m11-employee-focus-list p small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m11-employee-focus-list p strong { font-size: 10px; }
.m11-employee-focus-list p small { margin-top: 2px; color: var(--dq-muted); font-size: 9px; }
.m11-employee-focus-list > a > b { font-size: 10px; text-align: right; }
.m11-employee-focus-list .m11-status-cell,
.m11-employee-focus-list .m11-priority-cell { min-height: 27px; font-size: 9px; }
.m11-employee-focus-footnote { margin: 8px 0 0; color: var(--dq-muted); font-size: 9px; }

.m11-employee-quality-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}
#assigned-work .m11-dashboard-table { min-width: 1100px; }
#assessment-history .m11-dashboard-table { min-width: 1000px; }
#attention-history .m11-attention-metrics { margin-bottom: 10px; }

/* --------------------------------------------------------------------------
   Employee · My Work command center
   -------------------------------------------------------------------------- */
.m11-my-work-heading { margin-bottom: 6px; }
.m11-my-work-dashboard { margin-bottom: 28px; }
.m11-my-work-kpis {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 10px;
}
.m11-my-work-kpis .m11-kpi { min-height: 98px; }
.m11-my-work-priority-card { margin-bottom: 10px; }
.m11-my-work-priority-table { min-width: 1030px; }
.m11-my-work-priority-table th:nth-child(1) { width: 30%; }
.m11-my-work-priority-table th:nth-child(2) { width: 20%; }
.m11-my-work-priority-table th:nth-child(3) { width: 10%; }
.m11-my-work-priority-table th:nth-child(4) { width: 12%; }
.m11-my-work-priority-table th:nth-child(5) { width: 12%; }
.m11-my-work-priority-table th:nth-child(6) { width: 10%; }
.m11-my-work-priority-table th:nth-child(7) { width: 10%; }
.m11-work-state-note { display: block; margin-top: 3px; color: #8a6a28; font-size: 9px; }

.m11-my-work-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(0, 1.6fr);
    gap: 10px;
}
.m11-my-work-dashboard-grid .dashboard-widget { min-width: 0; }
.m11-my-work-status-list { display: grid; gap: 7px; }
.m11-my-work-status-list > div {
    min-height: 44px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px 50px;
    align-items: center;
    gap: 7px;
    padding: 8px 9px;
    border: 1px solid #e8edef;
    border-radius: 6px;
    background: #fff;
}
.m11-my-work-status-list > div > span { display: flex; align-items: center; gap: 7px; color: #4d5961; font-size: 10px; font-weight: 750; }
.m11-my-work-status-list i { width: 10px; height: 10px; border-radius: 3px; }
.m11-my-work-status-list i.is-completed { background: var(--dq-status-done); }
.m11-my-work-status-list i.is-progress { background: var(--dq-status-working); }
.m11-my-work-status-list i.is-not-started { background: var(--dq-status-waiting); }
.m11-my-work-status-list strong { font-size: 13px; text-align: right; }
.m11-my-work-status-list b { color: var(--dq-muted); font-size: 9px; text-align: right; }

.m11-my-work-focus-list { display: grid; gap: 5px; }
.m11-my-work-focus-list a {
    min-width: 0;
    min-height: 48px;
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 44px auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid #e8edef;
    border-radius: 6px;
    color: inherit;
    text-decoration: none;
    background: #fff;
}
.m11-my-work-focus-list a:hover { border-color: #a8d2cb; background: #f8fcfb; }
.m11-my-work-focus-list p { min-width: 0; margin: 0; }
.m11-my-work-focus-list p strong,
.m11-my-work-focus-list p small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m11-my-work-focus-list p strong { font-size: 10px; }
.m11-my-work-focus-list p small { margin-top: 2px; color: var(--dq-muted); font-size: 9px; }
.m11-my-work-focus-list > a > b { font-size: 10px; text-align: right; }
.m11-my-work-focus-list em {
    padding: 3px 5px;
    border-radius: 4px;
    background: #f8e8e8;
    color: #9b4545;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
}
.m11-my-work-navigation { margin-top: 4px; scroll-margin-top: 72px; }
.m11-my-work-navigation > .m11-section-heading { margin-bottom: 10px; }
.m11-my-work-navigation > .m11-section-heading .muted { font-size: 11px; }
.m11-my-work-navigation .m11-my-work-service > header h2 { font-size: 15px; }
.m11-my-work-navigation .m11-my-work-service > header > span { font-size: 10px; }
.m11-my-work-navigation .m11-my-work-client-heading strong { font-size: 12px; }
.m11-my-work-navigation .m11-my-work-year > strong { font-size: 10px; }
.m11-my-work-navigation .m11-my-work-month > strong { font-size: 12px; }
.m11-my-work-navigation .m11-my-work-month small { font-size: 9px; }

/* The old My Work four-stat strip has been superseded by the employee-safe
   assignment dashboard above. Keep the class available for old templates but
   avoid it competing with the new command center if encountered. */
.m11-my-work-dashboard + .m11-my-work-overview { display: none; }

/* --------------------------------------------------------------------------
   Employee Month Board · align task-description width with Admin
   -------------------------------------------------------------------------- */
#month-board .m11-employee-board-table {
    width: 100%;
    min-width: 1340px;
    table-layout: fixed;
}
#month-board .m11-employee-board-table th:nth-child(1) { width: 390px; }
#month-board .m11-employee-board-table th:nth-child(2) { width: 135px; }
#month-board .m11-employee-board-table th:nth-child(3) { width: 145px; }
#month-board .m11-employee-board-table th:nth-child(4) { width: 190px; }
#month-board .m11-employee-board-table th:nth-child(5) { width: 210px; }
#month-board .m11-employee-board-table th:nth-child(6) { width: 100px; }
#month-board .m11-employee-board-table th:nth-child(7) { width: 170px; }
#month-board .m11-employee-board-table th { font-size: 9px; }
#month-board .m11-employee-board-table .m11-task-name-cell strong { font-size: 11px; }
#month-board .m11-employee-board-table .m11-note-button,
#month-board .m11-employee-board-table .m11-readonly-note,
#month-board .m11-employee-board-table .m11-updated-cell { font-size: 9px; }

@media (max-width: 1350px) {
    .m11-employee-insights-primary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .m11-my-work-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
    .m11-employee-insights-grid,
    .m11-my-work-dashboard-grid { grid-template-columns: 1fr; }
    .m11-employee-quality-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .m11-employee-focus-list a { grid-template-columns: 50px minmax(0, 1fr) 95px 38px; }
    .m11-employee-insights-section > .m11-section-heading .muted { text-align: left; }
}

@media (max-width: 680px) {
    .m11-employee-insights-primary,
    .m11-employee-quality-grid,
    .m11-my-work-kpis { grid-template-columns: 1fr; }
    .m11-employee-focus-list a,
    .m11-my-work-focus-list a { grid-template-columns: 1fr; align-items: start; }
    .m11-employee-focus-list > a > b,
    .m11-my-work-focus-list > a > b { text-align: left; }
}