
/* Presentation-only revision: responsive portfolio layout. */
#page-deep .v5-panel{padding:0!important;overflow:hidden;margin:16px 0!important;border:1px solid #dbe7f1;border-radius:18px;background:#f8fbfe;box-shadow:0 12px 28px -24px #153f66}
.v5-panel>.xhead{padding:15px 18px!important;display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#123859,#155b7a);color:#fff;font-size:16px;font-weight:700;letter-spacing:.02em}
.v5-panel .xnum{background:#ffffff20;color:#b7efff;border:1px solid #ffffff26;border-radius:8px;padding:5px 8px;font-size:13px}
.v5-panel>.v5-body{padding:16px;min-width:0}
#page-deep .v5-panel .card{min-width:0;margin:0;box-shadow:none;border:1px solid #dce7f0;border-radius:12px;padding:16px}
#page-deep .v5-measures{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start;margin-bottom:14px}
#page-deep .measbox{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;min-width:0}
#page-deep #measBox{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
#page-deep .mbtn,#page-deep .cbtn{font-size:14px!important;line-height:1.35;padding:10px 13px!important;border-radius:9px!important;white-space:normal}
#page-deep .measbox>.hd,#page-deep #contribBox>.hd{font-size:14px;font-weight:700;margin:0 0 10px;color:#194766}
.v5-readouts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#page-deep .v5-readouts .bignum{margin:0!important;background:#eaf3fa;border:1px solid #d9e8f3;border-radius:10px;padding:10px}
#page-deep .v5-readouts .p{font-size:12px;line-height:1.45;color:#425b6f}
#page-deep .v5-readouts .v{font-size:22px;line-height:1.35}
#page-deep .v5-supplier-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}
#page-deep .v5-supplier-body>.kpi{min-height:205px!important;border-radius:12px}
#page-deep .sparks{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px!important}
#page-deep .spark{min-width:0;min-height:142px;width:auto!important;padding:12px!important;border-radius:10px;border:1px solid #dae7f1;background:#f9fcff}
#page-deep .spark .nm{font-size:14px!important;white-space:normal!important;line-height:1.35;height:auto!important;min-height:38px}
#page-deep .spark .gl{font-size:12px!important;line-height:1.4}
#page-deep .v5-customer-grid{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)!important;gap:16px!important;align-items:stretch}
#page-deep #v5CustomerCard,#page-deep #v5City{grid-column:auto!important;min-width:0}
#page-deep #v5City>.customer-city-linked{margin:0!important;border:1px solid #dce7f0!important;border-radius:12px!important;background:white!important;padding:16px!important;box-shadow:none!important;height:100%;box-sizing:border-box}
#page-deep #v5City h4,#page-deep #v5CustomerCard h3{font-size:16px!important;line-height:1.4;margin:0 0 12px}
#page-deep .city-linked-header{align-items:flex-start;flex-wrap:wrap;gap:8px}
#page-deep .city-linked-table{overflow:auto;max-height:610px}
#page-deep #v5City table{font-size:13px!important;min-width:440px;table-layout:fixed;width:100%}
#page-deep #v5City th,#page-deep #v5City td{padding:10px 8px!important;font-size:13px!important;line-height:1.5;white-space:normal!important;overflow-wrap:anywhere}
#page-deep #v5City th:first-child{width:30%}#page-deep #v5City th:nth-child(2){width:36%}
#page-deep #v5City .city-customer-link{font-size:13px!important;line-height:1.5;white-space:normal;text-align:left}
#page-deep #v5City .city-link{font-size:12px!important;line-height:1.4;white-space:normal}
#page-deep #v5City .note,#page-deep #v5City p{font-size:12px!important;line-height:1.5}
.v5-bar-list{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.v5-bar-row{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px 10px;border:0;background:transparent;text-align:left;padding:5px 0;cursor:pointer;color:#153b58;font:inherit;border-radius:6px}
.v5-bar-row:hover{background:#edf6ff}.v5-bar-row:focus-visible{outline:3px solid #1685c1;outline-offset:3px}
.v5-bar-rank{color:#637d90;font-size:12px;padding-top:2px}.v5-bar-name{font-size:14px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.v5-bar-value{font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}
.v5-bar-track{grid-column:2/4;height:7px;overflow:hidden;background:#e4edf6;border-radius:20px}.v5-bar-fill{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#2476bb,#31b3c8)}
.v5-bar-row.xsel{background:#e0effb;box-shadow:0 0 0 1px #1986c7}.v5-bar-row.xdim{opacity:.5}
#page-deep #contribBox{background:transparent!important;box-shadow:none!important;border:0!important;display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px!important;width:auto!important}
#page-deep #contribBox>.hd{flex-basis:100%;margin:0}
#page-deep #contribTable{font-size:14px!important;width:100%;min-width:620px}
#page-deep #contribTable th,#page-deep #contribTable td{font-size:14px!important;padding:11px 12px!important;line-height:1.45}
.v5-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.v5-table-toolbar h3{font-size:16px;margin:0}
#hvCards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:20px}
#hvCards .v4-card{min-height:182px!important;padding:15px 16px!important;border-radius:16px!important;border:1px solid #91cee233!important;background:radial-gradient(ellipse at 100% 0,#1d728888,transparent 65%),linear-gradient(125deg,#132d49,#125773)!important;box-shadow:0 12px 25px -21px #052d52;transition:transform .18s ease,box-shadow .18s ease}
#hvCards .v4-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -16px #07597a}
#hvCards .v4-card .k1{font-size:15px!important;min-height:22px;line-height:1.4;font-weight:650;letter-spacing:.02em}
#hvCards .v4-card .per{font-size:12px!important;line-height:1.4;margin:2px 0 8px;color:#d7ebfa!important}
#hvCards .v4-card .goal{font-size:13px!important;color:#e3f5ff!important;line-height:1.4}
#hvCards .v4-card .big{font-size:34px!important;line-height:1.15;margin:7px 0}
#hvCards .v4-card .vs{font-size:12px!important;line-height:1.5;min-height:36px;color:#e9f7ff!important}
#hvCards .v4-triangle{font-size:18px!important;margin-left:8px}
#hvCards .v4-spark{height:68px!important;opacity:.30;pointer-events:none}
#hvCards .gauge{height:3px!important}
.v5-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v5-summary-head h3{margin:0;font-size:17px}.v5-summary-head label{display:flex;align-items:center;gap:8px;font-size:13px;color:#47647b}
.v5-summary-head select{padding:8px 10px;font-size:14px;max-width:220px;border-radius:8px;border:1px solid #d5e4ef;background:#fff;color:#193e5d}
.v5-summary{padding-top:12px;font-size:14px;line-height:1.65}.v5-summary-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:14px;background:#eef6fc;border-radius:10px;margin:10px 0 14px}
.v5-summary-top strong{font-size:22px;color:#173d59}.v5-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.v5-summary h4{font-size:14px;color:#205579;margin:5px 0}.v5-summary p{margin:4px 0 12px}.v5-summary ul{margin:4px 0 12px;padding-left:20px}.v5-summary details{margin-top:10px;padding:12px;background:#f6f9fc;border:1px solid #e1eaf2;border-radius:9px}.v5-summary summary{cursor:pointer;font-size:13px;font-weight:650}
.v5-summary .note{font-size:12px;line-height:1.5}.v5-summary .rd-badge{white-space:normal}
.card h2,.card h3,.card h4,.xhead,.k1,.hvcard .t,.ph,.pt,.measbox .hd,.contrib .hd,thead th{text-transform:none}
@media(min-width:1600px){#hvCards .v4-card{min-height:188px!important}#page-deep .v5-customer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important}}
@media(max-width:1150px){#hvCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-deep .v5-supplier-body{grid-template-columns:210px minmax(0,1fr)}#page-deep .v5-customer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important}}
@media(max-width:900px){#page-deep .v5-customer-grid{grid-template-columns:minmax(0,1fr)!important}#page-deep .v5-measures{grid-template-columns:1fr}.v5-readouts{max-width:420px}#page-deep .v5-supplier-body{grid-template-columns:1fr}#page-deep .v5-supplier-body>.kpi{max-width:100%;min-height:190px!important}}
@media(max-width:600px){#hvCards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}#hvCards .v4-card{padding:12px!important;min-height:190px!important}#hvCards .v4-card .big{font-size:29px!important}#hvCards .v4-card .k1{font-size:14px!important}#page-deep .v5-panel>.v5-body{padding:10px}.v5-summary-grid{grid-template-columns:1fr}#page-deep .v5-panel .card{padding:12px}.v5-summary-head label{flex-wrap:wrap}}
@media(max-width:380px){#hvCards{grid-template-columns:1fr!important}#hvCards .v4-card{min-height:174px!important}}
@media(prefers-reduced-motion:reduce){#hvCards .v4-card{transition:none!important}#hvCards .v4-card:hover{transform:none!important}}
