/* ================= สมัครเป็นผู้จัดทริป ================= */
.pa-overlay{position:fixed;inset:0;z-index:35000;display:none;align-items:flex-end;justify-content:center;background:rgba(2,8,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pa-overlay.show{display:flex;animation:paFade .2s ease}
@keyframes paFade{from{opacity:0}to{opacity:1}}
@keyframes paUp{from{transform:translateY(30px)}to{transform:none}}
body.pa-open{overflow:hidden}
.pa-card{width:min(560px,100%);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));display:flex;flex-direction:column;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#0b1a22,#060f15);border:1px solid rgba(94,234,212,.25);border-bottom:0;color:#f1f6f9;box-shadow:0 -20px 60px rgba(0,0,0,.6);animation:paUp .25s ease}
@media(min-width:600px){.pa-overlay{align-items:center}.pa-card{border-radius:24px;border-bottom:1px solid rgba(94,234,212,.25);max-height:calc(100dvh - 40px)}}
.pa-head{display:flex;align-items:center;gap:11px;padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.pa-head-ic{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(232,196,120,.16);font-size:22px}
.pa-head h4{margin:0;font-size:17px;font-weight:800}.pa-head p{margin:2px 0 0;font-size:11.5px;color:#93a8b1}
.pa-head>div{flex:1;min-width:0}
.pa-x{flex:0 0 36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:15px;cursor:pointer}
.pa-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px calc(18px + env(safe-area-inset-bottom))}
.pa-loading{padding:40px 0;text-align:center;color:#93a8b1}
.pa-fee{display:block;padding:12px 13px;border-radius:14px;background:linear-gradient(135deg,rgba(94,234,212,.14),rgba(94,234,212,.04));border:1px solid rgba(94,234,212,.35)}
.pa-fee b{display:block;font-size:15px;color:#5eead4}.pa-fee span{display:block;margin-top:3px;font-size:11.5px;line-height:1.5;color:#c6d4db}
.pa-sec{margin:18px 0 4px;font-size:11px;font-weight:800;letter-spacing:.4px;color:#e8c478}
.pa-l{display:block;margin:10px 0 5px;font-size:12.5px;font-weight:700;color:#dbe6eb}
.pa-req{color:#fb7185}
.pa-in{display:block;width:100%;box-sizing:border-box;height:44px;padding:0 13px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font:inherit;font-size:16px;outline:none}
.pa-in:focus{border-color:#5eead4;background:rgba(94,234,212,.07)}
.pa-in::placeholder{color:#64808b}
.pa-file{position:relative;display:flex;align-items:center;justify-content:center;min-height:84px;border-radius:14px;border:1.5px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.03);overflow:hidden;cursor:pointer;text-align:center}
.pa-file span{position:relative;z-index:1;font-size:12.5px;color:#a9bcc4;padding:6px 10px;border-radius:999px}
.pa-file img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.pa-file.has{border-style:solid;border-color:rgba(94,234,212,.5);min-height:150px}
.pa-file.has span{position:absolute;bottom:8px;background:rgba(5,11,18,.78);color:#5eead4;font-weight:700}
.pa-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pa-two .pa-file.has img{object-fit:cover}
.pa-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0 4px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1.55;color:#c6d4db;cursor:pointer}
.pa-check input{flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;accent-color:#14b8a6}
.pa-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:12px;border-radius:14px;border:0;font:inherit;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer}
.pa-primary{background:linear-gradient(135deg,#2dd4bf,#0d9488);color:#03211f;box-shadow:0 8px 22px rgba(20,184,166,.28)}
.pa-primary:disabled{opacity:.6}
.pa-line{background:#06c755;color:#fff}
.pa-foot{margin:10px 0 0;text-align:center;font-size:11px;color:#7f959e}
.pa-status{padding:22px 14px 16px;border-radius:18px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.pa-status.wait{border-color:rgba(232,196,120,.45)}.pa-status.ok{border-color:rgba(94,234,212,.5)}.pa-status.no{border-color:rgba(251,113,133,.4)}
.pa-status-ic{font-size:40px;line-height:1}
.pa-status b{display:block;margin-top:10px;font-size:16px}
.pa-status small{display:block;margin-top:4px;font-size:11.5px;color:#93a8b1}
.pa-status p{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:#c6d4db}
.pa-status .pa-note{padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.05);text-align:left}
.pa-pick{min-width:0}
/* พื้นหลังป่าแบบเดียวกับป๊อปอัปศูนย์รวมทริป */
.pa-card{background:linear-gradient(180deg,rgba(3,12,18,.5),rgba(2,10,15,.8)),url('https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=900&q=72') center/cover no-repeat;border-color:rgba(81,194,229,.38)}
.pa-in{background-color:rgba(6,16,22,.55)}
.pa-status,.pa-check{background:rgba(6,16,22,.62)}
/* ป๊อปอัปโหลดข้อมูลกลางจอ (กดลงขายทริป / เปิดหน้าจัดการเพจ) */
.pa-loader{position:fixed;inset:0;z-index:36000;display:none;align-items:center;justify-content:center;background:rgba(2,8,12,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.pa-loader.show{display:flex;animation:paFade .18s ease}
.pa-loader-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:210px;padding:24px 26px 20px;border-radius:22px;border:1px solid rgba(81,194,229,.38);background:linear-gradient(180deg,rgba(3,12,18,.5),rgba(2,10,15,.82)),url('https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=600&q=60') center/cover no-repeat;box-shadow:0 24px 70px rgba(0,0,0,.6);color:#f1f6f9;text-align:center;animation:paPop .22s ease}
@keyframes paPop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
.pa-loader-card b{font-size:15px;font-weight:800}
.pa-loader-card small{font-size:11.5px;color:#93a8b1}
.pa-loader-spin{width:42px;height:42px;margin-bottom:4px;border-radius:50%;border:3px solid rgba(94,234,212,.2);border-top-color:#5eead4;animation:pdSpin .8s linear infinite}
@keyframes pdSpin{to{transform:rotate(360deg)}}
/* การ์ดทริปของเพจผู้จัดอื่น: ป้าย "ผู้จัด" เหนือชื่อทริป */
.thc-org{display:flex;width:fit-content;align-items:center;gap:7px;max-width:100%;margin:0;padding:4px 12px 4px 4px;border-radius:12px;
  background:linear-gradient(135deg,rgba(243,212,138,.95),rgba(214,170,82,.95));border:1px solid rgba(255,236,190,.9);
  box-shadow:0 6px 18px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.45);line-height:1.5;align-self:flex-start}
.thc-org i{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#0f766e center/cover;border:1.5px solid #fff;color:#fff;font-style:normal;font-size:13px;font-weight:800;line-height:1}
.thc-org small{flex:none;font-size:11px;font-weight:700;color:#5a3d06;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.45)}
.thc-org b{min-width:0;font-size:14px;font-weight:800;color:#2a1a00;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0}
.thc-org em{flex:none;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#0f766e;color:#fff;font-style:normal;font-size:10px;font-weight:900;line-height:1}
.trip-hcard2.compact .thc-org{padding:3px 10px 3px 3px}
.trip-hcard2.compact .thc-org i{width:22px;height:22px;font-size:11px}
.trip-hcard2.compact .thc-org b{font-size:12px}
/* ---------- หน้าแรก: ส่วน "ศูนย์รวมทริป" การ์ดเพจอื่นไหลไปทางซ้าย ---------- */
.hub-mq-hdr{margin-top:20px}
.hub-mq-hdr h3{display:flex;align-items:center;gap:8px}
.hub-mq-ico{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#f3d48a,#d6aa52);box-shadow:0 4px 12px rgba(214,170,82,.35)}
.hub-mq-ico svg{width:17px;height:17px;fill:none;stroke:#2a1a00;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hub-mq-all{border:1px solid rgba(243,212,138,.55);background:rgba(243,212,138,.12);color:#f3d48a;font:inherit;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer}
.hub-mq{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0 8px;}
.hub-mq::-webkit-scrollbar{display:none}
.hub-mq-track{display:flex;gap:12px}
/* ขนาดการ์ดเท่ากับแถว "ทริปที่เปิดจอง" ด้านบน (JS วัดจากแถวบนแล้วใส่ --hub-w / --hub-h ให้) */
.hub-mq .trip-hcard2{flex:0 0 var(--hub-w,100%);width:var(--hub-w,100%);min-width:0;min-height:auto;margin:0}
@media (min-width:900px){
  .hub-mq-track{gap:var(--hub-gap,13px)}
  #appShell .hub-mq .trip-hcard2,#desktopApp .hub-mq .trip-hcard2{flex:0 0 var(--hub-w,50%)!important;width:var(--hub-w,50%)!important;max-width:none!important;height:var(--hub-h,246px)!important;border-radius:16px!important;overflow:hidden!important}
  #appShell .hub-mq .trip-hcard2 .thc-photo,#desktopApp .hub-mq .trip-hcard2 .thc-photo,
  #appShell .hub-mq .trip-hcard2 .thc-photo>img,#desktopApp .hub-mq .trip-hcard2 .thc-photo>img{height:100%!important;aspect-ratio:auto!important;border-radius:0!important}
}
/* ป้ายผู้จัด อยู่มุมขวาล่าง เหนือกล่องที่นั่ง/เลือกรอบ */
.thc-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:0;max-width:62%;margin-left:auto}
.thc-right .thc-org{max-width:100%}
.thc-bottom-row:has(.thc-right){align-items:flex-end}
/* การ์ดที่มีเนื้อหาเยอะ (ป้ายวันที่ในป็อปอัพเดือน / ป้ายผู้จัด) → การ์ดยืดสูงตามเนื้อหา ไม่ให้ทับป้าย "เปิดจองอยู่" ด้านบน */
.hte-list .trip-hcard2 .thc-photo{aspect-ratio:auto!important;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end}
.hte-list .trip-hcard2 .thc-photo>img{position:absolute;inset:0;width:100%;height:100%!important}
.hte-list .trip-hcard2 .thc-overlay{position:relative;left:auto;right:auto;bottom:auto;padding:66px 18px 16px}
@media (max-width:899px){
  .trip-hcard2:has(.thc-right) .thc-photo{aspect-ratio:auto!important;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end}
  .trip-hcard2:has(.thc-right) .thc-photo>img{position:absolute;inset:0;width:100%;height:100%!important}
  .trip-hcard2:has(.thc-right) .thc-overlay{position:relative;left:auto;right:auto;bottom:auto;padding:66px 18px 16px}
}
.hte-list .thc-meta-row{margin-bottom:4px!important}
.hte-date-line{font-size:11px;color:#e5e7eb;margin:0 0 10px;line-height:1.5}