/* ส่วนที่ pjchat เพิ่ม/ปรับจาก style.v81.css (โหลดต่อจาก style.v81.css) — ใช้ตัวแปรสีชุดเดิมของ postjung */

/* แถบบนของ pjchat (inc/inc-top.php) — ไม่มี #topmenubar ของ postjung จึงสูงแค่แถบเดียว */
#topbarback { height:48px; }
#topbar { z-index:900; display:flex; align-items:center; gap:12px; box-sizing:border-box; height:44px; padding:0 10px; overflow-x:auto; white-space:nowrap; color:#fff; box-shadow:0 1px 4px rgba(0,0,0,.25); }
#topbar a { color:#fff; }
#topbar a:hover { color:#fdc1ef; }
#toplogo { display:flex; align-items:center; flex-shrink:0; width:auto; height:44px; margin:0; padding:0; }
#toplogo img { display:block; width:69px; height:40px; }
#topbar .xboards a, #topbar .xuser a { margin-right:12px; font-size:12pt; }
#topbar .xuser { margin-left:auto; }
#topbar .xlogin { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-right:0 !important; color:#fdc1ef; }
#topbar .xlogin:hover { color:#fff; }
#topbar .xlogin svg { width:32px; height:32px; }

/* หน้า my/ (เข้าสู่ระบบ สมัคร ลืมรหัส เปลี่ยนรหัส เปลี่ยนรูป) */
.memberbox { max-width:420px; margin:24px auto; padding:0 16px; }
.memberbox h1 { margin:16px 0; font-size:20pt; color:var(--textpink); }
.memberform label { display:block; margin:14px 0 4px 0; color:var(--text2); }
.memberform input[type=tel], .memberform input[type=text], .memberform input[type=password], .memberform input[type=file] { box-sizing:border-box; width:100%; padding:10px; border:1px solid var(--border); border-radius:5px; background-color:var(--bg); font-size:14pt; color:var(--text); }
.memberform input.bt { width:100%; margin-top:20px; border-color:var(--primary); background-color:var(--primary); color:var(--primarytext); }
.memberform input.bt:hover { background-color:var(--primarylite); color:var(--primarytext); }
.memberbox .xerror, .memberbox .xok { margin:10px 0; padding:10px; border-radius:5px; color:var(--text); }
.memberbox .xerror { border:1px solid var(--textred); background-color:var(--bgred); }
.memberbox .xok { border:1px solid var(--textgreen); background-color:var(--bggreen); }
.memberbox .xlinks { display:flex; justify-content:space-between; gap:10px; margin-top:16px; }
.memberbox .xlinks a { color:var(--linkpj); }

@media (max-width:650px) {
	#topbarback { height:48px; }
	#topbar .xboards a, #topbar .xuser a { margin-right:8px; font-size:11pt; }
}

/* เมนูแชท (inc-menu.php) — ไอคอนข้อมูลของฉันตอนยังไม่ล็อกอิน */
#chatmenu svg.xicon.xguest { color:#888; }