
/* Editorial and analytical layout system. */
#v7DeepTargets,#v8RrLegacy,#v2RrAj[hidden]{display:none!important}
.v8-eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;color:#528598;line-height:1.4}
#page-deep #v5CustomerPanel{border:1px solid #d5e4ec;border-radius:18px!important;background:#f4f8fb;box-shadow:0 9px 25px -20px #173c53}
#page-deep #v5CustomerPanel>.xhead{background:#fff!important;color:#183f59!important;border-bottom:1px solid #dce7ee;padding:18px 20px!important;letter-spacing:0;font-size:17px}
#page-deep #v5CustomerPanel>.xhead .xnum{background:#e2f2f6;color:#18758a;border:0}
#page-deep #v5CustomerPanel>.v5-body.v5-customer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;padding:20px!important;align-items:start;background:#f4f8fb}
#page-deep #v5CustomerCard{padding:19px!important;border:1px solid #dce7ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 20px -18px #15374d}
#page-deep #v5CustomerTitle{font-size:16px!important;line-height:1.45;color:#20475f;border:0;padding:0 0 10px;margin-bottom:12px!important}
#page-deep .v5-bar-list{gap:8px}
#page-deep .v5-bar-row{grid-template-columns:24px minmax(0,1fr) auto;padding:10px 8px;border:1px solid transparent;border-radius:10px;gap:6px 10px;transition:background .16s,border-color .16s}
#page-deep .v5-bar-row:hover{background:#f0f8fc;border-color:#cbe6ef;transform:none}
#page-deep .v5-bar-row.xsel{background:#e8f5fa;border-color:#63b0c7;box-shadow:none}
#page-deep .v5-bar-name{font-size:14px;line-height:1.4;font-weight:550;color:#284b62}
#page-deep .v5-bar-rank{color:#7491a2;background:transparent;font-size:12px}
#page-deep .v5-bar-value{font-size:14px;background:transparent;color:#176780;font-weight:750;padding:0}
#page-deep .v5-bar-track{height:5px;background:#e8f1f6;margin-top:2px}
#page-deep .v5-bar-fill{background:linear-gradient(90deg,#2686ad,#66bcc9)}
#page-deep #v5City>.v8-city-panel{background:white!important;border:1px solid #dce7ee!important;border-radius:14px!important;padding:0!important;margin:0!important;height:auto!important;overflow:hidden;box-shadow:0 5px 20px -18px #15374d}
#v5City .v8-city-panel>header{padding:20px;border-bottom:1px solid #e0eaf0;background:linear-gradient(135deg,#f9fdff,#edf7fa)}
#page-deep #v5City .v8-city-panel h4{font-size:19px!important;margin:5px 0 8px;line-height:1.35;color:#173f56}
#v5City .v8-city-panel>header p{font-size:13px!important;color:#5d7788;line-height:1.6;margin:0;max-width:440px}
.v8-city-list{padding:9px 14px;max-height:690px;overflow:auto}
.v8-city-account{border-bottom:1px solid #e5edf2;margin:0;padding:0}
.v8-city-account:last-child{border-bottom:0}
.v8-city-account>summary{list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 5px;cursor:pointer;line-height:1.45;color:#284d63}
.v8-city-account>summary::-webkit-details-marker{display:none}
.v8-city-account>summary>span{font-size:13px;font-weight:650;overflow-wrap:anywhere}
.v8-city-account>summary>b{white-space:nowrap;font-size:14px;color:#18728b;background:#ecf7fa;border-radius:7px;padding:4px 8px}
.v8-city-account>summary small{font-size:10px;font-weight:500;display:block;text-align:right}
.v8-city-account>summary::after{content:"+";font-size:18px;color:#4e879c}
.v8-city-account[open]>summary::after{content:"−"}
.v8-city-account[open]>summary{color:#106a83}
.v8-location-content{padding:0 5px 16px}
.v8-location-stats{display:flex;gap:15px;font-size:12px;line-height:1.6;color:#627f90;margin-bottom:10px;flex-wrap:wrap}
.v8-location-stats b{font-size:15px;font-weight:700;color:#2b596f}
.v8-city-chips{display:flex;flex-wrap:wrap;gap:7px}
#page-deep #v5City .v8-city-chips .city-link{padding:7px 10px!important;font-size:12px!important;font-weight:550!important;border:1px solid #cfe3eb!important;border-radius:8px!important;background:#f3f9fc!important;color:#226a83!important;white-space:normal}
#page-deep #v5City .v8-city-chips .city-link:hover{background:#e0f2f7!important;border-color:#82bdcc!important}
.v8-city-panel>footer{font-size:11px;line-height:1.6;color:#718696;background:#f8fbfd;border-top:1px solid #e4edf2;padding:11px 18px}
.v8-clear{margin-top:10px;padding:7px 10px;border-radius:8px;border:1px solid #bcd8e4;background:#fff;color:#1d6d88;font-size:12px;cursor:pointer}
.v8-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.v8-chart-heading h3,.v8-chart-heading h4{margin:0!important;font-size:15px!important;color:#204e68}
.v8-chart-heading .v7-target{background:#e8f4f9;padding:5px 9px;border:1px solid #d4e8f1;border-radius:7px;white-space:normal}
.v8-evidence-trend{background:#f7fbfe;border:1px solid #dceaf3;border-radius:12px;padding:15px;margin:0 0 18px}
.v8-trend-scroll{overflow-x:auto}.v8-trend-scroll svg{width:100%;min-width:500px;height:auto;max-height:250px}
.v8-evidence-trend .note{font-size:12px;line-height:1.5;margin-bottom:0}
.v8-driver-bars{display:flex;flex-direction:column;gap:9px;margin:10px 0}
.v8-driver-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;text-align:left;font:inherit;font-size:13px;line-height:1.45;padding:9px 10px;border:1px solid #e1eaf1;border-radius:9px;background:#fbfdff;color:#305469;cursor:pointer}
.v8-driver-row:hover{background:#eef7fb;border-color:#9bcad9}
.v8-driver-row b{color:#176b86;font-size:14px}.v8-driver-row small{font-size:11px;font-weight:500;color:#718b9b;margin-left:5px}
.v8-driver-row>i{grid-column:1/-1;display:block;height:5px;background:#e8f1f6;border-radius:6px;overflow:hidden}
.v8-driver-row em{display:block;height:5px;background:linear-gradient(90deg,#2d8bae,#77becb);border-radius:6px}
.v8-rr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}
.v8-rr-metrics>div{display:flex;flex-direction:column;gap:8px;border:1px solid #dbe7ef;background:#fff;border-radius:12px;padding:15px}
.v8-rr-metrics>div>span{font-size:13px;color:#567486}.v8-rr-metrics>div>b{font-size:27px;color:#174761}
.v8-rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
#v8RrRoot>.card{margin-top:16px}#v8RrRoot .card{min-width:0}#v8RrRoot h2{font-size:21px}
.v8-action-table{font-size:13px!important;min-width:900px;table-layout:fixed;width:100%}
.v8-action-table th,.v8-action-table td{text-align:left!important;vertical-align:top;white-space:normal!important;line-height:1.65;padding:12px!important}
.v8-action-table th:first-child{width:28%}.v8-action-table th:nth-child(2){width:23%}.v8-action-table th:nth-child(3){width:23%}.v8-action-table th:nth-child(4){width:12%}.v8-action-table th:nth-child(5){width:9%}.v8-action-table th:nth-child(6){width:5%}
.v8-action-table small{display:block;color:#527186;line-height:1.6;margin-top:7px}
#huBody>.hu-sec{padding:18px;border:1px solid #dce8f0;border-radius:13px;background:#fff;margin-bottom:16px}
#v8BackTop{position:fixed;right:22px;bottom:95px;z-index:10020;width:45px;height:45px;border:1px solid #9cc9dc;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#145c7d,#1689a0);color:white;box-shadow:0 7px 20px #123f5c35;cursor:pointer;transition:transform .16s,box-shadow .16s}
#v8BackTop svg{width:22px;height:22px}#v8BackTop:hover{transform:translateY(-3px);box-shadow:0 9px 24px #123f5c45}#v8BackTop:focus-visible{outline:3px solid #40b8d2;outline-offset:3px}
/* Uniform details button for all analysis cards, including PPSNC. */
#page-deep #v2AnalysisPanels .ph .v8-details,#page-deep #v2ServiceCustomers .ph .v8-details,#page-deep #v2AnalysisPanels .v6-ppsnc-analysis button.v7-visible-details.v8-details{display:inline-flex!important;align-items:center;justify-content:center;min-height:33px!important;min-width:112px!important;padding:6px 10px!important;border:1px solid #b5cfdf!important;border-radius:7px!important;background:#fff!important;color:#225f7b!important;-webkit-text-fill-color:#225f7b!important;font:650 12px/1.45 system-ui,sans-serif!important;letter-spacing:0!important;box-shadow:0 2px 7px #1645600c;opacity:1!important;visibility:visible!important;cursor:pointer;text-decoration:none}
#page-deep .ph .v8-details:hover{background:#e8f4fa!important;border-color:#5da2be!important}
#v8AiStatus{font-size:11px;padding:7px 12px;background:#fff4df;color:#6d531c;border-bottom:1px solid #eedebc;line-height:1.5}
@media(max-width:1000px){#page-deep #v5CustomerPanel>.v5-body.v5-customer-grid{grid-template-columns:1fr!important}.v8-rr-grid{grid-template-columns:1fr}.v8-rr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#page-deep #v5CustomerPanel>.v5-body.v5-customer-grid{padding:11px!important;gap:12px!important}#page-deep #v5CustomerCard{padding:13px!important}.v8-city-list{max-height:520px}#v8BackTop{right:14px;bottom:90px;width:42px;height:42px}.v8-chart-heading{flex-direction:column}.v8-evidence-trend{padding:10px}}
@media(prefers-reduced-motion:reduce){#v8BackTop,.v5-bar-row{transition:none!important}#v8BackTop:hover{transform:none!important}}
