.workflows-shell{grid-template-columns:48px minmax(0,1fr);background:var(--page,#f7f9fc)}
.ww-main{min-width:0;height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--text,#203048)}
.ww-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 28px 18px;background:var(--surface,#fff);border-bottom:1px solid var(--line,#e5eaf1)}
.ww-title h1{margin:4px 0 4px;font-size:24px;line-height:1.2}.ww-title h1 span{font-size:12px;background:#eaf1ff;color:#2968d7;border-radius:999px;padding:2px 7px;vertical-align:middle}.ww-title p{margin:0;color:var(--muted,#718096);font-size:13px}.ww-title-actions{display:flex;align-items:center;gap:8px}.ww-title-actions select{min-width:220px}
.ww-scroll{overflow:auto;padding:18px 28px 24px}.ww-kpis{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.ww-kpi{display:flex;align-items:flex-end;justify-content:space-between;text-align:left;min-height:72px;padding:12px 14px;background:var(--surface,#fff);border:1px solid var(--line,#e5eaf1);border-radius:9px}.ww-kpi span{display:flex;align-items:center;gap:7px;color:var(--muted,#718096);font-size:12px}.ww-kpi strong{font-size:20px}.ww-kpi.selected{border-color:#9fc1ff;background:#f4f8ff}.ww-scope{font-size:11px;color:var(--muted,#718096);margin:10px 0 15px}
.ww-filters{display:grid;grid-template-columns:1.05fr 1.15fr 1.05fr 1.8fr 1.15fr auto;gap:10px;align-items:end;margin-bottom:16px}.ww-filter{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted,#718096)}.ww-filter select,.ww-filter input{height:34px}.ww-search-box{display:flex;align-items:center;border:1px solid var(--line,#dbe2ea);border-radius:7px;background:var(--surface,#fff);padding-left:9px}.ww-search-box input{flex:1;min-width:0;border:0!important;background:transparent!important;outline:0}.ww-search-box button{height:32px;border:0;background:transparent;color:#2f6edb;font-size:11px}.ww-reset{height:34px;white-space:nowrap}
.ww-results-head,.ww-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted,#718096);font-size:11px}.ww-results-head{margin-bottom:8px}.ww-refresh-state[data-state="error"]{color:#a63c3c}.ww-refresh-state[data-state="busy"]{color:#8a6d1d}
.ww-table{background:var(--surface,#fff);border:1px solid var(--line,#e5eaf1);border-radius:9px;overflow:hidden}.ww-head,.ww-row{display:grid;grid-template-columns:minmax(220px,1.55fr) minmax(130px,.7fr) minmax(250px,1.35fr) minmax(180px,1fr) 150px;gap:14px;align-items:center}.ww-head{padding:9px 14px;background:var(--subtle,#f5f7fb);color:var(--muted,#718096);font-size:10px}.ww-row{padding:13px 14px;border-top:1px solid var(--line,#edf0f4);min-height:92px}.ww-row:first-of-type{border-top:0}.ww-customer>div{display:flex;align-items:center;gap:8px}.ww-customer strong{font-size:13px}.ww-customer small,.ww-owner small,.ww-followup small{display:block;color:var(--muted,#718096);font-size:10px;margin-top:4px}.ww-customer p{font-size:11px;color:var(--muted,#718096);margin:6px 0 0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ww-unread{font-size:9px;color:#1e63d6;background:#edf4ff;padding:2px 5px;border-radius:999px}.ww-channel{display:inline-flex;align-items:center;gap:3px}.ww-channel svg{width:12px;height:12px}.ww-owner strong,.ww-followup strong{font-size:11px}.ww-progress{display:flex;align-items:center;gap:8px;margin-bottom:7px}.ww-progress strong{font-size:13px}.ww-progress span{font-size:10px;color:var(--muted,#718096)}.ww-checks{display:flex;gap:4px;flex-wrap:wrap}.ww-check{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:5px;font-size:9px}.ww-check svg{width:10px;height:10px}.ww-check small{font-size:9px}.ww-check.done{background:#eef8f1;color:#32734a}.ww-check.missing{background:#fff4ee;color:#a95b30}.ww-actions{display:flex;flex-direction:column;gap:6px}.ww-actions button{width:100%;font-size:10px}.ww-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted,#718096);background:var(--surface,#fff);border:1px solid var(--line,#e5eaf1);border-radius:9px}.ww-empty>svg{width:30px;height:30px}.ww-empty h2{font-size:16px;color:var(--text,#203048);margin:10px 0 4px}.ww-empty p,.ww-empty small{margin:2px 0;font-size:11px}.ww-footer{padding:10px 28px;background:var(--surface,#fff);border-top:1px solid var(--line,#e5eaf1)}
@media(max-width:1100px){.ww-kpis{grid-template-columns:repeat(3,1fr)}.ww-filters{grid-template-columns:repeat(3,1fr)}.ww-head{display:none}.ww-row{grid-template-columns:1.4fr 1fr 1.4fr}.ww-followup{display:none}.ww-actions{grid-column:auto}.ww-table{background:transparent;border:0;display:grid;gap:8px}.ww-row{background:var(--surface,#fff);border:1px solid var(--line,#e5eaf1);border-radius:9px}}
@media(max-width:700px){.workflows-shell{grid-template-columns:48px minmax(0,1fr)}.ww-title{padding:16px;flex-direction:column}.ww-title-actions{width:100%}.ww-title-actions select{flex:1;min-width:0}.ww-scroll{padding:12px 14px}.ww-kpis{grid-template-columns:1fr 1fr}.ww-filters{grid-template-columns:1fr 1fr}.ww-search{grid-column:1/-1}.ww-row{grid-template-columns:1fr}.ww-owner,.ww-followup{display:block}.ww-actions{display:grid;grid-template-columns:1fr 1fr}.ww-footer{padding:10px 14px}.ww-footer small{display:none}}