.nav-group{color:#72819e;font:700 11px Manrope;letter-spacing:.09em;text-transform:uppercase;padding:18px 14px 5px}.hero-event{background:linear-gradient(120deg,#111f3e 0%,#2449ba 70%,#315bea 100%);border-radius:22px;color:#fff;padding:30px;display:grid;grid-template-columns:1.5fr .7fr;gap:22px;position:relative;overflow:hidden}.hero-event:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:55px solid rgba(207,255,82,.12);right:-80px;top:-100px}.hero-event h2{font-size:30px;margin:6px 0}.event-meta{display:flex;gap:18px;flex-wrap:wrap;color:#d7e0ff;margin-top:15px}.event-side{z-index:1;background:#ffffff12;border:1px solid #ffffff25;border-radius:16px;padding:18px}.event-side strong{font:800 30px Manrope}.package-grid{grid-template-columns:repeat(3,1fr)}.package{position:relative;transition:.2s}.package:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.package.recommended{border:2px solid var(--blue)}.ribbon{position:absolute;right:16px;top:-11px;background:var(--lime);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.package-price{font:800 30px Manrope;margin:16px 0 2px}.feature-list{list-style:none;padding:0;margin:18px 0}.feature-list li{padding:8px 0;border-bottom:1px solid var(--line);color:#4e5b70}.feature-list li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}.timeline{position:relative;padding-left:25px}.timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}.time-item{position:relative;padding:0 0 23px 12px}.time-item:before{content:"";position:absolute;left:-24px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:3px solid #dce5ff}.time-item small{color:var(--muted)}.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.mini-cards{grid-template-columns:repeat(3,1fr)}.mini{padding:16px;border:1px solid var(--line);border-radius:13px}.mini small{display:block;color:var(--muted);margin-bottom:5px}.note{border-left:4px solid var(--blue);background:#eff3ff;padding:14px 16px;border-radius:0 10px 10px 0}.checkline{display:flex;gap:12px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}.checkcircle{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#e5f7f0;color:var(--green);display:grid;place-items:center;font-weight:800}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{min-width:250px;border:1px solid var(--line);border-radius:10px;padding:10px 13px}.filter{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.metric-chart{height:160px;display:flex;align-items:end;gap:10px;padding-top:20px}.bar{flex:1;background:linear-gradient(#315bea,#8aa4ff);border-radius:7px 7px 2px 2px;min-width:16px}.seat-stats{grid-template-columns:repeat(3,1fr)}.color-card{border-radius:16px;padding:20px;color:#fff}.color-card.bluebg{background:#315bea}.color-card.greenbg{background:#0e9f6e}.color-card.darkbg{background:#12203a}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.switch{width:45px;height:25px;border-radius:30px;background:#cdd4df;padding:3px}.switch.on{background:var(--blue)}.switch:after{content:"";display:block;width:19px;height:19px;background:#fff;border-radius:50%;transition:.2s}.switch.on:after{transform:translateX(20px)}.preview-doc{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);padding:45px;box-shadow:var(--shadow)}.doc-brand{display:flex;justify-content:space-between;border-bottom:3px solid var(--navy);padding-bottom:22px;margin-bottom:25px}.doc-total{background:#f2f5fb;font-size:20px;font-weight:800}.back{border:0;background:transparent;color:var(--blue);font-weight:700;padding:0;margin-bottom:15px}.crumbs{color:var(--muted);font-size:13px;margin-bottom:14px}.profile-grid{grid-template-columns:180px 1fr}.profile-photo{width:120px;height:120px;border-radius:24px;background:linear-gradient(145deg,#dfe7ff,#9fb4ff);display:grid;place-items:center;font:800 30px Manrope;color:var(--blue)}@media(max-width:1100px){.package-grid{grid-template-columns:1fr 1fr}.hero-event{grid-template-columns:1fr}.mini-cards,.seat-stats{grid-template-columns:1fr 1fr}}@media(max-width:700px){.package-grid,.mini-cards,.seat-stats,.profile-grid{grid-template-columns:1fr}.order-head{display:block}.hero-event{padding:22px}.preview-doc{padding:22px}.toolbar .search{min-width:100%;width:100%}}

/* ===== จองพื้นที่ (2 ประเภท เห็นราคา+รายละเอียดครบ) ===== */
.pick-grid{grid-template-columns:1fr 1fr}
.pick{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column}
.pick.raw{border-color:#f0c48a}
.pick-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.pick-head h2{margin:0;font-size:26px}
.pick-size{color:var(--muted);margin-top:4px}
.pick-avail{flex:0 0 auto;background:#eefbe7;color:#3d7a12;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;white-space:nowrap}
.pick-avail.out{background:#ffe9ec;color:#b72c3e}
.pick-price{margin:20px 0 4px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pick-price b{font:800 42px Manrope;line-height:1;color:var(--navy)}
.pick-price span{color:var(--muted);font-size:14px}
.pick-detail{margin-top:18px;background:#f8f9fc;border-radius:14px;padding:16px 18px}
.pick-detail-title{font-weight:700;margin-bottom:6px}
.pick-list{list-style:none;padding:0;margin:0}
.pick-list li{padding:7px 0 7px 24px;position:relative;color:#465264;font-size:15px;line-height:1.55}
.pick-list li:before{content:"✓";position:absolute;left:0;top:7px;color:var(--green);font-weight:800}
.pick-qty{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-weight:600}
.stepper{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:12px;padding:4px}
.stepper button{width:40px;height:40px;border:0;background:#f1f4f9;border-radius:9px;font-size:20px;font-weight:700;color:var(--navy)}
.stepper button:disabled{opacity:.35}
.stepper b{min-width:44px;text-align:center;font:800 20px Manrope}
.pick-sum{margin-top:18px;border-top:1px dashed var(--line);padding-top:14px;font-size:15px}
.pick-sum>div{display:flex;justify-content:space-between;padding:5px 0;color:#465264}
.pick-sum .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-weight:800;font-size:19px;color:var(--ink)}
.pick-sum .dep{background:#eff3ff;border-radius:12px;padding:12px 14px;margin-top:12px;color:var(--blue);font-weight:700}
.pick .btn{margin-top:18px}

/* ===== ผังบูทแยกโซน ===== */
.zone-block{margin-bottom:26px}
.zone-block:last-child{margin-bottom:0}
.zone-title{font-weight:700;margin-bottom:10px;color:#3d4a60}
.zonegrid{display:grid;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.zonegrid.std{grid-template-columns:repeat(14,minmax(44px,1fr));min-width:700px}
.zonegrid.raw{grid-template-columns:repeat(6,minmax(64px,1fr));max-width:560px}
.zonegrid.raw .booth{height:54px;font-size:13px}
.booth.mine{background:var(--blue);border-color:var(--blue);color:#fff;text-decoration:none}
.booth.locked{background:#fde3bb;border-color:#e9b268;color:#8a5713;text-decoration:none}
.booth.moving{outline:3px solid var(--lime);outline-offset:1px}

/* ===== ตำแหน่งที่ได้รับ ===== */
.assigned{background:linear-gradient(115deg,#18284e,#274ab6);color:#fff;border-radius:20px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.assigned-codes{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.assigned-codes span{background:var(--lime);color:var(--navy);border-radius:12px;padding:10px 18px;font:800 22px Manrope}

/* ===== เซ็นเอกสาร ===== */
.sign-grid{grid-template-columns:1fr 1fr}
.sign-box{border:1px solid var(--line);border-radius:16px;padding:18px}
.sign-box-title{font-weight:700;margin-bottom:12px}
.signpad{width:100%;height:170px;border:1.5px dashed #bfc8d8;border-radius:12px;background:#fcfdff;touch-action:none;display:block}
.sign-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.checkcircle.wait{background:#f1f3f7;color:#9aa5b6}

/* ===== แถบย้ายบูท (แอดมิน) ===== */
.move-bar{background:#12203a;color:#fff;border-radius:14px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}

@media(max-width:1100px){.pick-grid,.sign-grid{grid-template-columns:1fr}}
@media(max-width:700px){.pick-price b{font-size:34px}.assigned-codes span{font-size:18px;padding:8px 14px}}

/* ===== สีสถานะบูทบนผัง ===== */
.booth{transition:transform .08s}
.booth.st-available{background:#e8f7cf;border-color:#8dc63f;color:#3f5f10;text-decoration:none}
.booth.st-reserved{background:#ffe6bd;border-color:#e0a44a;color:#8a5713;text-decoration:none}
.booth.st-sold{background:#cfe0ff;border-color:#7d9ff0;color:#1c3c93;text-decoration:none}
.booth.st-locked{background:#e9ecf2;border-color:#c4cbd8;color:#8792a4;text-decoration:none}
.booth.st-blocked{background:#e9ecf2;border-color:#c4cbd8;color:#8792a4}
.booth.picking{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 3px #315bea33;transform:scale(1.04);text-decoration:none}
.booth.mine{background:#12203a;border-color:#12203a;color:#fff;text-decoration:none}
.booth.moving{outline:3px solid var(--lime);outline-offset:1px}
.booth.st-available:hover{background:#d8f0b4;cursor:pointer}
.dot.d-available{background:#e8f7cf;border:1px solid #8dc63f}
.dot.d-reserved{background:#ffe6bd;border:1px solid #e0a44a}
.dot.d-sold{background:#cfe0ff;border:1px solid #7d9ff0}
.dot.d-locked{background:#e9ecf2;border:1px solid #c4cbd8}
.dot.d-picking{background:#315bea}
.dot.d-mine{background:#12203a}
.legend{flex-wrap:wrap;row-gap:6px}

/* ===== การ์ดราคาแบบย่อบนหน้าจองพื้นที่ ===== */
.price-chips{grid-template-columns:1fr 1fr}
.chip-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;
  grid-template-columns:1fr auto auto;gap:14px;align-items:center}
.chip-card.on{border-color:var(--blue);box-shadow:0 0 0 3px #315bea15}
.chip-card>div:first-child b{display:block;font-size:17px}
.chip-card>div:first-child span{color:var(--muted);font-size:13px}
.chip-price{font:800 24px Manrope;color:var(--navy);text-align:right;line-height:1.15}
.chip-price small{display:block;font:500 11px 'IBM Plex Sans Thai';color:var(--muted)}
.chip-detail{grid-column:1/-1;margin:0;border-top:1px dashed var(--line);padding-top:10px}

/* ===== ตะกร้าบูทที่เลือก ===== */
.chosen{display:flex;flex-wrap:wrap;gap:8px}
.chosen span{background:var(--blue);color:#fff;border-radius:9px;padding:7px 12px;font:700 14px Manrope;cursor:pointer}
.chosen span:hover{background:#243f9e}
.plan-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ===== พรีวิวธีมงานในหน้าตั้งค่า ===== */
.theme-preview{border-radius:14px;color:#fff;padding:20px 24px;display:flex;align-items:center;gap:18px;position:relative;overflow:hidden;min-height:96px}
.theme-preview b{display:block;font-size:21px}
.theme-preview span{opacity:.85;font-size:14px}
.tp-logo{width:64px;height:64px;border-radius:10px;background:#ffffff22;border:1px dashed #ffffff55;display:grid;place-items:center;font-size:12px;flex:0 0 64px;overflow:hidden}
.tp-logo img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:9px}
.tp-accent{position:absolute;left:0;right:0;bottom:0;height:6px}

/* ===== ปุ่มเปลี่ยนสถานะในตาราง ===== */
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.row-actions .btn{padding:6px 10px;font-size:12.5px}
.row-actions .danger{color:var(--red);border-color:#f2c9cf}

@media(max-width:1100px){.price-chips{grid-template-columns:1fr}}

/* ===== แบบฟอร์มการจองพื้นที่แสดงสินค้า (หน้าลงทะเบียน) ===== */
:root{--wn-navy:#0b2559;--wn-navy2:#143a86;--wn-gold:#d4af37;--wn-line:#c9d6ee}
.reg-page{min-height:100vh;background:#eaeef6;padding:26px 16px 50px}
.reg-sheet{max-width:880px;margin:0 auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 14px 50px rgba(11,37,89,.16)}
.reg-header{display:block;width:100%;height:auto}
.reg-body{padding:26px 30px 10px}
.reg-sec{border:1.5px solid var(--wn-line);border-radius:12px;padding:26px 22px 20px;margin-bottom:22px;position:relative}
.reg-legend{position:absolute;top:-17px;left:18px;background:linear-gradient(100deg,var(--wn-navy),var(--wn-navy2));color:#fff;
  border-radius:999px;padding:8px 20px 8px 14px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:9px;
  box-shadow:0 4px 14px rgba(11,37,89,.25)}
.reg-legend .ic{width:26px;height:26px;border-radius:50%;background:#ffffff22;display:grid;place-items:center}
.reg-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.rf{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:12px}
.rf.full{grid-column:1/-1}
.rf label{color:#1b2740;font-size:14.5px}
.rf input,.rf textarea{width:100%;border:1.5px solid var(--wn-line);border-radius:7px;padding:9px 12px;font:inherit;background:#fff;outline:none}
.rf input:focus,.rf textarea:focus{border-color:var(--wn-navy2);box-shadow:0 0 0 3px #143a8618}
.rf textarea{resize:vertical;min-height:58px}

.reg-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.rc{display:flex;align-items:center;gap:11px;cursor:pointer;font-size:14.5px}
.rc input[type=checkbox]{appearance:none;width:21px;height:21px;flex:0 0 21px;border:1.5px solid var(--wn-line);border-radius:5px;background:#fff;position:relative;cursor:pointer}
.rc input[type=checkbox]:checked{background:var(--wn-navy2);border-color:var(--wn-navy2)}
.rc input[type=checkbox]:checked:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700}
.rc-inline{flex:1;border:0;border-bottom:1.5px solid var(--wn-line);padding:4px 6px;font:inherit;outline:none;min-width:80px}
.rc-inline:focus{border-color:var(--wn-navy2)}

.reg-booths{display:grid;gap:14px}
.rb{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:15px;cursor:pointer}
.rb b{min-width:118px;font-weight:600}
.rb span{color:#33415c;flex:1;min-width:230px}
.rb em{font-style:normal;color:#6f7c91}
.rb input[type=number]{width:96px;border:1.5px solid var(--wn-line);border-radius:7px;padding:8px 10px;font:inherit;text-align:center;outline:none}
.rb i{font-style:normal;color:#6f7c91}
.reg-note{margin:16px 0 0;color:#6f7c91;font-size:13.5px}

.reg-submit{text-align:center;padding:6px 0 22px}
.reg-submit .btn{background:linear-gradient(100deg,var(--wn-navy),var(--wn-navy2));color:#fff;padding:14px 32px;font-size:16px;
  box-shadow:0 8px 22px rgba(11,37,89,.28)}
.reg-foot{background:linear-gradient(100deg,var(--wn-navy),var(--wn-navy2));color:#fff;padding:16px 30px;font-size:13.5px;
  display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--wn-gold)}

@media(max-width:760px){
  .reg-body{padding:20px 16px 6px}
  .reg-sec{padding:26px 14px 16px}
  .reg-fields,.reg-checks{grid-template-columns:1fr}
  .rf{grid-template-columns:1fr;gap:5px}
  .rf label{font-weight:600}
  .rb span{min-width:100%}
}

/* ===== ผังพื้นที่จัดงานจริง (absolute layout) ===== */
.fp-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;overflow:auto}
.fp-canvas{position:relative;width:100%;min-width:620px;padding-top:124%;background:#fbfcfe;border-radius:10px}
.fp-canvas>*{position:absolute}
.fp-booth{border:1px solid;border-radius:3px;padding:0;font-family:inherit;font-weight:700;
  display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:1;cursor:default;
  font-size:8px;transition:transform .08s,box-shadow .08s;z-index:2}
.fp-booth span{display:block;transform:scale(.95);white-space:nowrap}
.fp-booth.bt-raw{font-size:11px;border-radius:4px}
.fp-booth.st-available{background:#e8f7cf;border-color:#8dc63f;color:#3f5f10}
.fp-booth.st-reserved{background:#ffe6bd;border-color:#e0a44a;color:#8a5713}
.fp-booth.st-sold{background:#cfe0ff;border-color:#7d9ff0;color:#1c3c93}
.fp-booth.st-locked,.fp-booth.st-blocked{background:#e9ecf2;border-color:#c4cbd8;color:#8792a4}
.fp-booth.picking{background:#315bea;border-color:#315bea;color:#fff;box-shadow:0 0 0 3px #315bea55;transform:scale(1.12);z-index:5}
.fp-booth.mine{background:#12203a;border-color:#12203a;color:#fff;z-index:4}
.fp-booth.moving{outline:3px solid var(--lime);outline-offset:1px;z-index:5}
.fp-booth.st-available:hover{background:#d8f0b4;cursor:pointer;transform:scale(1.08);z-index:5}
.fp-fix{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:5px;
  color:#fff;font-weight:700;font-size:11px;padding:2px;overflow:hidden;z-index:1}
.fp-fix.fx-hall{background:transparent;border:2px dashed #1f4fd8;border-radius:8px;z-index:0}
.fp-fix.fx-zone{background:transparent;border:2px dashed #e03a3a;border-radius:8px;z-index:0}
.fp-fix.fx-stage{background:#1565c0;font-size:22px;letter-spacing:.5px}
.fp-fix.fx-hub{background:#2277dd;font-size:14px}
.fp-fix.fx-clinic{background:#0d47a1;font-size:14px}
.fp-fix.fx-exhibit{background:#3b2f8f;font-size:12px}
.fp-fix.fx-mini{background:#f3c6e0;color:#5a2148;font-size:10px}
.fp-fix.fx-lab{background:#f3c6e0;color:#5a2148;font-size:11px;writing-mode:vertical-rl}
.fp-fix.fx-relax{background:#e9edf3;color:#5c6a80;font-size:10px}
.fp-fix.fx-entrance{background:transparent;color:#e03a3a;font-size:17px;letter-spacing:1px}
.fp-fix.fx-note{background:transparent;color:#43516b;font-size:9px;font-weight:600}
@media (max-width:900px){.fp-canvas{min-width:560px}.fp-fix.fx-stage{font-size:16px}}

/* ===== ฟอร์มลงทะเบียน: รายละเอียดบูธ + เอกสารแนบ + หน้าขอบคุณ ===== */
.rb-card{border:1px solid #dce3ef;border-radius:12px;padding:0;overflow:hidden;background:#fff;margin-bottom:14px}
.rb-card .rb{border:0;border-radius:0;margin:0;background:#f7f9fd;border-bottom:1px solid #e6ecf6}
.rb-size{padding:10px 18px 0;font-size:13px;color:#5d6b83}
.rb-detail{padding:12px 18px 4px}
.rb-detail b{display:block;font-size:13px;color:var(--wn-navy,#0b2559);margin-bottom:6px}
.rb-detail ol{margin:0;padding-left:20px}
.rb-detail li{font-size:13px;line-height:1.75;color:#3f4b61}
.rb-cond{margin:10px 18px 16px;padding:10px 14px;border-left:3px solid var(--wn-gold,#d4af37);background:#fffbf0;border-radius:0 8px 8px 0}
.rb-cond b{display:block;font-size:13px;color:#8a6b12;margin-bottom:3px}
.rb-cond p{margin:0;font-size:13px;line-height:1.7;color:#5d5023}

.reg-ent{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.ent-btn{display:block;text-align:left;padding:14px 16px;border:2px solid #dce3ef;background:#fff;border-radius:12px;
  cursor:pointer;font-family:inherit;transition:.15s}
.ent-btn b{display:block;font-size:15px;color:var(--wn-navy,#0b2559)}
.ent-btn span{display:block;font-size:12.5px;color:#6b7893;margin-top:3px}
.ent-btn:hover{border-color:#b9c8e4}
.ent-btn.active{border-color:var(--wn-navy,#0b2559);background:#f2f6fd;box-shadow:0 0 0 3px rgba(11,37,89,.08)}
.reg-docs{border:1px dashed #c9d5ea;border-radius:12px;padding:14px 16px;background:#fafcff}
.doc-req{margin:0 0 12px;font-size:13px;line-height:1.7;color:#4a5771}
.doc-row{display:grid;grid-template-columns:200px 1fr;gap:10px 14px;align-items:center;padding:9px 0;border-top:1px solid #e9eef7}
.doc-row:first-of-type{border-top:0}
.doc-name{font-size:14px;color:#2c3750;font-weight:600}
.doc-row input[type=file]{font-size:13px;font-family:inherit}
.doc-file{grid-column:2;font-size:12px;color:#8a95a8;font-style:normal}
.doc-file.has{color:#2f7a2f;font-weight:600}

.reg-done{text-align:center;padding:26px 10px 34px;max-width:620px;margin:0 auto}
.done-mark{width:64px;height:64px;border-radius:50%;background:#e8f7cf;color:#3f7a10;font-size:34px;line-height:64px;margin:0 auto 16px}
.reg-done h2{margin:0 0 8px;font-size:23px;color:var(--wn-navy,#0b2559)}
.reg-done p{margin:0;color:#5d6b83;font-size:14.5px;line-height:1.8}
.done-ref{display:inline-block;margin:16px 0 4px;padding:8px 18px;border-radius:999px;background:#f2f6fd;
  border:1px solid #d7e2f5;font-size:14px;color:#2c3750}
.done-box{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;text-align:left;margin:20px 0 6px;
  padding:16px 18px;border:1px solid #e3e9f4;border-radius:12px;background:#fff}
.done-box div{display:flex;flex-direction:column;gap:2px}
.done-box span{font-size:12px;color:#8a95a8}
.done-box b{font-size:14px;color:#222e46}
.done-next{text-align:left;margin:18px 0 14px;padding:16px 18px;border-radius:12px;background:#f7f9fd;border:1px solid #e3e9f4}
.done-next b{display:block;font-size:14px;color:var(--wn-navy,#0b2559);margin-bottom:8px}
.done-next ol{margin:0;padding-left:20px}
.done-next li{font-size:13.5px;line-height:1.85;color:#42506a}
@media (max-width:640px){.reg-ent{grid-template-columns:1fr}.doc-row{grid-template-columns:1fr}.doc-file{grid-column:1}.done-box{grid-template-columns:1fr}}

/* ===== หน้าเข้าสู่ระบบ (ทีมงานเท่านั้น) ===== */
.lg-wrap{min-height:100vh;display:grid;grid-template-columns:1.06fr .94fr;background:#f5f7fb}
.lg-art{position:relative;overflow:hidden;color:#fff;padding:42px 48px;display:flex;flex-direction:column;
  background:radial-gradient(120% 90% at 12% 0%,#1b3a86 0%,#0b2559 48%,#071736 100%)}
.lg-art:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;
  border:120px solid rgba(212,175,55,.10);right:-260px;bottom:-300px}
.lg-art:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(93,142,255,.28),transparent 68%);left:-120px;top:-90px}
.lg-brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;
  position:relative;z-index:2}
.lg-brand .mark{width:36px;height:36px;border-radius:11px;background:var(--lime,#cfff52);color:#0b2559;
  display:grid;place-items:center;font-size:17px}
.lg-art-in{position:relative;z-index:2;margin:auto 0}
.lg-eyebrow{font:700 12px Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#d4af37;margin-bottom:14px}
.lg-art h1{font-family:Manrope,'IBM Plex Sans Thai',sans-serif;font-size:46px;line-height:1.16;margin:0 0 14px;font-weight:800}
.lg-when{margin:0 0 30px;font-size:16px;color:#c6d5f5}
.lg-points{list-style:none;margin:0;padding:0;display:grid;gap:16px;max-width:430px}
.lg-points li{display:flex;gap:13px;align-items:flex-start}
.lg-points i{flex:0 0 36px;height:36px;border-radius:10px;background:rgba(255,255,255,.10);
  display:grid;place-items:center;color:#cfe0ff}
.lg-points b{display:block;font-size:14.5px;margin-bottom:2px}
.lg-points span{display:block;font-size:13px;line-height:1.6;color:#a9bbdd}
.lg-foot{position:relative;z-index:2;font-size:12.5px;color:#8fa4cc;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}

.lg-panel{display:grid;place-content:center;justify-items:center;padding:40px 28px;gap:16px}
.lg-card{width:min(408px,100%);background:#fff;border:1px solid #e6eaf2;border-radius:22px;padding:34px 32px 30px;
  box-shadow:0 22px 60px rgba(17,29,55,.09)}
.lg-badge{width:46px;height:46px;border-radius:14px;background:#eef3ff;color:#2b4fc7;display:grid;place-items:center;margin-bottom:16px}
.lg-card h2{margin:0 0 5px;font-size:26px;color:#0b2559}
.lg-sub{margin:0 0 24px;color:#7b8798;font-size:14px}
.lg-field{margin-bottom:16px}
.lg-field label{display:block;font-size:13.5px;font-weight:600;color:#3c4860;margin-bottom:7px}
.lg-input{display:flex;align-items:center;gap:9px;border:1px solid #d9e0ec;border-radius:12px;padding:0 12px;
  background:#fbfcfe;transition:.15s}
.lg-input>svg{color:#9aa6bb;flex:0 0 auto}
.lg-input input{flex:1;border:0;background:transparent;outline:none;padding:13px 0;font-size:15px;color:#16233c}
.lg-input:focus-within{border-color:#2b4fc7;background:#fff;box-shadow:0 0 0 3px rgba(43,79,199,.11)}
.lg-eye{border:0;background:transparent;color:#9aa6bb;padding:4px;display:grid;place-items:center;border-radius:7px}
.lg-eye:hover{color:#2b4fc7;background:#eef3ff}
.lg-btn{width:100%;margin-top:8px;border:0;border-radius:12px;padding:14px;font-family:inherit;font-size:15.5px;
  font-weight:700;color:#fff;background:linear-gradient(135deg,#2b4fc7,#1b3a86);box-shadow:0 8px 20px rgba(27,58,134,.26)}
.lg-btn:hover{filter:brightness(1.07)}
.lg-btn:disabled{opacity:.6}
.lg-note{margin:0;font-size:13.5px;color:#7b8798;text-align:center}
.lg-note a{color:#2b4fc7;font-weight:600}
@media(max-width:1000px){.lg-wrap{grid-template-columns:1fr}.lg-art{display:none}}
@media(max-width:560px){.lg-card{padding:26px 22px}}

/* กล่องส่งใบเสนอราคาให้ลูกค้า (หลังบ้าน) */
.qbox label{display:block;font-size:13px;font-weight:600;color:#3c4860;margin-bottom:7px}
.qbox-row{display:flex;gap:10px;align-items:center}
.qbox-row input{flex:1;border:1px solid #d9e0ec;border-radius:10px;padding:11px 13px;font-size:14px;
  background:#fbfcfe;outline:none;font-family:inherit}
.qbox-row input:focus{border-color:#2b4fc7;background:#fff;box-shadow:0 0 0 3px rgba(43,79,199,.11)}
@media(max-width:640px){.qbox-row{flex-direction:column;align-items:stretch}}