/*! © 2569 เที่ยวนี่เหอะ (tiaewneehur.com) สงวนลิขสิทธิ์ · ห้ามคัดลอก ดัดแปลง หรือนำไปใช้โดยไม่ได้รับอนุญาต · TNH-ECAEB7B82022 */
/* ================= จัดการเพจของฉัน (ผู้จัดทริป) ================= */
.pd-overlay{position:fixed;inset:0;z-index:35000;display:none;justify-content:center;background:rgba(2,8,12,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pd-overlay.show{display:flex;animation:paFade .2s ease}
body.pd-open{overflow:hidden}
.pd-shell{width:min(640px,100%);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1a22,#050d12);color:#f1f6f9;box-shadow:0 0 60px rgba(0,0,0,.6)}
@media(min-width:700px){.pd-shell{height:calc(100% - 40px);margin-top:20px;border-radius:24px;border:1px solid rgba(94,234,212,.22);overflow:hidden}}
.pd-top{display:flex;align-items:center;gap:11px;padding:calc(12px + env(safe-area-inset-top)) 14px 10px}
.pd-logo{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#15323b center/cover;border:2px solid rgba(94,234,212,.4);font-weight:800;font-size:18px;color:#5eead4}
.pd-logo.big{width:72px;height:72px;flex-basis:72px;font-size:28px;margin:0 auto}
.pd-top-x{flex:1;min-width:0}.pd-top-x small{display:block;font-size:10.5px;letter-spacing:.5px;color:#5eead4;font-weight:700}
.pd-top-x h4{margin:1px 0 0;font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-x{flex:0 0 38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:15px;cursor:pointer}
.pd-tabs{display:flex;gap:6px;padding:4px 14px 10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.07)}
.pd-tabs::-webkit-scrollbar{display:none}
.pd-tabs button{flex:1 0 auto;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#c6d4db;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.pd-tabs button.on{background:rgba(94,234,212,.14);border-color:rgba(94,234,212,.5);color:#5eead4}
.pd-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px calc(24px + env(safe-area-inset-bottom))}
.pd-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:46px 0;color:#93a8b1;font-size:13px}
.pd-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(94,234,212,.25);border-top-color:#5eead4;animation:pdSpin .8s linear infinite}
@keyframes pdSpin{to{transform:rotate(360deg)}}
.pd-empty{padding:34px 12px;text-align:center;color:#c6d4db;font-size:14px;line-height:1.6}.pd-empty small{color:#7f959e;font-size:12px}
.pd-h{display:flex;justify-content:space-between;align-items:baseline;margin:18px 2px 9px;font-size:14px;font-weight:800}.pd-h small{font-size:11px;color:#5eead4}
.pd-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:16px;border:1.5px dashed rgba(94,234,212,.55);background:rgba(94,234,212,.08);color:#5eead4;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.pd-add span{font-size:22px;line-height:1}
.pd-trip{display:flex;gap:11px;padding:10px;margin-bottom:10px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.pd-trip.past{opacity:.75}.pd-trip.off{border-color:rgba(251,191,36,.3)}
.pd-trip-img{position:relative;flex:0 0 92px;height:104px;border-radius:12px;background:#15323b center/cover}
.pd-pill{position:absolute;left:5px;bottom:5px;right:5px;text-align:center;padding:2px 0;border-radius:99px;font-size:10px;font-weight:800;background:rgba(5,11,18,.78)}
.pd-pill.on{color:#5eead4}.pd-pill.off{color:#fbbf24}.pd-pill.past{color:#93a8b1}
.pd-trip-x{flex:1;min-width:0}.pd-trip-x>b{display:block;font-size:14px;line-height:1.35}
.pd-trip-x>small{display:block;margin-top:2px;font-size:11.5px;color:#93a8b1}
.pd-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.pd-stats span{padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.06);font-size:10.5px;color:#c6d4db}.pd-stats b{color:#fff}
.pd-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pd-acts button{padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#e2e8f0;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.pd-acts button:first-child{border-color:rgba(94,234,212,.45);color:#5eead4}
/* ฟอร์ม */
.pd-formhead{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pd-formhead b{font-size:16px}
.pd-back{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:24px;line-height:1;padding:0 2px 3px 0;cursor:pointer}
.pd-sec{margin:18px 0 2px;font-size:11px;font-weight:800;letter-spacing:.4px;color:#e8c478}
.pd-l{display:block;margin:11px 0 5px;font-size:12.5px;font-weight:700;color:#dbe6eb}.pd-l i{color:#fb7185;font-style:normal}.pd-l small{font-weight:400;color:#7f959e}
.pd-in{display:block;width:100%;box-sizing:border-box;height:44px;padding:0 12px;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;color-scheme:dark}
.pd-in:focus{border-color:#5eead4;background:rgba(94,234,212,.07)}.pd-in:disabled{opacity:.55}.pd-in::placeholder{color:#64808b}
select.pd-in{appearance:auto}
.pd-ta{height:auto;padding:10px 12px;line-height:1.5;resize:vertical}
.pd-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pd-two>div{min-width:0}
.pd-preview{margin-top:8px;font-size:12px;color:#93a8b1}.pd-preview b{color:#5eead4}
.pd-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pd-seg button{padding:9px 0;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#c6d4db;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.pd-seg button small{display:block;font-size:10.5px;font-weight:400;color:#7f959e}
.pd-seg button.on{border-color:#5eead4;background:rgba(94,234,212,.12);color:#5eead4}
.pd-file{position:relative;display:flex;align-items:center;justify-content:center;min-height:90px;border-radius:14px;border:1.5px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.03);overflow:hidden;cursor:pointer}
.pd-file span{position:relative;z-index:1;font-size:12.5px;color:#a9bcc4;padding:5px 10px;border-radius:99px}
.pd-file img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd-file.has{border-style:solid;border-color:rgba(94,234,212,.5);min-height:150px}
.pd-file.has span{position:absolute;bottom:8px;background:rgba(5,11,18,.8);color:#5eead4;font-weight:700}
.pd-file.qr img{object-fit:contain;background:#fff}.pd-file.qr.has{min-height:220px}
.pd-note{margin:8px 0 4px;padding:10px 12px;border-radius:12px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.35);font-size:12px;line-height:1.5;color:#fde68a}
.pd-hint{margin:10px 2px 0;font-size:11.5px;line-height:1.55;color:#7f959e}
.pd-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:14px;border-radius:14px;border:0;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.pd-primary{background:linear-gradient(135deg,#2dd4bf,#0d9488);color:#03211f}.pd-primary:disabled{opacity:.6}
.pd-danger{background:transparent;border:1px solid rgba(251,113,133,.45);color:#fb7185;height:44px;font-size:14px}
/* คนจอง */
.pd-pick{margin-bottom:10px;font-size:14px}
.pd-sum{display:grid;grid-template-columns:repeat(4,1fr);border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);text-align:center;padding:9px 0}
.pd-sum div+div{border-left:1px solid rgba(255,255,255,.08)}.pd-sum b{display:block;font-size:17px;color:#5eead4}.pd-sum span{font-size:10.5px;color:#93a8b1}
.pd-sum .warn b{color:#fbbf24}
.pd-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px}
.pd-tools button{height:42px;border-radius:12px;border:1px solid rgba(232,196,120,.45);background:rgba(232,196,120,.1);color:#f3d48a;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.pd-bk{margin-top:10px;padding:11px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.pd-bk-top{display:flex;gap:10px}
.pd-seat{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(94,234,212,.12);color:#5eead4;font-weight:800;font-size:13px}
.pd-bk-x{flex:1;min-width:0}.pd-bk-x b{display:block;font-size:14px}.pd-bk-x b small{color:#93a8b1;font-weight:400}
.pd-bk-x>small{display:block;margin-top:2px;font-size:11.5px;color:#93a8b1}.pd-bk-x a{color:#7dd3fc;text-decoration:none}
.pd-st.ok{color:#86efac!important}
.pd-ins{margin-top:9px;padding:8px 10px;border-radius:11px;font-size:11.5px;line-height:1.5}
.pd-ins.ok{background:rgba(94,234,212,.07);border:1px solid rgba(94,234,212,.22)}.pd-ins.ok b{display:block;font-size:12.5px}.pd-ins.ok span{display:block;color:#c6d4db}
.pd-ins.no{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.3);color:#fde68a}.pd-ins.no small{display:block;color:#bfa760}
.pd-bk-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.pd-tg{height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#c6d4db;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.pd-tg.on{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.55);color:#86efac}.pd-tg:disabled{opacity:.4}
/* ค่าธรรมเนียม */
.pd-feehead{padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(94,234,212,.14),rgba(94,234,212,.03));border:1px solid rgba(94,234,212,.35)}
.pd-feehead>b{display:block;font-size:17px;color:#5eead4}.pd-feehead span{display:block;margin-top:4px;font-size:12px;line-height:1.55;color:#c6d4db}
.pd-fee{margin-top:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.pd-fee-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.pd-fee-top>b{font-size:14px}.pd-fee-top span{font-size:12px;color:#93a8b1}.pd-fee-top span b{color:#f3d48a;font-size:14px}
.pd-fee-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#c6d4db}
/* ตั้งค่าเพจ */
.pd-profile{text-align:center;padding:6px 0 4px}.pd-profile b{display:block;margin-top:8px;font-size:17px}.pd-profile small{display:block;margin-top:2px;font-size:11.5px;color:#93a8b1}
.pd-vf{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#5eead4;color:#05232a;font-size:11px;vertical-align:2px}
/* หน้าจ่ายเงิน: ทริปของเพจอื่น */
.pd-paynote{margin:6px auto 10px;padding:9px 12px;max-width:320px;border-radius:12px;background:rgba(232,196,120,.12);border:1px solid rgba(232,196,120,.45);text-align:center;font-size:13px;line-height:1.45;color:#fde68a}
.pd-paynote b{color:#fff}.pd-paynote small{display:block;margin-top:2px;font-size:11px;color:#cbb67a}
.pd-blocked{display:block;margin-top:6px;font-size:11px;color:#fbbf24}
/* เพจของเรา (แอดมิน) */
.pd-asback{flex:0 0 auto;padding:7px 10px;border-radius:99px;border:1px solid rgba(232,196,120,.5);background:rgba(232,196,120,.12);color:#f3d48a;font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}
.pd-asback[hidden]{display:none}
.pd-codetrip{display:block;margin-top:6px;font-size:10.5px;color:#7f959e}
.pd-bk-acts.one{grid-template-columns:1fr}
.pd-sum.pd-sum3{grid-template-columns:repeat(3,1fr)}
.pd-pt{margin-top:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.pd-pt-top{display:flex;align-items:center;gap:10px}
.pd-pt-x{flex:1;min-width:0}.pd-pt-x b{display:block;font-size:14px}.pd-pt-x small{display:block;font-size:11px;color:#93a8b1}.pd-pt-x a{color:#7dd3fc;text-decoration:none}
.pd-ptst{flex:0 0 auto;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:800}
.pd-ptst.ok{background:rgba(34,197,94,.16);color:#86efac}.pd-ptst.wait{background:rgba(251,191,36,.15);color:#fbbf24}.pd-ptst.no{background:rgba(251,113,133,.14);color:#fb7185}
.pd-pt .pd-stats{margin:8px 0 4px}
.pd-ptopen{width:100%;margin-top:9px;height:38px;border-radius:11px;border:1px solid rgba(94,234,212,.45);background:rgba(94,234,212,.08);color:#5eead4;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.pd-tabs button[hidden]{display:none}
/* ช่องวันที่ (iPhone ไม่ล้นจอ) */
.pd-dates input[type=date].pd-in{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%;text-align:left;padding:0 10px 0 38px;line-height:44px;background:rgba(255,255,255,.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235eead4' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") no-repeat 12px center}
.pd-dates input[type=date].pd-in::-webkit-date-and-time-value{text-align:left;margin:0}
.pd-dates input[type=date].pd-in::-webkit-calendar-picker-indicator{opacity:.6;filter:invert(1)}
.pd-dates input[type=date].pd-in:focus{background-color:rgba(94,234,212,.07)}
.pd-preview{line-height:1.7}
.pd-count{display:block;text-align:right;margin-top:3px;font-size:10.5px;color:#64808b}
/* หน้ารายละเอียดทริป: กล่องรายละเอียด */
.modal-details[hidden]{display:none}
.modal-details b{display:block;margin-bottom:6px;font-size:13.5px;color:#fff}
/* พื้นหลังป่าแบบเดียวกับป๊อปอัปศูนย์รวมทริป */
.pd-shell{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)}
@media(min-width:700px){.pd-shell{border:1px solid rgba(81,194,229,.38);border-radius:25px}}
.pd-top{background:linear-gradient(180deg,rgba(3,12,18,.55),transparent)}
.pd-tabs{border-bottom-color:rgba(81,194,229,.18)}
.pd-trip,.pd-bk,.pd-fee,.pd-pt,.pd-sum{background:rgba(6,16,22,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pd-in{background-color:rgba(6,16,22,.55)}
/* แท็บทุกเพจ: ตรวจใบสมัคร + ปุ่มอนุมัติ */
.pd-pt.wait{border-color:rgba(251,191,36,.45)}
.pd-app{margin-top:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.pd-app-imgs{display:flex;gap:8px;margin-bottom:8px}
.pd-app-imgs a{flex:1;text-decoration:none;text-align:center}
.pd-app-imgs img{display:block;width:100%;height:110px;object-fit:contain;border-radius:10px;background:#fff}
.pd-app-imgs a+a img{object-fit:cover;background:#123}
.pd-app-imgs small{display:block;margin-top:3px;font-size:10.5px;color:#93a8b1}
.pd-app dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px}
.pd-app dt{color:#93a8b1}.pd-app dd{margin:0;color:#e2e8f0;word-break:break-word}.pd-app a{color:#7dd3fc}
.pd-more{margin-top:8px}.pd-more summary{cursor:pointer;font-size:12px;color:#7dd3fc;font-weight:700;list-style:none}.pd-more summary::-webkit-details-marker{display:none}.pd-more summary:before{content:'▸ '}.pd-more[open] summary:before{content:'▾ '}
.pd-adm{display:flex;gap:8px;margin-top:10px}
.pd-adm button{flex:1;height:40px;border-radius:11px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;border:1px solid}
.pd-adm .ok{background:linear-gradient(135deg,#2dd4bf,#0d9488);border-color:transparent;color:#03211f}
.pd-adm .no{background:rgba(251,113,133,.08);border-color:rgba(251,113,133,.45);color:#fb7185}
.pd-adm .go{background:rgba(94,234,212,.08);border-color:rgba(94,234,212,.45);color:#5eead4}
.pd-adm button:disabled{opacity:.6}
/* ---------- ผังเบาะ (ปิด/เปิดเบาะรายตัว) — ใช้ .seat ชุดเดียวกับหน้าจอง แก้เฉพาะให้กดเบาะ "งดจอง" เพื่อเปิดคืนได้ ---------- */
.pd-seats{margin:4px 0 6px}
.pd-seats .seat.pd-closed{pointer-events:auto;cursor:pointer;color:rgba(255,255,255,.45)}
.pd-seats .seat[data-seat]:focus-visible{outline:2px solid #5eead4;outline-offset:2px}
#pfSeatSave[disabled]{opacity:.7}
/* เปลี่ยนสีเบาะทันที ไม่มีแอนิเมชันย่อ/ขยาย (ไม่กระพริบ) */
.pd-seats .seat[data-seat]{transition:background-color .12s,box-shadow .12s,color .12s;-webkit-tap-highlight-color:transparent}
/* ทดลองใช้ฟรีถึง 31 ธ.ค. 70 */
.pd-free{color:#fbbf24!important;font-weight:800}
.pd-sum .pd-sum-free b{color:#fbbf24}
.pd-feehead.pd-feehead-free{background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(251,191,36,.04));border-color:rgba(251,191,36,.45)}
.pd-feehead.pd-feehead-free>b{color:#fbbf24}