/* Bangkok99 — โซนใหม่: คอมโพเนนต์หน้าลิสต์/ดีเทล (International Business Blue) */
.mz-main{padding:26px 0 12px}
.mz-crumbs{font-size:13px;color:#98A2B3;margin-bottom:14px}
.mz-crumbs a{color:#475467;text-decoration:none}
.mz-crumbs a:hover{color:#155EEF}
.mz-crumbs .sep{margin:0 7px;color:#C6CEDB}
.mz-page-head{margin-bottom:18px}
.mz-page-head h1{font-size:28px}
.mz-page-head p{color:#475467;margin:6px 0 0;font-size:15px}
/* ---- filter ---- */
.mz-filter{background:#fff;border:1px solid #E4E7EC;border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.06);margin-bottom:16px}
.mz-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;align-items:end}
.mz-field label{display:block;font-family:'Kanit',sans-serif;font-size:12.5px;font-weight:600;color:#475467;margin-bottom:5px}
.mz-field .row2{display:flex;align-items:center;gap:8px}
.mz-field .row2 .b99-input{flex:1;min-width:0}
.mz-field .dash{color:#98A2B3}
.b99-select,.b99-input{width:100%;border:1px solid #E4E7EC;border-radius:10px;padding:9px 12px;font-family:'Sarabun',sans-serif;font-size:14px;color:#0B1736;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.b99-select:focus,.b99-input:focus{border-color:#155EEF;box-shadow:0 0 0 3px #E8F0FE}
.mz-filter-actions{display:flex;align-items:center;gap:12px}
.mz-filter-actions .b99-btn{padding:10px 18px}
.mz-reset{font-size:13.5px;color:#475467;text-decoration:none;font-family:'Kanit',sans-serif}
.mz-reset:hover{color:#155EEF}
/* ---- count / grid ---- */
.mz-count{color:#475467;font-size:14px;margin:2px 0 14px}
.mz-count b{font-family:'Inter',sans-serif;color:#0B1736}
.mz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mz-empty-card{grid-column:1 / -1;background:#fff;border:1px dashed #D8DEE9;border-radius:16px;padding:46px 16px;text-align:center;color:#98A2B3;font-family:'Kanit',sans-serif;display:flex;flex-direction:column;align-items:center;gap:10px}
.mz-card .b99-card-title{font-size:16.5px;line-height:1.4}
.mz-meta{display:flex;flex-wrap:wrap;gap:5px 14px;color:#667085;font-size:12.5px;margin-top:8px}
.mz-meta span{display:inline-flex;align-items:center;gap:5px}
.mz-meta svg{width:14px;height:14px;color:#98A2B3}
.mz-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 0 8px}
.mz-pager .info{font-size:13.5px;color:#667085;font-family:'Inter',sans-serif}
.mz-pager .b99-btn{padding:9px 16px;font-size:14px}
/* ---- detail ---- */
.mz-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;padding-top:2px}
.mz-panel{background:#fff;border:1px solid #E4E7EC;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.06);padding:20px 22px;margin-bottom:18px}
.mz-panel h2{font-size:18px;margin-bottom:10px}
.mz-detail-main h1{font-size:26px;margin:0}
.mz-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.mz-tag{display:inline-flex;align-items:center;gap:6px;background:#EEF4FF;color:#155EEF;border:1px solid #D8E4FF;border-radius:999px;padding:4px 12px;font-family:'Kanit',sans-serif;font-size:12.5px;font-weight:600}
.mz-tag.alt{background:#E9F7FA;color:#1288A6;border-color:#CBEAF1}
.mz-info{width:100%;border-collapse:collapse;margin-top:8px}
.mz-info th,.mz-info td{border-bottom:1px solid #F0F2F6;padding:10px 2px;font-size:14.5px;text-align:left;vertical-align:top}
.mz-info tr:last-child th,.mz-info tr:last-child td{border-bottom:none}
.mz-info th{color:#667085;font-weight:400;width:170px}
.mz-info td b{font-family:'Inter',sans-serif}
.mz-body-text{font-size:15px;line-height:1.85;color:#1D2939}
.mz-cond{background:#FFF8E1;border:1px solid #F0E0B0;border-radius:12px;padding:12px 16px;font-size:14.5px;line-height:1.75}
.mz-gallery .main img{width:100%;border-radius:12px;border:1px solid #E9ECF2;display:block}
.mz-gallery .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.mz-gallery .thumbs img{width:100%;border-radius:10px;border:1px solid #E9ECF2;display:block}
/* ---- contact card ---- */
.mz-contact{position:sticky;top:86px}
.mz-contact .mz-card-sub{margin:2px 0 4px}
.mz-contact-rows{margin-bottom:12px}
.mz-crow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F0F2F6;font-size:14.5px;color:#1D2939}
.mz-crow:last-child{border-bottom:none}
.mz-crow svg{width:17px;height:17px;color:#1288A6;flex:none}
.mz-crow b{font-family:'Inter',sans-serif;font-weight:600}
.mz-contact .b99-btn{margin-top:8px}
.mz-note{font-size:12.5px;color:#98A2B3;margin-top:10px;line-height:1.55}
/* ---- related ---- */
.mz-related h2{margin-bottom:14px}
.mz-related .b99-card-title{font-size:15px}
/* ---- zone nav ---- */
.mz-nav{display:flex;gap:18px;align-items:center}
.mz-nav a{color:#475467;text-decoration:none;font-family:'Kanit',sans-serif;font-size:14.5px;font-weight:500;padding:6px 2px}
.mz-nav a:hover{color:#155EEF}
.mz-nav a.active{color:#155EEF;font-weight:600}
.mz-more{color:#475467;text-decoration:none;font-family:'Kanit',sans-serif;font-size:13.5px}
.mz-more:hover{color:#155EEF}
/* ---- responsive ---- */
@media (max-width:1180px){.mz-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.mz-detail{grid-template-columns:minmax(0,1fr) 320px}}
@media (max-width:920px){.mz-grid{grid-template-columns:1fr 1fr}.mz-filter-grid{grid-template-columns:1fr 1fr}.mz-nav{display:none}}
@media (max-width:680px){.mz-detail{grid-template-columns:1fr}.mz-contact{position:static}.mz-detail-side{order:2}.mz-grid{grid-template-columns:1fr}.mz-filter-grid{grid-template-columns:1fr}.mz-gallery .thumbs{grid-template-columns:1fr 1fr}.mz-main{padding:18px 0 10px}}
/* ---- member zone ---- */
.mz-subtabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #E4E7EC;border-radius:12px;padding:6px;margin-bottom:16px;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.mz-subtabs a{padding:9px 14px;border-radius:9px;text-decoration:none;color:#475467;font-family:'Kanit',sans-serif;font-size:14px;font-weight:500}
.mz-subtabs a:hover{background:#F5F7FB;color:#155EEF}
.mz-subtabs a.active{background:#EEF4FF;color:#155EEF;font-weight:600}
.mz-subtabs a.right{margin-left:auto;color:#98A2B3;font-size:13px}
.mz-list{display:flex;flex-direction:column;gap:12px}
.mz-item{background:#fff;border:1px solid #E4E7EC;border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.mz-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mz-item-title{font-family:'Kanit',sans-serif;font-weight:600;font-size:16.5px;color:#0B1736;line-height:1.4}
.mz-item-meta{display:flex;flex-wrap:wrap;gap:5px 16px;color:#667085;font-size:13px;margin-top:7px}
.mz-item-note{background:#FEF3F2;border:1px solid #FDA29B;color:#B42318;border-radius:10px;padding:8px 12px;font-size:13px;margin-top:10px}
.mz-item-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #F0F2F6}
.mz-act{background:none;border:0;padding:0;cursor:pointer;color:#155EEF;font-family:'Kanit',sans-serif;font-size:13.5px;font-weight:500;text-decoration:none;line-height:1.4}
.mz-act:hover{text-decoration:underline}
.mz-inline-form{display:inline}
.st{display:inline-flex;align-items:center;border-radius:999px;padding:3px 11px;font-family:'Kanit',sans-serif;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}
.st-draft{background:#F2F4F7;color:#475467;border-color:#E4E7EC}
.st-pending_review{background:#FFFAEB;color:#B54708;border-color:#FEDF89}
.st-changes_requested{background:#FEF3F2;color:#B42318;border-color:#FDA29B}
.st-published{background:#ECFDF3;color:#027A48;border-color:#A6F4C5}
.st-paused,.st-expired,.st-closed{background:#F2F4F7;color:#667085;border-color:#E4E7EC}
.st-suspended{background:#FEF3F2;color:#B42318;border-color:#FDA29B}
.mz-form .mz-panel{max-width:860px}
.mz-form .req{color:#F04438}
.mz-form textarea.b99-input{min-height:110px;resize:vertical;line-height:1.6}
.mz-checks{display:flex;flex-wrap:wrap;gap:10px}
.mz-check{display:inline-flex;align-items:center;gap:7px;border:1px solid #E4E7EC;border-radius:10px;padding:9px 14px;font-size:14px;cursor:pointer;background:#fff}
.mz-check:hover{border-color:#155EEF}
.mz-hint{color:#98A2B3;font-size:12.5px;margin-top:6px}
.mz-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mz-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;max-width:860px;margin:4px 0 8px}
.mz-head-status{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:14px;color:#475467;flex-wrap:wrap}
.b99-file{font-size:14px;font-family:'Sarabun',sans-serif;color:#475467}
.mz-mobilebar{display:none}
@media (max-width:680px){
  .mz-main.mz-hasbar{padding-bottom:88px}
  .mz-mobilebar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid #E4E7EC;padding:10px 12px;box-shadow:0 -4px 14px rgba(16,24,40,.08)}
  .mz-mobilebar .b99-btn{flex:1;padding:11px 8px;font-size:14px}
  .mz-form-grid{grid-template-columns:1fr}
  .mz-subtabs a.right{margin-left:0}
}
/* ---- admin zone (แสดงในเชลล์แอดมินเดิม) ---- */
.admz{font-family:'Sarabun',Tahoma,sans-serif;color:#0B1736;padding:16px 6px 24px;max-width:1280px}
.admz h1,.admz h2,.admz h3{font-family:'Kanit',sans-serif;font-weight:600;color:#0B1736;margin:0}
.admz .mz-panel h2{font-size:17px;margin-bottom:10px}
.admz-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;margin-top:14px}
.admz .mz-info th{width:150px}
@media (max-width:1024px){.admz-grid{grid-template-columns:1fr}}
/* ---- member zone: nav 11 รายการ + stats + lead chips ---- */
.mz-memnav{display:flex;gap:4px;align-items:center;background:#fff;border:1px solid #E4E7EC;border-radius:12px;padding:6px;margin-bottom:16px;overflow-x:auto;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.mz-memnav a{padding:9px 13px;border-radius:9px;text-decoration:none;color:#475467;font-family:'Kanit',sans-serif;font-size:13.5px;font-weight:500}
.mz-memnav a:hover{background:#F5F7FB;color:#155EEF}
.mz-memnav a.active{background:#EEF4FF;color:#155EEF;font-weight:600}
.mz-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.mz-stat{background:#fff;border:1px solid #E4E7EC;border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.mz-stat .num{font-family:'Inter',sans-serif;font-size:28px;font-weight:600;color:#0B1736;line-height:1.2}
.mz-stat .lbl{color:#667085;font-size:13px;margin-top:2px}
.st-new{background:#EEF4FF;color:#155EEF;border-color:#D8E4FF}
.st-contacted{background:#FFFAEB;color:#B54708;border-color:#FEDF89}
.st-qualified{background:#E9F7FA;color:#1288A6;border-color:#CBEAF1}
.st-negotiating{background:#F4F0FF;color:#6941C6;border-color:#E4DAFF}
.st-won{background:#ECFDF3;color:#027A48;border-color:#A6F4C5}
.st-lost{background:#F2F4F7;color:#667085;border-color:#E4E7EC}
.mz-leadform{display:grid;grid-template-columns:180px 180px minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid #F0F2F6}
@media(max-width:900px){.mz-stats{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.mz-stats{grid-template-columns:1fr}.mz-leadform{grid-template-columns:1fr}}
/* ---- wizard 5 ขั้น ---- */
.mz-wzsteps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.mz-wzsteps span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid #E4E7EC;background:#fff;color:#667085;font-family:'Kanit',sans-serif;font-size:13px;cursor:pointer}
.mz-wzsteps span.active{background:#EEF4FF;border-color:#D8E4FF;color:#155EEF;font-weight:600}
.mz-wzsteps span.done{background:#ECFDF3;border-color:#A6F4C5;color:#027A48}
.wz-types{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.wz-type{display:flex;flex-direction:column;gap:4px;border:1px solid #E4E7EC;border-radius:12px;padding:14px;cursor:pointer;background:#fff}
.wz-type:hover{border-color:#155EEF}
.wz-type b{font-family:'Kanit',sans-serif;font-size:15px;color:#0B1736}
.wz-type span{color:#667085;font-size:13px}
.wz-type.disabled{opacity:.55;cursor:not-allowed}
.wz-nav{display:flex;justify-content:space-between;margin-top:18px}
.wz-preview{border:1px solid #E4E7EC;border-radius:14px;background:#fff;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.wz-preview .t{font-family:'Kanit',sans-serif;font-weight:600;font-size:19px;color:#0B1736;margin-bottom:6px}
.wz-preview .m{color:#667085;font-size:13.5px;margin-top:4px}
@media(max-width:680px){.wz-types{grid-template-columns:1fr}}
/* ---- badges + promo statuses ---- */
.mz-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:#F04438;color:#fff;font-size:11px;font-family:'Inter',sans-serif;padding:0 5px;margin-left:4px}
.st-requested{background:#FFFAEB;color:#B54708;border-color:#FEDF89}
.st-confirmed{background:#EEF4FF;color:#155EEF;border-color:#D8E4FF}
.st-active{background:#ECFDF3;color:#027A48;border-color:#A6F4C5}
.st-done{background:#F2F4F7;color:#667085;border-color:#E4E7EC}
.st-canceled{background:#FEF3F2;color:#B42318;border-color:#FDA29B}
.mz-notif-unread{border-left:3px solid #155EEF}
/* ---- fix: ปุ่มลิงก์ต้องชนะกฎ .b99 a (ตัวหนังสือกลืนพื้นปุ่มน้ำเงิน) ---- */
.b99 a.b99-btn-primary{color:#fff}
.b99 a.b99-btn-secondary{color:var(--b99-navy)}
.b99 a.mz-more{color:#475467}
/* ---- legacy reskin: หน้าประกาศเดิม (topicview) ---- */
.mz-photo img{width:100%;height:auto;display:block;border-radius:12px}
.mz-tag{text-decoration:none}
.mz-adslot{border:1px dashed #D6DEEB;border-radius:12px;padding:10px;text-align:center;background:#FBFCFE}
.mz-adslot .lbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#98A2B3;margin-bottom:8px;font-family:'Inter',sans-serif}
.mz-adslot img{max-width:100%;height:auto;border-radius:8px;display:block;margin:0 auto}
.mz-share{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.mz-share a,.mz-share button{flex:1 1 40%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border-radius:10px;border:1px solid #E4E9F2;background:#fff;color:#475467;font-family:'Kanit',sans-serif;font-size:13px;cursor:pointer;text-decoration:none;min-width:0}
.mz-share a:hover,.mz-share button:hover{border-color:#155EEF;color:#155EEF}
@media (max-width:640px){.mz-share a,.mz-share button{flex:1 1 46%}}
/* ---- legacy reskin: หน้าฟอร์ม/ยูทิลิตี้ (register/login/forgot/verify/reset/confirm/account/terms/contact) ---- */
.mz-auth{max-width:640px;margin:0 auto}
.mz-auth-lg{max-width:760px;margin:0 auto}
.mz-auth-wide{max-width:1000px;margin:0 auto}
.mz-auth-card{background:#fff;border:1px solid #E4E7EC;border-radius:18px;box-shadow:0 1px 2px rgba(16,24,40,.06);padding:26px 28px;margin-bottom:16px}
.mz-auth-icon{width:52px;height:52px;border-radius:14px;background:#EEF4FF;color:#155EEF;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.mz-auth-icon svg{width:26px;height:26px}
.mz-auth-icon.ok{background:#ECFDF3;color:#027A48}
.mz-auth-icon.warn{background:#FFFAEB;color:#B54708}
.mz-auth-title{font-size:24px;margin:0 0 6px}
.mz-auth-sub{color:#475467;font-size:14.5px;line-height:1.65;margin:0 0 4px}
.mz-auth-sec{font-family:'Kanit',sans-serif;font-size:16px;font-weight:600;color:#0B1736;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.mz-auth-sec svg{width:18px;height:18px;color:#1288A6}
.mz-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.mz-form-row .full{grid-column:1 / -1}
.mz-req{color:#F04438}
.mz-help{color:#98A2B3;font-size:12.5px;margin-top:5px;line-height:1.5}
.mz-radio-cards{display:grid;gap:10px}
.mz-radio-card{display:flex;gap:10px;align-items:flex-start;border:1.5px solid #E4E7EC;border-radius:12px;padding:13px 15px;cursor:pointer;background:#fff;transition:border-color .15s}
.mz-radio-card:hover{border-color:#B8CCFF}
.mz-radio-card input{margin-top:4px}
.mz-radio-card b{font-family:'Kanit',sans-serif;font-size:14.5px;color:#0B1736;display:block}
.mz-radio-card .d{color:#667085;font-size:13px;margin-top:3px;display:block}
.mz-auth-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.mz-auth-foot{margin-top:14px;padding-top:14px;border-top:1px solid #F0F2F6;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:#475467}
.mz-auth-foot a{color:#155EEF;text-decoration:none;font-family:'Kanit',sans-serif}
.mz-auth-foot a:hover{text-decoration:underline}
.mz-checkline{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.6;color:#1D2939}
.mz-turnstile{margin:10px 0 2px}
.mz-doc h1{font-size:24px;margin-bottom:12px}
.mz-doc p{font-size:15px;line-height:1.95;color:#1D2939;margin:12px 0}
.mz-doc ol{margin:8px 0 12px;padding-left:22px}
.mz-doc ol li{font-size:15px;line-height:1.9;color:#1D2939;margin:8px 0}
.mz-doc .doc-foot{color:#667085;font-size:13.5px;margin-top:18px;padding-top:14px;border-top:1px solid #F0F2F6}
.mz-contact-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.mz-contact-grid{grid-template-columns:1fr}}
@media (max-width:680px){.mz-form-row{grid-template-columns:1fr}.mz-auth-card{padding:20px 18px}}

/* ---- ประกาศซื้อขาย (legacy listings reskin: /listings, /c/, /search) ---- */
.tl-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.tl-chips a{padding:7px 13px;border-radius:999px;border:1px solid #E4E7EC;background:#fff;color:#475467;font-family:'Kanit',sans-serif;font-size:13px;text-decoration:none;transition:border-color .15s,color .15s}
.tl-chips a:hover{border-color:#155EEF;color:#155EEF}
.tl-chips a.active{background:#EEF4FF;border-color:#D8E4FF;color:#155EEF;font-weight:600}
.tl-media{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.tl-media picture{display:block;width:100%;height:100%}
.tl-star{position:absolute;top:10px;left:10px;background:#F79009;color:#fff;border-radius:8px;padding:3px 8px;font-size:11.5px;font-family:'Kanit',sans-serif;display:inline-flex;gap:4px;align-items:center;z-index:2}
.tl-card-price{font-family:'Inter',sans-serif;font-weight:600;color:#0B1736;font-size:16px;margin-top:6px}
.tl-card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:#667085;font-size:12.5px;margin-top:6px}
.tl-card-meta span{display:inline-flex;align-items:center;gap:4px}