/*
 * MV Viz — frontend baza za izvještaje / vizualne blokove (.mvviz).
 *
 * Sav „report" CSS koji se prije ponavljao inline u svakom članku sada živi
 * ovdje. Članci nose samo HTML markup s .mvviz / .mv-eyebrow klasama; ovaj se
 * stylesheet učitava iz mv-portal-core (MV_Portal_Core_Viz).
 *
 * Sve je scope-ano pod .mvviz da ne dira temu (osim .mv-eyebrow koji se koristi
 * na native Gutenberg paragrafima s className "mv-eyebrow").
 *
 * @package MvPortalCore
 * @since   1.2.0.0
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');

.mv-eyebrow{font-family:'Poppins',sans-serif!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.4px;text-transform:uppercase;color:#F56306!important;margin:0 0 2px!important}
.mvviz{--navy:#162394;--orange:#F56306;--yellow:#F4B107;--ink:#1a1d2e;--muted:#5b6072;--line:#e7e9f2;font-family:'Poppins','Roboto',sans-serif}
.mvviz *{box-sizing:border-box}
.mvviz .hero{background:linear-gradient(135deg,#162394 0%,#0f1a6e 60%,#0c1559 100%);color:#fff;padding:40px 30px;border-radius:20px;position:relative;overflow:hidden}
.mvviz .hero .htitle{font-family:'Poppins',sans-serif;font-weight:800;color:#fff;font-size:clamp(24px,5.2vw,36px);line-height:1.15;letter-spacing:-.5px;margin:0}
.mvviz .hero .lead{font-family:'Roboto',sans-serif;color:#d7dbf5;font-size:18px;line-height:1.55;margin:14px 0 0}
.mvviz .kicker{display:inline-block;font-family:'Poppins';font-weight:600;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#F4B107;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:7px 13px;border-radius:999px;margin-bottom:16px}
.mvviz .meta-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.mvviz .pill{font-family:'Roboto';font-size:13px;font-weight:500;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:7px 13px;border-radius:999px}
.mvviz .pill b{color:#F4B107}
.mvviz .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.mvviz .kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 16px;box-shadow:0 4px 18px rgba(22,35,148,.06)}
.mvviz .kpi .num{font-family:'Poppins';font-weight:800;font-size:34px;color:var(--navy);line-height:1}
.mvviz .kpi .num.o{color:var(--orange)}
.mvviz .kpi .lbl{font-family:'Roboto';font-size:13.5px;color:var(--muted);margin-top:7px;line-height:1.4}
.mvviz .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 6px 22px rgba(22,35,148,.05);margin:6px 0 30px}
.mvviz .card .ctitle{font-family:'Poppins';font-weight:600;font-size:18px;color:var(--ink);margin:0 0 4px;line-height:1.25}
.mvviz .chart-box{position:relative;height:330px;margin-top:6px}
.mvviz .chart-box.tall{height:420px}
.mvviz .chart-box.short{height:250px}
.mvviz figcaption{font-family:'Roboto';font-size:13.5px;color:var(--muted);margin-top:12px;text-align:center}
.mvviz .callout{border-left:5px solid var(--orange);background:#fff7f0;border-radius:0 14px 14px 0;padding:18px 22px;font-family:'Roboto'}
.mvviz .callout.navy{border-left-color:var(--navy);background:rgba(22,35,148,.08)}
.mvviz .callout .eb{font-family:'Poppins';font-weight:700;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.mvviz .callout .cohead{font-family:'Poppins';font-weight:700;color:var(--navy);font-size:19px;margin:0 0 6px;line-height:1.3}
.mvviz .callout p{margin:0;color:var(--ink);line-height:1.6}
.mvviz .callout strong{color:var(--navy)}
.mvviz ul.clean{list-style:none;padding:0;margin:8px 0 0}
.mvviz ul.clean li{padding:9px 0 9px 32px;position:relative;border-bottom:1px solid var(--line);line-height:1.55}
.mvviz ul.clean li:last-child{border-bottom:0}
.mvviz ul.clean li:before{content:"";position:absolute;left:0;top:14px;width:15px;height:15px;border-radius:5px;background:var(--yellow)}
.mvviz ul.clean li b{color:var(--navy)}
.mvviz .pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.mvviz .pillar{border-radius:16px;padding:20px;color:#fff}
.mvviz .pillar .ptitle{font-family:'Poppins';font-weight:700;color:#fff;font-size:17px;margin:0 0 8px}
.mvviz .pillar p{font-family:'Roboto';font-size:14.5px;margin:0;color:rgba(255,255,255,.92);line-height:1.5}
.mvviz .pillar.i{background:var(--navy)}.mvviz .pillar.e{background:var(--orange)}.mvviz .pillar.n{background:#10227d}
.mvviz .foot{background:var(--navy);color:#cdd2f3;padding:24px;border-radius:18px;font-family:'Roboto';font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.mvviz .foot b{color:#fff}
.mvviz .brandmark{font-family:'Poppins';font-weight:800;font-size:21px;color:#fff;letter-spacing:.5px}
.mvviz .brandmark span{color:var(--orange)}
.mvviz .pull{font-family:'Poppins';font-weight:700;color:var(--navy);font-size:21px;line-height:1.35;border-top:2px solid var(--orange);border-bottom:2px solid var(--orange);padding:16px 0;margin:6px 0}