/* Workflow illustrations. Page layout is shared with Projects Dashboard. */
.wb-graph,.wb-demo {background:white;border:1px solid #e0e4ef;border-radius:15px;overflow:hidden;box-shadow:0 12px 40px #1b34780b;text-align:left}
.wb-appbar {display:flex;justify-content:space-between;gap:16px;padding:17px 22px;font-size:12px;color:#616a7e;border-bottom:1px solid #e9ecf3}
.wb-appbar:last-child {border:0;border-top:1px solid #e9ecf3;font-size:11px}
.wb-tag {background:#f0edff;color:#6953ce;padding:3px 9px;border-radius:5px}
.wb-canvas {padding:30px 22px;background-color:#fafbff;background-image:radial-gradient(#dce1ef 1px,transparent 1px);background-size:16px 16px}
.wb-node {background:white;border:1px solid #dce1ed;border-left:3px solid #5474ff;border-radius:8px;padding:14px;max-width:230px;margin:auto;box-shadow:0 3px 9px #22336608;display:grid;gap:8px}
.wb-node small {font-size:9px;color:#6d60ba;text-transform:uppercase;letter-spacing:.1em}
.wb-node strong {font-size:13px;font-weight:500;color:#222a3f}
.wb-node span {font-size:10px;color:#7b8394}
.wb-parallel {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wb-parallel .wb-node {width:100%}
.wb-connector {text-align:center;color:#98a6cf;font-size:25px;line-height:1.4}
.wb-caption {font-size:11px!important;line-height:1.6;color:#838b9d!important;text-align:center;margin:14px 0 0}
.wb-demo {padding:25px}
.wb-demo-label {font-size:12px;color:#52618b;border-bottom:1px solid #e7eaf2;padding-bottom:18px;margin:0 0 24px}
.wb-file {display:flex;align-items:center;gap:14px;border:1px solid #e3e9e8;padding:17px;border-radius:9px}
.wb-file>span {font-size:28px;color:#22986b}
.wb-file strong {font-size:12px}
.wb-file p {font-size:10px;color:#8a92a2;margin:5px 0 0}
.wb-file b {margin-left:auto;color:#22986b}
.wb-prompt {border:1px solid #e4e7f3;border-radius:10px;padding:20px;font-size:13px;line-height:1.8;margin:20px 0}
.wb-generated {background:#f0edff;padding:20px;border-radius:10px;color:#6150b5;font-size:13px}
.wb-generated p {font-size:12px;line-height:1.7}
.wb-mini-steps {display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.wb-mini-steps span,.wb-locations span {padding:8px 10px;border:1px solid #e1e6f4;border-radius:5px;font-size:10px;color:#677590}
.wb-request small {font-size:9px;letter-spacing:.1em;color:#8b94a7}
.wb-request h3,.wb-demo>h3 {font-size:24px;margin:12px 0 24px}
.wb-request dl>div {display:flex;justify-content:space-between;border-bottom:1px solid #edf0f6;padding:14px 0;font-size:11px}
.wb-request dt {color:#808a9c}
.wb-request dd {margin:0;color:#34405c}
.wb-decisions {display:flex;gap:10px;margin-top:20px}
.wb-decisions span {font-size:11px;border-radius:5px;padding:11px;background:#e8f7ef;color:#278956}
.wb-decisions span+span {background:#fff3e3;color:#a36b23}
.wb-route {font-size:11px;line-height:1.7;color:#65708a;margin-top:22px}
.wb-locations {display:flex;gap:7px;flex-wrap:wrap}
.wb-date {display:grid;gap:10px;background:#eef2ff;border-radius:10px;padding:24px;margin:24px 0}
.wb-date small {font-size:9px;color:#7b89af;letter-spacing:.1em}
.wb-date strong {font-size:26px;color:var(--blue)}
.wb-date span {font-size:11px;color:#77829c}
.wb-schedule {list-style:none;padding:0;margin:0}
.wb-schedule li {display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #e8ecf4;font-size:11px;color:#606c86}
.wb-schedule b {font-weight:500;color:#3f527f}
.wb-hero-preview,.wb-visual {min-width:0;padding:24px;border:1px solid #e7ebf3;border-radius:24px;background-color:#f3f5fb;background-image:radial-gradient(circle,rgba(0,51,255,.16) .8px,transparent 1px);background-size:14px 14px}
.wb-hero-preview {margin:0}
.wb-hero-preview .wb-caption {margin-bottom:0}
.wb-overview-preview {width:100%;padding:22px;background:white;border:1px solid #e0e4ef;border-radius:12px;box-shadow:0 10px 30px #22336608}
.wb-overview-preview>small {display:block;margin-bottom:22px;font-size:9px;letter-spacing:.1em;color:#7785a2}
.wb-overview-preview .wb-generated {font-size:12px}
.wb-overview-preview .wb-mini-steps {margin-top:0;gap:5px}
.wb-preview-line {text-align:center;color:#98a6cf;font-size:25px;padding:10px}
.workflow-builder-page .pd-proof-context {font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:1000px) {.wb-hero-preview,.wb-visual {padding:16px}}
@media(max-width:700px) {
 .wb-hero-preview,.wb-visual {padding:12px;border-radius:18px}
 .wb-parallel {gap:6px}
 .wb-node {padding:10px}
 .wb-node strong {font-size:11px}
 .wb-node span {font-size:9px}
 .wb-canvas {padding:20px 10px}
 .wb-appbar {padding:13px;font-size:10px}
 .wb-demo {padding:20px}
 .wb-hero-preview .wb-caption {font-size:9px!important}
}
@media print {.wb-hero-preview,.wb-visual {break-inside:avoid;box-shadow:none}}