.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:40px;line-height:1.4;padding-top:9px;padding-bottom:9px}.ww-search-box{display:flex;align-items:center;min-height:40px;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:36px;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}}

/* 04.37.0 — explicit workflow automation / rules engine */
.ww-tabs{display:flex;gap:6px;margin-top:15px;padding:3px;background:var(--subtle,#f5f7fb);border:1px solid var(--line,#e5eaf1);border-radius:9px;width:max-content;max-width:100%}.ww-tabs button{border:0;background:transparent;color:var(--muted,#718096);font-size:11px;font-weight:650;padding:7px 11px;border-radius:6px;white-space:nowrap}.ww-tabs button.active{background:var(--surface,#fff);color:var(--text,#203048);box-shadow:0 1px 3px rgba(31,47,70,.08)}.ww-tabs button:disabled{opacity:.55;cursor:not-allowed}
.wwa-scroll{display:flex;flex-direction:column;gap:14px}.wwa-engine,.wwa-editor,.wwa-confirm,.wwa-rule,.wwa-run-table{background:var(--surface,#fff);border:1px solid var(--line,#e5eaf1);border-radius:10px}.wwa-engine{padding:16px 18px}.wwa-engine-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.wwa-engine-head>div:last-child{display:flex;align-items:center;gap:8px}.wwa-engine h2,.wwa-toolbar h2,.wwa-editor h2,.wwa-confirm h2{margin:3px 0 4px;font-size:16px}.wwa-engine p,.wwa-toolbar p,.wwa-editor header p,.wwa-confirm>p{margin:0;color:var(--muted,#718096);font-size:11px;line-height:1.45}.wwa-safety{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line,#edf0f4);font-size:10px;color:#32734a}.wwa-safety span{display:inline-flex;align-items:center;gap:5px}.wwa-safety svg{width:12px;height:12px}
.wwa-kpis{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;margin-top:13px}.wwa-kpis div{padding:10px 11px;background:var(--subtle,#f7f9fc);border-radius:7px}.wwa-kpis small{display:block;color:var(--muted,#718096);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.wwa-kpis strong{display:block;margin-top:2px;font-size:17px}.wwa-kpis .danger strong{color:#a63c3c}
.wwa-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.wwa-toolbar h2{margin-bottom:3px}.wwa-banner{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--line,#e5eaf1);border-radius:8px;font-size:11px}.wwa-banner>div{margin-left:auto;display:flex;gap:6px}.wwa-banner.warning{background:#fff8e8;border-color:#ecd59c;color:#72591c}.wwa-banner.success{background:#eef8f1;border-color:#c9e6d1;color:#2f6e46}.wwa-banner.error{background:#fff1f1;border-color:#e8c2c2;color:#8d3535}.wwa-banner svg{width:14px;height:14px;flex:0 0 auto}
.wwa-editor,.wwa-confirm{padding:17px 18px}.wwa-editor header,.wwa-confirm header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.wwa-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.wwa-field{display:flex;flex-direction:column;gap:5px;color:var(--muted,#718096);font-size:10px}.wwa-field.wide,.wwa-action-help.wide,.wwa-form-actions.wide{grid-column:1/-1}.wwa-field input,.wwa-field select,.wwa-field textarea{width:100%;min-width:0}.wwa-field textarea{resize:vertical}.wwa-number{display:flex;align-items:center;gap:7px}.wwa-number input{flex:1}.wwa-number small{white-space:nowrap}.wwa-action-help{padding:10px 12px;border-radius:7px;background:var(--subtle,#f7f9fc);font-size:10px}.wwa-action-help strong{font-size:11px}.wwa-action-help p{margin:3px 0 0;color:var(--muted,#718096);line-height:1.45}.wwa-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:2px}.wwa-form-actions small{margin-right:auto;color:var(--muted,#718096);font-size:10px}.wwa-form-error{grid-column:1/-1;padding:9px 11px;background:#fff1f1;border:1px solid #e8c2c2;border-radius:7px;color:#8d3535;font-size:10px}.wwa-warning-callout{margin:10px 0 13px;padding:11px 12px;border-radius:8px;background:#fff8e8;border:1px solid #ecd59c;color:#72591c}.wwa-warning-callout strong{font-size:11px}.wwa-warning-callout p{margin:3px 0 0;font-size:10px;line-height:1.45}.wwa-confirm form{display:grid;gap:10px}
.wwa-rules{display:grid;gap:9px}.wwa-rule{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 15px;border-left:3px solid var(--line,#dbe2ea)}.wwa-rule.enabled{border-left-color:#4b9964}.wwa-rule-title{display:flex;align-items:center;gap:7px}.wwa-rule-title strong{font-size:13px}.wwa-rule-title small{color:var(--muted,#718096);font-size:9px}.wwa-status{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#eef1f5;color:#64748b;padding:3px 6px;border-radius:999px}.wwa-rule.enabled .wwa-status{background:#eef8f1;color:#32734a}.wwa-rule-main>p{margin:7px 0 9px;color:var(--muted,#718096);font-size:10px;line-height:1.45}.wwa-rule-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px}.wwa-rule-path>span:not(:nth-child(2)){padding:7px 9px;background:var(--subtle,#f7f9fc);border-radius:6px}.wwa-rule-path svg{width:11px;height:11px}.wwa-rule-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;color:var(--muted,#718096);font-size:9px}.wwa-rule-actions{display:flex;align-items:center;gap:6px;align-self:center}.danger-text{color:#a63c3c!important}
.wwa-run-table{overflow:hidden}.wwa-run-head,.wwa-run-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(180px,1fr) 130px 70px 150px;gap:12px;align-items:center}.wwa-run-head{padding:9px 13px;background:var(--subtle,#f5f7fb);font-size:9px;color:var(--muted,#718096);text-transform:uppercase;letter-spacing:.035em}.wwa-run-row{padding:11px 13px;border-top:1px solid var(--line,#edf0f4);font-size:10px}.wwa-run-row strong{font-size:11px}.wwa-run-row small{display:block;margin-top:3px;color:var(--muted,#718096);font-size:9px}.wwa-run-status{display:inline-block;padding:3px 6px;border-radius:999px;font-size:9px;font-weight:700}.wwa-run-status.succeeded{background:#eef8f1;color:#32734a}.wwa-run-status.failed{background:#fff1f1;color:#8d3535}.wwa-run-status.skipped{background:#f3f4f6;color:#667085}.wwa-run-status.running{background:#eef4ff;color:#2f6edb}
@media(max-width:1100px){.wwa-kpis{grid-template-columns:repeat(3,1fr)}.wwa-run-head{display:none}.wwa-run-row{grid-template-columns:1.3fr 1fr .7fr .45fr}.wwa-run-row>div:last-child{grid-column:1/-1;color:var(--muted,#718096)}.wwa-rule{grid-template-columns:1fr}.wwa-rule-actions{justify-content:flex-start}}
@media(max-width:700px){.ww-tabs{width:100%;overflow:auto}.ww-tabs button{flex:1}.wwa-engine-head,.wwa-toolbar,.wwa-editor header,.wwa-confirm header{flex-direction:column;align-items:stretch}.wwa-engine-head>div:last-child{justify-content:space-between}.wwa-kpis{grid-template-columns:1fr 1fr}.wwa-form{grid-template-columns:1fr}.wwa-field.wide,.wwa-action-help.wide,.wwa-form-actions.wide{grid-column:auto}.wwa-rule-actions{display:grid;grid-template-columns:1fr 1fr}.wwa-rule-actions .danger-text{grid-column:1/-1}.wwa-run-row{grid-template-columns:1fr 1fr}.wwa-run-row>div:last-child{grid-column:auto}.wwa-banner{align-items:flex-start;flex-wrap:wrap}.wwa-banner>div{width:100%;margin-left:0}}

/* 04.37.0 — workflow condition filters and escalation targeting */
.wwa-condition-block{border:1px solid var(--line,#e5eaf1);border-radius:9px;background:var(--subtle,#f7f9fc);padding:13px 14px}.wwa-section-head strong{display:block;font-size:12px;margin:3px 0}.wwa-section-head p{margin:0 0 11px;color:var(--muted,#718096);font-size:10px;line-height:1.45}.wwa-condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.wwa-condition-note{display:block;margin-top:9px;color:var(--muted,#718096);font-size:9px;line-height:1.4}.wwa-multi-field select{min-height:94px;padding:5px}.wwa-multi-field option{padding:6px 7px;border-radius:4px}.wwa-multi-field small{color:var(--muted,#718096);font-size:9px;line-height:1.4}.wwa-condition-summary{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:9px;color:var(--muted,#718096)}.wwa-condition-summary b{color:var(--text,#203048);font-weight:700}.wwa-action-help.wide+ .wwa-field{align-self:end}
@media(max-width:700px){.wwa-condition-grid{grid-template-columns:1fr}.wwa-condition-summary{align-items:flex-start;flex-direction:column;gap:2px}}