/* ThreeSixOh! Workflow Automation Engine V1 */
.workflow-page-head{align-items:flex-start;gap:18px}.workflow-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workflow-head-actions form{margin:0}.workflow-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.workflow-kpis article{border:1px solid var(--border,#d8e1e8);border-radius:14px;padding:17px;background:var(--panel,#fff);display:flex;flex-direction:column;gap:4px}.workflow-kpis strong{font-size:28px;line-height:1}.workflow-kpis span{font-size:12px;color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.05em}.workflow-danger strong{color:#b42318}.workflow-table small{display:block;color:var(--muted,#64748b);margin-top:4px;max-width:520px}.workflow-table code,.workflow-step code{white-space:nowrap}.workflow-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;border:1px solid var(--border,#d8e1e8)}.workflow-status-active,.workflow-status-completed{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.workflow-status-draft,.workflow-status-pending{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.workflow-status-paused,.workflow-status-cancelled{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.workflow-status-failed{background:#fef2f2;color:#b42318;border-color:#fecaca}.workflow-status-archived{background:#f8fafc;color:#64748b}.workflow-role-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-role-form label{display:grid;gap:5px}.workflow-role-form label span{font-size:12px;font-weight:700}.workflow-definition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.workflow-step{border-top:4px solid var(--tso-module,#235b7d)}.workflow-step>span,.workflow-builder-label{font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--muted,#64748b)}.workflow-step h2{font-size:18px;margin:.5rem 0}.workflow-step ul,.workflow-step ol{padding-left:20px;margin-bottom:0}.workflow-step li{margin:8px 0}.workflow-step li small{display:block;color:var(--muted,#64748b);margin-top:3px}.workflow-step-when{border-top-color:#2563eb}.workflow-step-if{border-top-color:#7c3aed}.workflow-step-then{border-top-color:#059669}.workflow-control-panel{display:flex;justify-content:space-between;align-items:center;gap:16px}.workflow-control-panel>div:first-child{display:flex;align-items:center;gap:10px}.workflow-control-panel small{color:var(--muted,#64748b)}.workflow-status-actions{display:flex;gap:7px;flex-wrap:wrap}.workflow-status-actions form{margin:0}.workflow-builder{display:grid;gap:16px}.workflow-form-grid,.workflow-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-form-grid label,.workflow-action-grid label,.workflow-builder-step>label{display:grid;gap:5px}.workflow-form-grid .wide,.workflow-action-grid .wide{grid-column:1/-1}.workflow-form-grid label span,.workflow-action-grid label span,.workflow-builder-step label span{font-size:12px;font-weight:700}.workflow-builder-step{position:relative;padding-top:38px}.workflow-builder-label{position:absolute;left:18px;top:14px}.workflow-mode{max-width:360px}.workflow-condition-list{display:grid;gap:8px;margin-top:12px}.workflow-condition-row{display:grid;grid-template-columns:34px 1.4fr 1fr 1.2fr;gap:8px;align-items:center}.workflow-condition-row>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft,#eef3f7);font-weight:700}.workflow-action-list{display:grid;gap:10px}.workflow-action-card{border:1px solid var(--border,#d8e1e8);border-radius:12px;padding:0;background:var(--panel,#fff)}.workflow-action-card summary{cursor:pointer;padding:13px 15px;font-weight:700}.workflow-action-grid{padding:0 15px 15px}.workflow-time-pair{display:grid;grid-template-columns:100px 1fr;gap:8px}.workflow-save-bar{position:sticky;bottom:12px;display:flex;justify-content:flex-end;padding:12px;border:1px solid var(--border,#d8e1e8);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 92%,transparent);backdrop-filter:blur(8px);z-index:4}
html[data-theme="dark"] body.tso-shell-enabled :where(.workflow-kpis article,.workflow-action-card){background:var(--panel,#14202b);border-color:var(--border,#334155)}html[data-theme="dark"] body.tso-shell-enabled .workflow-status-active,html[data-theme="dark"] body.tso-shell-enabled .workflow-status-completed{background:#123324;color:#9ee6b7;border-color:#245e3d}html[data-theme="dark"] body.tso-shell-enabled .workflow-status-draft,html[data-theme="dark"] body.tso-shell-enabled .workflow-status-pending{background:#132d4f;color:#a9cdfa;border-color:#2d5d8a}html[data-theme="dark"] body.tso-shell-enabled .workflow-status-paused,html[data-theme="dark"] body.tso-shell-enabled .workflow-status-cancelled{background:#3a2913;color:#f5c98b;border-color:#6b4b21}html[data-theme="dark"] body.tso-shell-enabled .workflow-status-failed{background:#401d21;color:#ffb4b8;border-color:#74313a}html[data-theme="dark"] body.tso-shell-enabled .workflow-condition-row>span{background:#223142}
@media(max-width:900px){.workflow-kpis,.workflow-definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-role-form,.workflow-form-grid,.workflow-action-grid{grid-template-columns:1fr}.workflow-form-grid .wide,.workflow-action-grid .wide{grid-column:auto}.workflow-condition-row{grid-template-columns:28px 1fr}.workflow-condition-row select,.workflow-condition-row input:last-child{grid-column:2}.workflow-control-panel{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.workflow-kpis,.workflow-definition-grid{grid-template-columns:1fr}.workflow-time-pair{grid-template-columns:90px 1fr}.workflow-head-actions{width:100%}}



/* THREESIXOH LEGACY EXCEPTION CARD V3 */
.workflow-kpi-card{
  border:1px solid var(--border,#d8e1e8);
  border-radius:14px;
  padding:17px;
  background:var(--panel,#fff);
  color:inherit;
  display:flex;
  flex-direction:column;
  gap:4px;
  text-decoration:none;
  min-width:0;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.workflow-kpi-card:hover{
  text-decoration:none;
  box-shadow:0 5px 16px rgba(15,23,42,.08);
  transform:translateY(-1px);
}
.workflow-kpi-card strong{font-size:28px;line-height:1}
.workflow-kpi-card span{
  font-size:12px;
  color:var(--muted,#64748b);
  text-transform:uppercase;
  letter-spacing:.05em;
}
.workflow-kpi-card small{
  display:block;
  margin-top:4px;
  color:var(--muted,#64748b);
  font-size:11px;
  line-height:1.35;
}
.legacy-exception-attention{
  border-color:#fecaca;
  background:#fff7f7;
  box-shadow:inset 4px 0 0 #b42318;
}
.legacy-exception-attention strong{color:#b42318}
.legacy-exception-clear{
  border-color:#bbf7d0;
  background:#f6fff8;
  box-shadow:inset 4px 0 0 #15803d;
}
.legacy-exception-clear strong{color:#166534}
html[data-theme="dark"] body.tso-shell-enabled .workflow-kpi-card{
  background:var(--panel,#14202b);
  border-color:var(--border,#334155);
  color:var(--text,#e5edf6);
}
html[data-theme="dark"] body.tso-shell-enabled .workflow-kpi-card span,
html[data-theme="dark"] body.tso-shell-enabled .workflow-kpi-card small{
  color:var(--muted,#a8b5c4);
}
html[data-theme="dark"] body.tso-shell-enabled .legacy-exception-attention{
  background:#401d21;
  border-color:#74313a;
  box-shadow:inset 4px 0 0 #ff8a91;
}
html[data-theme="dark"] body.tso-shell-enabled .legacy-exception-attention strong{
  color:#ffb4b8;
}
html[data-theme="dark"] body.tso-shell-enabled .legacy-exception-clear{
  background:#123324;
  border-color:#245e3d;
  box-shadow:inset 4px 0 0 #5fd18a;
}
html[data-theme="dark"] body.tso-shell-enabled .legacy-exception-clear strong{
  color:#9ee6b7;
}