#harness-workbench-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:8px;background:#fff;border:1px solid #e5eaf2;border-radius:14px}
#harness-workbench-tabs .hc-workbench-tab{padding:10px 16px;border:0;border-radius:9px;background:transparent;color:#59667b;font-size:13px;font-weight:600}
#harness-workbench-tabs .hc-workbench-tab[aria-current="page"]{background:#eaf2ff;color:#1f65d5}
#harness-workbench-tasks,#harness-workbench-agents,#harness-workbench-artifacts{background:#fff;border:1px solid #e5eaf2;border-radius:16px;min-height:520px;padding:24px}
.hc-workbench-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.hc-workbench-header h2{margin:0 0 5px;font-size:22px}.hc-workbench-header p{margin:0;color:#718096;font-size:12px}
.hc-workbench-filters{display:flex;gap:10px;flex-wrap:wrap}.hc-workbench-filters input,.hc-workbench-filters select{min-width:140px;padding:9px;border:1px solid #dae3ef;border-radius:8px;background:#fff}
.hc-workbench-grid{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:18px}.hc-workbench-list,.hc-workbench-detail{min-width:0;min-height:360px;padding:16px;border:1px solid #e5eaf2;border-radius:12px;background:#fafdff}.hc-workbench-list{display:flex;flex-direction:column;gap:9px}.hc-work-item{display:flex;flex-direction:column;gap:8px;width:100%;padding:14px;text-align:left;border:1px solid #e4ebf5;border-radius:10px;background:#fff;overflow-wrap:anywhere}.hc-work-item strong{font-size:13px;color:#243149}.hc-work-status{font-size:11px;color:#376fcb}.hc-workbench-detail h3{margin:0 0 8px;font-size:18px;overflow-wrap:anywhere}.hc-work-event{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #e4ebf5;font-size:12px;color:#5b687a}.hc-workbench-agent-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.hc-work-agent{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #e4ebf5;border-radius:12px}.hc-work-agent span{font-size:12px;color:#718096;overflow-wrap:anywhere}
/* Keep card styling local: the console theme also styles article headings and buttons. */
#workspace #harness-workbench-agent-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
#workspace #harness-workbench-agent-list .hc-work-agent{box-sizing:border-box;height:288px;min-width:0;padding:20px;gap:8px;border:1px solid #eeedf3;border-radius:16px;background:#fff;color:#24232c;transition:border-color .15s ease,box-shadow .15s ease}
#workspace #harness-workbench-agent-list .hc-work-agent:hover,#workspace #harness-workbench-agent-list .hc-work-agent:focus-within{border-color:#a99bf0;box-shadow:0 4px 16px rgba(101,81,230,.08)}
.hc-work-agent-heading{display:flex;align-items:center;gap:12px;height:44px;flex:none;min-width:0;margin:0;overflow:hidden}
#workspace #harness-workbench-agent-list .hc-work-agent-heading strong{display:-webkit-box;min-width:0;max-height:44px;color:#24232c!important;font-size:15px;line-height:22px;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#workspace #harness-workbench-agent-list .hc-work-agent-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #e8e2ff;border-radius:14px;background:#f0edff;color:#6551e6;font-size:17px;font-weight:600;overflow:hidden}
.hc-work-agent-avatar img{width:100%;height:100%;object-fit:cover}
#workspace #harness-workbench-agent-list .hc-work-agent-role{box-sizing:border-box;flex:none;height:66px;overflow:hidden;color:#73717f;font-size:13px;line-height:22px;white-space:pre-wrap;overflow-wrap:anywhere}
#workspace #harness-workbench-agent-list .hc-work-agent-role.is-expanded{overflow-y:auto;scrollbar-width:thin}
#workspace #harness-workbench-agent-list .hc-work-agent-more{align-self:flex-start;min-height:44px;padding:0 4px;border:0;background:transparent;color:#6551e6;font-size:12px;line-height:20px;cursor:pointer}
#workspace #harness-workbench-agent-list .hc-work-agent-more:focus-visible,#workspace #harness-workbench-agent-list .hc-work-agent .secondary:focus-visible{outline:2px solid #6551e6;outline-offset:3px}
#workspace #harness-workbench-agent-list .hc-work-agent small{align-self:flex-start;margin-top:auto;padding:3px 8px;border-radius:6px;background:#edf8f2;color:#327454!important;font-size:11px;line-height:16px}
#workspace #harness-workbench-agent-list .hc-work-agent[data-status="draft"] small{background:#f0edff;color:#6551e6!important}
#workspace #harness-workbench-agent-list .hc-work-agent[data-status="disabled"] small{background:#f2f2f5;color:#73717f!important}
#workspace #harness-workbench-agent-list .hc-work-agent .secondary{flex:none;min-height:36px;border:1px solid #e8e2ff;border-radius:8px;background:#faf9ff;color:#6551e6!important;font-size:12px}
#workspace #harness-workbench-agent-list .hc-work-agent .secondary:hover{background:#f0edff;border-color:#c8bcfa}
@media(prefers-reduced-motion:reduce){#workspace #harness-workbench-agent-list .hc-work-agent{transition:none}}
@media(max-width:1024px){.hc-workbench-grid{grid-template-columns:240px minmax(0,1fr)}.hc-workbench-header{flex-direction:column}}
@media(max-width:700px){#harness-workbench-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#harness-workbench-tabs .hc-workbench-tab{padding:10px 8px}#harness-workbench-tasks,#harness-workbench-agents,#harness-workbench-artifacts{padding:16px;min-height:0}.hc-workbench-grid{display:flex;flex-direction:column}.hc-workbench-list,.hc-workbench-detail{min-height:0}.hc-workbench-filters{width:100%}.hc-workbench-filters input,.hc-workbench-filters select{flex:1 1 140px;min-width:0}}