/* KBV report branding; compact layout is scoped to explicit embed mode. */
.report-header{position:relative;isolation:isolate;overflow:hidden;border-color:#293c70;border-left:5px solid #0271bb;background:linear-gradient(115deg,#18284f,#403064 65%,#633354);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.report-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('../../assets/img/dataproai-card-pattern.svg');background-repeat:no-repeat;background-position:right -12px center;background-size:520px auto;opacity:.8}
.report-header>div{min-width:0}.report-header h1{color:#fff;overflow-wrap:anywhere}
.report-header>.sample-unlock{justify-self:end;background:#fff;border-color:#fff;color:#094d92}
.report-header>.sample-unlock:hover,.report-header>.sample-unlock:focus-visible{background:#eaf4ff;border-color:#c8e3f7;color:#094d92}

body.sample-embed{display:flow-root;margin:0;background:var(--bg)}
.sample-embed #sample-main{max-width:none;margin:12px auto;padding:0 14px;min-height:0}
.sample-embed .report-nav{top:0}
.sample-embed .report-header{gap:14px}
.sample-embed .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sample-embed .stats .stat{padding:16px 12px;gap:10px;min-width:0}
.sample-embed .stats .stat-icon{width:34px;height:34px;flex-basis:34px}
.sample-embed .stats .stat strong{font-size:15px;overflow-wrap:anywhere}
.sample-embed .stats .stat span{font-size:12px}
.sample-embed .chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:679px){.sample-embed .stats{display:flex;overflow-x:auto}.sample-embed .stats .stat{flex:0 0 180px}.sample-embed .chart-grid{grid-template-columns:1fr}.sample-embed .overview-layout{grid-template-columns:1fr}}
/* Opaque, high-contrast filters inside the report iframe. */
.sample-embed .filter-shell{background-color:#e9f3ff;background-image:linear-gradient(110deg,#e8f0ff 0%,#e4f4ff 65%,#edf8fc 100%);border:1px solid #bad6ed;border-radius:16px;box-shadow:0 5px 18px #164b7910;padding:22px;position:relative}
.sample-embed .filter-shell .section-heading h2{color:#163c70}
.sample-embed .filter-shell .filter summary{background:#fff;border-color:#b6d2e8;box-shadow:0 3px 10px #164b790b;border-radius:10px}
.sample-embed .filter-shell .filter summary strong{color:#163c70}
.sample-embed .filter-shell .filter summary span{color:#5a7086}
.sample-embed .filter-shell .filter[open]>summary{background:#f5fbff;border-color:#0075b6;box-shadow:0 0 0 2px #0075b618}
.sample-embed .filter-shell .popover{background:#fff;border-color:#bad6ed;border-radius:12px;box-shadow:0 14px 32px #153d7026}
.sample-embed .filter-shell .filter-option-row{background:#fff;border-color:#e0eaf3}
.sample-embed .filter-shell .filter-option-row:has(input:checked){background:#eaf5ff;border-color:#95c5e6}
.sample-embed .filter-shell input{accent-color:#006eb5}
.sample-embed .filter-shell .filter-actions button:first-child{background:#e5f2fc;color:#005f9d;border-color:#c4dff0}
.sample-embed .filter-shell .filter-chip{background:#fff;color:#1c557f;border-color:#b6d2e8}
.sample-embed .filter-shell .reset-button{background:#fff;border-color:#b6d2e8;color:#16476f}
.sample-embed .filter-shell .reset-button:hover{background:#e3f1fc}
.sample-embed .filter-shell .metric-switch{background:#d6e9f9}
.sample-embed .filter-shell .metric-switch button[aria-pressed=true]{background:#006eb5;color:#fff;box-shadow:0 2px 5px #006eb526}
@media(max-width:640px){.sample-embed .filter-shell{padding:18px}}
/* Compact density only within the embedded 500px sample window. */
.sample-embed #sample-main{margin:8px auto;padding:0 10px}
.sample-embed .report-nav{padding:6px;gap:8px;margin-bottom:14px}
.sample-embed .report-nav a{padding:7px 12px;font-size:13px}
.sample-embed .filter-shell{padding:14px 16px;margin-bottom:16px;border-radius:14px}
.sample-embed .filter-shell .section-heading{margin-bottom:12px}
.sample-embed .filter-shell .section-heading h2{font-size:17px}
.sample-embed .filter-tools{gap:8px}
.sample-embed .filters{gap:10px}
.sample-embed .filter summary{min-height:44px;padding:10px 12px;gap:7px;border-radius:9px}
.sample-embed .filter summary strong{font-size:12px}
.sample-embed .filter summary span{font-size:11px}
.sample-embed .filter-selection{margin-top:12px;gap:6px}
.sample-embed .filter-chip{padding:5px 8px;font-size:11px}
.sample-embed .reset-button{padding:6px 12px;min-height:36px;font-size:12px;border-radius:8px}
.sample-embed .chart-grid,.sample-embed .sample-gallery>.chart-grid{gap:14px}
.sample-embed .premium-card{border-radius:15px}
.sample-embed .card-heading{padding:11px 14px;gap:8px}
.sample-embed .card-heading h3{font-size:12px;line-height:1.5}
.sample-embed .card-heading>span{font-size:10px}
.sample-embed .chart{height:280px}
.sample-embed .chart-empty{min-height:230px;margin:8px;padding:18px;font-size:12px}
.sample-embed .chart-note{padding:0 14px 12px;font-size:10px}
.sample-embed .gallery-heading{font-size:17px;margin:22px 0 12px}
.sample-embed .stats{gap:10px;margin-bottom:20px}
.sample-embed .stats .stat{padding:12px 10px;gap:8px;border-radius:12px}
.sample-embed .stats .stat-icon{width:28px;height:28px;flex-basis:28px}
.sample-embed .stats .stat strong{font-size:14px;margin-top:4px}
.sample-embed .stats .stat span{font-size:11px}
.sample-embed .card{padding:18px;margin-bottom:18px}
.sample-embed .overview-layout{gap:16px}
.sample-embed .table-scroll th,.sample-embed .table-scroll td{padding:10px 12px;font-size:12px}
@media(max-width:640px){.sample-embed .chart{height:260px}.sample-embed .filter-shell{padding:12px}.sample-embed .report-nav{gap:0}.sample-embed .report-nav a{padding:7px 10px}.sample-embed .chart-grid{gap:12px}.sample-embed .card-heading{padding:10px 12px}.sample-embed .filter summary{min-height:44px}}