/* Current revision: calm report sections, inspired by the supplied Reportei example. */
.app-shell{background:#f4f0e9}.app-shell::before{display:none}.topbar{background:#faf7f1c9}.page-heading{margin:30px 0 24px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:30px;letter-spacing:-.8px}.page-heading>div>p:last-child{max-width:65ch;font-size:14px}.heading-actions .button{font-size:12px}.filterbar{gap:9px;align-items:center;margin-bottom:16px}.filterbar>label,.filterbar>.filter-chip{background:#faf8f3;border-color:#ded5c9;min-height:40px}.filterbar select{max-width:220px;min-width:140px;font-size:12px}.filterbar>label:has([data-field=ad]) select{max-width:250px}.notice{padding:10px 14px;font-size:11px;background:#fbf8f2;border-radius:10px}.demo-notice{background:#f3eddc}
.scope-caption{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:#7c6c5e;font-size:11px;margin:10px 0 20px}.scope-caption>span+span{border-left:1px solid #d9cec0;padding-left:16px}.scope-caption .text-button{margin-left:auto;font-size:11px}.kpi-grid{gap:16px;margin-bottom:28px}.panel,.kpi,.report-kpi,.creative-card,.project-card,.audience-feature{background:#fcfaf6;border:1px solid #e6ded3;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:16px}.kpi{padding:22px}.kpi>strong{font-size:clamp(27px,2.5vw,38px);font-weight:600;letter-spacing:-1px}.kpi-icon{display:none}.kpi h2{font-size:12px;line-height:1.5}.kpi>p{font-size:11px;color:#847263;margin-bottom:0}.mini-spark{display:none}.panel h2{font-size:17px}.panel-head .eyebrow{display:none}.panel-head{padding-bottom:18px}.panel-head p{font-size:12px}.chart-total{margin-bottom:15px}.chart-total>strong{font-size:28px}.chart-panel{margin-bottom:28px}.next-views{display:flex;flex-wrap:wrap;gap:12px;padding:0 0 24px}.next-views>button{color:#654a36;padding:11px 16px;border:1px solid #dfd3c6;background:#faf7f1;border-radius:10px;font-size:12px}.footer{border-top:1px solid #e4dbcf;padding-top:20px;margin-top:30px}.creative-card:hover,.kpi:hover{box-shadow:none;border-color:#b9a38e}.creative-card-body{padding:18px}.creative-card h3{font-size:15px}.creative-metrics{gap:10px}.creative-metrics strong{font-size:16px}.creative-metrics>span{font-size:10px}.creative-toolbar{margin-top:8px;gap:10px}.catalog-categories{margin-bottom:20px}.result-caption{font-size:12px;margin-bottom:18px}.table-wrap th,.table-wrap td{font-size:12px;padding:16px}.table-wrap thead{background:#f5efe6}.table-wrap td{font-variant-numeric:tabular-nums}.table-wrap tbody tr:hover{background:#f8f3eb}.table-toolbar{gap:12px}.row-name{gap:13px}.row-name>span:last-child{max-width:320px;white-space:normal;line-height:1.55}.row-name small{font-size:10px;color:#8c7967}.row-symbol{width:36px;height:36px;border-radius:9px}.row-thumbnail{width:52px;height:52px;flex:none;overflow:hidden;display:block;border:1px solid #e3d9cd;background:#eee5d9;box-shadow:none}.row-thumbnail .creative-media,.row-thumbnail .creative-art,.row-thumbnail .no-image{width:100%;height:100%;min-height:0;aspect-ratio:1;border:0;border-radius:0}.row-thumbnail .creative-art .art-capsule,.row-thumbnail .creative-art .art-copy,.row-thumbnail .creative-art .art-footer{display:none}.row-thumbnail .creative-art .art-brand{font-size:8px;top:3px;left:4px}.row-thumbnail .creative-art .art-object{transform:scale(.35);transform-origin:bottom right;right:0;bottom:-4px}.row-thumbnail .no-image span,.row-thumbnail .media-unavailable{font-size:7px;line-height:1.3;padding:3px}.row-thumbnail .no-image svg{width:18px;height:18px}
.creative-media{position:relative;aspect-ratio:4/3;width:100%;overflow:hidden;background:#ede7de;display:grid;place-items:center}.creative-media .creative-image{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0}.creative-media.large{aspect-ratio:1}.media-unavailable{font-size:12px;color:#7a6553;text-align:center;padding:20px;max-width:260px;line-height:1.6}.no-image{font-size:12px;background:#eee7dc}.no-image svg{color:#97816c}[hidden]{display:none!important}
.report-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 18px;margin-top:2px;border-bottom:1px solid #e1d7ca}.report-tabs button{padding:10px 15px;border-radius:8px;font-size:12px;color:#7b6552;background:transparent;border:1px solid transparent}.report-tabs button[aria-pressed=true]{background:#fffaf3;border-color:#cdbba5;color:#4b2d21;font-weight:600}.report-kpis{display:grid;grid-template-columns:repeat(var(--report-columns,3),minmax(0,1fr));gap:16px;margin:0 0 28px}.report-kpi{padding:24px;min-height:124px;display:flex;flex-direction:column;gap:20px}.report-kpi>span{font-size:12px;color:#7a6756}.report-kpi>strong{font-size:30px;font-weight:600;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums}.report-kpis+.chart-panel{margin-top:0}
.review-intro{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:22px 0}.review-intro h2{font-size:18px;margin-bottom:7px}.review-intro p{font-size:12px;color:#806c59;margin:0;line-height:1.7}.review-context{display:flex;flex-wrap:wrap;gap:10px 24px;border-block:1px solid #ded2c3;padding:16px 0;margin-bottom:24px;font-size:11px;color:#88725f}.review-context b{font-weight:500;color:#654a36;display:block;line-height:1.8}.review-warning{font-size:12px;background:#f3e9d1;border:1px solid #dfcda7;border-radius:10px;padding:14px;color:#7d603b}.review-panel{padding:24px;margin-bottom:28px}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.reference-source{grid-column:span 4}.reference-grid .form-field{margin:0;font-size:11px;gap:7px}.reference-grid input,.reference-grid select{font-size:12px;min-width:0}.reference-number{width:150px;border:1px solid #d5c7b6;border-radius:8px;padding:9px;background:#fffdf9;color:#493223;font:inherit;font-variant-numeric:tabular-nums}.reference-confirm{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#6b5543;line-height:1.7;margin:20px 0}.reference-confirm input{margin-top:4px;accent-color:#4b2d21}.review-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.review-actions small{font-size:11px;color:#8b7460}.review-panel .table-wrap{margin-inline:0}.delta-detail{font-size:10px;display:block;color:#93785e;margin-top:6px;white-space:nowrap}.check-status{font-size:10px;color:#8a7767;white-space:nowrap;padding:5px 8px;border-radius:6px;background:#eee8e0}.check-status.differs,.check-status.context_mismatch{color:#964630;background:#f5e4db}.check-status.matches{color:#386148;background:#e5eee3}.review-panel summary{cursor:pointer;font-size:14px;font-weight:500;list-style-position:inside}.coverage-summary{display:flex;flex-wrap:wrap;gap:18px;margin-block:20px;font-size:12px;color:#77604c}
@media(max-width:1200px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-source{grid-column:span 2}.review-panel .panel-head{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:740px){.page-heading h1{font-size:27px}.page-heading{margin-top:24px}.filterbar>label,.filterbar>.filter-chip{flex:1;min-width:calc(50% - 5px)}.filterbar select{width:100%;max-width:100%;min-width:0}.filterbar>label:has([data-field=ad]){flex-basis:100%}.filterbar>label:has([data-field=ad]) select{max-width:100%}.scope-caption{gap:10px;line-height:1.5}.scope-caption>span+span{border:0;padding-left:0}.scope-caption .text-button{margin-left:0}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-kpi{padding:18px;min-height:112px}.report-kpi>strong{font-size:25px}.review-intro{align-items:flex-start;flex-direction:column;gap:12px}.review-panel{padding:18px}.reference-grid{gap:14px}.reference-grid input{min-width:0;width:100%}.review-context{gap:12px}.report-tabs{gap:5px}.report-tabs button{padding:9px 10px}.next-views{gap:9px}.next-views>button{width:100%;text-align:left}.row-name>span:last-child{min-width:170px}.review-panel .table-wrap{max-width:100%;overflow:auto}.reference-number{width:125px}}
@media print{.report-tabs,.scope-caption button,.next-views,.review-actions,.review-intro button{display:none}.report-kpi,.kpi,.panel{box-shadow:none;background:white}}

dialog#dialog{position:fixed;inset:0;margin:auto}
.filterbar select,.filterbar select:focus,.filterbar select:focus-visible{outline:none!important;border:0!important;box-shadow:none!important}