#admin-economic{color:var(--pa-text,#142d43)}
.economic-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0}
.economic-toolbar label{display:grid;gap:7px;font-weight:700}
.economic-toolbar select,.economic-toolbar input{padding:10px;border:1px solid var(--pa-line,#c4d5e2);border-radius:9px;background:var(--pa-field,#fff);color:inherit;font:inherit}
.economic-button{padding:10px 14px;border:1px solid var(--pa-line,#adc6d6);border-radius:9px;background:var(--pa-panel,#fff);color:inherit;cursor:pointer;font:inherit}
.economic-button:focus-visible{outline:3px solid #e6bd54;outline-offset:3px}
.economic-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
.economic-card,.economic-panel{padding:20px;border:1px solid var(--pa-line,#c4d5e2);border-radius:18px;background:var(--pa-panel,#fff);color:inherit}
.economic-card h3{font-size:16px;margin:0 0 16px}.economic-card strong{font-size:clamp(22px,2vw,32px);display:block;margin:8px 0;overflow-wrap:anywhere}
.economic-card p,.economic-note{font-size:14px;line-height:1.6;color:var(--pa-muted,#506b80)}
.economic-card .economic-subtotal{font-size:20px}.economic-panel{margin:20px 0}
.economic-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.economic-table{width:100%;border-collapse:collapse;min-width:780px}
.economic-table th,.economic-table td{padding:12px 10px;border-bottom:1px solid var(--pa-line,#d8e4ec);text-align:right;font-size:14px;vertical-align:top}
.economic-table th:first-child,.economic-table td:first-child{text-align:left}.economic-table small{display:block;margin-top:5px;color:var(--pa-muted,#506b80)}
.economic-levels{background:var(--pa-field,#f2f7fa);padding:12px}.economic-levels .economic-table{min-width:600px}
.economic-pager{display:flex;gap:14px;align-items:center;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
#economic-status,#economic-warning{line-height:1.6}#economic-warning{color:#c16821;font-weight:700}
@media(max-width:1250px){.economic-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.economic-kpis{grid-template-columns:1fr}.economic-card,.economic-panel{padding:16px}.economic-toolbar>*{max-width:100%}}

#economic-network-details[hidden]{display:none!important}

#economic-unlock-form[hidden],#economic-unlocked-content[hidden]{display:none!important}

/* Animated Matrix backgrounds for the five private economic KPI cards. */
#economic-unlocked-content>.economic-kpis>.economic-card{position:relative;isolation:isolate;overflow:hidden;--em-tail:#22b75c;--em-head:#8ff5b4}
#economic-unlocked-content>.economic-kpis>.economic-card>:not(canvas){position:relative;z-index:1}
.economic-matrix-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.18}
#economic-unlocked-content>.economic-kpis>.economic-card:nth-child(2),
#economic-unlocked-content>.economic-kpis>.economic-card:nth-child(4){background:#d9dde3;color:#17232d;border-color:#a6afb9;--em-tail:#647485;--em-head:#374957}
#economic-unlocked-content>.economic-kpis>.economic-card:nth-child(2) p,
#economic-unlocked-content>.economic-kpis>.economic-card:nth-child(4) p{color:#283a48}
html[data-pino-appearance="dark"] #economic-unlocked-content>.economic-kpis>.economic-card:nth-child(2),
html[data-pino-appearance="dark"] #economic-unlocked-content>.economic-kpis>.economic-card:nth-child(4){background:#515963;color:#fff;border-color:#78828f;--em-tail:#bcc8d3;--em-head:#edf5fc}
html[data-pino-appearance="dark"] #economic-unlocked-content>.economic-kpis>.economic-card:nth-child(2) p,
html[data-pino-appearance="dark"] #economic-unlocked-content>.economic-kpis>.economic-card:nth-child(4) p{color:#f0f4f8}
#economic-unlocked-content>.economic-kpis>.economic-card:nth-child(5){background:#ac2335;color:#fff;border-color:#d45262;--em-tail:#f58a98;--em-head:#fff0f2}
html[data-pino-appearance="dark"] #economic-unlocked-content>.economic-kpis>.economic-card:nth-child(5){background:#781d2b;border-color:#b84b5d}
#economic-unlocked-content>.economic-kpis>.economic-card:nth-child(5) :is(p,strong){color:#fff}

#economic-unlocked-content>.economic-kpis>.economic-benefits-card{background:#0e495a;color:#fff;border-color:#39879a;--em-tail:#55cce6;--em-head:#d2faff}
html[data-pino-appearance="dark"] #economic-unlocked-content>.economic-kpis>.economic-benefits-card{background:#103647;border-color:#357c91}
#economic-unlocked-content>.economic-kpis>.economic-benefits-card p{color:#e0f3fa}
#economic-unlocked-content>.economic-kpis>.economic-benefits-card strong.negative{color:#ffabb3}
#economic-unlocked-content>.economic-kpis>.economic-benefits-card strong.positive{color:#a2f0ce}

/* Cumulative figures stay at the bottom right, separate from the selected month. */
#economic-unlocked-content>.economic-kpis>.economic-card{display:flex;flex-direction:column}
#economic-unlocked-content>.economic-kpis>.economic-card>.economic-card-total{margin-top:auto;padding:14px 12px 10px;align-self:flex-end;text-align:right;max-width:100%;box-sizing:border-box;border:1px solid currentColor;border-radius:10px;background:rgba(128,128,128,.12)}
.economic-card-total small{display:block;font-size:12px;line-height:1.4;max-width:240px}
#economic-unlocked-content .economic-card-total strong{font-size:20px;margin:5px 0 0;color:inherit}
#economic-unlocked-content .economic-card-total strong.negative{color:#b42336}
html[data-pino-appearance="dark"] #economic-unlocked-content .economic-card-total strong.negative{color:#ffabb3}
#economic-unlocked-content>.economic-kpis>.economic-card:nth-child(5) .economic-card-total strong.negative{color:#fff}
.economic-card-detail{margin:12px 0 18px;max-width:100%}
.economic-card-detail summary{cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.economic-card-detail summary:focus-visible{outline:3px solid #e6bd54;outline-offset:3px}
.economic-member-table{min-width:440px;margin-top:10px}
.economic-member-table th,.economic-member-table td{font-size:12px;padding:9px 7px;color:inherit}

/* Matching cumulative and detail boxes at the bottom right of each card. */
#economic-unlocked-content>.economic-kpis>.economic-card>.economic-card-footer{display:flex;justify-content:flex-end;align-items:stretch;gap:10px;margin-top:auto;padding-top:14px;flex-wrap:wrap}
#economic-unlocked-content .economic-card-footer>.economic-card-total{padding:12px;text-align:right;max-width:100%;box-sizing:border-box;border:1px solid currentColor;border-radius:10px;background:rgba(128,128,128,.12)}
#economic-unlocked-content .economic-card-detail-button{padding:12px 16px;border:1px solid currentColor;border-radius:10px;background:rgba(128,128,128,.12);color:inherit;font:inherit;font-weight:700;cursor:pointer}
.economic-card-detail-button:focus-visible{outline:3px solid #e6bd54;outline-offset:3px}
#economic-detail-dialog{width:min(1100px,calc(100vw - 32px));max-height:85vh;box-sizing:border-box;padding:24px;border:1px solid var(--pa-line,#c4d5e2);border-radius:18px;background:var(--pa-panel,#fff);color:var(--pa-text,#142d43);overflow:auto}
#economic-detail-dialog::backdrop{background:rgba(4,15,28,.72)}
#economic-detail-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
#economic-detail-dialog :is(h2,h3,p,th,td,button){color:inherit!important}
#economic-detail-dialog h2{margin:0;font-size:24px}
#economic-detail-dialog h3{margin-top:24px}
#economic-detail-dialog p{line-height:1.6}
#economic-detail-dialog .economic-table{min-width:580px}
@media(max-width:600px){#economic-detail-dialog{padding:16px}#economic-detail-dialog header{align-items:flex-start}#economic-detail-dialog h2{font-size:20px}}