/* มาตรฐานเดียวกันของ bma2566 / bma2567 / bma2568 — ใช้ GUI template ของ bma2570 (header เมนู/footer/แบนเนอร์/การ์ด/ฟอนต์) ; โหลดหลัง CSS ของแต่ละแอพ */
:root{--x-banner:linear-gradient(120deg,#0b4a2f 0%,#0f5b3a 30%,#5c7a2b 62%,#b8901f 100%);--x-font:'IBM Plex Sans Thai',Sarabun,Anuphan,system-ui,sans-serif;
  --x-green:#0f5b3a;--x-green-dk:#0b4a2f;--x-gold:#d4a537;--x-line:#dfe4dc;--x-bg:#f6f7f3;--x-ink:#23352c;--x-mute:#5d6b62}
html,body,body *:not(i):not(svg):not(svg *):not(canvas){font-family:var(--x-font)!important}
code,pre,.mono,.stat-n,.s-num,.s-pct,.bst-v,.stat-v,.kr-code,.yr{font-variant-numeric:tabular-nums}
body{background:var(--x-bg)!important;color:var(--x-ink)}
nav.pv2-topnav,.x2-foot{font-family:var(--x-font)}
nav.pv2-topnav{background:linear-gradient(90deg,rgba(0,90,48,.94) 0%,rgba(0,112,60,.8) 50%,rgba(0,112,60,.55) 100%),url('../images/bg/skyline69.jpg') center 55%/cover no-repeat!important;position:sticky;top:0;z-index:600}
.x2-foot{background:linear-gradient(180deg,rgba(12,74,47,.9) 0%,rgba(12,74,47,.8) 55%,rgba(8,52,33,.94) 100%),url('../images/bg/skyline69.jpg') center 50%/cover no-repeat!important}
footer.x2-foot{max-width:none!important;margin:0!important;padding:44px 0 0!important;text-align:left!important;color:#c9d6e0!important;font-size:14px!important}
.pv2-appname{display:inline-flex;align-items:center;gap:6px;margin-left:6px;color:#fff;font-weight:700;font-size:20px;letter-spacing:.08em;white-space:nowrap}
.pv2-appname .pv2-mark{color:#F2C230;font-size:16px}
.pv2-appname em{font-style:normal;color:#F2C230;font-weight:600;letter-spacing:.04em}
@media(max-width:560px){.pv2-appname{font-size:16px}}

/* ===== แบนเนอร์หัวเรื่อง (เขียว→มะกอก→ทอง เหมือน bma2570) : .hdr ของทั้ง 3 แอพ ===== */
.hdr{background:var(--x-banner)!important;color:#fff!important;position:relative!important;top:auto!important;border:0!important;border-radius:14px;
  margin:12px clamp(12px,2vw,28px)!important;box-shadow:0 8px 24px rgba(120,120,30,.28)!important;overflow:visible}
.hdr-inner,.hdr-in{max-width:none!important;height:auto!important;padding:18px 24px!important;flex-wrap:wrap;gap:14px 18px!important}
.hdr-logo,.logo{background:rgba(255,255,255,.18)!important;border-radius:10px;box-shadow:none!important}
.hdr-title,.logo-txt .t1{color:#fff!important;font-size:clamp(17px,2.2vw,24px)!important;font-weight:700!important;letter-spacing:0!important}
.hdr-sub,.logo-txt .t2{color:#f4e3a8!important;font-size:12.5px!important}
.hdr-div{display:none}
.hdr-nav{flex-wrap:wrap;gap:6px!important}
.hdr-btn{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.38)!important;color:#fff!important;border-radius:8px!important;font-weight:600!important;padding:7px 14px!important}
.hdr-btn:hover{background:rgba(255,255,255,.28)!important}
.hdr-btn.on{background:#fff!important;color:var(--x-green-dk)!important;border-color:#fff!important}
.hdr-search input,.hdr-search #searchBox{background:#fff!important;border:1px solid rgba(255,255,255,.6)!important;border-radius:8px!important;color:var(--x-ink)!important}
.yr{background:var(--x-gold)!important;color:#2a2005!important;border-radius:99px!important;font-weight:700}
.hdr .yr{margin-left:auto}

/* แถบเมนูภายในหน้า (bma2568 .nav) : แถบขาวขอบบาง ขีดทองใต้แท็บที่เลือก */
.nav{background:#fff!important;border:1px solid var(--x-line)!important;border-radius:8px;margin:0 clamp(12px,2vw,28px) 14px;box-shadow:none!important}
.nav-in{max-width:none!important;padding:0 8px!important}
.ntab{color:var(--x-mute)!important;border-bottom:3px solid transparent!important;font-weight:600}
.ntab:hover{color:var(--x-green)!important}
.ntab.on{color:var(--x-green)!important;border-bottom-color:var(--x-gold)!important}
.nav .hdr-btn{background:#fff!important;border:1px solid #cfd8cc!important;color:var(--x-ink)!important;margin:6px 4px}

/* breadcrumb */
.bc-wrap{background:#fff!important;border:1px solid var(--x-line)!important;border-radius:8px;margin:0 clamp(12px,2vw,28px) 12px;overflow:hidden}
.bc-wrap .bc{background:transparent!important;border:0!important;max-width:none!important;padding:8px 14px!important}

/* พื้นที่เนื้อหาเต็มกว้าง เว้นขอบสม่ำเสมอ */
main,.main{max-width:none!important;padding-left:clamp(12px,2vw,28px)!important;padding-right:clamp(12px,2vw,28px)!important}

/* การ์ด / KPI / กล่อง : ขาว ขอบบาง มุม 8px + ขอบบนสี */
.stat-card,.stat-box,.bst,.s-card,.d9-sidebar,.strat-sum-card,.kd-card,.ag-card,.dim-card,.pol-card,.sdg-detail-card,.ev-card,.proj-card,.d9-full-card,.kpi-acc,.detail-panel,.dp-stat,.panel,.pnl-box,.krd-box,.ag-rich-card,.sdg-card,.sdg-dash-card{
  background:#fff!important;border:1px solid var(--x-line)!important;border-radius:8px!important;box-shadow:none!important}
.stat-card,.stat-box,.bst{border-top:4px solid var(--k,var(--x-gold))!important}
.stat-strip>:nth-child(1),.stat-row>:nth-child(1){--k:#2f80c9}.stat-strip>:nth-child(2),.stat-row>:nth-child(2){--k:#0f7a4a}
.stat-strip>:nth-child(3),.stat-row>:nth-child(3){--k:#14a39a}.stat-strip>:nth-child(4),.stat-row>:nth-child(4){--k:#dc2626}.stat-strip>:nth-child(5),.stat-row>:nth-child(5){--k:#d4a537}
.s-card:hover,.ag-card:hover,.dim-card:hover,.pol-card:hover,.d9-item:hover{border-color:#9cc3ad!important;box-shadow:0 4px 14px rgba(20,40,30,.08)!important;transform:none}
.panel-label,.sh-t,.section-lbl{color:#0c4a2f!important}
.chip,.sub-tab,.dp-tab,.itab,.krf{border-radius:99px!important}
.chip.on,.sub-tab.on,.dp-tab.on,.itab.on,.krf.on{background:var(--x-green)!important;border-color:var(--x-green)!important;color:#fff!important}

/* bma2568 : hero เดิม (พื้นน้ำเงินเข้ม) → การ์ดขาวขอบบางสีเขียว */
.banner{background:#fff!important;color:var(--x-ink)!important;border:1px solid var(--x-line)!important;border-top:4px solid var(--x-gold)!important;border-radius:8px!important;box-shadow:none!important}
.banner .ban-title,.ban-title{color:#0c4a2f!important}
.banner .ban-sub,.ban-sub{color:var(--x-mute)!important}
.ban-pill{background:#e6f0ea!important;color:#0b4a2f!important;border:1px solid #cfe0d5!important}
.ban-stats .bst{background:#fff!important}
.bst-v,.bst .bst-v{color:var(--k,var(--x-green-dk))!important}.bst-l{color:var(--x-mute)!important}

/* ตาราง / ปุ่ม */
table{border-collapse:collapse}
thead th{background:#e6f0ea!important;color:#0b4a2f!important;border-bottom:2px solid var(--x-gold)!important}
.sticky-tabs{top:64px}
@media(max-width:900px){.hdr .yr{margin-left:0}}
.ban-stats .bst{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}

/* ปุ่มเอกสาร (ลิงก์ PDF ผ่าน token) */
a.hdr-btn{text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer}