/* Product content only. Shared navigation and footer remain in styles.css. */
.cp-page{--cp-paper:#f6f8f6;--cp-ink:#20383e;--cp-dim:#61757b;--cp-border:#e3e9e6}
.cp-page h1,.cp-page h2,.cp-page h3{font-family:'Inter Tight',system-ui,sans-serif;font-weight:400;letter-spacing:-.035em}
.cp-page h1{font-size:clamp(40px,4.8vw,68px);line-height:1.04;margin:24px 0;max-width:940px}
.cp-page h2{font-size:clamp(30px,3.1vw,44px);line-height:1.12;margin:16px 0 22px}
.cp-page h3{font-size:26px;line-height:1.2;margin:20px 0 10px}
.cp-page p{line-height:1.65}.cp-page em{color:var(--acc);font-style:normal}
.cp-page a:focus-visible,.cp-page button:focus-visible,.cp-page [tabindex]:focus-visible{outline:2px solid var(--acc);outline-offset:5px}
.cp-page button{font-family:inherit}.cp-hero{padding:126px 0 64px}
.cp-hero-desc{max-width:630px;font-size:20px;color:var(--muted);margin:0 0 26px}.cp-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.cp-link{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.5}.cp-link:hover{color:var(--acc)}
.cp-gallery{margin-top:56px}.cp-tabs{display:flex;gap:8px;padding:0 0 16px;overflow-x:auto;scrollbar-width:thin}.cp-tabs button{flex:0 0 auto;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:14px;padding:12px 18px;cursor:pointer;line-height:1.4}.cp-tabs button:hover{color:var(--ink);border-color:#527365}.cp-tabs button[aria-selected=true]{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.cp-gallery [hidden]{display:none}.cp-gallery-description{font-size:15px;color:var(--muted);margin:15px 0 0}.cp-visual{margin:0;min-width:0}.cp-visual-stage{padding:30px;background:linear-gradient(145deg,#9fafaa,#ced7c1 60%,#899f99);border-radius:5px;overflow:auto;scrollbar-width:thin;border:1px solid #748d8044}.cp-hero-visual .cp-visual-stage{padding:32px 50px}.cp-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;color:var(--muted);font-size:12px}.cp-expand{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:7px 0;font-size:13px}.cp-expand:hover{color:var(--acc)}.cp-expand svg{width:15px;height:15px}
/* Illustrative UI. Kept as editable markup until real product captures arrive. */
.cp-screen{background:var(--cp-paper);color:var(--cp-ink);border:1px solid #c9d3cd;border-radius:6px;box-shadow:0 14px 30px #17312b24;overflow:hidden;text-align:left;font-family:'Inter',sans-serif;font-size:14px;min-width:0}.cp-appbar{display:flex;align-items:center;gap:10px;height:54px;padding:0 22px;background:#fff;border-bottom:1px solid var(--cp-border)}.cp-appbar>img{object-fit:contain;width:79px;height:23px}.cp-appbar>span{font-size:13px}.cp-appbar-right{margin-left:auto;display:flex;align-items:center;gap:20px;color:var(--cp-dim);font-size:11px!important}.cp-appbar-right b{background:#e5ece8;border-radius:5px;display:grid;place-items:center;width:25px;height:25px;font-size:11px}
.cp-app-layout{display:grid;grid-template-columns:155px minmax(0,1fr)}.cp-app-sidebar{display:flex;flex-direction:column;gap:9px;padding:28px 12px 18px;background:#fbfcfb;border-right:1px solid var(--cp-border)}.cp-app-sidebar>small{font-size:10px;letter-spacing:.08em;color:#80918e;margin:0 5px 17px}.cp-app-sidebar>span{padding:10px 8px;font-size:12px;color:#647974;border-radius:4px;white-space:nowrap}.cp-app-sidebar>span>i{font-style:normal;font-size:16px;display:inline-block;width:23px;vertical-align:middle}.cp-app-sidebar>span.is-active{background:#e5eedc;color:#345936;font-weight:600}.cp-app-sidebar>span.cp-settings{margin-top:auto}
.cp-app-main{padding:26px;min-width:0}.cp-ui-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.cp-ui-heading small{font-size:10px;letter-spacing:.1em;color:var(--cp-dim)}.cp-screen .cp-ui-heading h3{font-family:'Inter',sans-serif;font-weight:500;letter-spacing:-.02em;font-size:23px;margin:7px 0 0}.cp-date{font-size:11px;color:var(--cp-dim);white-space:nowrap}.cp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:23px}.cp-stat{padding:17px;border:1px solid var(--cp-border);border-radius:4px;background:white}.cp-stat>span{font-size:12px;color:var(--cp-dim);display:block}.cp-stat strong{font-weight:500;font-size:28px;letter-spacing:-.04em;display:block;margin:9px 0 4px;white-space:nowrap}.cp-stat small{font-size:10px;color:var(--cp-dim)}.cp-stat:first-child{background:#f2f5e9;border-color:#d4dec8}
.cp-ui-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 12px;font-size:12px}.cp-ui-toolbar>span+span{padding:10px 14px;background:#fff;border:1px solid var(--cp-border);border-radius:4px;color:var(--cp-dim);font-size:11px}.cp-ui-toolbar b{font-size:10px;background:#e5ece5;padding:3px 6px;margin-left:8px;border-radius:4px}.cp-table-scroll{overflow:auto;scrollbar-width:thin;background:#fff;border:1px solid var(--cp-border);border-radius:5px}.cp-screen table{width:100%;border-collapse:collapse;white-space:nowrap}.cp-screen th,.cp-screen td{padding:14px 13px;font-size:12px;text-align:left;border-bottom:1px solid var(--cp-border)}.cp-screen th{font-size:11px;color:var(--cp-dim);font-weight:500;background:#f8faf7}.cp-screen td b{font-weight:500}.cp-screen td small{font-size:10px;display:block;color:var(--cp-dim);margin-top:6px}.cp-screen tbody tr:last-child td{border:0}.cp-badge{display:inline-block;font-size:10px;line-height:1.5;padding:4px 8px;border-radius:4px;white-space:nowrap;font-weight:500}.cp-badge.green{background:#e6f0db;color:#466534}.cp-badge.amber{background:#fff0d3;color:#805d1f}.cp-badge.neutral{background:#ecf0ef;color:#647772}.cp-ui-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--cp-dim);padding-top:15px}
.cp-ui-tabs{display:flex;gap:24px;border-bottom:1px solid var(--cp-border);margin-bottom:23px;font-size:12px;white-space:nowrap;overflow:hidden}.cp-ui-tabs>*{padding:0 0 12px}.cp-ui-tabs b{border-bottom:2px solid #527854;color:#527854;font-weight:500}.cp-ui-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cp-ui-panel{background:#fff;border:1px solid var(--cp-border);border-radius:5px;padding:18px;min-width:0}.cp-ui-panel h4{font-size:13px;font-weight:500;margin:0 0 15px}.cp-ui-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--cp-border);padding:13px 0;font-size:11px}.cp-ui-row>span{color:var(--cp-dim)}.cp-ui-row>b{font-weight:500;text-align:right}.cp-ui-row:last-child{border:0}.cp-chart{height:139px;display:flex;align-items:end;gap:13px;padding-bottom:22px;margin-top:20px;border-bottom:1px solid var(--cp-border)}.cp-chart>div{flex:1;height:100%;display:flex;gap:4px;position:relative;align-items:end}.cp-chart i{flex:1;height:var(--bar);background:#477960;border-radius:2px 2px 0 0}.cp-chart i+i{background:#c1d695}.cp-chart div>span{position:absolute;bottom:-18px;width:100%;text-align:center;font-size:10px;color:var(--cp-dim)}.cp-chart-key{display:flex;gap:20px;font-size:10px;color:#477960;padding-top:15px}.cp-chart-key>span+span{color:#758c4c}.cp-timeline{display:grid;gap:21px}.cp-timeline>div{display:flex;gap:12px;align-items:flex-start}.cp-timeline i{font-style:normal;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#e6efdb;color:#56733e;display:grid;place-items:center;font-size:12px}.cp-timeline p{margin:0;line-height:1.5}.cp-timeline b{display:block;font-weight:500;font-size:12px}.cp-timeline span{display:block;color:var(--cp-dim);font-size:10px;margin-top:5px}.cp-ui-result{display:flex;gap:13px;align-items:center;margin-top:18px;background:#ebf2e4;border:1px solid #d6e2ca;border-radius:5px;padding:18px}.cp-ui-result>span:first-child{font-size:22px;color:#52743b}.cp-ui-result strong{font-size:14px;font-weight:500;display:block}.cp-ui-result small{color:var(--cp-dim);font-size:11px;display:block;margin-top:5px}.cp-ui-result>.cp-badge{margin-left:auto}
.cp-flow-canvas{padding:9px 20px 15px;background-image:radial-gradient(#bac8bc 1px,transparent 1px);background-size:15px 15px}.cp-flow-card{max-width:300px;margin:auto;padding:16px 20px;border:1px solid #d9e0d6;border-radius:5px;background:#fff;box-shadow:0 5px 10px #12261708}.cp-flow-card small{display:block;font-size:9px;letter-spacing:.08em;color:#73886a}.cp-flow-card b{display:block;font-size:13px;font-weight:500;margin:7px 0}.cp-flow-card>span{font-size:11px;color:var(--cp-dim)}.cp-flow-line{text-align:center;padding:9px;color:#7b9075}.cp-flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:560px;margin:auto}.cp-flow-branches>.cp-flow-card{margin:0}.cp-flow-card.positive{background:#eff5e7;border-color:#b9d0a4}.cp-wizard{display:flex;gap:14px;margin-bottom:28px;border-bottom:1px solid var(--cp-border);font-size:11px;white-space:nowrap;overflow:hidden}.cp-wizard>*{padding-bottom:12px;font-weight:400;color:#8a9a91}.cp-wizard>b{color:#527646;border-bottom:2px solid #698a57}.cp-ui-note{font-size:11px;color:var(--cp-dim);padding:19px 0 3px}.cp-aging{display:grid;gap:18px;padding-top:8px}.cp-aging>div{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:8px;font-size:10px;color:var(--cp-dim)}.cp-aging i{height:12px;width:var(--bar);background:#799968;border-radius:2px}.cp-aging>div:nth-child(n+3) i{background:#c9ba8c}
/* Visual index: two large previews followed by three compact previews. */
.cp-section{padding:74px 0}.cp-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.cp-section-heading h2{margin-bottom:0}.cp-section-heading>p{max-width:345px;font-size:16px;color:var(--muted);margin:0}.cp-feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 24px}.cp-feature-card{grid-column:span 2;text-decoration:none;color:var(--ink);min-width:0}.cp-card-wide{grid-column:span 3}.cp-card-preview{position:relative;aspect-ratio:1.55;background:linear-gradient(135deg,#96aaa5,#c9d3c0);border-radius:4px;overflow:hidden}.cp-tone-esteiras{background:linear-gradient(135deg,#b2b8aa,#e1dec8)}.cp-tone-cliente{background:linear-gradient(135deg,#a3b9bb,#dae0d1)}.cp-tone-biro{background:linear-gradient(135deg,#97a7a7,#c7d9d3)}.cp-tone-central{background:linear-gradient(135deg,#a0ae93,#d6d9bd)}.cp-card-preview .cp-screen{position:absolute;left:25px;top:25px;width:230%;transform:scale(.435);transform-origin:top left;pointer-events:none}.cp-card-wide .cp-screen{width:150%;transform:scale(.667)}.cp-card-arrow{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--bg);color:var(--acc);transition:transform .2s}.cp-card-arrow svg{width:16px;height:16px}.cp-feature-card:hover .cp-card-arrow{transform:translate(2px,-2px)}.cp-feature-card:hover>h3{color:var(--acc)}.cp-feature-card h3{font-size:24px;margin:19px 0 8px}.cp-feature-card p{font-size:15px;color:var(--muted);max-width:480px;margin:0}.cp-details{border-top:1px solid var(--line);margin-top:20px}.cp-detail{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center;padding:60px 0;scroll-margin-top:22px}.cp-detail-reverse{grid-template-columns:1.18fr .82fr}.cp-detail-reverse .cp-visual{order:-1}.cp-detail h2{font-size:clamp(30px,2.6vw,37px);margin:17px 0}.cp-number{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cp-detail-copy>p{font-size:16px;color:var(--muted);margin:0}.cp-detail dl{margin:25px 0 0}.cp-detail dt{font-weight:500;font-size:15px;margin-top:18px}.cp-detail dd{font-size:14px;line-height:1.7;color:var(--muted);margin:5px 0 0}.cp-detail .cp-visual-stage{padding:28px 20px}.cp-detail .cp-app-layout{display:block}.cp-detail .cp-app-sidebar{display:none}.cp-detail .cp-app-main{padding:20px}.cp-detail .cp-screen .cp-ui-heading h3{font-size:20px}.cp-detail .cp-date{display:none}.cp-detail .cp-stats{gap:9px}.cp-detail .cp-stat{padding:12px}.cp-detail .cp-stat strong{font-size:24px}.cp-detail .cp-ui-panel{padding:14px}.cp-detail .cp-appbar-right{font-size:10px!important}.cp-detail .cp-ui-columns{gap:10px}.cp-footnote{border-left:2px solid var(--acc);padding:2px 0 2px 12px;font-size:13px!important;margin-top:25px!important}.cp-datahub{background:var(--surface);border-block:1px solid var(--line)}.cp-datahub .cp-section-heading>p{max-width:405px}.cp-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:46px}.cp-data-grid>div{border-top:1px solid var(--line);padding-top:20px}.cp-data-grid>div>span{font-size:13px;color:var(--acc)}.cp-data-grid h3{font-size:23px}.cp-data-grid p{color:var(--muted);font-size:15px}.cp-bottom{text-align:center;padding-block:92px;background:radial-gradient(ellipse at 50% 120%,#1d3939,transparent 65%)}.cp-bottom p{font-size:17px;color:var(--muted);margin:0 0 27px}.cp-bottom h2{font-size:clamp(36px,4vw,52px)}
/* Enlarged view retains readable UI on narrow screens with horizontal scrolling. */
.cp-dialog{max-width:none;width:min(1180px,calc(100% - 36px));max-height:90dvh;border:1px solid #456255;border-radius:8px;background:var(--bg);color:var(--ink);padding:24px;overflow:auto}.cp-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.cp-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.cp-dialog-head small{font-size:11px;letter-spacing:.1em;color:var(--muted)}.cp-dialog-head h2{font-size:26px;margin:8px 0 0}.cp-dialog-close{border:1px solid var(--line);color:var(--ink);background:transparent;padding:10px 13px;border-radius:4px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:15px}.cp-dialog-close>span{font-size:26px;line-height:1}.cp-dialog-body{overflow:auto;padding-bottom:7px;scrollbar-width:thin}.cp-dialog-body .cp-screen{min-width:850px}.cp-dialog-caption{font-size:12px;color:var(--muted);margin:14px 0 0}.cp-dialog-open{overflow:hidden}
@media(min-width:1500px){.cp-hero{padding-top:145px}}
@media(max-width:1050px){.cp-detail{gap:35px;grid-template-columns:1fr 1.15fr}.cp-detail-reverse{grid-template-columns:1.15fr 1fr}.cp-hero-visual .cp-visual-stage{padding:25px}.cp-detail .cp-visual-stage{padding:20px 15px}.cp-detail .cp-screen{min-width:480px}.cp-detail .cp-visual-stage{overflow:auto}.cp-card-preview .cp-screen{left:18px;top:20px}.cp-card-preview{aspect-ratio:1.4}.cp-detail .cp-stat strong{font-size:22px}.cp-ui-panel{padding:14px}.cp-app-main{padding:22px}.cp-ui-columns{gap:12px}}
@media(max-width:760px){.cp-page .wrap{padding-inline:22px}.cp-hero{padding:105px 0 35px}.cp-page h1{font-size:clamp(36px,7.4vw,48px);margin-top:20px}.cp-page h1 br{display:none}.cp-hero-desc{font-size:18px}.cp-actions{gap:23px}.cp-actions .btn{font-size:13px;padding:15px 20px}.cp-gallery{margin-top:36px}.cp-tabs{gap:7px;margin-inline:-2px;padding:3px 2px 15px}.cp-tabs button{font-size:13px;padding:11px 14px}.cp-visual-stage,.cp-hero-visual .cp-visual-stage{padding:18px 14px}.cp-hero-visual .cp-screen{min-width:690px}.cp-visual figcaption{font-size:11px}.cp-gallery-description{font-size:14px}.cp-section{padding:48px 0}.cp-section-heading{display:block;margin-bottom:27px}.cp-section-heading h2{font-size:32px}.cp-section-heading>p,.cp-section-heading>.cp-link{margin-top:18px}.cp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.cp-feature-card{grid-column:span 1}.cp-card-wide{grid-column:span 2}.cp-feature-card:last-child{grid-column:span 2}.cp-card-wide .cp-screen{width:190%;transform:scale(.526)}.cp-feature-card:last-child .cp-screen{width:190%;transform:scale(.526)}.cp-card-preview{aspect-ratio:1.1}.cp-card-wide .cp-card-preview,.cp-feature-card:last-child .cp-card-preview{aspect-ratio:1.65}.cp-feature-card h3{font-size:21px;margin-top:15px}.cp-feature-card p{font-size:14px}.cp-detail,.cp-detail-reverse{grid-template-columns:1fr;gap:26px;padding:38px 0}.cp-detail-reverse .cp-visual{order:initial}.cp-detail h2{font-size:32px}.cp-detail .cp-screen{min-width:510px}.cp-detail .cp-visual-stage{padding:20px 14px}.cp-detail-copy>p{font-size:16px}.cp-detail dl{display:grid;grid-template-columns:1fr;gap:0;margin-top:18px}.cp-detail dt{margin-top:16px}.cp-data-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.cp-data-grid h3{margin-top:14px}.cp-data-grid p{margin-bottom:0}.cp-bottom{padding-block:65px}.cp-dialog{padding:17px;width:calc(100% - 20px)}.cp-dialog-head{gap:10px}.cp-dialog-head h2{font-size:22px}.cp-dialog-close{padding:8px}.cp-dialog-head small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cp-page *{transition:none!important}}

.cp-screen-frame{min-width:0}.cp-screen-frame>.cp-screen{transform-origin:top left}
@media(max-width:760px){.cp-feature-card:not(.cp-card-wide):not(:last-child) .cp-card-preview .cp-screen{width:480%;transform:scale(.20833)}}

/* Orders preview follows the supplied Arpex Connect screen, with synthetic data. */
.cp-orders-screen{background:#e9edf3;color:#364350;border-color:#d7dfe8;border-radius:5px;font-family:'Inter',sans-serif}
.cp-orders-screen svg{width:15px;height:15px;flex-shrink:0;vertical-align:middle}
.cp-orders-topbar{height:53px;display:flex;align-items:center;gap:15px;padding:0 18px;background:#f6f8fb;border-bottom:1px solid #d9e1eb}
.cp-orders-topbar>img{width:88px;height:25px;object-fit:contain}
.cp-orders-product{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;border-left:1px solid #dce3eb;padding-left:14px}.cp-orders-product svg{color:#24a59f}.cp-orders-demo{font-size:11px;letter-spacing:.02em;color:#7d8a9c;margin-left:5px}
.cp-orders-tools{display:flex;gap:18px;align-items:center;margin-left:auto;color:#718092}.cp-orders-tools>svg{width:17px;height:17px}.cp-orders-notification{position:relative}.cp-orders-notification b{position:absolute;top:-8px;right:-6px;color:white;background:#f23c49;border-radius:7px;font-size:9px;line-height:12px;padding:0 4px;font-weight:500}.cp-orders-avatar{display:grid;place-items:center;width:31px;height:31px;background:#f3a000;color:white;border-radius:50%;font-size:13px}
.cp-orders-nav{padding:10px 18px;border-bottom:1px solid #d8e0e9}.cp-orders-nav>div{display:inline-flex;border:1px solid #d2dce7;padding:3px;border-radius:8px;gap:3px}.cp-orders-nav span{display:flex;gap:7px;align-items:center;padding:6px 11px;font-size:13px;color:#6d7b8d}.cp-orders-nav span svg{width:12px;height:12px}.cp-orders-nav .selected{background:#f7f9fb;color:#159e98;border-radius:6px}
.cp-orders-content{padding:18px 18px 0}.cp-orders-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:16px}.cp-orders-metric{position:relative;background:#f6f8fc;border:1px solid #d6dfea;border-left:3px solid var(--metric-color);border-radius:6px;padding:10px 9px 9px;box-shadow:0 2px 3px #46688e08;min-height:67px}.cp-orders-metric.blue{--metric-color:#3973ff}.cp-orders-metric.purple{--metric-color:#9358f7}.cp-orders-metric.orange{--metric-color:#f39b22}.cp-orders-metric.teal{--metric-color:#1cadab}.cp-orders-metric.red{--metric-color:#f64f59}.cp-orders-metric.selected{background:#dce5f5}.cp-orders-metric>span{display:block;text-transform:uppercase;font-size:10px;font-weight:500;line-height:1.2;padding-right:12px;color:#768295}.cp-orders-metric>svg{position:absolute;right:9px;top:10px;color:var(--metric-color);width:12px;height:12px}.cp-orders-metric strong{display:block;font-size:18px;font-weight:600;line-height:1.3;margin-top:5px}.cp-orders-metric small{display:block;font-size:11px;color:#7b889a;margin-top:2px}.cp-orders-manage{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:1px dashed #d3dde8;border-radius:7px;color:#768295}.cp-orders-manage>span{font-size:10px;text-transform:uppercase}
.cp-orders-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.cp-screen .cp-orders-heading h3{display:flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;font-size:16px;font-weight:500;letter-spacing:-.025em;margin:0 0 5px}.cp-orders-heading h3 svg{color:#1ca9a4}.cp-orders-heading p{font-size:12px;color:#78879a;margin:0;line-height:1.35}.cp-orders-toolbar{display:flex;gap:7px;color:#7e8b9c;align-items:center}.cp-orders-toolbar>span{display:flex;align-items:center;justify-content:center;height:28px;min-width:27px;border:1px solid #d2dce7;border-radius:5px}.cp-orders-toolbar>span>svg{width:14px;height:14px}.cp-orders-toolbar>.cp-orders-search{justify-content:flex-start;gap:8px;width:149px;padding:0 9px;font-size:12px}
.cp-screen .cp-orders-table{table-layout:fixed;width:100%;border-collapse:collapse;white-space:normal;background:#f5f7fb}.cp-orders-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cp-screen .cp-orders-table th{font-size:10px;font-weight:600;letter-spacing:.01em;color:#7a8799;background:#e9edf3;padding:4px 6px 10px;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #d8e0eb}.cp-orders-table th svg{width:9px;height:9px;margin-left:3px}.cp-screen .cp-orders-table td{font-size:13px;padding:15px 8px;vertical-align:middle;border-bottom:1px solid #d9e1eb;line-height:1.45}.cp-screen .cp-orders-table tr:last-child td{border-bottom:1px solid #d9e1eb}.cp-orders-table tbody tr.pending{background:#f5f3e3}.cp-orders-table tbody tr.stock{background:#f4e7eb}.cp-orders-table tbody tr.pending td:first-child{border-left:2px solid #e4b522}.cp-orders-table tbody tr.stock td:first-child{border-left:2px solid #f04452}.cp-orders-checkbox{display:inline-block;width:15px;height:15px;border:1.5px solid #cbd5e1;border-radius:4px;background:#fff;vertical-align:middle}.cp-screen .cp-orders-table td small{display:block;color:#8190a3;font-size:10.4px;line-height:1.4;margin:0}.cp-screen .cp-orders-table td b{font-weight:400;line-height:1.45}.cp-screen .cp-orders-table .cp-orders-customer{padding-right:10px}.cp-orders-customer>b{display:block;text-transform:uppercase;margin:3px 0}.cp-orders-customer>span{display:block;text-transform:uppercase;font-size:12px;color:#7b899b}.cp-orders-customer strong{font-weight:600;color:#6d7e91}.cp-orders-score{display:inline-grid;place-items:center;width:29px;height:29px;font-size:13px;font-weight:600;border-radius:50%}.cp-orders-score.red{background:#f9dddf;color:#ed4550}.cp-orders-score.orange{background:#fae8cf;color:#e98c19}.cp-orders-score.teal{background:#dceee8;color:#24a28b}.cp-orders-order>b{display:block;font-size:14px;margin-bottom:2px}.cp-screen .cp-orders-table .cp-orders-order small:last-child{text-transform:uppercase;font-size:10px}.cp-orders-query{text-align:center}.cp-orders-query>svg{color:#8492a2;width:13px;height:13px;display:block;margin:0 auto 8px}.cp-orders-query>span{font-size:11px;color:#7a8798}.cp-orders-query>.today{color:#1dab9e}.cp-orders-partner{display:grid;place-items:center;width:23px;height:23px;color:#d4dce7}.cp-orders-partner svg{width:12px;height:12px}.cp-orders-partner.restricted{color:#f39b26;background:#f9ead9;border-radius:5px}.cp-orders-notes>div{display:flex;gap:4px;font-size:12px;text-transform:uppercase}.cp-orders-notes svg{width:11px;height:11px;color:#7e8c9d;margin-top:2px}.cp-orders-notes>p{display:flex;gap:4px;font-size:10px;color:#24aaa0;text-transform:uppercase;border-top:1px dashed #d9e1e7;margin:6px 0 0;padding-top:5px;line-height:1.5}.cp-orders-notes>p svg{color:#24aaa0;width:9px;height:9px}.cp-orders-money{text-align:right!important;white-space:nowrap}.cp-screen .cp-orders-table .cp-orders-money>b{font-weight:600;font-size:14px;display:block}.cp-screen .cp-orders-table .cp-orders-money>.negative{color:#f14a53;margin-top:3px}.cp-screen .cp-orders-table .cp-orders-money>.positive{color:#21a99d;margin-top:3px}.cp-orders-seller>b{display:block;text-transform:uppercase;font-size:12px;margin:2px 0}.cp-orders-branch{text-align:center!important}.cp-orders-actions{text-align:center!important}.cp-orders-stock{display:inline-block;white-space:nowrap;background:#f9d3d8;color:#eb404a;padding:2px 6px;line-height:1.3;font-size:10px;border-radius:8px;margin-bottom:7px}.cp-orders-actions>div{display:flex;gap:4px;justify-content:center}.cp-orders-actions>div>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d7e0e9;border-radius:5px;color:#7c8b9b}.cp-orders-actions svg{width:13px;height:13px}.cp-orders-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 1px;color:#8a97a8;font-size:10.5px}.cp-orders-footer>div{display:flex;gap:17px;align-items:center}.cp-orders-footer svg{width:12px;height:12px}.cp-orders-footer i{display:flex;font-style:normal}.cp-orders-footer i.previous{transform:rotate(180deg);opacity:.6}.cp-orders-page-size{display:flex;gap:16px;align-items:center;padding:4px 8px;border:1px solid #d6dfea;border-radius:4px}
.cp-dialog-body .cp-orders-screen{min-width:1180px}

.cp-dialog.cp-dialog-orders{width:min(1320px,calc(100% - 36px))}
@media(max-width:760px){.cp-dialog.cp-dialog-orders{width:calc(100% - 20px)}}

/* Client credit-bureau screen. All client details, queries and costs are illustrative. */
.cp-biro-screen{background:#e8edf3;border-color:#d5dee8;color:#364350;font-family:'Inter',sans-serif}
.cp-biro-screen svg{width:16px;height:16px;flex-shrink:0;vertical-align:middle}
.cp-biro-header{display:flex;gap:14px;align-items:center;height:62px;padding:0 20px;border-bottom:1px solid #d3dce7;background:#f6f8fb}
.cp-biro-back{display:flex;align-items:center;gap:6px;border:1px solid #d4deea;border-radius:6px;padding:8px 10px;font-size:14px}.cp-biro-building{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9eef3;color:#14a299;margin-left:8px;position:relative}.cp-biro-building:before{content:'';position:absolute;left:-12px;height:25px;border-left:1px solid #d5dee8}.cp-biro-building svg{width:19px;height:19px}.cp-screen .cp-biro-client h3{font-family:'Inter',sans-serif;font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:0 0 3px}.cp-biro-client p{font-size:12px;line-height:1.2;text-transform:uppercase;color:#7b8798;margin:0}.cp-biro-demo{font-size:10px;color:#8290a2;margin-left:auto;margin-right:9px}.cp-biro-ai{display:flex;gap:6px;align-items:center;color:#f8fafc;background:#152332;border-radius:6px;font-size:14px;padding:10px 11px}.cp-biro-ai svg{color:#36cdc7}.cp-biro-close{color:#718094;padding-left:3px}.cp-biro-close svg{width:19px;height:19px}
.cp-biro-tabs{padding:11px 20px;border-bottom:1px solid #d3dce7}.cp-biro-tabs>div{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #d2dce7;border-radius:10px;width:max-content}.cp-biro-tabs span{display:flex;align-items:center;gap:7px;padding:8px 9px;color:#6c7b8f;font-size:13px;white-space:nowrap}.cp-biro-tabs svg{width:13px;height:13px}.cp-biro-tabs .selected{background:#f7f9fc;border-radius:8px;color:#0da59c;box-shadow:0 2px 3px #687e9308}
.cp-biro-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;padding:22px 20px 29px;min-height:453px}.cp-biro-queries{border-right:1px solid #d2dce8;padding-right:17px}.cp-biro-queries h4{font-size:12px;font-weight:500;color:#6e7e90;text-transform:uppercase;margin:0 0 9px}.cp-biro-queries h4:not(:first-child){margin-top:16px}.cp-biro-query{--query-color:#17a39e;--query-bg:#dfedee;display:flex;align-items:center;gap:9px;background:#f7f9fc;border:1px solid #d1dce8;border-left:3px solid var(--query-color);border-radius:6px;min-height:50px;padding:8px 9px;margin-bottom:7px}.cp-biro-query:last-child{margin-bottom:0}.cp-biro-query.purple{--query-color:#8542f7;--query-bg:#ebe3fd}.cp-biro-query.orange{--query-color:#fb721b;--query-bg:#fae9e3}.cp-biro-query.blue{--query-color:#2875ff;--query-bg:#e0eaff}.cp-biro-query.community{background:#dce9ec;border-color:#56b8b2;min-height:51px}.cp-biro-query-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--query-bg);color:var(--query-color);flex-shrink:0}.cp-biro-query-icon svg{width:18px;height:18px}.cp-biro-query.community .cp-biro-query-icon{background:transparent;color:#354d5c}.cp-biro-query>div{min-width:0}.cp-biro-query b{display:block;font-size:13px;font-weight:400;white-space:nowrap;line-height:1.4}.cp-biro-query small{display:block;font-size:12px;color:#7b899c;line-height:1.3;margin-top:2px}.cp-biro-query>svg{margin-left:auto;color:var(--query-color);width:13px;height:13px}
.cp-screen .cp-biro-history>h3{font-family:'Inter',sans-serif;font-size:17px;font-weight:500;letter-spacing:-.025em;margin:3px 0 15px}.cp-biro-history-card{background:#f6f8fc;border:1px solid #d3dde8;border-left:3px solid #df9008;border-radius:10px;padding:15px 16px;margin-bottom:10px}.cp-biro-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #d6dfe9}.cp-biro-history-top p{margin:0;font-size:15px;line-height:1.5}.cp-biro-history-top b{font-weight:500}.cp-biro-history-top p>span{color:#7c899a;margin-left:7px;font-size:14px}.cp-biro-history-top small{color:#8491a2;font-size:12px;display:block;margin-top:2px}.cp-biro-status{font-size:11px;line-height:1.4;color:#bf811d;background:#f6eddf;border-radius:14px;padding:5px 9px}.cp-biro-history-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px;padding-top:12px}.cp-biro-history-bottom p{display:flex;gap:4px;align-items:center;font-size:11px;text-transform:uppercase;color:#7d8a9c;margin:0 0 5px;line-height:1.4}.cp-biro-history-bottom p>svg{width:10px;height:10px}.cp-biro-history-tags{display:flex;gap:4px}.cp-biro-history-tags>*{display:inline-block;font-weight:400;font-size:12px;background:#e9eef5;padding:3px 5px;border-radius:3px;color:#344450;line-height:1.1}.cp-biro-history-tags>span{color:#7e8da0;font-size:11px}.cp-biro-history-actions{display:flex;gap:6px}.cp-biro-history-actions>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d2dcea;border-radius:6px;color:#2872ff}.cp-biro-history-actions>span:nth-child(2){color:#20b864}.cp-biro-history-actions>span:nth-child(3){color:#8542f7}.cp-biro-history-actions svg{width:16px;height:16px}
.cp-dialog-body .cp-biro-screen{min-width:1120px}.cp-card-preview .cp-biro-screen{width:285%;transform:scale(.350877)}
@media(max-width:760px){.cp-feature-card:not(.cp-card-wide):not(:last-child) .cp-card-preview .cp-biro-screen{width:735%;transform:scale(.136054)}}

/* Rule-by-rule robot analysis with a floating explanation. */
.cp-robot-screen{background:#e8edf3;border-color:#d5dee8;color:#354350;font-family:'Inter',sans-serif}
.cp-robot-screen svg{width:16px;height:16px;flex-shrink:0;vertical-align:middle}
.cp-robot-content{padding:18px 20px 24px}.cp-robot-policy{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 0 15px;border-bottom:1px solid #d2dce7;font-size:15px;position:relative;border-radius:3px}.cp-robot-policy>div:first-child{display:flex;align-items:center;gap:4px}.cp-robot-policy b{font-weight:600}.cp-robot-totals{display:flex;gap:7px}.cp-robot-totals span{font-size:12px;padding:4px 9px;border-radius:14px;background:#d3e9e8;color:#168e87;white-space:nowrap}.cp-robot-totals>span+span{background:#f4dadd;color:#e14049}.cp-robot-dates{display:grid;gap:4px;margin:16px 0 18px;color:#7e8c9d;font-size:12px}.cp-robot-rules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cp-robot-rule{border:1px solid #d3dde6;border-left:3px solid #1db054;border-radius:6px;padding:13px 14px;background:#e3ebed;position:relative}.cp-robot-rule.rejected{background:#ebe5eb;border-left-color:#ef3348}.cp-robot-rule-title{display:flex;align-items:center;gap:7px}.cp-robot-rule-title>svg{width:17px;height:17px;color:#1daf55;flex-shrink:0}.cp-robot-rule.rejected .cp-robot-rule-title>svg{color:#f13546}.cp-robot-rule-title h4{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:-.025em;text-transform:uppercase;margin:0;line-height:1.4}.cp-robot-result{font-size:11px;color:#159b90;background:#cde6e5;padding:3px 8px;border-radius:10px;white-space:nowrap;line-height:1.3}.cp-robot-rule.rejected .cp-robot-result{background:#f5d6dc;color:#df3348}.cp-robot-rule-description{font-size:12px;color:#7c8c9e;line-height:1.6!important;margin:6px 0 13px;padding-left:24px;min-height:30px}.cp-robot-values{border-top:1px solid #cfdae4;display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding-top:12px;font-size:13px;color:#7b899d}.cp-robot-values>span{display:flex;gap:5px;align-items:center}.cp-robot-values code{font-size:12px;font-weight:600;color:#364350;background:#edf1f7;padding:2px 5px;border-radius:3px;white-space:nowrap}.cp-robot-values b{font-weight:500;color:#344451;white-space:nowrap}
/* Floating explanation stays readable outside the scaled product preview. */
.cp-annotated-visual{position:relative}
.cp-annotated-visual .cp-visual-stage{padding-top:42px}
/* Dark blue stage matches the site, with a soft spotlight and a faint grid. */
.cp-robot-visual .cp-visual-stage,.cp-tone-agentes,.cp-automation-visual .cp-visual-stage,.cp-tone-esteiras,.cp-risk-visual .cp-visual-stage,.cp-tone-central{
  background-color:#061923;
  background-image:radial-gradient(ellipse at 32% 38%,#28596970,transparent 64%),linear-gradient(#96c5d006 1px,transparent 1px),linear-gradient(90deg,#96c5d006 1px,transparent 1px),linear-gradient(135deg,#102c38,#04131c 78%);
  background-size:auto,48px 48px,48px 48px,auto;
  border-color:#294550;
  box-shadow:inset 0 1px 0 #b7dbe20a;
}
.cp-robot-visual .cp-screen{box-shadow:0 18px 45px #000b,0 0 0 1px #b8d6df33}
.cp-robot-visual .cp-screen-frame{margin-inline:auto}
.cp-screen-note{position:relative;z-index:1;width:min(380px,calc(100% - 36px));margin:0 18px -18px auto;padding:20px 22px;background:#102b35;border:1px solid #37555f;border-radius:8px;box-shadow:0 12px 30px #0005;color:#eef6f7;text-align:left}
.cp-screen-note::before{content:"";position:absolute;right:30px;bottom:-7px;width:12px;height:12px;background:#102b35;border-bottom:1px solid #37555f;border-right:1px solid #37555f;transform:rotate(45deg)}
.cp-screen-note-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cp-screen-note-heading>span{display:grid;place-items:center;flex:0 0 30px;height:30px;background:#d8ff3e12;border-radius:7px;color:var(--acc)}
.cp-screen-note svg{width:19px;height:19px}
.cp-screen-note h4{margin:0;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.cp-screen-note p{margin:0;color:#aac2c8;font-size:14px;line-height:1.7}
.cp-dialog-body>.cp-screen-note{margin:0 0 22px auto}
.cp-dialog-body .cp-robot-screen{min-width:1120px}
.cp-card-preview .cp-robot-screen{width:200%;transform:scale(.5)}
@media(max-width:760px){.cp-annotated-visual .cp-visual-stage{padding-top:30px}.cp-screen-note{width:calc(100% - 20px);margin:0 10px -12px auto;padding:16px}.cp-screen-note h4{font-size:16px}.cp-card-preview .cp-robot-screen{width:330%;transform:scale(.30303)}}

/* Keep the product interface at reading size and crop only its lower content. */
.cp-robot-visual .cp-visual-stage{padding:42px 24px 0;overflow:hidden}
.cp-robot-visual .cp-screen-frame{overflow:hidden;border-radius:6px 6px 0 0}
.cp-robot-visual .cp-robot-screen{min-width:0;container:robot-preview / inline-size}
.cp-robot-rule-title h4{font-size:15px}
.cp-robot-rule-description{font-size:14px;color:#607387}
.cp-robot-result{font-size:13px}
.cp-robot-values{font-size:14px;color:#607387}
.cp-robot-values code{font-size:13px}
.cp-robot-dates{font-size:13px;color:#65768a}
@media(min-width:761px){
  .cp-hero-visual.cp-robot-visual{width:calc(100% + 32px);max-width:none;margin:0 -16px}
  .cp-hero-visual.cp-annotated-visual>.cp-screen-note{width:540px;max-width:calc(100% - 48px);margin:0 24px -18px auto;padding:16px 20px}
}
@media(min-width:1024px){.cp-hero-visual.cp-robot-visual{width:calc(100% + 64px);margin-inline:-32px}}
@media(max-width:760px){.cp-robot-visual .cp-visual-stage{padding:30px 12px 0}}
@container robot-preview (max-width:700px){
  .cp-robot-rules{grid-template-columns:1fr}
  .cp-biro-back,.cp-biro-building,.cp-biro-demo,.cp-biro-close{display:none}
  .cp-biro-header{padding:0 14px;gap:10px}
  .cp-screen .cp-biro-client h3{font-size:16px}
  .cp-biro-client p{font-size:11px}
  .cp-biro-ai{margin-left:auto;padding:8px;font-size:12px;white-space:nowrap}
  .cp-biro-tabs{padding:8px 12px;overflow:hidden}
  .cp-biro-tabs>div{border:0;padding:0}
  .cp-biro-tabs span{font-size:12px;padding:7px}
  .cp-robot-content{padding:14px}
  .cp-robot-policy{flex-wrap:wrap;font-size:14px;gap:10px}
  .cp-robot-rule-title{flex-wrap:wrap}
  .cp-robot-rule-title h4{font-size:14px;flex:1;min-width:140px}
  .cp-robot-rule-description{padding-left:0;min-height:0}
  .cp-robot-values{gap:8px;flex-direction:column;align-items:flex-start}
}

/* Client summary: consolidated figures and branch cards, with fictional data. */
.cp-client-screen{background:#e8edf3;border-color:#d5dee8;color:#344350;container:client-preview / inline-size}
.cp-client-screen svg{width:16px;height:16px;flex-shrink:0;vertical-align:middle}
.cp-client-screen .cp-biro-tabs{overflow-x:auto;scrollbar-width:thin}
.cp-client-screen .cp-biro-tabs .selected{color:#0e8079}
.cp-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 20px}
.cp-client-card{min-width:0;padding:20px 18px;background:#f7f9fc;border:1px solid #d2dce7;border-radius:16px}
.cp-client-card.cp-client-consolidated{background:#deeaed;border-color:#a4d1d1}
.cp-client-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cp-client-card-heading h4{display:flex;align-items:center;gap:9px;margin:0;font-family:'Inter',sans-serif;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.cp-client-card-heading h4>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e9eef4;color:#718193}
.cp-client-card-heading h4 svg{width:18px;height:18px}
.cp-client-consolidated .cp-client-card-heading h4>span{background:#c5dfe1;color:#139f98}
.cp-client-status{padding:4px 9px;border-radius:20px;background:#d6edec;color:#0c6f68;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.4}
.cp-client-screen .cp-client-identifier{font-size:14px;line-height:1.5;color:#556577;margin:11px 0 18px}
.cp-client-identifier b{font-weight:500;color:#344350}
.cp-client-section{border-top:1px solid #d0dce6;padding-top:17px;margin-top:17px}
.cp-client-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.cp-client-section-heading h5{font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.025em;text-transform:uppercase;color:#556577;margin:0}
.cp-client-edit{display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;color:#647486;font-size:12px}
.cp-client-edit svg{width:13px;height:13px}
.cp-client-row{display:flex;align-items:baseline;gap:6px;padding:5px 0;font-size:15px;line-height:1.4;color:#556577}
.cp-client-row>i{flex:1;min-width:6px;border-bottom:1px dotted #cbd6e0}
.cp-client-row>b{font-weight:500;color:#2e3c49;font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cp-client-row>b.positive{color:#12733b}
.cp-client-row>b.pending{color:#925004}
.cp-client-row>b.negative{color:#bf2435}
.cp-client-plan{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:8px;margin-top:10px;background:#e9eef4;color:#657587;font-size:13px;line-height:1.4}
.cp-client-plan svg{width:13px;height:13px}
.cp-client-plan b{font-weight:500;color:#344350}
.cp-client-visual .cp-visual-stage{padding:32px 24px 0;overflow:hidden}
.cp-client-visual .cp-screen-frame{overflow:hidden;border-radius:6px 6px 0 0}
.cp-client-visual .cp-client-screen{min-width:0}
.cp-dialog-body .cp-client-screen{min-width:1120px}
.cp-card-preview .cp-client-screen{width:200%;transform:scale(.5)}
@container client-preview (max-width:850px){
  .cp-client-grid{grid-template-columns:1fr;padding:16px;gap:14px}
  .cp-client-card{padding:18px}
  .cp-client-screen .cp-biro-back,.cp-client-screen .cp-biro-building,.cp-client-screen .cp-biro-demo,.cp-client-screen .cp-biro-close{display:none}
  .cp-client-screen .cp-biro-header{padding:0 14px;gap:10px}
  .cp-client-screen .cp-biro-client{min-width:0}
  .cp-client-screen .cp-biro-client h3{font-size:16px}
  .cp-client-screen .cp-biro-client p{font-size:11px}
  .cp-client-screen .cp-biro-ai{margin-left:auto;padding:8px;font-size:12px;white-space:nowrap}
  .cp-client-screen .cp-biro-tabs{padding:8px 12px}
  .cp-client-screen .cp-biro-tabs>div{border:0;padding:0}
  .cp-client-screen .cp-biro-tabs span{font-size:13px;padding:7px}
}
@media(max-width:760px){
  .cp-client-visual .cp-visual-stage{padding:22px 12px 0}
  .cp-feature-card:not(.cp-card-wide):not(:last-child) .cp-card-preview .cp-client-screen{width:735%;transform:scale(.136054)}
}

/* Automation settings: an illustrative moment → condition → action workflow. */
.cp-automation-screen{container:automation-preview / inline-size;background:#e9eef4;border-color:#d5dee8;color:#334451}
.cp-automation-screen svg{width:16px;height:16px;flex-shrink:0;vertical-align:middle}
.cp-automation-topbar{display:flex;align-items:center;gap:14px;height:52px;padding:0 18px;background:#f7f9fc;border-bottom:1px solid #d5dfe9}
.cp-automation-topbar>img{width:88px;height:25px;object-fit:contain}
.cp-automation-product{display:flex;gap:8px;align-items:center;border-left:1px solid #d5dfe9;padding-left:14px;font-size:16px;font-weight:500}
.cp-automation-product svg{color:#0a9087}
.cp-automation-demo{font-size:11px;color:#627386}
.cp-automation-admin{display:flex;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;background:#fff5e3;border:1px solid #efcf88;border-radius:20px;font-size:12px;color:#975d16;white-space:nowrap}
.cp-automation-admin svg{width:12px;height:12px}
.cp-automation-tools{display:flex;align-items:center;gap:13px;color:#657587;margin-left:auto}
.cp-automation-tools>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ef9d08;color:#fff;font-size:12px}
.cp-automation-settings-tabs{padding:7px 18px;border-bottom:1px solid #d5dfe9;overflow-x:auto;scrollbar-width:thin}
.cp-automation-settings-tabs>div{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #d3dde7;border-radius:9px;width:max-content}
.cp-automation-settings-tabs span{display:flex;gap:7px;align-items:center;padding:6px 9px;color:#5d6e80;font-size:13px;line-height:1.4;white-space:nowrap}
.cp-automation-settings-tabs svg{width:13px;height:13px}
.cp-automation-settings-tabs .selected{color:#0a7b74;background:#f8fafc;border-radius:6px;box-shadow:0 1px 3px #324e6610}
.cp-automation-layout{display:grid;grid-template-columns:164px minmax(0,1fr);gap:14px;padding:16px}
.cp-automation-sidebar{display:flex;flex-direction:column;gap:9px;padding-top:4px}
.cp-automation-menu-item{display:flex;align-items:center;gap:9px;padding:12px 9px;border:1px solid transparent;border-radius:9px;color:#5c6f81}
.cp-automation-menu-item>svg{width:17px;height:17px}
.cp-automation-menu-item>span{min-width:0}
.cp-automation-menu-item b{display:block;font-weight:500;font-size:13px;line-height:1.45}
.cp-automation-menu-item small{display:block;margin-top:2px;font-size:11px;line-height:1.4;color:#627587;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-automation-menu-item.selected{background:#d4e6e8;border-color:#c5dfe0;color:#08796f}
.cp-automation-menu-item.selected small{color:#377875}
.cp-automation-panel{min-width:0;background:#f7f9fc;border:1px solid #d4dee9;border-radius:12px;box-shadow:0 3px 7px #23475b07;overflow:hidden}
.cp-automation-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #d4dee9}
.cp-automation-screen .cp-automation-panel-heading h3{display:flex;align-items:center;gap:8px;margin:0;font:500 16px/1.3 'Inter',sans-serif;letter-spacing:-.02em}
.cp-automation-panel-heading h3 svg{color:#0c9187}
.cp-automation-panel-heading>span{font-size:12px;color:#647586;white-space:nowrap}
.cp-automation-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px}
.cp-automation-counts{display:flex;align-items:center;gap:5px;white-space:nowrap}
.cp-automation-counts span{padding:4px 7px;border:1px solid #d3dee8;border-radius:20px;font-size:12px;line-height:1.3}
.cp-automation-counts>span+span{background:#e1f0ea;border-color:#e1f0ea;color:#187255}
.cp-automation-actions{display:flex;align-items:center;gap:6px}
.cp-automation-actions>span{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:6px;background:#182c3a;color:#f4f8fa;padding:8px 9px;font-size:12px;line-height:1.3;white-space:nowrap}
.cp-automation-actions svg{width:13px;height:13px;color:#51d1c0}
.cp-automation-actions>.cp-automation-new{background:#078379}
.cp-automation-new svg{color:#fff}
.cp-automation-canvas{margin:0 12px;border:1px solid #d2deea;border-radius:9px;padding:16px 12px 12px;background-color:#f0f5fa;background-image:radial-gradient(#bdcddd 0.8px,transparent 0.8px);background-size:17px 17px}
.cp-automation-trigger{position:relative;display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 auto;padding:9px 13px;background:#fff;border:1px solid #afc8e9;border-radius:9px;box-shadow:0 3px 10px #4374ad0b}
.cp-automation-trigger>span:first-child{display:grid;place-items:center;width:29px;height:29px;background:#e7eefc;border-radius:7px;color:#3569be}
.cp-automation-trigger small{display:block;color:#4d68a0;font-size:10px;text-transform:uppercase;letter-spacing:.08em;line-height:1.4;margin-bottom:2px}
.cp-automation-trigger b{display:block;font-size:15px;font-weight:600;line-height:1.4}
.cp-automation-source{font-size:11px;letter-spacing:.04em;margin-left:14px;background:#eef3f8;color:#526a81;padding:4px 6px;border-radius:4px}
.cp-automation-trigger::after{content:'';position:absolute;left:50%;top:100%;height:19px;border-left:1.5px solid #9eb4ca}
.cp-automation-lanes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.cp-automation-lanes::before{content:'';position:absolute;top:0;left:calc((100% - 24px)/6);right:calc((100% - 24px)/6);border-top:1.5px solid #9eb4ca}
.cp-automation-lane{--lane-color:#a9364b;--lane-tint:#fceef1;--lane-border:#eac5ce;position:relative;display:grid;grid-template-rows:1fr 24px auto;min-width:0;padding-top:18px}
.cp-automation-lane.teal{--lane-color:#0b7769;--lane-tint:#e7f5f0;--lane-border:#b9ddd3}
.cp-automation-lane.amber{--lane-color:#915f12;--lane-tint:#fff5e3;--lane-border:#e9d6b2}
.cp-automation-lane::before{content:'';position:absolute;top:0;left:50%;height:18px;border-left:1.5px solid #9eb4ca}
.cp-automation-rule{position:relative;background:#fff;border:1px solid #cad9e7;border-top:3px solid var(--lane-color);border-radius:8px;padding:11px 12px;box-shadow:0 3px 7px #456b8508}
.cp-automation-rule::before{content:'';position:absolute;top:-6px;left:calc(50% - 3px);width:6px;height:6px;border:1.5px solid var(--lane-color);border-radius:50%;background:#fff}
.cp-automation-rule-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:#627488}
.cp-automation-rule-top>span:first-child{font-weight:600;text-transform:uppercase;letter-spacing:.055em}
.cp-automation-enabled{display:flex;align-items:center;gap:5px;color:#187255}
.cp-automation-enabled i{display:block;position:relative;width:21px;height:12px;border-radius:8px;background:#139a85}
.cp-automation-enabled i::after{content:'';position:absolute;right:2px;top:2px;width:8px;height:8px;background:white;border-radius:50%}
.cp-automation-rule h4{font:600 15px/1.4 'Inter',sans-serif;letter-spacing:-.02em;margin:10px 0 7px}
.cp-automation-mode{display:inline-block;color:var(--lane-color);background:var(--lane-tint);border-radius:4px;padding:3px 6px;font-size:12px;line-height:1.4}
.cp-automation-conditions{margin-top:9px;min-height:86px}
.cp-automation-condition{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 8px;padding:6px 0;border-top:1px solid #e7edf3;font-size:14px;line-height:1.4}
.cp-automation-condition>span{color:#536779}
.cp-automation-condition b{font-weight:500;color:#233f51;white-space:nowrap;font-variant-numeric:tabular-nums}
.cp-automation-screen .cp-automation-fallback{font-size:14px;line-height:1.55;color:#536779;margin:0 0 8px}
.cp-automation-team{display:block;font-size:12px;color:#665b42;line-height:1.5}
.cp-automation-connector{display:grid;place-items:center;color:var(--lane-color)}
.cp-automation-connector svg{width:16px;height:21px}
.cp-automation-outcome{display:flex;align-items:center;gap:8px;min-height:69px;padding:10px;background:var(--lane-tint);border:1px solid var(--lane-border);border-radius:8px}
.cp-automation-outcome-icon{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:7px;background:#ffffffb3;color:var(--lane-color)}
.cp-automation-outcome b{display:block;font-weight:600;font-size:14px;line-height:1.4;color:var(--lane-color)}
.cp-automation-outcome small{display:block;font-size:12px;line-height:1.5;color:#536475;margin-top:3px}
.cp-automation-canvas-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:11px;line-height:1.4;color:#556b80}
.cp-automation-canvas-caption>span:first-child{display:flex;align-items:center;gap:5px}
.cp-automation-canvas-caption svg{width:12px;height:12px}
.cp-automation-save-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;font-size:11px;line-height:1.4;color:#5d7384}
.cp-automation-save-status>span:first-child{display:flex;align-items:center;gap:5px}
.cp-automation-save-status svg{width:13px;height:13px;color:#187c63}
.cp-automation-visual .cp-visual-stage{padding:28px 24px 0;overflow:hidden}
.cp-automation-visual .cp-screen-frame{overflow:hidden;border-radius:6px 6px 0 0}
.cp-automation-visual .cp-automation-screen{min-width:0;box-shadow:0 18px 45px #0008}
.cp-dialog-body .cp-automation-screen{min-width:1080px}
.cp-card-preview .cp-automation-screen{width:200%;transform:scale(.5)}
@container automation-preview (max-width:960px){
  .cp-automation-layout{grid-template-columns:1fr;padding:12px}
  .cp-automation-sidebar{display:none}
  .cp-automation-admin{display:none}
}
@container automation-preview (max-width:680px){
  .cp-automation-topbar{padding:0 12px;gap:10px;height:48px}
  .cp-automation-topbar>img{width:68px;height:auto}
  .cp-automation-product{padding-left:10px;font-size:14px;gap:5px}
  .cp-automation-demo,.cp-automation-tools>svg{display:none}
  .cp-automation-settings-tabs{padding:6px 10px}
  .cp-automation-settings-tabs span{font-size:12px;padding:6px}
  .cp-automation-layout{padding:10px}
  .cp-automation-panel-heading{padding:12px;flex-wrap:wrap;gap:5px}
  .cp-automation-screen .cp-automation-panel-heading h3{font-size:15px}
  .cp-automation-toolbar{flex-wrap:wrap;padding:10px;gap:9px}
  .cp-automation-actions{flex-wrap:wrap}
  .cp-automation-actions>span{font-size:11px;padding:7px}
  .cp-automation-actions>span:last-child{display:none}
  .cp-automation-canvas{margin:0 10px;padding:14px 12px}
  .cp-automation-trigger{padding:8px 10px;gap:8px}
  .cp-automation-trigger b{font-size:14px}
  .cp-automation-source{margin-left:0}
  .cp-automation-lanes{grid-template-columns:1fr;padding-left:16px;gap:18px;margin-top:18px}
  .cp-automation-lanes::before{top:0;bottom:35px;left:0;right:auto;border-top:0;border-left:1.5px solid #9eb4ca}
  .cp-automation-lanes::after{content:'';position:absolute;left:0;top:-9px;width:50%;height:9px;border-top:1.5px solid #9eb4ca;border-left:1.5px solid #9eb4ca}
  .cp-automation-trigger::after{height:10px}
  .cp-automation-lane{padding-top:0}
  .cp-automation-lane::before{top:20px;left:-16px;width:16px;height:0;border-left:0;border-top:1.5px solid #9eb4ca}
  .cp-automation-rule::before{left:-5px;top:15px}
  .cp-automation-rule h4{font-size:16px}
  .cp-automation-conditions{min-height:0}
  .cp-automation-canvas-caption{flex-direction:column;align-items:flex-start;gap:4px}
  .cp-automation-save-status{flex-wrap:wrap;gap:5px}
}
@media(max-width:760px){
  .cp-automation-visual .cp-visual-stage{padding:20px 12px 0}
  .cp-card-preview .cp-automation-screen{width:330%;transform:scale(.30303)}
}

/* Compact risk overview. Figures, chart cohorts and customer names are fictional. */
.cp-risk-screen{container:risk-preview / inline-size;background:#e9eef4;border-color:#d5dee8;color:#324553}
.cp-risk-screen svg{width:16px;height:16px;flex-shrink:0;vertical-align:middle}
.cp-risk-topbar{height:47px;padding-inline:14px;gap:10px}
.cp-risk-topbar>img{width:78px;height:auto}
.cp-risk-topbar .cp-automation-product{font-size:14px;padding-left:11px}
.cp-risk-topbar .cp-automation-admin{font-size:11px;padding:5px 8px}
.cp-risk-topbar .cp-automation-tools{gap:11px}
.cp-risk-topbar .cp-automation-tools>span{width:26px;height:26px;font-size:11px}
.cp-risk-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 13px;border-bottom:1px solid #d5dfe8}
.cp-risk-nav-tabs{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:thin;border:1px solid #d3dde8;border-radius:7px;padding:3px}
.cp-risk-nav-tabs>span{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:5px 7px;font-size:12px;line-height:1.3;color:#5c6f82;white-space:nowrap}
.cp-risk-nav-tabs svg{width:12px;height:12px}
.cp-risk-nav-tabs>.selected{background:#f8fafc;border-radius:5px;color:#087b75}
.cp-risk-filters{display:flex;align-items:center;gap:6px;flex-shrink:0}
.cp-risk-filters>span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #d2dce7;border-radius:5px;font-size:12px;color:#54697b;white-space:nowrap}
.cp-risk-filters svg{width:12px;height:12px}
.cp-risk-layout{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;padding:12px}
.cp-risk-sidebar{display:flex;flex-direction:column;gap:7px}
.cp-risk-menu-item{display:flex;align-items:flex-start;gap:7px;border-radius:7px;padding:10px 7px;color:#5b7082}
.cp-risk-menu-item>svg{width:14px;height:14px;margin-top:1px}
.cp-risk-menu-item>span{min-width:0}
.cp-risk-menu-item b{display:block;font-size:12px;line-height:1.4;font-weight:500}
.cp-risk-menu-item small{display:block;font-size:10px;line-height:1.5;margin-top:2px;color:#657789}
.cp-risk-menu-item.selected{background:#d4e6e8;color:#0a7b75}
.cp-risk-menu-item.selected small{color:#347770}
.cp-risk-main{min-width:0;display:grid;gap:8px;align-content:start}
.cp-risk-ai{display:flex;align-items:center;gap:7px;padding:7px 9px;background:#edf4f7;border:1px dashed #c4d9de;border-radius:6px;color:#087b75}
.cp-risk-ai>svg{width:14px;height:14px}
.cp-risk-screen .cp-risk-ai p{margin:0;color:#526878;font-size:12px;line-height:1.5}
.cp-risk-ai p b{font-weight:500;color:#344f5d}
.cp-risk-ai>span{margin-left:auto;flex-shrink:0;background:#17323e;color:#f1f7f8;padding:4px 7px;border-radius:4px;font-size:11px;line-height:1.4}
.cp-risk-overview{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:12px;align-items:center;padding:11px 12px;background:#f8fafc;border:1px solid #d7e1ea;border-radius:8px}
.cp-risk-score{display:flex;align-items:center;gap:9px}
.cp-risk-score>div{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#fbefde;color:#a15d17}
.cp-risk-score>div>b{font-size:22px;font-weight:600;line-height:1.1}
.cp-risk-score>div>small{font-size:10px;margin-top:2px}
.cp-risk-score>span>small{display:block;font-size:12px;line-height:1.5;color:#596f80;white-space:nowrap}
.cp-risk-score>span>b{display:inline-block;font-size:10px;font-weight:500;line-height:1.4;text-transform:uppercase;color:#915f19;background:#f8e9cd;padding:2px 5px;border-radius:4px;margin-top:3px}
.cp-risk-overview-stat>span{display:block;font-size:12px;line-height:1.45;color:#5c7082}
.cp-risk-overview-stat>b{display:block;font-size:16px;font-weight:600;line-height:1.4;margin-top:3px;color:#2e414f;white-space:nowrap;font-variant-numeric:tabular-nums}
.cp-risk-overview-stat>b.cp-risk-positive{color:#0b7a59}
.cp-risk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cp-risk-metric{--metric:#119f99;position:relative;min-width:0;background:#f8fafc;border:1px solid #d5e0ea;border-left:2px solid var(--metric);border-radius:6px;padding:8px 9px;box-shadow:0 2px 3px #30557205}
.cp-risk-metric.red{--metric:#ed4f66}.cp-risk-metric.orange{--metric:#e78a35}.cp-risk-metric.purple{--metric:#9164d7}
.cp-risk-metric>span{display:block;font-size:10px;line-height:1.4;text-transform:uppercase;color:#5e7284;padding-right:12px}
.cp-risk-metric>svg{position:absolute;right:8px;top:8px;width:12px;height:12px;color:var(--metric)}
.cp-risk-metric>b{display:block;font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin-top:2px}
.cp-risk-metric>small{display:block;color:#5c7285;font-size:11px;line-height:1.4;margin-top:1px}
.cp-risk-maturity{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fcf3e8;border:1px solid #efd8b8;color:#945919;font-size:11px;line-height:1.5;border-radius:5px}
.cp-risk-maturity svg{width:12px;height:12px}
.cp-risk-maturity b{font-weight:600}
.cp-risk-charts{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}
.cp-risk-card{min-width:0;background:#f8fafc;border:1px solid #d4dfe9;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #30557206}
.cp-risk-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid #e0e7ef}
.cp-risk-card-heading h4{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:-.01em;margin:0;color:#354b5b}
.cp-risk-card-heading>span{font-size:11px;line-height:1.4;color:#627588;white-space:nowrap}
.cp-risk-chart-key{display:flex;align-items:center;gap:9px}
.cp-risk-chart-key>span{display:flex;align-items:center;gap:4px;font-size:10px;line-height:1.4;color:#546b7e;white-space:nowrap}
.cp-risk-chart-key>span::before{content:'';width:7px;height:7px;background:#76bcb7;border-radius:1px}
.cp-risk-chart-key>span+span::before{height:2px;background:#ce5667}
.cp-risk-screen .cp-risk-trend-chart{display:block;width:100%;height:auto;max-height:135px;padding:6px 9px 2px;overflow:visible}
.cp-risk-trend-chart text{font-family:'Inter',sans-serif}
.cp-risk-gridline{stroke:#dfe7ef;stroke-width:1}
.cp-risk-axis{fill:#5b7185;font-size:12px}
.cp-risk-bar{fill:#83c2bd}
.cp-risk-rate-line{stroke:#c8485e;stroke-width:2;stroke-linejoin:round;fill:none}
.cp-risk-rate-dot{stroke:#c8485e;stroke-width:1.5;fill:#fff}
.cp-risk-rate-label{font-size:12px;fill:#a3394c;font-weight:500}
.cp-risk-aging-content{display:flex;gap:17px;align-items:center;justify-content:center;padding:15px 13px}
.cp-risk-donut{display:grid;place-items:center;position:relative;flex:0 0 99px;height:99px;border-radius:50%;background:conic-gradient(#169f71 0% 98%,#80b663 98% 99.2%,#e7bd52 99.2% 99.4%,#e18c45 99.4% 99.5%,#d65768 99.5% 100%)}
.cp-risk-donut::before{content:'';position:absolute;inset:15px;border-radius:50%;background:#f8fafc}
.cp-risk-donut>span{position:relative;text-align:center}
.cp-risk-donut b{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em;font-weight:600;color:#236a55}
.cp-risk-donut small{display:block;font-size:11px;color:#5b7182;margin-top:3px}
.cp-risk-aging-content ul{display:grid;gap:6px;list-style:none;padding:0;margin:0;min-width:0;flex:1;max-width:180px}
.cp-risk-aging-content li{display:flex;align-items:center;gap:5px;font-size:12px;color:#52697a;line-height:1.35}
.cp-risk-aging-content li>span:first-child{width:6px;height:6px;flex:0 0 6px;border-radius:2px;background:var(--aging-color)}
.cp-risk-aging-content li>b{margin-left:auto;font-weight:500;color:#354c5b;padding-left:5px;font-variant-numeric:tabular-nums}
.cp-risk-tables{display:grid;grid-template-columns:1fr 1.15fr;gap:8px}
.cp-risk-table-wrap{padding:0 8px 3px;overflow-x:auto;scrollbar-width:thin}
.cp-screen .cp-risk-table{table-layout:fixed;white-space:normal;width:100%}
.cp-risk-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cp-screen .cp-risk-table th{font-size:11px;font-weight:500;line-height:1.4;color:#586f82;background:transparent;padding:7px 4px;border-color:#e0e7ef;vertical-align:middle}
.cp-screen .cp-risk-table td{font-size:13px;line-height:1.4;padding:7px 4px;color:#354b5b;border-color:#e0e7ef;vertical-align:middle;font-variant-numeric:tabular-nums}
.cp-screen .cp-risk-table td>b{font-size:13px;font-weight:500;line-height:1.35;display:block}
.cp-screen .cp-risk-table td>small{font-size:11px;line-height:1.4;margin-top:2px;color:#5b7183}
.cp-screen .cp-risk-table td.cp-risk-overdue{color:#b3374a;white-space:nowrap;font-weight:500}
.cp-risk-table td:not(:first-child),.cp-risk-table th:not(:first-child){text-align:right}
.cp-risk-clients td:last-child{white-space:nowrap}
.cp-hero-visual.cp-risk-visual{width:100%;max-width:1040px;margin-inline:auto}
.cp-risk-visual .cp-visual-stage{padding:24px 18px 0;overflow:hidden}
.cp-risk-visual .cp-screen-frame{overflow:hidden;border-radius:6px 6px 0 0}
.cp-risk-visual .cp-risk-screen{min-width:0;box-shadow:0 18px 45px #0008}
.cp-dialog-body .cp-risk-screen{min-width:960px;max-width:1040px;margin-inline:auto}
.cp-card-preview .cp-risk-screen{width:300%;transform:scale(.333333)}
@container risk-preview (max-width:900px){
  .cp-risk-layout{grid-template-columns:1fr}
  .cp-risk-sidebar,.cp-risk-topbar .cp-automation-admin{display:none}
}
@container risk-preview (max-width:720px){
  .cp-risk-topbar .cp-automation-demo,.cp-risk-topbar .cp-automation-tools>svg{display:none}
  .cp-risk-nav{flex-wrap:wrap;gap:6px;padding:6px 10px}
  .cp-risk-nav-tabs{width:100%}
  .cp-risk-filters{margin-left:auto}
  .cp-risk-overview{grid-template-columns:repeat(4,1fr);gap:10px}
  .cp-risk-score{grid-column:1/-1;justify-content:flex-start}
  .cp-risk-score>span{display:flex;align-items:center;gap:10px}
  .cp-risk-score>span>b{margin:0}
  .cp-risk-score>div{flex-basis:40px;height:40px}
  .cp-risk-charts,.cp-risk-tables{grid-template-columns:1fr}
  .cp-risk-screen .cp-risk-trend-chart{max-height:170px}
  .cp-risk-aging-content{gap:25px}
}
@container risk-preview (max-width:480px){
  .cp-risk-layout{padding:10px}
  .cp-risk-topbar .cp-automation-product{font-size:13px;gap:6px}
  .cp-risk-topbar>img{width:63px}
  .cp-risk-ai{align-items:flex-start;flex-wrap:wrap}
  .cp-risk-ai p{flex:1;font-size:13px}
  .cp-risk-ai>span{display:none}
  .cp-risk-overview{grid-template-columns:repeat(2,1fr)}
  .cp-risk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-risk-maturity{align-items:flex-start;font-size:12px}
  .cp-risk-maturity svg{margin-top:1px}
  .cp-risk-aging-content{gap:15px;padding-inline:12px}
  .cp-risk-card-heading{flex-wrap:wrap}
  .cp-screen .cp-risk-table td,.cp-screen .cp-risk-table td>b{font-size:12px}
  .cp-risk-chart-key>span{font-size:11px}
}
@media(max-width:760px){
  .cp-risk-visual .cp-visual-stage{padding:20px 12px 0}
  .cp-feature-card:last-child .cp-risk-screen{width:330%;transform:scale(.30303)}
}

/* Shared dimensions for every product preview, independent of its content. */
.cp-page{--cp-preview-height:clamp(320px,calc(100svh - 300px),620px)}
.cp-gallery{max-width:1040px;margin-inline:auto}
.cp-page .cp-hero-visual{width:100%;max-width:1040px;margin-inline:auto}
.cp-page .cp-visual-stage{padding:28px 24px 0;overflow:hidden}
.cp-page .cp-screen-frame{width:100%;height:var(--cp-preview-height);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;border-radius:6px 6px 0 0;background:#e8edf3}
.cp-page .cp-screen-canvas{height:100%;overflow:hidden}
.cp-page .cp-visual-stage .cp-screen{min-width:0;transform-origin:top left}
.cp-page .cp-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cp-page .cp-feature-grid .cp-feature-card{grid-column:auto}
.cp-page .cp-feature-grid .cp-card-preview{aspect-ratio:16/10}
.cp-page .cp-card-preview .cp-screen{width:1180px;left:16px;top:16px;transform-origin:top left}
.cp-page .cp-dialog{width:min(1280px,calc(100% - 36px));height:90dvh;max-height:90dvh;overflow:hidden}
.cp-page .cp-dialog[open]{display:flex;flex-direction:column}
.cp-page .cp-dialog-head,.cp-page .cp-dialog-caption{flex-shrink:0}
.cp-page .cp-dialog-body{flex:1;min-height:0}
.cp-page .cp-dialog-body .cp-screen{width:100%;min-width:1180px;max-width:none;min-height:100%;margin-inline:0}
/* Let labels wrap or scroll at the larger reading size, without shrinking previews. */
.cp-biro-tabs{overflow-x:auto;scrollbar-width:thin}
.cp-biro-layout{grid-template-columns:270px minmax(0,1fr)}
.cp-biro-query b{white-space:normal}
.cp-robot-rule-title{flex-wrap:wrap}
.cp-robot-rule-title h4{flex:1;min-width:180px}
.cp-risk-card-heading,.cp-risk-chart-key{flex-wrap:wrap}
.cp-risk-score>span{min-width:0}
.cp-risk-score>span>small{white-space:normal}
.cp-automation-rule-top{flex-wrap:wrap}
@media(max-width:760px){
  .cp-page .cp-visual-stage{padding:24px 12px 0}
  .cp-page .cp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-page .cp-dialog{width:calc(100% - 20px)}
}
@media(max-width:560px){.cp-page .cp-feature-grid{grid-template-columns:1fr}}