.co-work{max-width:1100px;margin:auto;padding:16px;color:var(--text)}
.ht-tag-filter{padding:8px 10px;border-radius:var(--mm-r-btn);border:1px solid var(--border);background:var(--bg3);color:var(--text);min-width:0;max-width:180px;font:inherit}
.co-work h3{margin:24px 0 12px}.co-actions button:disabled{opacity:.45;cursor:not-allowed}
.co-heading,.co-actions,.co-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.co-heading h2{margin:0;font-size:var(--mm-fs-20)}.co-heading p,.co-muted{opacity:.7;font-size:var(--mm-fs-13);line-height:1.6}
.co-toolbar{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0 12px}.co-work label,.co-dialog label{display:grid;gap:7px;font-size:var(--mm-fs-13);margin:12px 0}
.co-work input,.co-work textarea,.co-work select,.co-dialog input,.co-dialog textarea{font:inherit;color:inherit;background:var(--bg-card,var(--bg));border:1px solid var(--border,#5555);border-radius:var(--mm-r-chip);padding:10px;max-width:100%;box-sizing:border-box}
.co-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:20px 0;border-block:1px solid var(--border,#5555)}
.co-kpis>div{padding:18px 10px;border-right:1px solid var(--border,#5555)}.co-kpis small{display:block;font-size:var(--mm-fs-12);opacity:.7}.co-kpis strong{display:block;font-size:var(--mm-fs-24);margin-top:10px;font-variant-numeric:tabular-nums}
.co-table{overflow:auto}.co-table table{width:100%;border-collapse:collapse;font-size:var(--mm-fs-13);text-align:left}.co-table th,.co-table td{padding:12px 8px;border-bottom:1px solid var(--border,#5555)}.co-table th{opacity:.65;font-weight:500}.co-table small{display:block;opacity:.6;margin-top:5px}.co-late{color:#d46b29;font-weight:600}
.co-hours{display:flex;align-items:flex-end;height:110px;gap:5px;margin-bottom:24px}.co-hours>div{flex:1;display:flex;flex-direction:column;gap:5px;text-align:center;min-width:0}.co-hours i{display:block;background:var(--accent,#536dd9);opacity:.65;border-radius:3px 3px 0 0}.co-hours small{font-size:var(--mm-fs-badge);opacity:.6}
.co-section{margin:24px 0;border-top:1px solid var(--border,#5555);padding-top:18px}.co-section summary{cursor:pointer;font-size:var(--mm-fs-16);font-weight:600}.co-template{display:flex;text-align:left;gap:16px;width:100%;padding:12px;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--border,#5555);cursor:pointer}.co-template strong{min-width:90px}.co-template span{white-space:pre-wrap;overflow-wrap:anywhere}.co-template-form{max-width:620px;margin-top:16px}
.co-modal{position:fixed;inset:0;z-index:10050;background:#10142099;display:flex;align-items:center;justify-content:center;padding:16px}.co-dialog{width:640px;max-width:100%;max-height:90vh;overflow:auto;border:1px solid var(--border,#5555);border-radius:var(--mm-r-field);background:var(--bg-card,var(--bg,#20232d));color:var(--text,#f0f2f8);padding:20px}.co-dialog h3{margin:0}.co-dialog input,.co-dialog textarea{width:100%}.co-summary-text{white-space:pre-wrap;line-height:1.7;font-size:var(--mm-fs-14)}.co-status{font-size:var(--mm-fs-13)}.co-updated,.co-audit{font-size:var(--mm-fs-12);opacity:.7}.co-pick{font-size:var(--mm-fs-12);margin:0 0 6px}
.co-work button:focus-visible,.co-dialog button:focus-visible,.co-work summary:focus-visible{outline:2px solid var(--accent,#536dd9);outline-offset:3px}
@media(max-width:700px){.co-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.co-kpis strong{font-size:var(--mm-fs-20)}.co-heading{align-items:flex-start}.co-toolbar{gap:10px}.co-hours{gap:2px}.co-hours small{font-size:8px}.co-dialog{padding:14px}.co-template{display:block}.co-template strong{display:block;margin-bottom:6px}}
