main.reports-main{max-width:1440px;margin:28px auto;padding:0 32px 45px}.nav-report{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.nav-report a{color:#edf7f5;font-size:14px;text-decoration:none;font-weight:600}.nav-report .btn.secondary{background:#e6f1f0;color:#14394a!important;border:1px solid #c6dcda}.nav-report .btn.secondary:hover{background:#d7eae7}.report-top{display:flex;justify-content:space-between;align-items:end;gap:15px;flex-wrap:wrap}.report-top h1{margin:2px 0}.overline{font-size:12px;font-weight:800;letter-spacing:2px;color:#0d867d}.month-label{font-size:13px;font-weight:700}.month-label select{display:block;padding:12px 35px 12px 12px;margin-top:5px;background:#fff;border:1px solid #b9d3d4;border-radius:10px;font:inherit;color:#173b4a}.report-caption{margin:18px 0;color:#315c68;background:#eaf4f4;padding:12px 16px;border-radius:10px}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-kpi{background:#fff;border:1px solid #dce7e7;padding:20px;border-radius:14px;min-height:133px}.report-kpi span,.report-kpi small{display:block;font-size:12px;color:#63818c}.report-kpi strong{display:block;margin:7px 0 1px;font-size:clamp(22px,2.2vw,28px);font-weight:750}.positive{color:#078575}.negative{color:#c24647}.report-panels{display:grid;grid-template-columns:1.16fr 1fr .92fr;gap:12px;margin-top:16px}.report-panel{background:#fff;border:1px solid #dce7e7;border-radius:15px;padding:19px;min-width:0}.report-panel h2{font-size:18px;margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.panel-head span{font-size:11px;color:#167c75;background:#e8f6f2;padding:6px 9px;border-radius:20px}.chart-legend{display:flex;align-items:center;gap:8px;color:#4d6574;font-size:12px;padding:10px 0 0}.legend-bar{background:#204d62;width:11px;height:11px;border-radius:2px}.legend-line{background:#15a59c;width:15px;height:3px;border-radius:2px;margin-left:12px}.chart-container{width:100%;margin-top:9px}.chart-container svg{width:100%;height:auto;display:block;min-height:165px}.micro{font-size:12px;margin:10px 0 0}.top-row{margin-top:15px}.top-row-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:5px}.top-row-head strong{white-space:nowrap}.top-track{height:11px;background:#edf5f3;border-radius:12px;overflow:hidden}.top-fill{height:100%;background:linear-gradient(90deg,#8bd8c1,#168e87);border-radius:12px}.report-detail{margin-top:16px}.scroll-table{overflow:auto;margin-top:13px}.scroll-table table{border-collapse:collapse;width:100%;font-size:13px}.scroll-table th,.scroll-table td{text-align:left;padding:11px;border-bottom:1px solid #e5eeee}.scroll-table .num{text-align:right;font-variant-numeric:tabular-nums}.fineprint{font-size:12px;margin-top:20px}#message{margin:18px 0}@media(max-width:920px){.report-panels{grid-template-columns:1fr 1fr}.report-panels .report-panel:last-child{grid-column:1/-1}.report-kpis{grid-template-columns:1fr 1fr}}@media(max-width:600px){main.reports-main{padding:0 15px 35px}.report-panels{grid-template-columns:1fr}.report-panels .report-panel:last-child{grid-column:auto}.report-kpis{grid-template-columns:1fr 1fr;gap:8px}.report-kpi{padding:14px;min-height:116px}.report-kpi strong{font-size:21px}header{padding:15px}header img{width:130px}.nav-report{gap:10px}}

@media(min-width:1280px){.report-panels{grid-template-columns:minmax(0,1.18fr) minmax(360px,1fr) minmax(330px,.98fr)}.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.report-top{gap:24px}}
/* V57 private customer intelligence */
.report-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0 14px;border-bottom:1px solid #d9e7e6;padding-bottom:10px}.report-tab{border:1px solid #d5e4e3;background:#fff;color:#194153;border-radius:999px;padding:10px 17px;cursor:pointer;font-weight:700;font-size:14px}.report-tab.active{color:#fff;background:#173d50;border-color:#173d50}.report-tab:hover,.small-action:hover{border-color:#0b8d80}.report-tab span{font-size:12px;opacity:.8}.report-view{padding-top:0}.customer-section{margin-top:12px}.customer-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:18px 0}.customer-controls label,.thresholds label{font-size:12px;color:#496a77;font-weight:700}.customer-controls input,.customer-controls select,.thresholds input{width:100%;display:block;margin-top:6px;background:#fff;border:1px solid #c4d7d8;border-radius:9px;padding:10px 12px;font:inherit;color:#153a4d}.customer-controls input{width:260px;max-width:100%}.customer-controls select{min-width:135px}.customer-table{min-width:780px}.customer-table th.num,.customer-table td.num,.scroll-table .num{text-align:center}.customer-table th{white-space:nowrap}.customer-table td{vertical-align:middle}.link-customer{display:inline-block;border:0;background:none;padding:2px 0;color:#087f76;text-decoration:underline;text-decoration-color:#b2dad3;cursor:pointer;font:inherit;font-weight:700;text-align:left}.link-customer:hover{text-decoration-color:currentColor}.small-action{background:#fff;border:1px solid #b9d6d4;border-radius:20px;padding:9px 13px;color:#1a5260;font:700 12px system-ui;cursor:pointer}.sort-button{border:0;background:transparent;font:700 12px system-ui;color:#254556;padding:4px 0;cursor:pointer;white-space:nowrap}.sort-button[aria-pressed=true]{color:#068b80}.report-panel .pill{display:inline-block;border-radius:20px;padding:4px 9px;font:700 11px system-ui;white-space:nowrap;background:#e8f6f2;color:#126e64}.report-panel .pill.warn{background:#fff0e8;color:#ad4f21}.report-panel .pill.bad{background:#fcebec;color:#ad3745}.report-panel .pill.neutral{background:#edf1f5;color:#516575}.reason-list{display:flex;gap:5px;flex-wrap:wrap;min-width:230px}.thresholds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 10px}.error-note{padding:10px;color:#aa3640;border:1px solid #eaa; border-radius:10px}.mini-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.mini-kpi{background:#eff5f4;border:1px solid #e0eeed;border-radius:12px;padding:13px}.mini-kpi small{display:block;color:#53717a;font-size:12px}.mini-kpi strong{font-size:21px}.profile-head h2{font:normal 32px Georgia,serif;margin:14px 0 5px}.profile-head .overline{margin-top:17px}.profile-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.profile-grid h3{font-size:16px;margin:23px 0 9px}.profile-grid .scroll-table{max-height:380px;overflow:auto}.report-detail{margin-top:16px}.profile-grid svg{max-height:245px}.report-tab:focus-visible,.link-customer:focus-visible,.small-action:focus-visible,.sort-button:focus-visible{outline:3px solid #f99b79;outline-offset:2px}@media(max-width:950px){.thresholds,.mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}}@media(max-width:540px){.report-tabs{gap:5px}.report-tab{font-size:12px;padding:8px 11px}.customer-controls input{width:100%}.customer-controls label{width:100%}.customer-controls select{max-width:210px}.profile-head h2{font-size:26px}.thresholds{gap:8px}.mini-kpi strong{font-size:19px}.customer-section{padding:13px}}

/* V59.1: uncluttered drilldowns. Page scroll only; no nested vertical scrollbars. */
.report-view[id$="profile"] .profile-grid .scroll-table,
.report-view[id$="profile"] .profile-full-width .scroll-table {
  max-height:none; overflow-y:visible; overflow-x:auto;
}
.profile-full-width { margin-top:24px; padding-top:16px; border-top:1px solid #dce7e7; }
.profile-full-width h3 { font-size:16px; margin:0 0 10px; }
.profile-full-width table { width:100%; }
@media(max-width:650px){.profile-full-width{margin-top:18px}}

/* V59.2: matching card-based layouts for ALL clickable profiles. */
.report-view[id$="profile"] > .report-panel.customer-section {
  background:transparent; border:0; border-radius:0; padding:0;
}
.report-view[id$="profile"] .profile-head {margin-bottom:17px;}
.report-view[id$="profile"] .mini-kpis {gap:12px; margin:16px 0 19px;}
.report-view[id$="profile"] .mini-kpi {background:#f0f7f8; border:1px solid #d6e6e9; border-radius:12px; padding:16px 18px;}
.report-view[id$="profile"] .mini-kpi strong {display:block; margin-top:5px; color:#102d48;}
.report-view[id$="profile"] .profile-grid {grid-template-columns:minmax(0,1.17fr) minmax(0,.88fr);gap:14px;align-items:stretch;}
.report-view[id$="profile"] .profile-grid > section,
.report-view[id$="profile"] .profile-full-width {
 background:#fff; border:1px solid #d9e6e8; border-radius:13px; padding:18px 20px; min-width:0;
}
.report-view[id$="profile"] .profile-grid > section h3,
.report-view[id$="profile"] .profile-full-width h3 {font-size:18px;margin:1px 0 15px;color:#122f49;}
.report-view[id$="profile"] .profile-full-width {margin-top:14px;}
.report-view[id$="profile"] .scroll-table {max-height:none; overflow-y:visible; overflow-x:auto;}
.report-view[id$="profile"] .scroll-table table {width:100%;font-size:13px;}
.report-view[id$="profile"] .scroll-table th {font-weight:700;color:#16364c;white-space:nowrap;}
.report-view[id$="profile"] .scroll-table tr:last-child td {border-bottom:0;}
.report-view[id$="profile"] .chart-container {margin-top:7px;}
@media(max-width:950px){.report-view[id$="profile"] .profile-grid {grid-template-columns:minmax(0,1fr);}}
@media(max-width:600px){
 .report-view[id$="profile"] .profile-grid > section,
 .report-view[id$="profile"] .profile-full-width {padding:15px 12px;}
 .report-view[id$="profile"] .mini-kpi {padding:12px;}
 .report-view[id$="profile"] .scroll-table th,
 .report-view[id$="profile"] .scroll-table td {padding:9px 7px;}
}

/* V59.4 table controls: consistent, unobtrusive selectors above each table */
.universal-sort{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 10px;font-size:12px;color:#526779;}
.universal-sort label{display:flex;align-items:center;gap:6px;}
.universal-sort select{max-width:190px;min-width:110px;font:inherit;color:#17374b;padding:7px 10px;border:1px solid #d5e3e7;border-radius:8px;background:#fff;}
@media(max-width:600px){.universal-sort{justify-content:flex-start}.universal-sort select{max-width:160px;}}

/* V59.5: use discreet column-heading sort arrows, no separate sort dropdowns. */
.header-sort-arrow{font-size:12px;font-weight:400;color:#5b8490;margin-left:2px}.sort-button{display:inline-flex;align-items:center;gap:3px}.sort-button:hover .header-sort-arrow,.sort-button[aria-pressed="true"] .header-sort-arrow{color:#008e82}
.universal-sort{display:none!important}

/* V60.3 company sales target visual */
.company-target{margin:16px 0 18px}.company-target-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.company-target-metrics>div{padding:12px 14px;border-radius:10px;background:#f5f9f9}.company-target-metrics small{display:block;color:#577083;margin-bottom:5px}.company-target-metrics strong{display:block;font-size:clamp(18px,2vw,25px);color:#103348}.company-target-track{position:relative;background:#e1e9e9;border-radius:12px;height:22px;overflow:hidden}.company-target-fill{height:100%;border-radius:12px;transition:width .3s}.company-target-marker{position:absolute;top:0;height:100%;width:3px;background:#0c283e;z-index:2}@media(max-width:650px){.company-target-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Keep the company-owner settings tab hidden for non-owners. */
.report-tab[hidden]{display:none!important}

/* V60.5: five subtle, name-coloured CVG tiles on one desktop row. */
#view-cvg #cvgSummary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 20px}
#view-cvg #cvgSummary .mini-kpi{min-width:0;min-height:82px;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border-radius:12px}
#view-cvg #cvgSummary .mini-kpi small{font-size:13px;font-weight:600}
#view-cvg #cvgSummary .mini-kpi strong{font-size:27px;line-height:1.35;color:inherit}
#view-cvg #cvgSummary .cvg-small{background:#f0f4f5;border-color:#e0e8ea;color:#4b6370}
#view-cvg #cvgSummary .cvg-bronze{background:#f8eee5;border-color:#edd9c7;color:#96531d}
#view-cvg #cvgSummary .cvg-silver{background:#eef2f5;border-color:#dce5eb;color:#526c7f}
#view-cvg #cvgSummary .cvg-gold{background:#fff6df;border-color:#f3e7bc;color:#90630a}
#view-cvg #cvgSummary .cvg-platinum{background:#f2ebfb;border-color:#e4d8f5;color:#7443a6}
@media(max-width:760px){#view-cvg #cvgSummary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){#view-cvg #cvgSummary{grid-template-columns:repeat(2,minmax(0,1fr))}#view-cvg #cvgSummary .mini-kpi{min-height:70px;padding:11px 12px}}

/* V61.3: show notes inline and in customer follow-up history. */
.followup-note-cell{min-width:190px;max-width:340px;vertical-align:top;}
.followup-note-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;color:#254a57;}
.followup-note-edit{display:block;margin-top:5px;font-size:12px;}
#profileFollowupSection{margin-top:14px;}
#profileFollowupSection td:nth-child(3){min-width:220px;max-width:550px;white-space:pre-wrap;overflow-wrap:anywhere;}

/* V61.5 company-level persistent CVG settings */
.cvg-save-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 14px}
.cvg-save-actions .small-action{background:#087f76;color:white;border-color:#087f76}
.cvg-save-actions .small-action:disabled{opacity:.55;cursor:not-allowed}

/* V64.3: clear subscription-required experience */
.subscription-gate{max-width:690px;margin:34px auto;padding:42px 38px;text-align:center;background:#fff;border:1px solid #dce8ea;border-radius:18px;box-shadow:0 12px 38px rgba(19,57,72,.06)}
.subscription-gate.hidden{display:none}.subscription-gate-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#e7f4f3;color:#087c78;font-size:32px;margin:0 auto 18px}
.subscription-gate h2{font-size:clamp(24px,3vw,34px);margin:0 0 12px;color:#153849}.subscription-gate p{max-width:490px;margin:0 auto 23px;color:#506a77;line-height:1.6}
.subscription-gate-plan{display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;background:#f3f8f8;border-radius:12px;padding:17px 20px;margin:18px 0 24px;color:#173b47}
.subscription-gate-plan span{color:#506d78}.subscription-gate-button{display:inline-block;padding:13px 24px;border-radius:9px;background:#087f79;color:#fff!important;font-weight:700;text-decoration:none}.subscription-gate-button:hover{background:#066860}
.subscription-gate .subscription-gate-footnote{font-size:13px;margin:16px auto 0}
@media(max-width:560px){.subscription-gate{margin:18px 0;padding:28px 20px}.subscription-gate-plan{display:block}.subscription-gate-plan span{display:block;margin-top:6px}}

/* V64.4 subscription screen — strong visual styling and cache-busted asset */
.subscription-gate{max-width:900px;margin:26px auto 34px;padding:0;text-align:left;background:#fff;border:1px solid #dbe9e8;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(12,49,58,.10)}
.subscription-gate.hidden{display:none}
.gate-hero{position:relative;isolation:isolate;background:linear-gradient(125deg,#103849 0%,#153d4c 64%,#0c6160 100%);color:white;padding:43px 45px 48px;min-height:260px;display:flex;align-items:center;overflow:hidden}
.gate-hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-80px;top:-85px;z-index:-1;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018)}
.gate-hero-body{position:relative;z-index:2;max-width:570px}
.gate-eyebrow{display:flex;align-items:center;gap:10px;font:800 11px system-ui;letter-spacing:2px;color:#a8e1d7;margin-bottom:17px}.gate-dot{display:inline-block;width:8px;height:8px;background:#6ce2bd;border-radius:50%}
.subscription-gate h2{font:normal clamp(31px,4.1vw,49px)/1.08 Georgia,serif;letter-spacing:-1.5px;color:#fff;margin:0 0 17px;max-width:520px}
.subscription-gate .gate-hero p{margin:0;color:#d0e6e6;max-width:470px;font-size:15px;line-height:1.75}
.gate-decoration{position:absolute;right:5%;bottom:23px;width:205px;height:165px;opacity:1;display:flex;align-items:center;justify-content:center;z-index:1}.gate-logo-chart{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 9px 15px rgba(0,0,0,.13))}
.gate-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 44px 26px}
.gate-plan-kicker{font:800 10px system-ui;letter-spacing:1.8px;color:#087e78}.gate-price{font:bold 39px/1.2 system-ui;color:#123848;margin-top:8px;letter-spacing:-1px}.gate-price > span:last-child{font-size:15px;letter-spacing:0;color:#65818b;font-weight:500}.gate-price > [data-price-monthly]{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit}.subscription-gate .gate-plan-details p{margin:6px 0 0;color:#5e7982;font-size:13px}
.subscription-gate-button{display:inline-flex;gap:26px;justify-content:space-between;align-items:center;padding:17px 22px;border-radius:12px;background:#ff9678;color:#143344!important;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 5px 14px rgba(255,150,120,.2);white-space:nowrap}.subscription-gate-button:hover{background:#ffab91}.subscription-gate-button span{font-size:21px}
.gate-reassurance{border-top:1px solid #e5eeee;padding:16px 44px;color:#65818b;font-size:12px;background:#fbfdfc}.gate-reassurance>span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dff5ee;color:#067c69;font-weight:800;margin-right:6px}.gate-reassurance a{float:right;color:#087d79;text-decoration:none;font-weight:700}
/* Hide ordinary report heading controls while access is gated. */
.reports-main:has(.subscription-gate:not(.hidden)) .report-top .month-label{display:none}
@media(max-width:740px){.gate-hero{padding:35px 27px;min-height:230px}.gate-decoration{opacity:.14;right:-12px;bottom:8px}.gate-bottom{padding:24px 27px;align-items:stretch;flex-direction:column}.subscription-gate-button{justify-content:center}.gate-reassurance{padding:16px 27px;line-height:1.7}.gate-reassurance a{float:none;display:block;margin-top:7px}.subscription-gate{margin:24px 0}}

/* V65.1: ensure the company target fill is visible even before JS sets the RAG colour. */
.company-target-fill{background:#00a58b;min-width:0;}

/* V65.4: matching CVG pills in private production reports */
#view-cvg .pill[class*="cvg-band-"]{display:inline-flex;align-items:center;border-radius:999px;padding:5px 11px;font-weight:750;white-space:nowrap;border:1px solid transparent;font-size:12px;line-height:1.2}
#view-cvg .cvg-band-platinum{background:#f2ebfb;color:#7443a6;border-color:#e5d5fa}
#view-cvg .cvg-band-gold{background:#fff6df;color:#90630a;border-color:#f4e3ad}
#view-cvg .cvg-band-silver{background:#eef2f5;color:#526c7f;border-color:#dce5ea}
#view-cvg .cvg-band-bronze{background:#f8eee5;color:#96531d;border-color:#f1dcc6}
#view-cvg .cvg-band-small{background:#f0f4f5;color:#4b6370;border-color:#dfe8e9}

/* V66.2: dashboards should not stretch three unequal panels to match the tallest. */
.report-panels{align-items:start}
.report-panels>.report-panel{height:auto;align-self:start}
.report-panels .chart-container svg{min-height:0}

/* V66.4 customer profile: chart scales naturally with panel, never stretches its axes. */
#view-profile #profileChart svg{display:block;width:100%;height:auto;min-height:0;max-height:280px}

/* V66.4: unmistakable return-to-report buttons on all profile pages. */
.profile-head .small-action[id^="backTo"]{background:#ff9f7c;color:#153244;border:1px solid #ee8d6c;padding:11px 18px;border-radius:10px;font-weight:800;box-shadow:0 3px 9px #b9654426}
.profile-head .small-action[id^="backTo"]:hover{background:#ffb094;border-color:#ed855d}
.profile-head .small-action[id^="backTo"]:focus-visible{outline:3px solid #087f76;outline-offset:3px}

/* V66.5 shared customer, product and representative profiles. */
.report-view[id$="profile"] .profile-grid{align-items:stretch;}
.report-view[id$="profile"] .profile-grid>section{min-height:0;}
.report-view[id$="profile"] .profile-grid .chart-container svg{width:100%;height:auto;min-height:0;max-height:none;}
.report-view[id$="profile"] .profile-grid .chart-legend{margin:0 0 12px;}
@media (min-width:951px){.report-view[id$="profile"] .profile-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}}

/* V66.7: one full-width sales / GP chart, two equal-height tables below, followed by unchanged insights. */
.report-view[id$="profile"] .profile-chart-card{background:#fff;border:1px solid #d9e6e8;border-radius:13px;padding:20px 24px;margin:0 0 14px;min-width:0;}
.report-view[id$="profile"] .profile-chart-card h3{font-size:18px;margin:0 0 9px;color:#122f49;}
.report-view[id$="profile"] .profile-chart-card .chart-legend{margin:0 0 12px;}
.report-view[id$="profile"] .profile-chart-card .chart-container{max-width:100%;margin:0;}
.report-view[id$="profile"] .profile-chart-card .chart-container svg{width:100%;height:auto;max-height:310px;min-height:0;display:block;}
.report-view[id$="profile"] .profile-tables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;}
.report-view[id$="profile"] .profile-tables-grid>section{min-width:0;height:100%;} 
.report-view[id$="profile"] .profile-tables-grid>section h3{margin:0 0 12px;font-size:18px;}
@media(max-width:950px){.report-view[id$="profile"] .profile-tables-grid{grid-template-columns:1fr}.report-view[id$="profile"] .profile-chart-card{padding:15px 12px}}

/* V66.9: restore a neatly centred desktop reports container. SVG fills its chart card
   without the former max-height limit, which caused a narrow 760px chart in a wide card. */
@media(min-width:951px){
 main.reports-main{width:100%;max-width:1270px;margin:28px auto;padding:0 25px 45px}
 .report-view[id$="profile"] .profile-tables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.report-view[id$="profile"] .profile-chart-card .chart-container svg,
#view-profile #profileChart svg{width:100%;height:auto;max-width:100%;max-height:none;min-height:0;display:block}

/* V66.10: shared customer/rep target history in the V66.9 centred template. */
.target-history-panel{margin:18px 0 16px}.target-history-panel .customer-controls{margin:12px 0 8px;align-items:center}.target-history-controls label{min-width:240px}.target-history-controls select{min-width:240px;max-width:100%}.target-history-legend{display:flex;gap:22px;align-items:center;font-size:13px;color:#47626c;margin:7px 0 0}.target-history-swatch{display:inline-block;vertical-align:middle;margin-right:7px}.target-history-swatch.actual{width:14px;height:12px;background:#24546a;border-radius:2px}.target-history-swatch.goal{width:22px;height:4px;background:#0caa91;border-radius:3px}.target-history-chart{width:100%;min-height:260px;margin:6px 0 0}.target-history-chart svg{width:100%;height:auto;display:block;max-height:340px}@media(max-width:600px){.target-history-chart{min-height:170px}.target-history-controls label{min-width:0;width:100%}.target-history-controls select{min-width:0;width:100%}.target-history-chart svg{max-height:none}}

/* V66.12: compact target scorecards, centred V66.9 profile layout retained. */
.target-scorecard{margin:0 0 16px;padding:17px 19px!important}
.target-scorecard[hidden]{display:none!important}
.target-scorecard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:15px 0}
.target-scorecard-stat{display:flex;flex-direction:column;gap:3px;min-width:0}
.target-scorecard-stat strong{font-size:clamp(20px,2.3vw,28px);line-height:1.25;color:#173c50}
.target-scorecard-stat small{color:#647e88;font-size:11px}
.target-scorecard-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}
.target-scorecard-month{height:13px;border-radius:4px;background:#d7e1e3}
.target-scorecard-month.achieved{background:#139d88}.target-scorecard-month.missed{background:#d68a87}
@media(max-width:600px){.target-scorecard-stats{gap:7px}.target-scorecard-stat strong{font-size:19px}.target-scorecard{padding:13px!important}}


/* V66.18: overview only — all three cards share one common row height.
   Supersedes the old align-items:start / align-self:start override. */
#view-overview .report-panels{align-items:stretch;grid-auto-rows:1fr}
#view-overview .report-panels>.report-panel{align-self:stretch;height:100%;min-height:0;display:flex;flex-direction:column}
#view-overview #topCustomers{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}
#view-overview #topCustomers .top-row{margin-top:9px}
#view-overview #salesChart{flex:1;display:flex;align-items:stretch;min-height:0}
#view-overview #salesChart svg{width:100%;height:100%;min-height:0;max-height:none;display:block}
#view-overview #cvgChart{flex:1;display:flex;align-items:stretch;min-height:0}
#view-overview #cvgChart svg{width:100%;height:100%;max-height:none;display:block}
@media(max-width:920px){#view-overview .report-panels{grid-auto-rows:auto}#view-overview .report-panels>.report-panel{min-height:245px}}
@media(max-width:600px){#view-overview .report-panels>.report-panel{min-height:0}#view-overview #salesChart svg,#view-overview #cvgChart svg{height:auto}}