/* โหมดมืดของ show_pagesr.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"] .page-label{color:#ec4899}
html[data-theme="dark"] .page-label::before{background:#ec4899}
html[data-theme="dark"] .page-title{color:#ddd9e2}
html[data-theme="dark"] .sidebar-card{background:#1a161d;border-radius:16px;border:1px solid #372f3f}
html[data-theme="dark"] .sidebar-head{background:linear-gradient(135deg,#ec4899,#be185d)}
html[data-theme="dark"] .tab-btn{color:#aba0b7}
html[data-theme="dark"] .tab-btn:hover{color:#ec4899;background:#25121d}
html[data-theme="dark"] .tab-btn.active{background:#28131f;color:#ef80ae}
html[data-theme="dark"] .tab-num{background:#28131f;color:#ef80ae}
html[data-theme="dark"] .content-card{background:#1a161d;border-radius:16px;border:1px solid #372f3f}
html[data-theme="dark"] .content-head{border-bottom:1px solid #332c3b}
html[data-theme="dark"] .content-title{color:#ddd9e2}
html[data-theme="dark"] .content-date{color:#aba0b7}
html[data-theme="dark"] .content-body{color:#d5cfdb}
html[data-theme="dark"] .content-body table th{background:#28131f;color:#ef80ae}
html[data-theme="dark"] .content-body table td{border-bottom:1px solid #332c3b}
html[data-theme="dark"] .content-body h2,html[data-theme="dark"] .content-body h3{color:#ddd9e2}
html[data-theme="dark"] .content-body h2{color:#ef80ae}
html[data-theme="dark"] .personnel-section-title{color:#ef80ae;border-bottom:2px solid #442537}
html[data-theme="dark"] .personnel-section-title::before{background:#ec4899}
html[data-theme="dark"] .person-card:hover .person-name-bar{background:linear-gradient(135deg,#be185d,#9d174d)}
html[data-theme="dark"] .person-photo{border-radius:16px}
html[data-theme="dark"] .person-name-bar{background:#0f172a}
html[data-theme="dark"] .person-name-bar .pprog{color:#f472b6}
html[data-theme="dark"] .person-card.head .person-name-bar{background:linear-gradient(135deg,#be185d,#9d174d)}
html[data-theme="dark"] .grad-a{background:linear-gradient(160deg,#28131f,#141829)}
html[data-theme="dark"] .grad-b{background:linear-gradient(160deg,#25121d,#141d2a)}
html[data-theme="dark"] .grad-c{background:linear-gradient(160deg,#28131f,#142a1c)}
html[data-theme="dark"] .grad-d{background:linear-gradient(160deg,#261d12,#28131f)}
html[data-theme="dark"] .grad-e{background:linear-gradient(160deg,#122618,#142029)}
html[data-theme="dark"] .grad-f{background:linear-gradient(160deg,#2e2916,#28131f)}
html[data-theme="dark"] .empty-box{color:#aba0b7}
html[data-theme="dark"] .tab-btn::after{background:#ec4899}
html[data-theme="dark"] footer{background:#0f172a}
html[data-theme="dark"] footer a:hover{color:#f472b6}