/* MISTER FAST LiveMapChat WEB V3.1 — Role Visibility Foundation */
body[data-mf-role] .mf514-sidebar{display:flex;flex-direction:column}
.mf31-role-card{margin:auto 14px 16px;padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(0,26,73,.32);color:#fff;display:grid;gap:5px}
.mf31-role-card small,.mf31-role-card span{font-size:12px;color:rgba(255,255,255,.78)}
.mf31-role-card b{font-size:15px;color:#fff}
.mf31-role-card a{margin-top:7px;padding:10px 12px;border-radius:12px;background:#fff;color:#003DA5;font-weight:800;text-decoration:none;text-align:center}
.mf31-role-card a:hover{background:#FFC400;color:#003DA5}
body[data-mf-role="driver"] .mf514-map-title b::after{content:" · Driver"}
body[data-mf-role="drop_point"] .mf514-map-title b::after{content:" · Dispatch"}
body[data-mf-role="admin"] .mf514-map-title b::after{content:" · Control Center"}
body[data-mf-role="developer"] .mf514-map-title b::after{content:" · System Monitor"}
body[data-mf-role="driver"] .mf6192-driver-head b{font-size:0}
body[data-mf-role="driver"] .mf6192-driver-head b::after{content:"📥 งานและเส้นทางของฉัน";font-size:22px}
body[data-mf-role="drop_point"] .mf6192-driver-head b{font-size:0}
body[data-mf-role="drop_point"] .mf6192-driver-head b::after{content:"🚚 Fleet และ Driver พร้อมรับงาน";font-size:22px}
body[data-mf-role="admin"] .mf6192-driver-head b{font-size:0}
body[data-mf-role="admin"] .mf6192-driver-head b::after{content:"🛡 ภาพรวม Fleet ทั้งระบบ";font-size:22px}
body[data-mf-role="developer"] .mf6192-driver-head b{font-size:0}
body[data-mf-role="developer"] .mf6192-driver-head b::after{content:"🧑‍💻 System Data Feed";font-size:22px}
@media(max-width:1100px){.mf31-role-card span,.mf31-role-card small{display:none}.mf31-role-card{padding:10px}.mf31-role-card a{font-size:0}.mf31-role-card a::before{content:"❓";font-size:18px}}