/* Local dark teal Canigenix styling; inherits current clinic typography. */
.cx-flow-panel{padding:20px;margin:14px 0;border:1px solid #436572;border-radius:14px;background:#18343c;color:#e5f4f2}
.cx-flow-panel[hidden]{display:none!important}
.cx-flow-head,.cx-flow-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cx-flow-head h3{margin:4px 0;font-size:1.13rem;color:#edfbf8}
.cx-flow-muted,.cx-flow-message,.cx-flow-footnote{color:#c3dad8;font-size:.88rem;line-height:1.5}
.cx-flow-patient{display:block;color:#f3fffc;margin:12px 0}
.cx-flow-counts{font-size:.88rem;color:#94e0cd}
.cx-flow-error{color:#ffcdc1!important}
.cx-flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px;margin-top:16px}
.cx-flow-card{background:#203f49;border:1px solid #50747c;border-radius:12px;padding:13px;min-width:0}
.cx-flow-card h4{font-size:.97rem;color:#f0fffc;margin:0}
.cx-flow-card .cx-flow-link{border-color:#6ca39e!important;color:#d4f8ef!important;background:#19323a!important;font-size:.78rem;padding:8px 10px}
.cx-flow-card .cx-flow-link:hover,.cx-flow-head button:hover{filter:brightness(1.12)}
.cx-flow-items{list-style:none;margin:13px 0 6px;padding:0;display:grid;gap:8px}
.cx-flow-items li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #41616a;line-height:1.4;font-size:.84rem}
.cx-flow-items li span{overflow-wrap:anywhere;color:#ecf8f6}
.cx-flow-items li strong{white-space:nowrap;font-weight:650;color:#a9e6d4;font-size:.76rem;text-transform:capitalize}
.cx-flow-footnote{font-size:.75rem;margin:10px 0 0}
@media(max-width:580px){.cx-flow-panel{padding:13px}.cx-flow-grid{grid-template-columns:1fr}.cx-flow-card-top{align-items:flex-start}}

/* v36: a shorter overview; empty/optional workflows are still one click away. */
#cxWorkflowCards > .cx-flow-subheading,
#cxWorkflowCards > .cx-flow-empty-message {grid-column:1/-1;margin:0;color:#e7f9f3;line-height:1.45;}
#cxWorkflowCards > .cx-flow-subheading {font-weight:750;font-size:.9rem;}
#cxWorkflowCards > .cx-flow-empty-message {font-size:.88rem;color:#bedbd6;}
#cxWorkflowOtherAreas {grid-column:1/-1;min-width:0;border:1px solid #51737a;background:#12303a;border-radius:12px;padding:0 12px;}
#cxWorkflowOtherAreas > summary {padding:13px 4px;cursor:pointer;font-size:.88rem;font-weight:750;color:#dcf3ec;}
#cxWorkflowOtherAreas > summary:focus-visible {outline:3px solid #e3ee94;outline-offset:2px;border-radius:3px;}
#cxWorkflowOtherAreas > .cx-flow-muted {margin:1px 4px 12px;}
#cxWorkflowOtherAreas > .cx-flow-other-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px;padding:0 0 12px;}
#cxWorkflowOtherAreas:not([open]) > .cx-flow-other-grid,#cxWorkflowOtherAreas:not([open]) > .cx-flow-muted{display:none;}
@media(max-width:580px){#cxWorkflowOtherAreas > .cx-flow-other-grid{grid-template-columns:1fr;}}