
/* Portfolio system: the same panel rhythm as Market Portfolio / KPI Scorecard. */
#page-deep .v5-panel{border-radius:15px;margin:18px 0!important;border-color:#d7e4ef;box-shadow:0 8px 25px -20px #173956}
#page-deep .v5-panel>.xhead{background:linear-gradient(110deg,#123858,#17516b);padding:12px 16px!important;font-size:15px;letter-spacing:.035em}
#page-deep .v5-panel>.v5-body{background:#f4f8fc;padding:14px;display:grid;gap:14px}
#page-deep #v5MetricPanel .v5-body{grid-template-columns:minmax(0,1fr)}
#page-deep #v5MetricPanel .v5-measures{display:flex;flex-direction:column;gap:14px;margin:0;background:#fff;border:1px solid #d9e5ef;border-radius:12px;padding:14px}
#page-deep #v5MetricPanel .measbox{width:100%!important}
#page-deep #v5MetricPanel #measBox{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px!important}
#page-deep #v5MetricPanel .mbtn{margin:0;min-height:42px;text-align:center;font-size:13px!important;font-weight:650;background:#f5f9fc;border:1px solid #d9e5ee;color:#365770}
#page-deep #v5MetricPanel .mbtn.active{background:#14688b;color:#fff;border-color:#14688b;box-shadow:0 4px 10px #13658b22}
#page-deep #v5MetricPanel .v5-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;gap:10px}
#page-deep .v5-readouts .bignum{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;background:#edf5fb;border:0}
#page-deep .v5-readouts .v{font-size:23px;color:#174763}.v5-readouts .p{font-size:13px}
#page-deep #v5SupplierPanel .v5-body{grid-template-columns:minmax(180px,.65fr) minmax(0,2.35fr);align-items:stretch}
#page-deep #v5SupplierPanel .sparks{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#page-deep #v5SupplierPanel .spark{min-height:126px;padding:10px!important;background:linear-gradient(145deg,#fff,#f0f6fc);border:1px solid #dce8f0;border-radius:10px;transition:transform .16s ease,border-color .16s ease}
#page-deep #v5SupplierPanel .spark:hover{transform:translateY(-2px);border-color:#45a7c7}
#page-deep #v5SupplierPanel .spark .nm{font-size:13px!important;min-height:34px}
#page-deep #v5SupplierPanel .spark .val{font-size:22px!important;line-height:1.3}
#page-deep #v5SupplierPanel>.v5-body>.kpi{min-height:0!important;background:linear-gradient(130deg,#143a5a,#126b85);border-radius:12px;padding:15px!important;color:#fff;display:flex;flex-direction:column;justify-content:center}
#page-deep #v5SupplierPanel #kpiName{font-size:17px!important}#page-deep #v5SupplierPanel #kpiBig{font-size:32px!important}
#page-deep #v5SupplierPanel #kpiPeriod,#page-deep #v5SupplierPanel #kpiGoal{position:static!important;font-size:13px!important;margin:3px 0}
#page-deep #v5SupplierPanel #kpiVs{font-size:13px!important;margin:8px 0}
#page-deep #v5ContributionPanel #contribBox{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:14px!important;border:1px solid #dce7f0!important;border-radius:12px;background:white!important}
#page-deep #v5ContributionPanel #contribBox>.hd{grid-column:1/-1;margin-bottom:2px}
#page-deep #v5ContributionPanel .cbtn{font-size:13px!important;padding:9px 10px!important;min-height:38px;margin:0;text-align:center}
#page-deep #v5ContributionPanel .cbtn.active{background:#176c8b;color:#fff}
#page-deep #v5ContributionPanel #contribTable thead th{background:#eaf2f8;color:#204b68;font-size:13px!important}
#page-deep #v5ContributionPanel #contribTable tbody tr:hover{background:#e9f5fb}
#page-deep #v5ContributionPanel .v5-table-toolbar{margin-bottom:12px;gap:12px}
#page-deep #v5ContributionPanel .toggle button{font-size:13px;padding:8px 12px}
/* Customer & City portfolio: paired headings, readable labels, and light location cards. */
#page-deep #v5CustomerPanel>.xhead{background:linear-gradient(105deg,#123c5d,#197986)}
#page-deep #v5CustomerPanel .v5-customer-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:14px!important;align-items:start}
#page-deep #v5CustomerCard{border-radius:14px!important;border:1px solid #d6e7f0!important;background:linear-gradient(155deg,#fff,#f6fbff)!important;padding:18px!important}
#page-deep #v5CustomerTitle{border-bottom:1px solid #e2edf4;padding-bottom:13px;margin-bottom:10px!important;font-size:15px!important;color:#174d69}
#page-deep .v5-bar-row{padding:8px 7px;gap:5px 9px;transition:background .15s,transform .15s}
#page-deep .v5-bar-row:hover{transform:translateX(2px);background:#e9f5fc}
#page-deep .v5-bar-name{font-size:13px;line-height:1.45;font-weight:600;color:#274962}
#page-deep .v5-bar-value{font-size:14px;color:#145875;background:#e5f2f8;padding:2px 7px;border-radius:7px;align-self:start}
#page-deep .v5-bar-rank{background:#edf3f8;width:22px;height:22px;border-radius:7px;text-align:center;font-size:11px;line-height:20px}
#page-deep .v5-bar-track{height:6px}.v5-bar-list{gap:5px}
#page-deep #v5City .customer-city-linked{border-radius:14px!important;padding:16px!important;border:1px solid #d6e7f0!important;background:linear-gradient(155deg,#fff,#f5fbfd)!important}
#page-deep #v5City .city-linked-header{padding-bottom:12px!important;border-bottom:1px solid #e2edf4;gap:8px}
#page-deep #v5City .city-linked-header h4{font-size:16px!important;margin:0 0 5px;color:#174d69}
#page-deep #v5City .city-linked-header p{margin:0;color:#5e7b8c;font-size:12px!important}
#page-deep #v5City table{border-spacing:0 6px;min-width:430px}
#page-deep #v5City th{font-size:11px!important;letter-spacing:.02em;color:#496a7f;background:transparent;line-height:1.4}
#page-deep #v5City td{background:#eef5fa!important;padding:9px 7px!important;vertical-align:top}
#page-deep #v5City .city-customer-link{font-size:12px!important;font-weight:650;color:#244e69}
#page-deep #v5City .city-customer-chips{gap:5px}
#page-deep #v5City .city-customer-chips .city-link{padding:4px 7px!important;border-radius:7px!important;border:1px solid #c9e3eb!important;background:#e1f1f5!important;font-size:11px!important;line-height:1.4;color:#166379!important}
#page-deep #v5City .city-linked-table{max-height:620px}
/* Compact executive ribbon, with less padding and no tall inherited KPI classes. */
#hvCards{gap:10px!important;align-items:stretch}
#hvCards .v6-hv-card{box-sizing:border-box!important;min-height:150px!important;padding:12px 14px!important;position:relative;isolation:isolate;overflow:hidden;border-radius:13px!important;border:1px solid #9dd6e42b!important;background:radial-gradient(ellipse at top right,#217f913b,transparent 60%),linear-gradient(125deg,#112e49,#165675)!important;color:#f5fbff!important;text-align:left;box-shadow:0 8px 20px -17px #07374e;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}
#hvCards .v6-hv-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px #0a5671}
#hvCards .v6-hv-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px}
#hvCards .v6-hv-card .t{font-size:13px!important;font-weight:650;line-height:1.35;padding:0!important;color:#f4fbff!important;margin:0}
.v6-status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;box-shadow:0 0 10px #ffffff24}
.v6-hv-period{font-size:11px;color:#bddbe9;margin:3px 0 5px;line-height:1.4}
.v6-hv-number{font-size:28px;line-height:1.15;font-weight:750;letter-spacing:-.025em;margin:5px 0 8px;color:#fff}
.v6-hv-bottom{display:flex;justify-content:space-between;gap:5px 10px;flex-wrap:wrap;font-size:11px;line-height:1.4;color:#d4eaf5;position:relative;z-index:2}
.v6-hv-status{font-size:11px;line-height:1.3;color:#d6edf5;margin-top:4px}
.v6-hv-edge{position:absolute;bottom:0;left:0;right:0;height:3px}
#hvCards .v6-hv-card .v4-spark{height:45px!important;opacity:.18;z-index:-1}
#hvCards .v6-hv-card:focus-visible{outline:3px solid #2ca8ca;outline-offset:3px}
#v6ExtraTrends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 20px}
#v6ExtraTrends>.card{min-width:0;padding:15px!important;border:1px solid #dce7f0;border-radius:12px}
#v6ExtraTrends h3{font-size:15px!important;margin-bottom:12px}
#v6ExtraTrends .note{font-size:11px;line-height:1.5}
#v6ExtraTrends svg{width:100%;min-width:370px;height:auto}#v6ExtraTrends .v6-trend-chart{overflow-x:auto}
.v6-analysis-heading{margin:22px 0 14px}.v6-analysis-heading h2{margin-bottom:6px}
#rdAnalysis .v6-analysis-card{padding:18px!important;margin:0 0 18px;border-radius:15px;border:1px solid #d8e6ef;background:#fff}
#rdAnalysis .v6-analysis-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
#rdAnalysis .v6-analysis-card>header h3{margin:0;font-size:17px!important}
.v6-all-segments{font:inherit;font-size:12px;padding:7px 11px;border-radius:8px;border:1px solid #cbdce8;background:#f5f9fc;color:#36617a;cursor:pointer}
.v6-all-segments.active{background:#e0f1f8;border-color:#83b7ce;color:#145c7a}
.v6-segment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v6-segment{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 14px;text-align:left;padding:15px;border:1px solid #d6e4ef;border-radius:12px;background:linear-gradient(135deg,#f9fcff,#eef5fb);color:#244860;font:inherit;font-size:13px;cursor:pointer;transition:box-shadow .16s,border-color .16s,transform .16s}
.v6-segment:hover{border-color:#78b5ce;transform:translateY(-1px);box-shadow:0 6px 16px -12px #135b7d}
.v6-segment.active{border:2px solid #1885a6;padding:14px;background:#eaf7fb;box-shadow:0 0 0 2px #208ba013}
.v6-segment:focus-visible,.v6-all-segments:focus-visible,.v6-details-button:focus-visible{outline:3px solid #259cbd;outline-offset:3px}
.v6-segment-heading{font-size:14px;font-weight:700}.v6-segment>strong{font-size:26px;line-height:1.25;color:#163e59}
.v6-segment .rd-badge{font-size:11px;justify-self:end;white-space:normal}
.v6-segment-link{grid-column:1/-1;color:#16718e;font-size:12px;font-weight:650}
.v6-segment-analysis{margin-top:16px;border-top:1px solid #e0eaf2;padding-top:14px}.v6-analysis-scope{font-size:13px;color:#146481;font-weight:700;letter-spacing:.015em}
#v2AnalysisPanels .v6-ppsnc-analysis .ph{font-size:15px!important;line-height:1.5;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 14px}
#v2AnalysisPanels .v6-ppsnc-analysis .pt{font-size:13px!important;line-height:1.5;padding:8px 0}
#v2AnalysisPanels .v6-ppsnc-analysis .pb{padding:14px!important}
#v2AnalysisPanels .v6-ppsnc-analysis svg text{font-size:12px!important}
.v6-details-button{font:inherit;font-size:12px;font-weight:650;line-height:1.4;color:#fff;background:#ffffff24;border:1px solid #ffffff60;border-radius:7px;padding:7px 10px;cursor:pointer;white-space:nowrap}
.v6-details-button:hover{background:#ffffff3b}
#askPanel .v6-chat-analysis h3{font-size:15px!important;margin:14px 0 7px}#askPanel .v6-summary-grid,#askPanel .v5-summary-grid{grid-template-columns:1fr}#askPanel .v5-summary{font-size:13px}#askPanel .v5-summary-top strong{font-size:19px}
@media(min-width:1600px){#hvCards .v6-hv-card{min-height:146px!important}#page-deep #v5SupplierPanel .sparks{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1200px){#page-deep #v5SupplierPanel .sparks{grid-template-columns:repeat(3,minmax(0,1fr))!important}#v6ExtraTrends{grid-template-columns:repeat(2,minmax(0,1fr))}#page-deep #v5ContributionPanel #contribBox{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){#page-deep #v5CustomerPanel .v5-customer-grid{grid-template-columns:1fr!important}#page-deep #v5SupplierPanel .v5-body{grid-template-columns:1fr}#page-deep #v5MetricPanel #measBox{grid-template-columns:repeat(2,minmax(0,1fr))}#v6ExtraTrends{grid-template-columns:1fr}}
@media(max-width:600px){#hvCards .v6-hv-card{padding:11px!important;min-height:146px!important}#hvCards .v6-hv-card .t{font-size:12px!important}.v6-hv-number{font-size:26px}.v6-hv-bottom{font-size:11px;flex-direction:column;gap:2px}#page-deep #v5SupplierPanel .sparks{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-deep #v5ContributionPanel #contribBox{grid-template-columns:repeat(2,minmax(0,1fr))}.v6-segment-grid{grid-template-columns:1fr}.v6-analysis-card>header{flex-wrap:wrap}#rdAnalysis .v6-analysis-card{padding:13px!important}#page-deep #v5MetricPanel .v5-readouts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v6-segment,#hvCards .v6-hv-card,#page-deep .v5-bar-row,#page-deep #v5SupplierPanel .spark{transition:none!important;transform:none!important}}

#rdDeepActions[hidden]{display:none!important}
