/* Mass-RO · เปลี่ยนหน้าเก่าธีมดำ (clip.php / streamer.php / guild-register.php) เป็นธีมสว่างแบบเว็บใหม่
   โหลดหลัง <style> ของหน้า + shell.css  — ใช้ body.ms-body นำหน้าเพื่อให้ชนะสไตล์เดิม */
html{scrollbar-color:#E0B236 #f6efe0}
body.ms-body{color:#6c5a2d}
body.ms-body .ms-content a{color:#8e6c0b}
body.ms-body .head{display:none}
body.ms-body .ms-card{background:transparent!important;box-shadow:none!important;border-top:0!important}
body.ms-body .ms-content{background:transparent!important}
body.ms-body .wrap{padding-top:0}

/* หัวเรื่อง */
body.ms-body .eyebrow{color:#a5822a}
body.ms-body .hero h1{background:linear-gradient(180deg,#c99a2e,#8e6c0b 60%,#6b4f0a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
body.ms-body .hero .sub{color:#6b5a2e}
body.ms-body .hero .promo{border-radius:14px;box-shadow:0 8px 22px rgba(150,100,20,.18)}
body.ms-body .badge{background:#fff;color:#8e6c0b;border:1px solid #E0B236}

/* ปุ่ม */
body.ms-body .btn{box-shadow:0 6px 16px rgba(150,100,20,.22);transition:transform .2s,box-shadow .2s}
body.ms-body .btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(150,100,20,.3);filter:none}
body.ms-body .btn.ghost{background:rgba(255,255,255,.85);color:#8e6c0b;border:2px solid #E0B236}

/* กรอบ */
body.ms-body .card{background:rgba(255,255,255,.78);border:2px solid #E0B236;box-shadow:0 6px 18px rgba(150,100,20,.08)}
body.ms-body h2{color:#8e6c0b;text-shadow:none}
body.ms-body h2 small{color:#705b29}
body.ms-body .note,body.ms-body .hint{color:#8a7a52}
body.ms-body .why div,body.ms-body .idea div,body.ms-body .rw div,body.ms-body .step{background:#fffaf0;border:1px solid rgba(224,178,54,.55);transition:transform .2s,box-shadow .2s}
body.ms-body .why div:hover,body.ms-body .idea div:hover,body.ms-body .rw div:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(150,100,20,.15)}
body.ms-body .why b,body.ms-body .idea b,body.ms-body .rw b,body.ms-body .step b,body.ms-body .req b,body.ms-body .pkc h3,body.ms-body .pkc li b,body.ms-body .cols2 h3,body.ms-body .faq b,body.ms-body .drop b,body.ms-body .closed b,body.ms-body .pv .inf b,body.ms-body td.n{color:#8e6c0b}
body.ms-body .why span,body.ms-body .idea span,body.ms-body .pkc p{color:#6b5a2e}
body.ms-body .rw small,body.ms-body .req span,body.ms-body .pkc .lt,body.ms-body .cdlabel{color:#8a6a22}
body.ms-body .req div,body.ms-body .pkc{background:linear-gradient(180deg,#FFF6DA,#fff);border:1px solid #E0B236}
body.ms-body ul.chk li::before{color:#c99a2e}
body.ms-body ul.no li::before,body.ms-body label em,body.ms-body .ferr{color:#c4442a}
body.ms-body .warn{background:#fff3f0;border:1px solid #e8846c;color:#85361e}
body.ms-body .soon,body.ms-body .closed{border-color:#E0B236;color:#6b5a2e;background:rgba(255,255,255,.6)}

/* ฟอร์ม */
body.ms-body label{color:#8e6c0b}
body.ms-body input,body.ms-body select,body.ms-body textarea{color:#3d3014;background:#fff;border:1px solid #d9b860}
body.ms-body input:focus,body.ms-body select:focus,body.ms-body textarea:focus{border-color:#E0B236;box-shadow:0 0 0 3px rgba(224,178,54,.2)}
body.ms-body select option{background:#fff}
body.ms-body .chkrow label{background:#fff;color:#6c5a2d;border:1px solid #d9b860}
body.ms-body .consent,body.ms-body .pv,body.ms-body .file{background:#fffaf0;border-color:#d9b860}
body.ms-body .file input{color:#6c5a2d}
body.ms-body .drop{background:#fffaf0;color:#6c5a2d;border-color:#E0B236}
body.ms-body .drop:hover,body.ms-body .drop.over{background:#fff3d6}
body.ms-body .okbox{background:#f0faf1;border-color:#5cbf6f}
body.ms-body .okbox b{color:#23793a}
body.ms-body .errbox{background:#fff3f0;border-color:#e8846c;color:#a3341f}
body.ms-body .tag.g{background:#e9f7ec;color:#23793a;border-color:#5cbf6f}
body.ms-body .tag.w{background:#fff3f0;color:#a3341f;border-color:#e8846c}
body.ms-body .prog .bar{background:#f3ead4}
body.ms-body .prog .txt{color:#6b5a2e}

/* ตาราง / นับถอยหลัง / ไฮไลต์ */
body.ms-body td{color:#5d4d25;border-color:rgba(224,178,54,.35)}
body.ms-body .cd span{background:linear-gradient(180deg,#fff,#FFF1C8);border-color:#E0B236}
body.ms-body .cd b{color:#8e6c0b;text-shadow:none}
body.ms-body .cd i{color:#a5822a}
body.ms-body .hl-i{background:linear-gradient(180deg,#FFF6DA,#fff)!important;border-color:#E0B236!important}
body.ms-body .hl-i b{color:#8e6c0b;text-shadow:none}
body.ms-body .hl-i span{color:#6b5a2e}
body.ms-body .hl-i u{color:#a3341f}
body.ms-body .gal figure{border-color:#E0B236}
body.ms-body .gal figcaption{background:#fff;color:#6c5a2d}
body.ms-body .gal figcaption b{color:#8e6c0b}
body.ms-body .fx:not(.rv){opacity:1!important;transform:none!important}
