/* Tasks, managed people directory, and stored approval records. No new workflow API. */
#moduleDemoContent:has(:is(.work-tasks-v510,.people-workspace-v510,.approvals-workspace-v510)) {padding:0;background:transparent}
.work-tasks-v510,.people-workspace-v510,.approvals-workspace-v510 {padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;color:var(--text-primary)}
.work-tasks-v510 .demo-metrics {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.work-tasks-v510 .demo-metrics article {min-width:0;min-height:84px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-secondary)}
.work-tasks-v510 .demo-metrics strong {font-size:26px;line-height:1.3}
.work-tasks-v510 .demo-metrics :is(span,small) {color:var(--text-secondary);font-size:12px}
.work-list-controls {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}
.work-list-controls>label {display:flex;align-items:center;gap:8px;flex:1 1 260px;min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface-secondary);padding:0 12px}
.work-list-controls input {width:100%;min-width:0;min-height:40px;border:0;box-shadow:none;background:transparent;color:var(--text-primary);font:inherit}
.work-list-controls .ui-icon {width:18px;height:18px;color:var(--text-secondary)}
.work-list-controls>button {display:inline-flex;gap:8px;align-items:center}
.work-list-filters {display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.work-list-filters button {min-height:36px;border:1px solid var(--border);border-radius:9px;padding:7px 12px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer}
.work-list-filters button.active {border-color:var(--teal);color:var(--text-primary);background:var(--ui-soft)}
:is(.work-tasks-v510,.approvals-workspace-v510) .demo-table-scroll {border:1px solid var(--border);border-radius:12px;overflow:auto;scrollbar-gutter:stable}
.work-table-v510 {min-width:760px;width:100%;border-collapse:collapse;font-size:13px}
.work-table-v510 th {background:var(--surface-secondary);color:var(--text-secondary);font-size:11px;letter-spacing:.03em;font-weight:600;text-align:left}
.work-table-v510 :is(th,td) {padding:12px;border-bottom:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere}
.work-table-v510 th:first-child {width:30%}
.work-table-v510 tbody tr:hover {background:var(--surface-secondary)}
.work-record-link {display:inline-block;border:0;background:transparent;color:var(--text-primary);text-align:left;font:inherit;font-size:14px;font-weight:600;padding:4px 0;min-height:32px;cursor:pointer;overflow-wrap:anywhere}
.work-record-link:hover {color:var(--teal);text-decoration:underline}
.work-table-v510 .work-overdue {color:var(--danger);font-weight:600}
.work-table-v510 .demo-status,.people-card-v510 .demo-status {border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-primary);font-size:11px;font-weight:600;padding:5px 8px;border-radius:999px;white-space:normal}
.work-table-v510 .demo-status[data-status="done"] {background:var(--ui-soft);border-color:var(--teal)}
.work-table-v510 .demo-status[data-status="cancelled"] {color:var(--text-secondary)}
.work-priority {font-size:12px;color:var(--text-secondary)}
.work-priority[data-priority="critical"] {color:var(--danger);font-weight:600}
.work-list-footer {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px;color:var(--text-secondary);font-size:12px;text-align:right}
.work-summary {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.work-summary>div {min-width:0}
.work-summary b {font-size:18px}
.work-summary p {font-size:13px;color:var(--text-secondary);margin:6px 0;line-height:1.5}
.work-summary>span {font-size:12px;color:var(--text-secondary);white-space:nowrap;background:var(--surface-secondary);border:1px solid var(--border);border-radius:999px;padding:6px 10px}
.people-grid-v510 {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:12px}
.people-card-v510 {padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0;display:flex;flex-direction:column;gap:12px}
.people-card-v510 header {display:flex;align-items:center;gap:12px;min-width:0}
.people-card-v510 header>div {min-width:0}
.people-avatar {display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:var(--ui-soft);color:var(--teal);font-size:14px;font-weight:700}
.people-card-v510 h3 {font-size:16px;margin:0 0 4px;line-height:1.4;overflow-wrap:anywhere}
.people-card-v510 p {font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5;overflow-wrap:anywhere}
.people-card-v510 dl {display:grid;gap:12px;margin:0}
.people-card-v510 dt {font-size:11px;color:var(--text-secondary);margin-bottom:4px}
.people-card-v510 dd {font-size:13px;margin:0;overflow-wrap:anywhere}
.people-card-v510 a {color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.people-card-v510 footer {margin-top:auto;padding-top:4px}
.work-empty {padding:28px!important;text-align:center!important;color:var(--text-secondary);font-size:14px;grid-column:1/-1}
:is(.work-tasks-v510,.people-workspace-v510,.approvals-workspace-v510) :is(button,input,a):focus-visible {outline:2px solid var(--teal);outline-offset:3px}
#workModal .modal-card {width:min(680px,100%);padding:24px;border-radius:var(--radius-lg);background:var(--surface);color:var(--text-primary)}
#workModal .modal-head {gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}
#workModal .modal-head h2 {font-size:22px;line-height:1.3}
#workModal .modal-card label {display:grid;gap:6px;font-size:13px;color:var(--text-secondary);min-width:0}
#workModal .modal-card :is(input,select,textarea) {min-width:0;width:100%;background:var(--surface-secondary);border-color:var(--border);color:var(--text-primary);border-radius:9px;font:inherit}
#workModal .modal-card textarea {min-height:100px;resize:vertical}
html[data-density="compact"] .work-table-v510 :is(th,td) {padding:8px 10px}
html[data-density="compact"] .people-card-v510 {padding:12px;gap:10px}
@media(max-width:780px) {
 .work-tasks-v510,.people-workspace-v510,.approvals-workspace-v510 {padding:12px}
 .work-list-controls>label {flex-basis:100%}
 .work-list-controls>button,.work-list-filters button {min-height:44px}
 .work-tasks-v510 .demo-metrics {gap:8px}
 .work-summary {gap:8px}
}
@media(max-width:600px) {
 .work-tasks-v510 .demo-metrics {grid-template-columns:1fr}
 .work-tasks-v510 .demo-metrics article {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;min-height:0;padding:12px}
 .work-tasks-v510 .demo-metrics strong {grid-column:2;grid-row:1/3}
 :is(.work-tasks-v510,.approvals-workspace-v510) .demo-table-scroll {border:0;overflow:visible}
 .work-table-v510 {display:block;min-width:0}
 .work-table-v510 thead {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
 .work-table-v510 tbody {display:grid;gap:12px}
 .work-table-v510 tbody tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}
 .work-table-v510 td,html[data-density="compact"] .work-table-v510 td {display:block;min-width:0;padding:10px 12px;border:0;font-size:13px}
 .work-table-v510 td:first-child {grid-column:1/-1;border-bottom:1px solid var(--border)}
 .work-table-v510 td[data-label]::before {content:attr(data-label);display:block;font-size:11px;color:var(--text-secondary);margin-bottom:4px}
 .work-table-v510 .work-record-link {min-height:44px}
 .work-table-v510 .work-empty {grid-column:1/-1}
 .people-card-v510 a {display:inline-block;min-height:44px;line-height:1.5;padding-top:8px}
 #workModal .modal-card {padding:16px}
 #workModal .settings-grid {grid-template-columns:1fr}
 #workModal .modal-actions {display:flex;flex-wrap:wrap;gap:8px}
 #workModal .modal-actions button {flex:1 1 120px;min-height:44px}
 #workModal input,#workModal textarea {font-size:16px}
}