/* Demos page additions (2026-10-07): six tabs, process redesign simulation, process mining, reporting deck. */
#demo-tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important}
#demo-tabs button{font-size:14px!important;padding:12px!important;min-height:56px!important}
@media(max-width:1000px){#demo-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){#demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.demo-break h1{margin:6px 0 10px;color:#0A1626;font:600 clamp(2rem,1.4rem + 2vw,3rem)/1.1 var(--ds-display,"Space Grotesk",sans-serif)}

.pd-panel{margin-top:22px;border:1px solid #DCE6F1;border-radius:16px;background:#fff;box-shadow:0 18px 46px rgba(11,42,82,.06);overflow:hidden}
.pd-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;padding:16px 20px;border-bottom:1px solid #EEF2F7}
.pd-head h3{margin:0;color:#0A1626;font:600 1.0625rem/1.3 var(--ds-sans,Inter,sans-serif)}
.pd-head p{margin:2px 0 0;color:#5A6A80;font-size:.8125rem}
.pd-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pd-controls label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#294662}
.pd-controls input[type=range]{width:180px;accent-color:#0e69b8}
.pd-controls select,.pd-btn{min-height:40px;border:1px solid #B8D3EB;background:#fff;border-radius:8px;padding:8px 12px;color:#054186;font:600 13px Inter,sans-serif;cursor:pointer}
.pd-btn[aria-pressed=true]{background:#054186;color:#fff;border-color:#054186}
.pd-body{padding:12px 20px 18px}
.pd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 12px}
.pd-kpi{border:1px solid #E3EAF3;border-radius:12px;padding:10px 12px;background:#FAFBFD}
.pd-kpi small{display:block;color:#5A6A80;font:600 .6875rem/1.3 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.pd-kpi b{display:block;margin-top:4px;color:#0A1626;font:600 1.375rem/1.1 var(--ds-display,"Space Grotesk",sans-serif)}
.pd-kpi b em{font-style:normal;font-size:.8125rem;color:#5A6A80;margin-left:6px;font-family:Inter,sans-serif}
.pd-kpi .is-cur{color:#B42318}.pd-kpi .is-new{color:#0E7A5F}
.pd-note{margin:10px 0 0;color:#5A6A80;font-size:.8125rem}

/* simulation */
.ps-canvas{display:block;width:100%;height:auto}
.ps-rowlabel{font:700 13px Inter,sans-serif;fill:#0A1626;letter-spacing:.02em}
.ps-flow{stroke:#C9D7E6;stroke-width:2}
.ps-start{fill:#fff;stroke:#0E8A6A;stroke-width:2.5}.ps-end{fill:#fff;stroke:#0A1626;stroke-width:3}
.ps-step{fill:#F4F8FD;stroke:#9DB7D5;stroke-width:1.5}.ps-step.is-pain{fill:#FDF1F0;stroke:#D9534F}
.ps-redesigned .ps-step{fill:#EFF8F4;stroke:#7DBFA8}
.ps-step-name{font:600 13px Inter,sans-serif;fill:#0A1626}
.ps-small{font:500 11px Inter,sans-serif;fill:#5A6A80}
.ps-ret-label{fill:#B42318;font-weight:600}
.ps-return{fill:none;stroke:#D9534F;stroke-width:1.5;stroke-dasharray:5 4;opacity:.55}.ps-return.is-heavy{stroke-width:2.5;opacity:.85}
.ps-bar-bg{fill:#E8EEF5}.ps-bar{fill:#2B6CB0;transition:width .3s}.ps-bar.is-hot{fill:#D9534F}
.ps-dot{fill:#1A7FFF}.ps-dot.is-back{fill:#D9534F}
.ps-redesigned .ps-dot{fill:#0E8A6A}
.ps-day{font:600 12px Inter,sans-serif;color:#5A6A80}

/* process mining */
.pm-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px}
.pm-map{display:block;width:100%;height:auto;background:#FAFBFD;border:1px solid #E3EAF3;border-radius:12px}
.pm-edge{fill:none;stroke-linecap:round;transition:stroke-width .3s}
.pm-elabel{font:600 11px Inter,sans-serif;fill:#26354C;paint-order:stroke;stroke:#FAFBFD;stroke-width:4px}
.pm-node rect{fill:#fff;stroke:#5B7FA6;stroke-width:1.5}
.pm-nname{font:600 12px Inter,sans-serif;fill:#0A1626}.pm-ncount{font:500 10.5px Inter,sans-serif;fill:#5A6A80}
.pm-side h4{margin:0 0 8px;color:#0A1626;font:600 .8125rem/1.3 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.pm-variant{display:block;width:100%;text-align:left;margin:0 0 8px;padding:9px 11px;border:1px solid #DCE6F1;border-radius:10px;background:#fff;cursor:pointer;font-family:Inter,sans-serif}
.pm-variant b{display:block;color:#0A1626;font-size:13px}.pm-variant span{display:block;color:#26354C;font-size:12px;margin-top:2px}.pm-variant small{display:block;color:#5A6A80;font-size:11px;margin-top:2px}
.pm-variant[aria-pressed=true]{border-color:#054186;background:#F0F6FD;box-shadow:inset 3px 0 #054186}
@media(max-width:900px){.pd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-grid{grid-template-columns:1fr}.ps-scroll,.pm-scroll{overflow:hidden}.ps-canvas,.pm-map{min-width:0;width:100%;height:auto}}   /* whole flow visible on phones, never cropped */

/* reporting deck inside the demos page: report names as tabs */
.deck-reports .deck-top{display:block}
.deck-reports .deck-tabs{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:12px}
.deck-tabgroup{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.deck-tabgroup>span{width:100%;color:#087B79;font:600 .6875rem/1.4 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.deck-reports .deck-tab{min-height:32px;padding:0 11px;font-size:.75rem}
.deck-reports .deck-tabs{gap:8px 16px}.deck-tabgroup{gap:5px}
.deck-reports .deck-tab b{display:none}
#demo-explorer .deck{width:100%;max-width:none;margin:22px 0 0}
#demo-explorer .deck-reports .deck-media{padding:12px 12px 0}