/* Reuses the A/B trade explorer visual language for customs-basis provincial
   annual trade balances. Loaded on the homepage; archive data loads on demand. */
.econ-kpi--balance{transition:box-shadow .23s ease,background .23s ease}
.econ-kpi--balance:hover,.econ-kpi--balance:focus-within{background:#16394b;box-shadow:inset 0 0 0 2px rgba(167,218,228,.5)}
.econ-balance-invite{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#d6b48f;font-size:11px;font-weight:720;letter-spacing:.01em}
.econ-balance-click{position:absolute;z-index:2;inset:0;width:100%;height:100%;border:0;background:transparent;color:transparent;font-size:0;cursor:pointer;border-radius:0}
.econ-balance-click:focus-visible{outline:3px solid #b6e2ec;outline-offset:-5px}
.econ-balance-dialog .econ-deep-panelhead{margin-bottom:14px}
.econ-balance-dialog .econ-deep-panelhead p:not(.eyebrow){max-width:810px}
.econ-balance-dialog .econ-deep-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.econ-balance-dialog .econ-deep-controls label{min-width:0}
.econ-balance-status{padding:10px 0;color:#566f79;font-size:12px}
.econ-balance-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:5px 0 24px;gap:9px}
.econ-balance-snapshot>div{min-width:0;padding:16px;background:rgba(255,255,255,.77);border:1px solid #d3e1e5;border-radius:9px}
.econ-balance-snapshot small{display:block;color:#607d88;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:760}
.econ-balance-snapshot strong{display:block;margin-top:9px;font-size:clamp(20px,2.6vw,30px);color:#163c4d;line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.econ-balance-snapshot strong[data-direction=deficit]{color:#ac6c57}
.econ-balance-meta{margin:-8px 0 22px;font-size:11px;color:#57727c;line-height:1.45}
.econ-balance-chart-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.econ-balance-chart-pair section{min-width:0}
.econ-balance-chart-pair .econ-explorer-chart-heading{align-items:start;min-height:76px}
.econ-balance-chart-pair .econ-explorer-chart-context{text-align:left;max-width:320px;font-size:10px}
.econ-balance-chart-pair .econ-explorer-chart{padding:16px 14px;gap:5px}
.econ-balance-bar-row{box-sizing:border-box;min-height:35px;grid-template-columns:minmax(108px,1.65fr) minmax(65px,3fr) minmax(80px,1.05fr);gap:9px;border:1px solid transparent;border-radius:5px;padding:6px 5px;font:inherit;text-align:left;background:transparent;color:inherit}
button.econ-balance-bar-row{width:100%;cursor:pointer;transition:background .2s,border-color .2s}
button.econ-balance-bar-row:hover,button.econ-balance-bar-row.is-selected{background:rgba(217,236,239,.45);border-color:#bfd5dc}
button.econ-balance-bar-row:focus-visible{outline:2px solid #3d7d92;outline-offset:-2px}
.econ-balance-bar-row .econ-explorer-bar-name{font-size:10px}
.econ-balance-bar-row .econ-explorer-bar-value{font-size:10px}
.econ-balance-bar-row .econ-explorer-bar-track{height:9px}
.econ-balance-dialog .econ-explorer-data{margin-top:22px}
.econ-balance-dialog .econ-explorer-source{font-size:11px;line-height:1.6}
.econ-balance-dialog .econ-explorer-source strong{color:#345a69}
@media(max-width:960px){
 .econ-balance-chart-pair{grid-template-columns:1fr}
 .econ-balance-dialog .econ-deep-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .econ-balance-chart-pair .econ-explorer-chart-heading{min-height:0}
}
@media(max-width:600px){
 .econ-balance-dialog .econ-deep-controls{grid-template-columns:1fr}
 .econ-balance-snapshot{gap:6px}
 .econ-balance-snapshot>div{padding:12px 9px}
 .econ-balance-snapshot strong{font-size:clamp(16px,4.8vw,24px)}
 .econ-balance-bar-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-height:44px}
 .econ-balance-bar-row .econ-explorer-bar-track{grid-row:2;grid-column:1/-1}
 .econ-balance-dialog .econ-explorer-chart-heading{display:block}
 .econ-balance-dialog .econ-explorer-chart-context{margin-top:8px}
 .econ-balance-invite{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .econ-kpi--balance,button.econ-balance-bar-row{transition:none}
}