/**
 * Monitoring Matrix 2026/27 styles.
 * Scoped under .mm2026-* to avoid clashing with existing theme CSS.
 */

/* ---- View switch (flat tabs, matches the site's .tabs-year look) ---- */
.mm2026-viewswitch{display:flex;gap:.25rem;flex-wrap:wrap;margin:0 0 1.5rem;border-bottom:1px solid #e3e3e3}
.mm2026-viewswitch__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:0;border-bottom:3px solid transparent;color:#444;font-weight:600;text-decoration:none;transition:.15s}
.mm2026-viewswitch__btn:hover{color:#e10010}
.mm2026-viewswitch__btn.is-active{background:#dddbdb;border-bottom-color:#e10010;color:#222}

/* ---- Municipalities split ---- */
.mm2026-split__heading,.mm2026-split__right .mm2026-panel__title{margin-top:0}
.mm2026-muni-list{list-style:none;margin:0;padding:0;max-height:640px;overflow:auto;border:1px solid #e3e3e3;border-radius:6px;background:#fff}
.mm2026-muni-list li+li .mm2026-muni-list__btn{border-top:1px solid #eee}
.mm2026-muni-list__btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.7rem 1rem;background:none;border:0;border-left:3px solid transparent;text-align:left;cursor:pointer;font-size:.95rem;color:#333}
.mm2026-muni-list__btn:hover{background:#f6f6f6;color:#e10010}
.mm2026-muni-list__btn.is-active{background:#f3f3f3;border-left-color:#e10010;color:#222;font-weight:600}
.mm2026-muni-list__count{background:rgba(0,0,0,.08);border-radius:10px;padding:.05rem .55rem;font-size:.8rem}
.mm2026-muni-list__btn.is-active .mm2026-muni-list__count{background:rgba(225,0,16,.12);color:#e10010}

/* ---- Panel ---- */
.mm2026-panel{background:#fff;border:1px solid #e3e3e3;border-radius:6px;padding:1.25rem 1.5rem}
.mm2026-panel__title{font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid #e10010;padding-bottom:.5rem}
.mm2026-panel__subtitle{font-size:1.1rem;margin:1.25rem 0 .75rem}
.mm2026-panel__row{display:flex;flex-direction:column;margin-bottom:.75rem}
.mm2026-panel__label{font-weight:700;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}
.mm2026-panel__value{color:#222}
.mm2026-fin em{color:#666;font-style:normal;font-weight:600}
.mm2026-fin__note{display:block;color:#777;margin-top:.25rem}
.mm2026-fin__src{display:inline-block;margin-top:.25rem;font-size:.85rem}

/* ---- Dashboard summary ---- */
.mm2026-dashboard{margin:0 0 1.25rem}
.mm2026-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:.75rem}
.mm2026-card{background:#fff;border:1px solid #e7e7e7;border-top:3px solid #ccc;border-radius:6px;padding:.85rem 1rem;text-align:center}
.mm2026-card--total{border-top-color:#444}
.mm2026-card__num{display:block;font-size:1.9rem;font-weight:800;line-height:1}
.mm2026-card__lbl{display:block;font-size:.8rem;color:#555;margin-top:.35rem}
.mm2026-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#eee}
.mm2026-bar__seg{height:100%}

/* ---- Legend ---- */
.mm2026-legend{display:flex;gap:1.25rem;flex-wrap:wrap;margin:0 0 1rem;font-size:.9rem}
.mm2026-legend__item{display:inline-flex;align-items:center;gap:.4rem}
.mm2026-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.22)}

/* ---- Freshness line (page header) ---- */
.mm2026-updated{margin:-.5rem 0 0;color:#666;font-size:.9rem}

/* ---- Filters ---- */
.mm2026-filters{display:flex;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid #e7e7e7;border-radius:6px;padding:1rem;margin:0 0 1rem}
.mm2026-filters__field{display:flex;flex-direction:column;flex:1 1 180px;min-width:160px}
.mm2026-filters__field label{font-size:.8rem;font-weight:700;color:#666;margin-bottom:.25rem}
.mm2026-filters__field select,.mm2026-filters__field input{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100%}
.mm2026-filters__search{flex:1 1 100%}

/* ---- Measures grid + cards ---- */
.mm2026-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.mm2026-panel .mm2026-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.mm2026-group{margin-bottom:1.75rem}
.mm2026-group__title{font-size:1.15rem;border-bottom:1px solid #e1e1e1;padding-bottom:.4rem;margin-bottom:.9rem}
.mm2026-group__title span{color:#999;font-weight:400}
.mm2026-measure{display:block;background:#fff;border:1px solid #e7e7e7;border-left:5px solid #ccc;border-radius:6px;padding:1rem;text-decoration:none;color:#222;transition:.15s;position:relative}
.mm2026-measure:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px);color:#222}
.mm2026-measure__status{display:inline-block;color:#fff;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:10px;margin-bottom:.5rem}
.mm2026-measure__title{font-size:1rem;line-height:1.35;margin:.25rem 0 .6rem}
.mm2026-measure__meta{font-size:.82rem;color:#666;margin:.15rem 0}
.mm2026-measure__ngo{color:#888}

/* ---- Progress ---- */
.mm2026-progress{display:block;height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-top:.5rem}
.mm2026-progress__fill{display:block;height:100%}
.mm2026-progress__lbl{display:block;font-size:.8rem;color:#666;margin-top:.3rem}

/* ---- Period tabs + matrix ---- */
.mm2026-periods{display:flex;gap:.25rem;flex-wrap:wrap;margin:.5rem 0 1rem;border-bottom:1px solid #e3e3e3}
.mm2026-period,.mm2026-fin-tab{padding:.5rem .9rem;border:0;border-bottom:3px solid transparent;background:none;cursor:pointer;font-size:.85rem;color:#444;font-weight:600}
.mm2026-period:hover,.mm2026-fin-tab:hover{color:#e10010}
.mm2026-period.is-active,.mm2026-fin-tab.is-active{background:#dddbdb;border-bottom-color:#e10010;color:#222}
.mm2026-matrix{overflow-x:auto}
.mm2026-criteria{width:100%;min-width:680px;background:#fff;font-size:.9rem}
.mm2026-criteria th{background:#dddbdb;font-weight:700;text-align:left;padding:.5rem}
.mm2026-criteria td{padding:.5rem;vertical-align:top;border-top:1px solid #eee}
.mm2026-criteria__section td{background:#7d8d6e;color:#fff}
.mm2026-criteria__subheading td{background:#f4f4f4}
.mm2026-criteria__no{white-space:nowrap;font-weight:700;color:#666}
.mm2026-criteria__status{white-space:nowrap}

/* ---- Single measure detail ---- */
.mm2026-detail__thumb{text-align:center;margin-bottom:1rem}
.mm2026-detail__box{background:#fff;border:1px solid #e7e7e7;border-radius:6px;padding:1.25rem}
.mm2026-detail__status{font-size:1.1rem;font-weight:800;margin-bottom:.5rem}
.mm2026-detail__row{display:flex;flex-direction:column;margin:.85rem 0;padding-top:.75rem;border-top:1px solid #f0f0f0}
.mm2026-detail__initiative{display:inline-block;margin-top:1rem;font-weight:600}

/* ---- Back link (single pages) ---- */
.mm2026-back{display:inline-block;margin:.25rem 0 .25rem;color:#666;font-weight:600;text-decoration:none;font-size:.95rem}
.mm2026-back:hover{color:#e10010}
.mm2026-back i{margin-right:.4rem}

/* ---- Misc ---- */
.mm2026-empty{padding:1.5rem;color:#777;text-align:center;background:#fff;border:1px dashed #ddd;border-radius:6px}
.mm2026-empty p{margin:0 0 .75rem}
.mm2026-reset{background:#fff;border:1px solid #e10010;color:#e10010;border-radius:4px;padding:.45rem 1.1rem;font-weight:600;cursor:pointer}
.mm2026-reset:hover{background:#e10010;color:#fff}
.mm2026-loading{opacity:.5;pointer-events:none}

/* ---- Secondary menu (under Measures) ---- */
.mm2026-subswitch{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 1.25rem}
.mm2026-subswitch__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font:inherit;font-weight:600;color:#444;text-decoration:none}
.mm2026-subswitch__btn:hover{color:#e10010;border-color:#e10010;text-decoration:none}
.mm2026-subswitch__btn.is-active{background:#dddbdb;border-color:#bbb;color:#222}

/* ---- Status-tinted cards ---- */
.mm2026-measure[data-status="completed"]{background:#f4faea}
.mm2026-measure[data-status="in_progress"]{background:#fff8e6}
.mm2026-measure[data-status="stagnation"]{background:#fdecec}
.mm2026-measure[data-status="not_monitored"]{background:#f6f7f8}

/* ---- Barometer segment labels (text colour set inline per status for contrast) ---- */
.mm2026-bar{height:20px}
.mm2026-bar__seg{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}

/* ---- Single measure: general info rows ---- */
.mm2026-detail__ginfo{background:#fff;border:1px solid #e7e7e7;border-radius:6px;padding:.85rem 1.1rem;margin-bottom:1rem}
.mm2026-detail__meta{font-size:.9rem;color:#555;margin:.3rem 0}
.mm2026-detail__meta strong{color:#333}

/* ---- Financial indicator (Section IV squares + modal trigger) ---- */
.mm2026-fin__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin:.4rem 0 .6rem}
.mm2026-fin-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;background:#f6f7f8;border:1px solid #e3e3e3;border-top:3px solid #9aa0a6;border-radius:6px;padding:.65rem .75rem;text-align:left;font:inherit;color:#333;cursor:default;transition:.15s}
button.mm2026-fin-tile{cursor:pointer}
button.mm2026-fin-tile:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}
.mm2026-fin-tile[data-state="yes"]{background:#f4faea;border-top-color:#8dc903}
.mm2026-fin-tile[data-state="no"]{background:#fdecec;border-top-color:#e10010}
.mm2026-fin-tile__no{font-weight:800;font-size:.85rem;color:#555}
.mm2026-fin-tile__mark{font-weight:700;font-size:.85rem}
.mm2026-fin-tile__text{font-size:.78rem;color:#555;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mm2026-fin__more{display:inline-block;font-weight:600;color:#e10010;text-decoration:none}
.mm2026-fin__more:hover{text-decoration:underline}

/* ---- Modal ---- */
.mm2026-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}
.mm2026-modal.is-open{display:block}
.mm2026-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.55)}
.mm2026-modal__dialog{position:relative;max-width:860px;margin:5vh auto;background:#fff;border-radius:8px;padding:1.5rem 1.75rem;max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.mm2026-modal__close{position:absolute;top:.4rem;right:.7rem;background:none;border:0;font-size:1.9rem;line-height:1;cursor:pointer;color:#999}
.mm2026-modal__close:hover{color:#e10010}
.mm2026-modal__title{margin:0 1.5rem 1rem 0;font-size:1.3rem;border-bottom:2px solid #e10010;padding-bottom:.5rem}
body.mm2026-modal-open{overflow:hidden}

@media (max-width:767px){
	.mm2026-split__left{margin-bottom:1rem}
	.mm2026-muni-list{max-height:320px}
	.mm2026-cards{grid-template-columns:repeat(2,1fr)}
	.mm2026-modal__dialog{margin:0;max-width:100%;min-height:100vh;border-radius:0}
}