/* RCL V16 — client-facing interactive dashboard demonstrations */
.dash-hero{padding:82px 0 54px;background:radial-gradient(circle at 82% 14%,rgba(60,224,208,.13),transparent 30%),linear-gradient(145deg,#06121e,#0b2235);border-bottom:1px solid rgba(255,255,255,.1)}
.dash-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.7fr);gap:56px;align-items:center}
.dash-hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:16px 0 22px;color:#f4fbff}.dash-hero h1 em{font-style:normal;color:#75e8d5}.dash-hero p{max-width:720px;color:#9eb5c4;font-size:17px}.dash-hero-card{border:1px solid rgba(255,255,255,.12);border-radius:25px;padding:24px;background:rgba(255,255,255,.045);box-shadow:0 24px 70px rgba(0,0,0,.26)}
.dash-hero-card strong{display:block;font-size:17px;color:#eff9fd}.dash-hero-card p{font-size:12px;margin:7px 0 18px}.dash-hero-stat{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:14px 0}.dash-hero-stat:last-child{padding-bottom:0}.dash-hero-stat span{color:#86a2b4;font-size:11px}.dash-hero-stat b{font-size:24px;color:#fff}
.demo-section{padding:72px 0 96px;background:#eaf1f4;color:#102334}.demo-intro{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:25px}.demo-intro h2{margin:8px 0 0;font-size:clamp(30px,4vw,50px)}.demo-intro p{max-width:610px;color:#5c7280;margin:0}.demo-tabs{display:flex;gap:8px;padding:6px;border-radius:15px;background:#dce7eb;border:1px solid #cedde3;width:max-content;margin-bottom:20px}.demo-tab{border:0;background:transparent;color:#496471;border-radius:11px;padding:11px 17px;font-weight:800;cursor:pointer}.demo-tab[aria-selected="true"]{background:#fff;color:#0b4350;box-shadow:0 7px 20px rgba(20,50,70,.1)}
.dash-demo{display:none}.dash-demo.is-active{display:block}.dashboard-shell{border-radius:24px;overflow:hidden;border:1px solid #bfd0d7;background:#f7fafb;box-shadow:0 28px 70px rgba(16,48,66,.16)}
.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;background:#0a1c2b;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-brand{display:flex;align-items:center;gap:12px}.dashboard-brand img{width:128px;height:40px;object-fit:contain;object-position:left center}.dashboard-brand div{border-left:1px solid rgba(255,255,255,.16);padding-left:12px}.dashboard-brand strong{display:block;font-size:14px}.dashboard-brand span{font-size:9px;color:#86a3b6;text-transform:uppercase;letter-spacing:.11em}.dashboard-live{font-size:10px;color:#7ee6bd;display:flex;align-items:center;gap:7px}.dashboard-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#7ee6bd;box-shadow:0 0 12px rgba(126,230,189,.8)}
.dashboard-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:790px}.dashboard-rail{background:#102635;color:#a8bbc7;padding:20px 14px}.dashboard-rail strong{font-size:10px;color:#67899c;text-transform:uppercase;letter-spacing:.12em;padding:0 10px}.rail-link{display:flex;align-items:center;gap:9px;border-radius:10px;padding:10px;margin-top:7px;font-size:11px}.rail-link:before{content:"";width:7px;height:7px;border-radius:2px;background:#4f6c7c}.rail-link.active{background:#174354;color:#fff}.rail-link.active:before{background:#65e0d0}.rail-note{margin:28px 8px 0;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#7895a6;font-size:9px;line-height:1.55}
.dashboard-main{padding:20px;min-width:0}.dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.dashboard-heading h3{margin:0;font-size:20px}.dashboard-heading p{margin:4px 0 0;color:#6a808d;font-size:11px}.dashboard-controls{display:flex;flex-wrap:wrap;gap:9px}.dash-control{display:grid;gap:4px}.dash-control label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#6b808a;font-weight:800}.dash-control select{border:1px solid #cddae0;background:#fff;border-radius:9px;padding:8px 28px 8px 9px;font-size:10px;color:#163140}
.kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.kpi-card{border:1px solid #d5e1e6;background:#fff;border-radius:14px;padding:14px;min-width:0}.kpi-card span{display:block;font-size:8px;color:#6a818e;text-transform:uppercase;letter-spacing:.07em}.kpi-card strong{display:block;font-size:25px;letter-spacing:-.04em;margin:7px 0 2px;color:#0d2a3a}.kpi-card small{font-size:8px;color:#7e929d}.kpi-card.alert{border-top:3px solid #ec6b59}.kpi-card.good{border-top:3px solid #45b68b}.kpi-card.watch{border-top:3px solid #f3b645}.kpi-card.info{border-top:3px solid #4e9dda}
.dashboard-grid{display:grid;grid-template-columns:1.05fr 1.25fr 1fr;gap:11px}.dash-panel{border:1px solid #d5e1e6;border-radius:14px;background:#fff;padding:15px;min-width:0}.dash-panel.span-2{grid-column:span 2}.dash-panel.span-3{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.panel-head h4{margin:0;font-size:12px}.panel-head small{color:#7d909a;font-size:8px}.panel-body-center{display:grid;place-items:center;min-height:170px}
.donut-wrap{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px;width:100%}.risk-donut,.action-donut{width:128px;aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#ec6b59 0 24%,#f3b645 24% 59%,#45b68b 59% 83%,#7fa3bd 83% 100%)}.risk-donut:after,.action-donut:after{content:"";position:absolute;inset:25px;background:#fff;border-radius:50%}.donut-centre{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.donut-centre strong{font-size:22px}.donut-centre span{font-size:8px;color:#738793}.chart-legend{display:grid;gap:7px}.chart-legend span{font-size:9px;color:#526b78;display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-legend i{width:8px;height:8px;border-radius:2px;margin-right:5px;display:inline-block}.chart-legend b{margin-left:auto;color:#16303f}
.heatmap{display:grid;grid-template-columns:52px repeat(5,1fr);gap:4px;align-items:stretch}.heatmap-label{display:grid;place-items:center;font-size:7px;color:#71848e;min-height:28px}.heatmap-cell{min-height:32px;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:850;transition:transform .15s}.heatmap-cell:hover{transform:scale(1.06);z-index:2}.heatmap-cell[data-band="1"]{background:#79b995}.heatmap-cell[data-band="2"]{background:#9fc26f}.heatmap-cell[data-band="3"]{background:#e7b646}.heatmap-cell[data-band="4"]{background:#e98358}.heatmap-cell[data-band="5"]{background:#d9514f}
.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(86px,1fr) 2.2fr 26px;gap:8px;align-items:center;font-size:8px;color:#526b78}.bar-track{height:8px;background:#edf2f4;border-radius:999px;overflow:hidden}.bar-track i{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#208c91,#55c7b7);transition:width .3s}.bar-row b{text-align:right;color:#183441}
.trend-chart{height:170px;position:relative;padding:8px 4px 18px}.trend-chart svg{width:100%;height:100%;overflow:visible}.trend-grid line{stroke:#dce6ea;stroke-width:1}.trend-area{fill:rgba(46,150,160,.12)}.trend-line{fill:none;stroke:#158b91;stroke-width:3}.trend-target{fill:none;stroke:#f0ad45;stroke-width:2;stroke-dasharray:5 5}.trend-dot{fill:#fff;stroke:#158b91;stroke-width:2}.trend-labels{display:flex;justify-content:space-between;color:#7b8e98;font-size:7px}
.risk-table{width:100%;border-collapse:collapse;font-size:8px}.risk-table th{text-align:left;color:#66808c;background:#eef3f5;padding:8px}.risk-table td{padding:8px;border-bottom:1px solid #e5ecef;color:#3e5865}.risk-table td:last-child{text-align:right}.risk-pill{display:inline-flex;border-radius:999px;padding:4px 7px;font-weight:800}.risk-pill.red{background:#fee8e5;color:#a63e34}.risk-pill.amber{background:#fff3d8;color:#8b5b00}.risk-pill.green{background:#e5f7ee;color:#16754f}
.ics-layout{min-height:850px}.ics-score{display:grid;grid-template-columns:150px 1fr;gap:15px;align-items:center}.score-orb{width:142px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 38% 30%,#a9f4e6,#3ec0b3 48%,#0e6e78 100%);box-shadow:inset 0 0 0 10px rgba(255,255,255,.36),0 14px 35px rgba(24,121,126,.24);color:#052e34}.score-orb strong{font-size:43px;line-height:1}.score-orb span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.score-summary h4{font-size:21px;margin:0;color:#153441}.score-summary p{font-size:9px;color:#6b818d;margin:5px 0 13px}.score-band{height:9px;border-radius:999px;background:linear-gradient(90deg,#d74f4f,#ec8c53,#f0c84f,#70c58b,#2bb3a3);position:relative}.score-marker{position:absolute;top:-4px;width:4px;height:17px;border-radius:3px;background:#0b2030;left:70%;transition:left .25s}.score-scale{display:flex;justify-content:space-between;font-size:7px;color:#748994;margin-top:5px}
.ratio-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ratio-card{border:1px solid #dce6ea;border-radius:11px;padding:10px;background:#fbfcfd}.ratio-card span{font-size:7px;color:#6b818d;text-transform:uppercase;letter-spacing:.05em}.ratio-card strong{display:block;font-size:17px;margin-top:5px}.ratio-card small{font-size:7px;color:#82949e}.ratio-gauge{height:4px;border-radius:999px;background:#e8eef1;margin-top:8px;overflow:hidden}.ratio-gauge i{display:block;height:100%;background:#3bb49e;border-radius:inherit;transition:width .25s}
.dq-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dq-item{border:1px solid #dbe6ea;border-radius:10px;padding:10px}.dq-item span{display:block;color:#6c818d;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.dq-item strong{display:flex;align-items:center;gap:6px;font-size:9px;margin-top:6px}.dq-item strong:before{content:"";width:7px;height:7px;border-radius:50%;background:#45b68b}.dq-item.watch strong:before{background:#f3b645}
.finance-table{width:100%;border-collapse:collapse;font-size:8px}.finance-table th,.finance-table td{padding:7px;border-bottom:1px solid #e2eaed;text-align:right}.finance-table th:first-child,.finance-table td:first-child{text-align:left}.finance-table th{color:#68808b;background:#eef3f5}.finance-up{color:#19835d;font-weight:800}.finance-down{color:#b84b42;font-weight:800}
.peer-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;height:155px;padding-top:14px}.peer-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.peer-col b{font-size:9px}.peer-col i{display:block;width:55%;min-width:24px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#64d8c5,#147e8a);transition:height .25s}.peer-col.active i{background:linear-gradient(180deg,#8cebdc,#1ca89c);box-shadow:0 8px 18px rgba(28,168,156,.22)}.peer-col span{font-size:7px;color:#768a94}
.demo-note{margin-top:16px;border:1px solid #cbdce2;background:#f9fbfc;border-radius:14px;padding:15px 18px;color:#5e7480;font-size:10px;line-height:1.55}.demo-note strong{color:#173646}
.dashboard-enquiry{background:#071724;padding:82px 0}.dashboard-enquiry .query-layout{align-items:center}.dashboard-enquiry h2{color:#f2f9fd}.dashboard-enquiry p{color:#92a9b8}.dashboard-enquiry .query-points span{border-color:rgba(255,255,255,.1);color:#b8cbd5;background:rgba(255,255,255,.035)}
@media(max-width:1120px){.dashboard-layout{grid-template-columns:150px minmax(0,1fr)}.kpi-strip{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dash-panel.span-3{grid-column:1/-1}.ratio-score-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.dash-hero-grid{grid-template-columns:1fr}.demo-intro{display:grid;align-items:start}.dashboard-layout{display:block}.dashboard-rail{display:none}.dashboard-heading{display:grid}.dashboard-grid{grid-template-columns:1fr}.dash-panel.span-2,.dash-panel.span-3{grid-column:auto}.kpi-strip{grid-template-columns:1fr 1fr}.ratio-score-grid{grid-template-columns:1fr 1fr}.dashboard-top{align-items:flex-start}.dashboard-live{display:none}.ics-score{grid-template-columns:120px 1fr}.score-orb{width:116px}}
@media(max-width:560px){.dash-hero{padding-top:55px}.demo-section{padding:54px 0 72px}.demo-tabs{width:100%;display:grid;grid-template-columns:1fr}.demo-tab{text-align:left}.dashboard-main{padding:12px}.dashboard-brand img{width:100px;height:34px}.dashboard-brand div{display:none}.kpi-strip{grid-template-columns:1fr 1fr}.kpi-card strong{font-size:20px}.dashboard-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.dash-control select{width:100%}.donut-wrap{grid-template-columns:115px 1fr}.risk-donut,.action-donut{width:105px}.ratio-score-grid,.dq-grid{grid-template-columns:1fr 1fr}.peer-bars{gap:5px}.ics-score{grid-template-columns:1fr;text-align:center}.score-orb{margin:auto}.score-summary{text-align:left}.heatmap{grid-template-columns:42px repeat(5,1fr)}.heatmap-cell{min-height:27px}.finance-table{font-size:7px}.dashboard-enquiry{padding:62px 0}}