/* FX-specific refinements; the shared Cooper website design is preserved. */
.fx-page .hero{--fx-screen-height:607px;height:calc(478px + var(--fx-screen-height))}
.fx-page .hero[data-active-view="corporate"]{--fx-screen-height:607px}
.fx-page .hero::before{left:0;width:1152px;top:510px;height:calc(100% - 532px)}
.fx-page .hero>.ribbons{top:auto;bottom:22px;right:0}
.fx-page .hero-frame{left:64px;top:426px;width:1024px;height:calc(20px + var(--fx-screen-height))}
.fx-page .dashboard-viewport{left:24px;top:20px;width:1000px;height:var(--fx-screen-height)}
.fx-page .hero .concept-label{top:315px;left:64px;right:64px;text-align:center;font-size:9px;letter-spacing:1px}
.fx-page .fx-tabs{left:256px;right:auto;top:340px;width:640px;height:66px;padding:0;gap:12px;background:transparent;border:0;border-radius:0}
.fx-page .fx-tabs button{position:relative;width:314px;height:66px;padding:12px 30px 12px 49px;text-align:left;background:#fff;border:1px solid #D9D3E5;border-radius:12px;cursor:pointer;color:#17263C}
.fx-page .fx-tabs button>img{position:absolute;left:17px;top:20px;width:24px;height:24px}
.fx-page .fx-tabs button strong{display:block;font-size:14px;line-height:20px;font-weight:600}
.fx-page .fx-tabs button small{display:block;margin-top:3px;font-size:10px;line-height:15px;font-weight:400;color:#687386}
.fx-page .fx-tabs button::after{content:"→";position:absolute;right:15px;top:20px;font-size:18px;line-height:24px;color:#8B79A6}
.fx-page .fx-tabs button:hover{border-color:#9979CE;background:#FAF8FE}
.fx-page .fx-tabs button[aria-selected="true"]{border:2px solid #8D6ADD;padding:11px 29px 11px 48px;background:#F3EEFC;color:#6942B1;box-shadow:0 3px 9px rgba(98,84,191,.08)}
.fx-page .fx-tabs button[aria-selected="true"]::after{content:"✓";color:#7C49EC;font-size:14px}
.fx-page .fx-panel{width:1000px;height:var(--fx-screen-height)}
.fx-page .fx-panel>.fx-full-source{display:none}
/* Focus on the workspace; preserve original full-screen images for the dialog. */
.fx-preview-toolbar{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #E3DFEC}
.fx-preview-toolbar p{font-size:13px;font-weight:600;color:#17263C}
.fx-preview-toolbar p>span{margin-left:12px;font-size:8px;font-weight:400;letter-spacing:.6px;color:#7F8295}
.fx-open-full{flex:none;width:158px;height:34px;padding:9px 12px;border:0;border-radius:8px;background:#17263C;color:#fff;font:600 11px/16px var(--font);cursor:pointer}
.fx-full-dialog{width:min(1400px,94vw);max-width:94vw;height:90vh;max-height:90vh;margin:auto;padding:0;border:1px solid #DDD8E9;border-radius:16px;background:#F6F7FA;color:#17263C;overflow:hidden}
.fx-full-dialog::backdrop{background:rgba(15,26,45,.6)}
.fx-full-header{height:76px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #DDD8E9}
.fx-full-header h2{font-size:18px;line-height:24px;font-weight:600}
.fx-full-header p{font-size:11px;line-height:18px;color:#7F8295}
.fx-full-header button{padding:9px 14px;border:1px solid #DDD8E9;border-radius:8px;background:#fff;font:500 12px/18px var(--font);color:#17263C;cursor:pointer}
.fx-full-header button span{margin-left:10px;font-size:18px}
.fx-full-scroll{height:calc(100% - 76px);overflow:auto;overscroll-behavior:contain}
.fx-full-image-wrap{position:relative;min-width:1000px}
.fx-full-image-wrap>img{display:block;width:100%;height:auto}
.fx-full-image-wrap>.fx-clean-map{position:absolute;left:0;top:0}
.fx-clean-map{clip-path:inset(37.55% 18.3% 35.4% 44.9%);pointer-events:none}
.fx-open-full:focus-visible,.fx-focus-scroll:focus-visible,.fx-full-dialog button:focus-visible,.fx-full-scroll:focus-visible{outline:2px solid #7C49EC;outline-offset:-3px}
/* Match Trading's generous section spacing while preserving each visual. */
.fx-page .open-section{height:626px}
.fx-page .open-section .split-inner{bottom:96px}
.fx-page .intelligence-section{margin:24px 0 48px}
.fx-page .closing-section{height:392px}
.fx-page .closing-inner{top:96px}
/* Mega Charts Kit MD Revenue 1 (2319:8937): original card geometry and bar treatment. */
.fx-page .send-expectation{position:relative;padding:0}
.send-expectation>.visual-kicker{position:absolute;left:91.2px;top:20.4px;font-size:8px;letter-spacing:1px}
.send-revenue-card{position:absolute;left:64px;top:24px;width:544px;height:408px;background:#fff;border:1px solid #E7E4E3;border-radius:24px;color:#21201F;transform:scale(.9);transform-origin:center}
.send-chart-heading{position:absolute;left:19px;right:19px;top:19px;height:40px;display:flex;align-items:center;font-size:24px;line-height:40px;font-weight:500;letter-spacing:-.5px}
.send-chart-heading>img{width:24px;height:24px;margin-right:8px}
.send-chart-corner{position:absolute;right:0;top:0;width:40px;height:40px;padding:10px;border-radius:50%;background:#F7F7F7}
.send-chart-corner img{width:20px;height:20px}
.send-forecast-summary{position:absolute;left:19px;right:19px;top:79px;display:flex;justify-content:space-between;align-items:center}
.send-forecast-summary p{font-size:12px;line-height:24px;color:rgba(33,32,31,.56);margin:0 0 4px}
.send-forecast-summary strong{display:flex;align-items:center;font-size:32px;line-height:36px;font-weight:500;letter-spacing:-1px;color:#21201F}
.send-forecast-summary strong span{margin-left:6px;padding:2px 6px;border-radius:6px;background:#0082C0;color:#fff;font-size:10px;line-height:14px;font-weight:500;letter-spacing:-.2px}
.send-forecast-window{text-align:right;color:#00659C}
.send-forecast-window b{display:block;font-size:24px;line-height:36px;font-weight:500;letter-spacing:-.6px}
.send-forecast-window>span{font-size:10px;line-height:16px;color:rgba(33,32,31,.56)}
.send-chart{position:absolute;left:63px;top:159px;width:460px;height:192px}
.send-chart-grid{position:absolute;inset:0;width:460px;height:192px}
.send-chart-axis{position:absolute;left:-44px;top:0;width:32px;height:192px;font-size:12px;line-height:20px;color:rgba(33,32,31,.56)}
.send-chart-axis span{position:absolute;left:0;transform:translateY(-50%)}
.send-chart-axis span:nth-child(1){top:4px}.send-chart-axis span:nth-child(2){top:50.75px}.send-chart-axis span:nth-child(3){top:97.5px}.send-chart-axis span:nth-child(4){top:144.25px}.send-chart-axis span:nth-child(5){top:191px}
.send-history-bar,.send-next-bar{position:absolute;bottom:0;width:70px;border-radius:12px;background:repeating-linear-gradient(159.79deg,#E7E4E3 0px,#E7E4E3 2px,#F7F7F7 2px,#F7F7F7 4px)}
.send-history-bar.send-1{left:0;height:126.225px}.send-history-bar.send-2{left:78px;height:135.575px}.send-history-bar.send-3{left:156px;height:121.55px}.send-history-bar.send-4{left:234px;height:140.25px;background:#8E62EF}.send-history-bar.send-5{left:312px;height:130.9px}
.send-next-bar{left:390px;height:130.9px}
.send-history-bar.send-4 span{position:absolute;left:0;top:-32px;width:70px;padding:4px 0;background:#0F0E0E;border-radius:8px;color:#fff;text-align:center;font-size:15px;line-height:20px;white-space:nowrap}
.send-chart-labels{position:absolute;left:0;right:0;top:204px;font-size:12px;line-height:24px;font-weight:500;letter-spacing:-.24px;color:rgba(33,32,31,.56)}
.send-chart-labels span{position:absolute;width:70px;text-align:center}
.send-chart-labels span:nth-child(1){left:0}.send-chart-labels span:nth-child(2){left:78px}.send-chart-labels span:nth-child(3){left:156px}.send-chart-labels span:nth-child(4){left:234px}.send-chart-labels span:nth-child(5){left:312px}.send-chart-labels span:nth-child(6){left:390px}
.send-forecast-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Matched, composed previews: consistent typography and complete charts. */
.fxp-workspace{height:563px;padding:18px 24px;background:#F6F7FA;color:#202333;font-family:var(--font);font-size:11px;line-height:1.4}
.fxp-workspace p,.fxp-workspace h3{margin:0}
.fxp-workspace h3{font-size:14px;line-height:19px;font-weight:600;color:#202333}
.fxp-workspace b{font-weight:600;color:#8852F7}
.fxp-workspace small{font-size:9px;color:#8590A6}
.fxp-workspace .cyan{color:#00A7D2}.fxp-workspace .amber{color:#D48408}.fxp-workspace .purple{color:#8852F7}
.fxp-stats{display:flex;gap:12px;height:78px;margin-bottom:12px}
.fxp-stat{position:relative;flex:1;min-width:0;background:white;border:1px solid #CDD5E6;border-radius:12px;padding:10px 12px;overflow:hidden}
.fxp-stat:before{content:"";position:absolute;left:12px;right:12px;top:0;height:2px;background:var(--accent)}
.fxp-stat p{font-size:10px;color:#79849A;white-space:nowrap}
.fxp-stat>div{display:flex;align-items:center;justify-content:space-between;margin-top:2px}
.fxp-stat strong{font-size:23px;line-height:28px;font-weight:650}
.fxp-stat b{font-size:12px;color:var(--accent)}
.fxp-stat small{display:block;font-size:7px;letter-spacing:.65px;margin-top:1px}
.fxp-middle{display:flex;gap:12px;height:166px;margin-bottom:12px}
.fxp-card{background:white;border:1px solid #CDD5E6;border-radius:12px;padding:14px 16px;position:relative;min-width:0}
.fxp-read{width:538px;flex:none}
.fxp-read:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:#965DFF;border-radius:2px}
.fxp-eyebrow{font-size:8px;letter-spacing:.75px;font-weight:600;color:#8852F7}
.fxp-network-read{display:flex;gap:12px}
.fxp-read-copy{flex:1}
.fxp-read-copy h3{font-size:16px;line-height:21px;margin:10px 0 9px}
.fxp-read-copy>p:not(.fxp-eyebrow){font-size:10px;color:#7A859B;margin-top:7px}
.fxp-read-copy>p.fxp-comparison{font-size:9px}
.fxp-gauge{width:166px;flex:none;text-align:center;border-left:1px solid #EEF0F5;padding-left:12px}
.fxp-gauge h3{font-size:12px;text-align:left}
.fxp-gauge svg{display:block;width:154px;height:103px;margin:1px 0 0}
.fxp-gauge small{font-size:7px;white-space:nowrap}
.fxp-forecast{flex:1}
.fxp-forecast h3{display:flex;justify-content:space-between;align-items:center}
.fxp-forecast h3 small{font-size:7px;font-weight:400;letter-spacing:.4px}
.fxp-forecast-numbers{display:flex;justify-content:space-between;margin-top:14px}
.fxp-forecast-numbers>div:last-child{text-align:right}
.fxp-forecast-numbers p{font-size:9px;color:#7B869C}
.fxp-forecast-numbers strong{display:block;font-size:25px;line-height:28px;font-weight:650}
.fxp-forecast-numbers b{display:block;font-size:10px;line-height:15px}
.fxp-band{display:block;width:100%;height:40px;margin-top:7px}
.fxp-lower{height:259px;display:flex;gap:12px}
.fxp-corridors,.fxp-pattern{width:326px;flex:none}
.fxp-corridors{padding:13px 15px}
.fxp-corridors h3{font-size:12px;margin-bottom:7px}
.fxp-corridor{height:40px;border-top:1px solid #EDF0F5;display:flex;align-items:center;gap:10px}
.fxp-flags{width:57px;flex:none;font-size:13px}
.fxp-flags small{display:block;font-size:7px}
.fxp-corridor>span:nth-child(2){flex:1;font-size:9px;color:#78849B}
.fxp-corridor>small{font-size:7px;text-align:right;width:65px}
.fxp-map{flex:1;overflow:hidden}
.fxp-map h3{display:flex;gap:12px;align-items:baseline}
.fxp-map h3 small{font-size:9px;font-weight:400}
.fxp-map-legend{position:absolute;left:16px;top:42px;display:flex;flex-direction:column;gap:8px;color:#8B96AC;font-size:8px;z-index:1}
.fxp-map-legend span:before{content:"";display:inline-block;vertical-align:middle;width:16px;height:1px;margin-right:5px;background:#8D4CF7}
.fxp-map-legend span:nth-child(2):before{background:#00AFD7}.fxp-map-legend span:nth-child(3):before{background:repeating-linear-gradient(to right,#ABB1C0 0 3px,transparent 3px 5px)}
.fxp-map>img{display:block;position:absolute;right:12px;bottom:8px;width:405px;height:219px;object-fit:contain}
.fxp-stake{display:flex;align-items:center;justify-content:space-between;margin:14px 0 16px}
.fxp-stake h3{font-size:16px;line-height:21px}
.fxp-stake>div{text-align:right}
.fxp-stake small{font-size:9px}
.fxp-stake strong{display:block;font-size:30px;line-height:35px;color:#BB6A08}
.fxp-stake b{font-size:10px;color:#BB6A08}
.fxp-corporate-read>p:last-child{font-size:10px;color:#7A859B}
.fxp-pattern h3{font-size:13px;line-height:18px;margin-top:10px}
.fxp-pattern-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:8px 0}
.fxp-pattern-value strong{font-size:30px;line-height:34px}
.fxp-pattern-value span{font-size:17px;color:#7C88A0}
.fxp-pattern-value small{font-size:8px;margin-left:auto}
.fxp-pattern>svg{display:block;width:100%;height:29px;margin-top:8px}
.fxp-pattern-legend{display:flex;justify-content:space-between;font-size:8px;color:#8590A6;margin-top:5px}
.fxp-pattern-legend span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#8051EF;margin-right:5px}.fxp-pattern-legend span:last-child:before{background:#E6E0F2}
.fxp-pattern-now{border-top:1px solid #EDF0F5;margin-top:12px;padding-top:10px;display:flex;align-items:center;justify-content:space-between}
.fxp-pattern-now small{font-size:7px;letter-spacing:.7px}
.fxp-pattern-now b{color:#202333;font-size:15px}
.fxp-dealers{flex:1}
.fxp-dealers>p{font-size:9px;color:#8690A5;margin-top:2px}
.fxp-concentration{display:flex;align-items:center;gap:18px;border:1px solid #EFEAF8;background:#F8F6FC;border-radius:8px;padding:10px 12px;margin-top:10px}
.fxp-concentration strong{color:#8852F7;font-size:22px;white-space:nowrap}
.fxp-concentration b{display:block;font-size:10px;color:#202333}
.fxp-concentration small{display:block;font-size:8px;margin-top:2px}
.fxp-dealer-chart{display:block;width:100%;height:122px;margin-top:11px}

.fxp-lower>.fxp-card{height:259px;min-height:0}
.fxp-flags{display:flex;align-items:center;gap:3px;width:64px;font-size:8px;font-weight:600;color:#6D7790}
.fxp-flags>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#F0ECFA;color:#7654BD}
.fxp-flags>span:first-child{background:#EDF2F8;color:#537A9D}
.fxp-flags i{font-style:normal;color:#929CB0}

/* FX conversation placeholder copy. */
.fx-page .cooper-composer [role="textbox"]:empty::before{content:"Ask Cooper about your network…"}