/* โหมดมืดของ programs.php — สร้างอัตโนมัติจากสีในหน้า อย่าแก้ไฟล์นี้ด้วยมือ ให้รันสคริปต์สร้างใหม่ */
html[data-theme="dark"] body{background:#0f0c14;color:#d5cfdb}
html[data-theme="dark"] .page-hero{background:linear-gradient(135deg,#25121d,#28131f);border-bottom:1px solid rgba(236,72,153,.15)}
html[data-theme="dark"] .breadcrumb{color:#aba0b7}
html[data-theme="dark"] .breadcrumb a:hover{color:#ec4899}
html[data-theme="dark"] .hero-badge{background:#1a161d;color:#ef80ae}
html[data-theme="dark"] .page-title{color:#ddd9e2}
html[data-theme="dark"] .page-title em{color:#ec4899}
html[data-theme="dark"] .page-sub{color:#aba0b7}
html[data-theme="dark"] .section-badge{background:#28131f;color:#ef80ae}
html[data-theme="dark"] .section-title{color:#ddd9e2}
html[data-theme="dark"] .section-title em{color:#ec4899}
html[data-theme="dark"] .section-desc{color:#aba0b7}
html[data-theme="dark"] .group-card{border-radius:20px}
html[data-theme="dark"] .group-card.inactive{background:#1a161d;border-color:#372f3f}
html[data-theme="dark"] .group-card.inactive:hover{border-color:#f472b6}
html[data-theme="dark"] .group-card.active{background:linear-gradient(135deg,#ec4899,#be185d)}
html[data-theme="dark"] .group-card.inactive .gc-icon{background:#28131f}
html[data-theme="dark"] .group-card.inactive .gc-tag{background:#28131f;color:#ef80ae}
html[data-theme="dark"] .group-card.inactive .gc-title{color:#ddd9e2}
html[data-theme="dark"] .group-card.inactive .gc-desc{color:#aba0b7}
html[data-theme="dark"] .group-card.inactive .gc-preview-item{color:#d5cfdb}
html[data-theme="dark"] .group-card.inactive .gc-preview-dot{background:#ec4899}
html[data-theme="dark"] .group-card.inactive .gc-cta{color:#ef80ae}
html[data-theme="dark"] .prog-panel{background:#1a161d;border-radius:20px;border:1px solid #372f3f}
html[data-theme="dark"] .panel-title{color:#ddd9e2}
html[data-theme="dark"] .panel-count{color:#aba0b7;background:#1d1920}
html[data-theme="dark"] .sub-group-title{color:#ef80ae}
html[data-theme="dark"] .sub-group-title::before{background:#ec4899}
html[data-theme="dark"] .prog-item{border:1px solid #372f3f;background:#1a161d;color:#d5cfdb}
html[data-theme="dark"] .prog-item:hover{border-color:#f472b6;background:#25121d;color:#ef80ae}
html[data-theme="dark"] .prog-item-arrow{color:#f472b6}
html[data-theme="dark"] .deg-tab{border:1.5px solid #372f3f;color:#aba0b7}
html[data-theme="dark"] .deg-tab:hover{border-color:#f472b6;color:#ec4899}
html[data-theme="dark"] .deg-tab.active{background:#ec4899;border-color:#ec4899}
html[data-theme="dark"] footer{background:#0f172a}
html[data-theme="dark"] footer a:hover{color:#f472b6}
html[data-theme="dark"] [style*="color:var(--muted)"]{color:#aba0b7!important}