/* Módulo 07: caudal, consumo e informe */
.module-stage.is-caudal{background:radial-gradient(circle at 80% 32%,#16556a 0%,#0e3542 44%,#0b242d 100%)}
.module-stage.is-caudal .stage-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:clamp(36px,5vw,85px);min-height:690px}
.module-stage.is-caudal .stage-copy{padding-block:55px}.module-stage.is-caudal .stage-copy h2{font-size:clamp(58px,5.8vw,86px)}
.module-stage.is-caudal .stage-art{max-width:500px;aspect-ratio:auto}
.module-stage.is-caudal .stage-art-number,.module-stage.is-caudal .stage-art-ring{display:none}
.stage-flow-product{display:none;position:relative;width:100%;aspect-ratio:1;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.32),0 0 0 12px rgba(97,215,202,.045)}
.module-stage.is-caudal .stage-flow-product{display:block;animation:product-arrive .85s cubic-bezier(.2,.8,.2,1) both}
.stage-flow-product img{display:block;width:100%;height:100%;object-fit:cover}
.stage-flow-product figcaption{position:absolute;right:17px;bottom:17px;max-width:calc(100% - 34px);padding:10px 13px;border:1px solid rgba(0,143,137,.16);border-radius:5px;background:rgba(255,255,255,.92);color:#1d5b59;backdrop-filter:blur(8px);font-size:9px;font-weight:800;letter-spacing:.1em;text-align:right}
.flow-demo,.flow-insights,.flow-report{scroll-margin-top:76px;padding-block:clamp(90px,9vw,145px)}
.flow-demo[hidden],.flow-insights[hidden],.flow-report[hidden]{display:none}
.flow-demo{background:linear-gradient(145deg,#f5fbfa 0%,#e6f4f4 100%);color:#15373e}
.flow-demo-layout,.flow-insights-layout,.flow-report-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1fr);align-items:center;gap:clamp(50px,6vw,105px)}
.flow-demo-copy h2,.flow-insights-copy h2,.flow-report-copy h2{max-width:670px;margin:24px 0 25px;font-size:clamp(53px,5.8vw,84px);line-height:1;letter-spacing:-.075em}
.flow-demo-copy h2 em,.flow-insights-copy h2 em{color:#108da4;font-style:normal}.flow-demo-copy>p:first-of-type,.flow-insights-copy>p:first-of-type,.flow-report-copy>p:first-of-type{max-width:600px;margin:0;color:#5c7677;font-size:17px;line-height:1.65}
.flow-demo-benefits{display:grid;gap:0;max-width:590px;margin-top:36px}.flow-demo-benefits>div{padding:16px 0;border-top:1px solid #cde1df}.flow-demo-benefits span{color:#0a91a6;font-size:10px;font-weight:800;letter-spacing:.11em}.flow-demo-benefits p{margin:6px 0 0;color:#5c797a;font-size:14px;line-height:1.5}
.flow-demo-controls{display:flex;flex-wrap:wrap;gap:8px;max-width:600px;margin-top:28px}.flow-demo-controls button{min-height:42px;padding:0 14px;border:1px solid #bbd6d9;border-radius:999px;background:#fff;color:#3a707a;font-size:11px;font-weight:800;cursor:pointer;transition:background .22s,color .22s,transform .22s,border-color .22s}.flow-demo-controls button:hover{transform:translateY(-2px);border-color:#1695a5}.flow-demo-controls button[aria-pressed="true"]{border-color:#0c8697;background:#0c8697;color:#fff}.flow-demo-controls button:focus-visible,.flow-next-link:focus-visible{outline:3px solid #0c9dad;outline-offset:3px}
.flow-demo-status{min-height:21px;margin:13px 0 0!important;color:#597e82!important;font-size:11px!important;line-height:1.5!important}
.flow-next-link{display:inline-flex;gap:15px;margin-top:22px;padding-bottom:6px;border-bottom:1px solid #0b91a3;color:#0b7c8e;font-size:12px;font-weight:800;text-decoration:none;transition:gap .2s}.flow-next-link:hover{gap:22px}
.flow-demo-view,.flow-insights-view,.flow-report-view{width:100%;max-width:710px;min-width:0;justify-self:end}.flow-demo-view .demo-view-top,.flow-insights-view .demo-view-top,.flow-report-view .demo-view-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px;color:#628f95;font-size:9px;font-weight:800;letter-spacing:.11em}
.flow-demo-frame{padding:clamp(18px,3vw,32px);border:1px solid #c5dfe0;border-radius:22px;background:radial-gradient(circle at 84% 8%,#fff,#f3fbfa 68%);box-shadow:0 28px 70px rgba(14,91,105,.12)}
.flow-app-card{overflow:hidden;border:2px solid #b5d7e2;border-radius:16px;background:#fff;box-shadow:0 9px 23px rgba(26,117,141,.1);transition:border-color .35s,box-shadow .35s,background .35s}
.flow-card-head{display:flex;align-items:center;gap:10px;min-height:61px;padding:9px 15px;border-bottom:1px solid #e9f1f3}.flow-card-icon{display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:9px;background:#e1f4f7;color:#168fa8}.flow-card-icon svg{width:19px;height:19px}.flow-card-head>div{display:grid;min-width:0;gap:2px}.flow-card-head strong{overflow:hidden;color:#233942;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.flow-card-head small{color:#8a9da1;font-size:9px}.flow-card-connection{display:flex;align-items:center;gap:5px;margin-left:auto;color:#168d7b;font-size:8px;font-weight:800;white-space:nowrap}.flow-card-connection i{width:7px;height:7px;border-radius:50%;background:#19a58d;box-shadow:0 0 0 4px rgba(25,165,141,.1)}
.flow-card-live{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:172px;padding:25px 21px 22px}.flow-card-number{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.flow-card-number output{color:#1688a4;font-size:clamp(62px,6.6vw,94px);font-weight:900;letter-spacing:-.075em;line-height:1;font-variant-numeric:tabular-nums;transition:color .3s}.flow-card-number span{color:#69898d;font-size:15px;font-weight:800}.flow-state-chip{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:8px 11px;border-radius:999px;background:#eaf7f3;color:#168c77;font-size:11px;font-weight:800}.flow-state-chip i{width:7px;height:7px;border-radius:50%;background:currentColor}.flow-sparkline{flex:0 1 170px;max-width:170px;height:70px}.flow-spark-area{fill:rgba(29,163,182,.12)}.flow-spark-line{fill:none;stroke:#1a9ab2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.flow-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 15px 15px;padding:13px 0;border:1px solid #e3ecee;border-radius:10px;background:#f8fafb}.flow-card-stats>div{min-width:0;padding:0 13px}.flow-card-stats>div+div{border-left:1px solid #dce9ec}.flow-card-stats span{display:block;margin-bottom:6px;color:#188f89;font-size:8px;font-weight:800;letter-spacing:.08em}.flow-card-stats>div:nth-child(2) span{color:#8e65a8}.flow-card-stats>div:nth-child(3) span{color:#317eb2}.flow-card-stats strong{display:block;overflow:hidden;color:#25434b;font-size:clamp(17px,1.8vw,22px);font-weight:900;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.flow-card-stats small{color:#829a9e;font-size:10px;font-weight:700}
.flow-app-card[data-flow-state="pending"]{border-color:#e3b269}.flow-app-card[data-flow-state="pending"] .flow-card-number output,.flow-app-card[data-flow-state="pending"] .flow-spark-line{color:#c18728;stroke:#c18728}.flow-app-card[data-flow-state="pending"] .flow-state-chip{background:#fff4df;color:#b97718}
.flow-app-card[data-flow-state="alarm"]{border-color:#d34c48;background:#fffafa;box-shadow:0 12px 32px rgba(196,66,60,.18),0 0 0 5px rgba(196,66,60,.06)}.flow-app-card[data-flow-state="alarm"] .flow-card-number output{color:#cb403b}.flow-app-card[data-flow-state="alarm"] .flow-spark-line{stroke:#cb403b}.flow-app-card[data-flow-state="alarm"] .flow-state-chip{background:#ffe8e5;color:#c33b38}.flow-app-card[data-flow-state="alarm"] .flow-card-icon{background:#ffe9e6;color:#c33b38}
.flow-pipe-scene{margin-top:19px;padding:17px 20px 15px;overflow:hidden;border:1px solid #bddde1;border-radius:13px;background:#eaf6f8}.flow-pipe-meta{display:flex;justify-content:space-between;gap:10px;color:#4b8290;font-size:9px;font-weight:800;letter-spacing:.1em}.flow-pipe-meta strong{color:#137f91;font-size:8px}.flow-pipe{position:relative;height:75px;margin:18px 7px 14px;border:3px solid #4f8da3;border-radius:37px;background:linear-gradient(180deg,#ebfbff 0%,#bfeefa 45%,#91d3e6 100%);box-shadow:inset 0 -11px 17px rgba(42,129,168,.17),0 10px 18px rgba(51,119,141,.1)}.flow-pipe::before,.flow-pipe::after{content:"";position:absolute;z-index:2;top:-6px;bottom:-6px;width:16px;border:3px solid #44869c;border-radius:50%;background:linear-gradient(90deg,#e2f6fa,#82c8de)}.flow-pipe::before{left:-8px}.flow-pipe::after{right:-8px}.flow-pipe-liquid{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);background-size:210px 100%;animation:flow-liquid 2s linear infinite}.flow-particles i{position:absolute;z-index:1;top:50%;left:0;width:21px;height:3px;border-radius:20px;background:#258db5;opacity:.8;animation:flow-move 2.1s linear infinite}.flow-particles i:nth-child(2){top:30%;animation-delay:-.35s}.flow-particles i:nth-child(3){top:72%;animation-delay:-.72s}.flow-particles i:nth-child(4){top:46%;animation-delay:-1.08s}.flow-particles i:nth-child(5){top:62%;animation-delay:-1.45s}.flow-particles i:nth-child(6){top:23%;animation-delay:-1.78s}@keyframes flow-move{from{transform:translateX(0);opacity:0}12%,86%{opacity:.85}to{transform:translateX(590px);opacity:0}}@keyframes flow-liquid{to{background-position:210px 0}}
.flow-pipe-scene[data-flow-state="alto"] .flow-particles i{animation-duration:.8s}.flow-pipe-scene[data-flow-state="alto"] .flow-pipe{border-color:#bd7c38;background:linear-gradient(180deg,#fff7e9,#f8dba7)}.flow-pipe-scene[data-flow-state="alto"] .flow-pipe-meta strong{color:#b16e29}
.flow-pipe-scene[data-flow-state="sin"] .flow-particles i{animation-play-state:paused;opacity:0}.flow-pipe-scene[data-flow-state="sin"] .flow-pipe-liquid{animation-play-state:paused}.flow-pipe-scene[data-flow-state="sin"] .flow-pipe{background:linear-gradient(180deg,#eef4f5,#d5e4e7)}
.flow-pipe-scene[data-flow-state="inverso"] .flow-particles i{animation-direction:reverse;animation-duration:1.4s}.flow-pipe-scene[data-flow-state="inverso"] .flow-pipe-liquid{animation-direction:reverse}.flow-pipe-scene[data-flow-state="inverso"] .flow-pipe{border-color:#b96a73;background:linear-gradient(180deg,#fff4f5,#e9b8c2)}
.flow-pipe-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flow-pipe-readings>div{min-width:0}.flow-pipe-readings span{display:block;color:#77979e;font-size:8px;font-weight:800;letter-spacing:.07em}.flow-pipe-readings strong{display:block;margin-top:4px;color:#226d83;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.flow-alert{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 14px;border:1px solid #c8e1dc;border-radius:10px;background:#f4fbf8;color:#2c8069}.flow-alert>span{font-size:13px}.flow-alert strong{font-size:12px}.flow-alert p{margin:4px 0 0;color:#668d85;font-size:11px;line-height:1.5}.flow-alert.is-pending{border-color:#efdbb5;background:#fff8eb;color:#b47a26}.flow-alert.is-alarm{border-color:#eabbba;background:#fff0ee;color:#bd413b}.flow-alert.is-alarm p{color:#ab6760}.flow-demo-disclaimer,.flow-insights-disclaimer,.flow-report-disclaimer{margin:14px 0 0;color:#7e999d;font-size:11px;line-height:1.5}
.flow-insights{background:#fff;color:#15373e}.flow-insights-list{display:grid;gap:0;max-width:580px;margin-top:37px}.flow-insights-list>div{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px 0;border-top:1px solid #dbeaec}.flow-insights-list span{color:#188ba0;font-size:10px;font-weight:800}.flow-insights-list p{margin:0;color:#5f797d;font-size:14px;line-height:1.55}.flow-insights-list strong{color:#224953}
.flow-insights-dashboard{overflow:hidden;border:1px solid #c8e0e5;border-radius:17px;background:#fff;box-shadow:0 27px 65px rgba(28,99,115,.13)}.flow-insights-top{padding:26px 30px 0}.flow-insights-top>span{color:#158ca2;font-size:9px;font-weight:800;letter-spacing:.12em}.flow-insights-top strong{display:block;margin-top:8px;color:#1a3f48;font-size:27px;letter-spacing:-.05em}.flow-insights-top p{max-width:440px;margin:7px 0 0;color:#799296;font-size:12px;line-height:1.5}.flow-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;height:225px;margin:24px 30px 0;padding:0 10px 0;border-bottom:1px solid #d8e8e9;background:repeating-linear-gradient(to top,transparent 0,transparent 55px,#eaf1f2 56px)}.flow-bars>div{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;gap:8px}.flow-bars>div span{width:100%;max-width:38px;height:var(--bar);border-radius:6px 6px 0 0;background:linear-gradient(180deg,#21b3ca,#0f7f9d)}.flow-bars>div.is-peak span{background:linear-gradient(180deg,#edb662,#ca792d)}.flow-bars small{position:relative;bottom:-22px;color:#8da6a9;font-size:9px;font-weight:800}.flow-insights-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:51px 30px 0}.flow-insights-metrics>div{padding:20px;border-radius:10px;background:#edf8f9}.flow-insights-metrics>div:nth-child(2){background:#f4eff8}.flow-insights-metrics span{display:block;color:#518b93;font-size:8px;font-weight:800;letter-spacing:.1em}.flow-insights-metrics strong{display:block;margin-top:6px;color:#167890;font-size:32px;letter-spacing:-.06em}.flow-insights-metrics>div:nth-child(2) strong{color:#75559d}.flow-insights-metrics small{font-size:.5em}.flow-insights-totals{display:flex;justify-content:space-between;gap:10px;padding:21px 30px 27px;color:#839b9f;font-size:9px;font-weight:800}.flow-insights-totals span{display:grid;gap:4px}.flow-insights-totals strong{color:#2b6170;font-size:13px;font-variant-numeric:tabular-nums}
.flow-report{background:radial-gradient(circle at 85% 12%,#194d5d,#102f3d 53%,#0c2531);color:#fff}.flow-report-copy h2 em{font-style:normal;color:#78d7e1}.flow-report-copy>p:first-of-type{color:#c0d6d9}.flow-report-points{margin-top:35px}.flow-report-points>div{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;border-top:1px solid rgba(194,229,232,.22)}.flow-report-points span{color:#88dce2;font-size:10px;font-weight:800}.flow-report-points p{margin:0;color:#c0d5d8;font-size:14px;line-height:1.55}.flow-report-points strong{color:#fff}.flow-report-note{max-width:560px;margin:26px 0 0;padding:17px 19px;border:1px solid rgba(139,218,224,.23);border-radius:9px;background:rgba(255,255,255,.055);color:#c3dfe1;font-size:13px;line-height:1.6}.flow-report-view .demo-view-top{color:#a4dae0}
.flow-report-page{padding:clamp(22px,3.5vw,42px);border-radius:4px;background:#fff;color:#243f48;box-shadow:0 35px 80px rgba(0,0,0,.27);transform:rotate(1.1deg);transition:transform .4s}.flow-report-page:hover{transform:rotate(0)}.flow-report-page-head,.flow-report-page-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:17px;border-bottom:1px solid #dce9ec}.flow-report-page-head strong{font-size:20px;letter-spacing:-.08em}.flow-report-page-head em{color:#168eaa;font-style:normal}.flow-report-page-head span{color:#718f97;font-size:8px;font-weight:800;letter-spacing:.08em}.flow-report-tag{display:block;margin-top:26px;color:#178ca4;font-size:8px;font-weight:800;letter-spacing:.13em}.flow-report-page h3{margin:7px 0 4px;font-size:29px;letter-spacing:-.055em}.flow-report-page>p{margin:0;color:#81999c;font-size:11px}.flow-report-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:24px}.flow-report-figures>div{min-width:0;padding:17px;border-radius:9px;background:#eaf7f9}.flow-report-figures>div:nth-child(2){background:#f4eff8}.flow-report-figures span,.flow-report-counter span{display:block;color:#6e949d;font-size:8px;font-weight:800;letter-spacing:.08em}.flow-report-figures strong{display:block;margin-top:7px;color:#197f9b;font-size:clamp(23px,3vw,39px);letter-spacing:-.06em}.flow-report-figures>div:nth-child(2) strong{color:#77569f}.flow-report-figures small{font-size:.5em}.flow-report-counter{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:15px;padding:15px;border:1px solid #e1edf0;border-radius:8px}.flow-report-counter>span{color:#56abc0;font-size:21px}.flow-report-counter strong{display:block;margin-top:4px;color:#2a6575;font-size:15px;white-space:nowrap}.flow-report-chart{margin-top:22px;padding:14px;border:1px solid #e1ecee;border-radius:8px}.flow-report-chart>strong{font-size:11px}.flow-report-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:9px;height:110px;margin-top:12px;border-bottom:1px solid #d9e7e9}.flow-report-bars i{height:var(--bar);border-radius:4px 4px 0 0;background:#2aa3b9}.flow-report-bars i.is-peak{background:#d18f43}.flow-report-chart>div:last-child{display:flex;justify-content:space-around;margin-top:6px;color:#97adb0;font-size:7px}.flow-report-event{display:flex;gap:9px;align-items:center;margin-top:16px;padding:11px;border-radius:7px;background:#fff4e6;color:#a76b28}.flow-report-event>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d18e42;color:#fff;font-size:12px;font-weight:900}.flow-report-event strong,.flow-report-event small{display:block;font-size:10px}.flow-report-event small{margin-top:2px;color:#aa8d68;font-size:8px}.flow-report-page-foot{margin-top:22px;padding:12px 0 0;border-top:1px solid #dce9ec;border-bottom:0;color:#a3b4b7;font-size:7px;font-weight:800;letter-spacing:.05em}.flow-report-disclaimer{color:#a6cbd1}
@media(max-width:1150px){.flow-demo-layout,.flow-insights-layout,.flow-report-layout{grid-template-columns:1fr;gap:50px}.flow-demo-view,.flow-insights-view,.flow-report-view{justify-self:start}.module-stage.is-caudal .stage-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.75fr)}}
@media(max-width:760px){.module-stage.is-caudal .stage-layout{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding-bottom:36px}.module-stage.is-caudal .stage-copy{padding:49px 0 8px}.module-stage.is-caudal .stage-copy h2{font-size:clamp(50px,11vw,74px)}.module-stage.is-caudal .stage-art{position:relative;right:auto;bottom:auto;width:min(100%,470px);opacity:1;align-self:center}.flow-demo,.flow-insights,.flow-report{scroll-margin-top:68px}}
@media(max-width:600px){.flow-demo,.flow-insights,.flow-report{padding-block:75px}.flow-demo-copy h2,.flow-insights-copy h2,.flow-report-copy h2{font-size:clamp(48px,11.5vw,68px)}.flow-demo-copy>p:first-of-type,.flow-insights-copy>p:first-of-type,.flow-report-copy>p:first-of-type{font-size:15px}.flow-demo-frame{padding:14px}.flow-card-head{padding-inline:10px}.flow-card-head strong{font-size:11px}.flow-card-live{min-height:120px;padding:20px 12px;gap:6px}.flow-card-number output{font-size:clamp(47px,12vw,68px)}.flow-card-number span{font-size:11px}.flow-sparkline{flex-basis:100px;height:50px}.flow-card-stats{margin-inline:10px}.flow-card-stats>div{padding-inline:7px}.flow-card-stats strong{font-size:15px}.flow-card-stats span{font-size:7px}.flow-card-stats small{font-size:8px}.flow-pipe-scene{padding:13px}.flow-pipe-readings{gap:4px}.flow-pipe-readings span{font-size:7px}.flow-pipe-readings strong{font-size:11px}.flow-bars{gap:6px;margin-inline:16px}.flow-insights-top{padding-inline:18px}.flow-insights-metrics{margin-inline:16px;gap:7px}.flow-insights-metrics>div{padding:13px}.flow-insights-metrics strong{font-size:25px}.flow-insights-totals{padding-inline:17px;font-size:7px}.flow-insights-totals strong{font-size:11px}.flow-report-page{transform:none}.flow-report-figures>div{padding:11px}.flow-report-counter{gap:5px;padding:11px}.flow-report-counter strong{font-size:10px}.flow-report-page-head span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.module-stage.is-caudal .stage-flow-product,.flow-pipe-liquid,.flow-particles i{animation:none!important}.flow-demo-controls button,.flow-app-card,.flow-report-page{transition:none}}

/* Vista del informe de caudal, siguiendo la estructura del PDF de la app. */
.flow-pdf-page{width:100%;padding:clamp(18px,2.7vw,32px);background:#fff;color:#263238;box-shadow:0 35px 80px rgba(0,0,0,.27);font-family:"DM Sans",sans-serif;font-size:10px;line-height:1.4}
.flow-pdf-page *{box-sizing:border-box}
.flow-pdf-header{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:15px;padding-bottom:13px;border-bottom:3px solid #0277bd}
.flow-pdf-header img{display:block;width:96px;height:48px;object-fit:contain}
.flow-pdf-header strong,.flow-pdf-header span{display:block}.flow-pdf-header strong{color:#173e56;font-size:12px;letter-spacing:.04em}.flow-pdf-header span{margin-top:3px;color:#657d89;font-size:8px}.flow-pdf-header small{color:#0277bd;font-size:7px;font-weight:800;letter-spacing:.1em;text-align:right}
.flow-pdf-liquidation{margin-top:17px;padding:7px;border:1px solid #6a1b9a;border-radius:6px;background:#f3e5f5}
.flow-pdf-band{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;color:#fff;border-radius:4px}.flow-pdf-band strong{font-size:9px;letter-spacing:.11em}.flow-pdf-band span{font-size:8px}.flow-pdf-band-purple{background:#6a1b9a}.flow-pdf-band-blue{margin-top:15px;background:#0277bd}
.flow-pdf-primary{display:grid;grid-template-columns:3fr 4fr;gap:24px;padding:17px 12px 14px}.flow-pdf-primary>div+div{padding-left:23px;border-left:1px solid #6a1b9a}.flow-pdf-primary span,.flow-pdf-primary strong,.flow-pdf-primary em{display:block}.flow-pdf-primary span{color:#0277bd;font-size:8px;font-weight:800;letter-spacing:.08em}.flow-pdf-primary>div+div span{color:#6a1b9a}.flow-pdf-primary strong{margin-top:3px;color:#0277bd;font-size:clamp(27px,3vw,37px);line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.flow-pdf-primary>div+div strong{color:#6a1b9a}.flow-pdf-primary strong small{font-size:.42em;letter-spacing:0}.flow-pdf-primary em{margin-top:3px;color:#6e747a;font-size:9px;font-style:normal}
.flow-pdf-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:13px 12px;border-top:1px solid #e6caed}.flow-pdf-facts span,.flow-pdf-facts strong{display:block}.flow-pdf-facts span{min-height:18px;color:#697780;font-size:6px;font-weight:800;letter-spacing:.045em}.flow-pdf-facts strong{color:#263d4b;font-size:10px;font-variant-numeric:tabular-nums}
.flow-pdf-reconcile{margin:2px 7px 5px;padding:9px 11px;border:1px solid #bad8c6;border-radius:4px;background:#ecf7ef}.flow-pdf-reconcile span{display:flex;justify-content:space-between;gap:10px;color:#2e7d32;font-size:7px;font-weight:800;letter-spacing:.09em}.flow-pdf-reconcile span strong{letter-spacing:0}.flow-pdf-reconcile p{margin:4px 0 0;color:#466a52;font-size:8px}
.flow-pdf-supply{margin-top:12px;padding:12px;border:1px solid #0277bd;border-radius:6px;background:#e1f5fe}.flow-pdf-supply>strong{color:#0277bd;font-size:9px;letter-spacing:.11em}.flow-pdf-supply>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 7px;margin-top:10px}.flow-pdf-supply span{display:block;color:#5c7480;font-size:6px;font-weight:800;letter-spacing:.03em}.flow-pdf-supply b{display:block;margin-top:3px;color:#294451;font-size:9px;font-weight:700;letter-spacing:0}
.flow-pdf-chart{position:relative;height:165px;margin-top:11px;padding:10px 15px 0;border:1px solid #dbe7eb;border-radius:4px;background:#fff}.flow-pdf-grid{position:absolute;inset:10px 15px 39px;background:repeating-linear-gradient(to top,#e8f0f3 0,#e8f0f3 1px,transparent 1px,transparent 26px)}.flow-pdf-mean{position:absolute;z-index:2;right:15px;bottom:94px;left:15px;border-top:2px dashed #8e5db0}.flow-pdf-columns{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:115px;padding-inline:8px;border-bottom:1px solid #8da7b4}.flow-pdf-columns i{display:block;width:100%;max-width:40px;height:var(--bar);justify-self:center;border-radius:2px 2px 0 0;background:#0277bd}.flow-pdf-columns i.has-alarm{background:#ffb300}.flow-pdf-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:5px 8px 0;color:#718994;font-size:7px;text-align:center}.flow-pdf-chart p{margin:7px 0 0;color:#647e88;font-size:7px;text-align:right}
.flow-pdf-table{margin-top:11px;border:1px solid #d9e5ea;border-radius:3px;overflow:hidden}.flow-pdf-table>div{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:4px;padding:6px 8px;border-top:1px solid #e5edef;font-size:8px;font-variant-numeric:tabular-nums}.flow-pdf-table>div:first-child{border-top:0;background:#e1f5fe;color:#0277bd;font-size:7px;font-weight:800}.flow-pdf-table>div:last-child{background:#edf7fa;color:#1b526b;font-weight:800}.flow-pdf-table span:not(:first-child){text-align:right}
.flow-pdf-footer{display:flex;justify-content:space-between;gap:12px;margin-top:17px;padding-top:9px;border-top:1px solid #d9e5ea;color:#80919a;font-size:7px;font-weight:700;letter-spacing:.05em}
@media(max-width:600px){.flow-pdf-page{padding:15px}.flow-pdf-header{grid-template-columns:66px minmax(0,1fr);gap:8px}.flow-pdf-header img{width:66px;height:40px}.flow-pdf-header strong{font-size:9px}.flow-pdf-header span{font-size:7px}.flow-pdf-header small{display:none}.flow-pdf-primary{gap:9px;padding:14px 5px 12px}.flow-pdf-primary>div+div{padding-left:10px}.flow-pdf-primary strong{font-size:clamp(21px,6vw,31px)}.flow-pdf-primary span{font-size:6px}.flow-pdf-primary em{font-size:7px}.flow-pdf-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;padding-inline:5px}.flow-pdf-facts strong{font-size:9px}.flow-pdf-supply>div{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-pdf-supply b{font-size:8px}.flow-pdf-columns,.flow-pdf-labels{gap:4px}.flow-pdf-table>div{font-size:7px;padding-inline:4px;gap:2px}.flow-pdf-table>div:first-child{font-size:6px}}