/* ========================================================= V21.15.71 — หน้าสร้างงาน ตามภาพตัวอย่างของเจ้าของ ขั้นตอน 1–5 ด้านบน · กล่อง 01–05 มีเลขและไอคอน · ไอคอนเส้น SVG คมชัดทุกขนาด ทุกกฎขึ้นต้นด้วย #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx (3 ID) เพื่อชนะ CSS เดิมของหน้านี้หลายชั้น (app.css / v521-create.css / pe-hotfix.css) และกฎของ Admin ที่บังคับ font-size:16px / font-weight:400 ทั้งหน้า ========================================================= */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx{ --cx-gold:#c3871f;--cx-gold-deep:#9a6710;--cx-gold-soft:#fdf6e8;--cx-gold-line:#e8cd93;--cx-gold-ring:rgba(195,135,31,.2); --cx-ink:#1c1e23;--cx-text:#3b3f47;--cx-muted:#72777f;--cx-line:#e7e3da;--cx-field:#d9d5cc;--cx-soft:#faf8f4; --cx-green:#1c8a4a;--cx-red:#cf3a2f; display:block;max-width:1440px;margin:0 auto!important;padding:2px 0 0!important; font-family:"IBM Plex Sans Thai","Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif!important;color:var(--cx-text); -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; } #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx *{font-family:inherit!important;box-sizing:border-box} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-i{display:inline-block;flex:none;width:18px;height:18px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-gold{color:var(--cx-gold)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-spacer{flex:1 1 auto} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx button{font-family:inherit!important} /* ---------- steps 1–5 ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px;padding:10px 16px;background:#fff;border:1px solid var(--cx-line);border-radius:16px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step{display:inline-flex;align-items:center;gap:10px;flex:none;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:4px 8px 4px 4px!important;border:0!important;border-radius:30px!important;background:none!important;box-shadow:none!important;color:var(--cx-ink)!important;cursor:pointer} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step:hover{background:var(--cx-soft)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step:focus-visible{outline:3px solid #f2cf80;outline-offset:2px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cx-gold-soft);color:var(--cx-gold);box-shadow:inset 0 0 0 1px #f1e1bb} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-ico .cx-i{width:21px;height:21px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-text{font-size:14px!important;font-weight:600!important;white-space:nowrap;color:var(--cx-ink)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-text b{margin-right:6px;font-size:14px!important;font-weight:700!important;color:var(--cx-gold)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-line{flex:0 1 44px;min-width:12px;height:0;border-top:2px dashed #dcd4c2} /* ---------- layout + cards ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,420px);gap:16px;align-items:start} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head-tools{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px 12px;margin-left:auto} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-main,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-side{display:flex;flex-direction:column;gap:16px;min-width:0} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-card{min-width:0;margin:0!important;padding:18px 20px!important;background:#fff!important;border:1px solid var(--cx-line)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(40,30,10,.04)!important;scroll-margin-top:84px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 16px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-num{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#dcab4c,#a26c10);color:#fff!important;font-size:15px!important;font-weight:700!important;letter-spacing:.02em;box-shadow:0 3px 8px rgba(162,108,16,.25)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head-ico{display:inline-grid;place-items:center;color:var(--cx-gold)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head-ico .cx-i{width:24px;height:24px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head h3{margin:0!important;padding:0!important;color:var(--cx-ink)!important;font-size:21px!important;font-weight:700!important;line-height:1.3} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-sub{color:var(--cx-muted)!important;font-size:13px!important;font-weight:400!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-count{padding-left:12px;border-left:1px solid var(--cx-line);color:var(--cx-ink)!important;font-size:14px!important;font-weight:600!important;white-space:nowrap} /* ---------- tiles (job kind + payment) ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-kind-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile{position:relative;display:flex!important;align-items:center;gap:10px;width:100%!important;min-width:0;height:auto!important;min-height:0!important;margin:0!important;padding:14px 30px 14px 12px!important;border:1.5px solid var(--cx-field)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;color:var(--cx-ink)!important;text-align:left!important;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile:hover{border-color:#c9ae78!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile:focus-visible{outline:3px solid #f2cf80;outline-offset:2px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile.active{border-color:var(--cx-gold-line)!important;background:var(--cx-gold-soft)!important;box-shadow:0 0 0 1px var(--cx-gold-line) inset,0 2px 8px rgba(195,135,31,.12)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#f5f3ee;color:#4a4e56} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile-ico .cx-i{width:26px;height:26px;stroke-width:1.75} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile.active .cx-tile-ico{background:#fff;color:var(--cx-gold);box-shadow:0 1px 3px rgba(195,135,31,.18)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile-text{display:flex;flex-direction:column;gap:1px;min-width:0} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile-text strong{color:var(--cx-ink)!important;font-size:17px!important;font-weight:700!important;line-height:1.35} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile-text small{display:block;color:var(--cx-muted)!important;font-size:13px!important;font-weight:400!important;line-height:1.45} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-radio{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;border:2px solid #c8c3b8;background:#fff} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile.active .cx-radio{border-color:var(--cx-gold);background:var(--cx-gold);box-shadow:inset 0 0 0 4px #fff} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay{padding:12px 32px 12px 10px!important;gap:8px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay .cx-radio{top:50%;right:10px;transform:translateY(-50%)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay .cx-tile-ico{width:36px;height:36px;border-radius:10px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay .cx-tile-ico .cx-i{width:22px;height:22px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay .cx-tile-text strong{font-size:16px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay .cx-tile-text small{font-size:12px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-ref{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:14px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-ref .cx-label{margin:0!important;white-space:nowrap} /* ---------- labels + inputs ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-label{display:flex!important;align-items:center;gap:6px;margin:0 0 6px!important;padding:0!important;color:var(--cx-text)!important;font-size:13px!important;font-weight:600!important;line-height:1.35;text-transform:none!important;letter-spacing:0!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-label .cx-i{width:16px;height:16px;color:var(--cx-muted)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-required{color:var(--cx-red)!important;font-size:13px!important;font-weight:700!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-input{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:0!important;margin:0!important;padding:0 12px!important;border:1px solid var(--cx-field)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;color:var(--cx-ink)!important;font-size:15px!important;font-weight:400!important;line-height:1.3!important;outline:0;transition:border-color .15s,box-shadow .15s} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-input::placeholder{color:#a4a8af!important;opacity:1} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-input:hover{border-color:#c4bfb4!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-input:focus{border-color:var(--cx-gold)!important;box-shadow:0 0 0 3px var(--cx-gold-ring)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-input[readonly]{background:var(--cx-soft)!important;color:var(--cx-muted)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-search{padding-left:40px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23858a92' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") no-repeat 13px center/18px 18px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-affix{display:flex!important;align-items:stretch;min-width:0;border:1px solid var(--cx-field);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-affix:hover{border-color:#c4bfb4} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-affix:focus-within{border-color:var(--cx-gold);box-shadow:0 0 0 3px var(--cx-gold-ring)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-affix .cx-input{flex:1 1 auto;height:42px!important;border:0!important;border-radius:0!important;box-shadow:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-affix-pre,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-affix-post{display:grid;place-items:center;flex:none;padding:0 12px;background:var(--cx-soft);color:var(--cx-muted)!important;font-size:14px!important;font-weight:600!important;white-space:nowrap} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-affix-pre{border-right:1px solid var(--cx-line)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-affix-post{border-left:1px solid var(--cx-line)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-check{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:0!important;color:var(--cx-text)!important;font-size:14px!important;font-weight:500!important;cursor:pointer;white-space:nowrap} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-check input{flex:none;width:18px!important;height:18px!important;min-height:0!important;margin:0!important;accent-color:var(--cx-gold);cursor:pointer} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-check .cx-i{width:18px;height:18px;color:var(--cx-muted)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-check span{font-size:14px!important;font-weight:500!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-check input:checked~span{color:var(--cx-ink)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-text-btn{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;height:34px!important;min-height:0!important;margin:0!important;padding:0 8px!important;border:0!important;border-radius:8px!important;background:none!important;box-shadow:none!important;color:var(--cx-text)!important;font-size:13px!important;font-weight:600!important;cursor:pointer;white-space:nowrap} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-text-btn:hover{background:var(--cx-soft)!important;color:var(--cx-ink)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-text-btn.gold{color:var(--cx-gold-deep)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-text-btn:focus-visible,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-icon-btn:focus-visible{outline:3px solid #f2cf80;outline-offset:1px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-icon-btn{display:inline-grid!important;place-items:center;width:34px!important;height:34px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid var(--cx-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;color:var(--cx-text)!important;cursor:pointer} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-icon-btn .cx-i{width:17px;height:17px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-icon-btn:hover:not(:disabled){border-color:#c9b58c!important;color:var(--cx-ink)!important;background:var(--cx-soft)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-icon-btn:disabled{opacity:.35;cursor:default} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-icon-btn.danger{color:var(--cx-red)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-icon-btn.danger:hover{background:#fdecea!important;border-color:#f0b7b0!important} /* ---------- buttons ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;min-width:0!important;height:50px!important;min-height:0!important;margin:0!important;padding:0 22px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;line-height:1!important;cursor:pointer;white-space:nowrap;transition:filter .15s,box-shadow .15s,background-color .15s} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn .cx-i{width:20px;height:20px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn:focus-visible{outline:3px solid #f2cf80;outline-offset:2px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.ghost{min-width:150px!important;border:1px solid var(--cx-field)!important;background:#fff!important;color:var(--cx-ink)!important;box-shadow:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.ghost:hover{background:var(--cx-soft)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.outline{border:1.5px solid var(--cx-gold)!important;background:#fff!important;color:var(--cx-ink)!important;box-shadow:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.outline:hover{background:var(--cx-gold-soft)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.primary,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.gold{border:1px solid #ad7414!important;background:linear-gradient(180deg,#d3a042,#b57a15)!important;color:#fff!important;box-shadow:0 4px 12px rgba(181,122,21,.26)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.primary:hover,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.gold:hover{filter:brightness(1.06)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.sm{height:40px!important;padding:0 14px!important;font-size:14px!important;border-radius:10px!important;box-shadow:0 2px 6px rgba(181,122,21,.22)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-btn.sm .cx-i{width:18px;height:18px} /* ---------- route points (A = pickup, B… = stops) ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-points{display:flex;flex-direction:column;gap:14px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx #v507Stops{display:flex;flex-direction:column;gap:14px;margin:0!important;padding:0!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx #v507Stops:empty{display:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx #v507Stops.cx-flash .cx-icon-btn[data-v507-move]:not(:disabled){border-color:var(--cx-gold)!important;background:var(--cx-gold-soft)!important;color:var(--cx-gold-deep)!important;box-shadow:0 0 0 3px var(--cx-gold-ring)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-point.cx-point{position:relative;display:grid!important;grid-template-columns:44px 16px 16px minmax(0,1fr) 16px;row-gap:12px;min-width:0;margin:0!important;padding:14px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point>*{position:relative;z-index:1;grid-column:4;min-width:0} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point::after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:60px;border:1px solid var(--cx-line);border-radius:14px;background:var(--cx-soft)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point::before{content:"";position:absolute;z-index:0;left:21px;top:62px;bottom:-14px;border-left:2px dashed #d6d0c3} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx #v507Stops .cx-point:last-child::before{display:none} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx.replacement #v507PickupPoint::before{display:none} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point>.v507-point-num{grid-column:auto!important;grid-row:auto!important;position:absolute!important;left:1px!important;top:16px!important;right:auto!important;bottom:auto!important;z-index:2!important;display:grid!important;place-items:center;width:42px!important;height:42px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--cx-red)!important;box-shadow:0 0 0 4px #fff,0 0 0 5px #f2d3cf!important;color:#fff!important;font-size:18px!important;font-weight:700!important;line-height:1!important;transform:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point>.v507-point-num.pick{background:var(--cx-green)!important;box-shadow:0 0 0 4px #fff,0 0 0 5px #cbe6d6!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point-head{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point-type{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--cx-line);border-radius:10px;background:#fff;color:var(--cx-ink)!important;font-size:15px!important;font-weight:600!important;white-space:nowrap} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point-type span{font-size:15px!important;font-weight:600!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point-type .cx-i{width:19px;height:19px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point-type.pick .cx-i{color:var(--cx-green)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point-type.drop .cx-i{color:var(--cx-red)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-address-row{display:block!important;margin:0!important;padding:0!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-google-host{position:relative;margin:0!important;padding:0!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-place-status{display:block!important;margin:5px 0 0!important;padding:0!important;background:none!important;border:0!important;color:var(--cx-muted)!important;font-size:12px!important;font-weight:400!important;line-height:1.4} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-place-status.ok{color:var(--cx-green)!important;font-weight:500!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-price-hint{display:block;margin:-6px 0 0!important;padding:0!important;text-align:left!important;background:none!important;border:0!important;color:var(--cx-muted)!important;font-size:12px!important;font-weight:400!important;line-height:1.45} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-price-hint.ok{color:var(--cx-green)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-price-hint.warn,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-price-hint.warning{color:#a16207!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-price-hint.err,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-price-hint.error,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-price-hint.bad{color:var(--cx-red)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point .v507-price-hint:empty{display:none} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-contact-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-price{display:flex!important;align-items:stretch;min-width:0;margin:0!important;padding:0!important;border:1px solid var(--cx-gold-line)!important;border-radius:10px!important;background:#fff!important;overflow:hidden} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-price:focus-within{border-color:var(--cx-gold)!important;box-shadow:0 0 0 3px var(--cx-gold-ring)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-baht{display:grid;place-items:center;padding:0 0 0 12px;background:var(--cx-gold-soft);color:var(--cx-gold-deep)!important;font-size:16px!important;font-weight:700!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-price>label{display:flex!important;align-items:center;margin:0!important;padding:0 12px 0 6px!important;background:var(--cx-gold-soft);border-right:1px solid var(--cx-gold-line);color:var(--cx-gold-deep)!important;font-size:13px!important;font-weight:600!important;white-space:nowrap} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-price .cx-input{width:120px!important;height:42px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:var(--cx-ink)!important;font-size:18px!important;font-weight:700!important;text-align:right!important;font-variant-numeric:tabular-nums} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-price .cx-input[readonly]{background:var(--cx-soft)!important;color:var(--cx-gold-deep)!important} /* ---------- 03 รายละเอียดงาน ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-checks{display:flex;flex-wrap:wrap;gap:12px 26px;margin:16px 0 0} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-replacement-pay{display:none!important;margin:14px 0 0!important;max-width:320px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx.replacement .v507-replacement-pay{display:block!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-parcel{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--cx-line)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-parcel-check small{padding:2px 8px;border-radius:999px;background:var(--cx-gold-soft);color:var(--cx-gold-deep)!important;font-size:12px!important;font-weight:600!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-parcel-check small span{font-size:12px!important;font-weight:600!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-parcel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr);gap:10px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-dim{display:flex!important;flex-direction:column;gap:6px;min-width:0;margin:0!important;padding:0!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-dim-label{display:flex;align-items:center;gap:6px;color:var(--cx-muted)!important;font-size:12px!important;font-weight:600!important;white-space:nowrap} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-dim-label .cx-i{width:16px;height:16px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-dim .cx-affix .cx-input{padding:0 6px!important;text-align:center;font-variant-numeric:tabular-nums} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-dim .cx-affix-post{padding:0 8px;font-size:12px!important} /* ---------- 04 / map ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-map{position:relative!important;height:300px!important;min-height:0!important;max-height:none!important;margin:0!important;border:1px solid var(--cx-line)!important;border-radius:14px!important;overflow:hidden!important;background:#eef0ea!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-map-empty{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px!important;text-align:center;color:var(--cx-muted)!important;font-size:13px!important;line-height:1.5;background:linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px) 0 0/28px 28px,#f1f2ec!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-map-empty span{font-size:13px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-map-empty .cx-i{width:34px;height:34px;color:#b0a27f} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-map-overlay{position:absolute!important;left:10px!important;right:auto!important;top:10px!important;bottom:auto!important;z-index:2;display:none;flex-direction:column;gap:2px;max-width:calc(100% - 20px);padding:10px 12px!important;border:1px solid var(--cx-line)!important;border-radius:12px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 6px 18px rgba(20,20,20,.14)!important;color:var(--cx-muted)!important;font-size:12px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-map-overlay b{color:var(--cx-ink)!important;font-size:17px!important;font-weight:700!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-map-overlay span{color:var(--cx-text)!important;font-size:12px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-map:not(:has(.cx-map-empty)) .v507-map-overlay{display:flex!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-gmaps{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:auto!important;height:32px!important;min-height:0!important;margin:6px 0 0!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:linear-gradient(180deg,#d3a042,#b57a15)!important;color:#fff!important;font-size:12px!important;font-weight:600!important;cursor:pointer} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-gmaps .cx-i{width:15px;height:15px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-order{margin-top:14px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-order-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-order-head b{color:var(--cx-ink)!important;font-size:15px!important;font-weight:600!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-order-list{border:1px solid var(--cx-line);border-radius:12px;overflow:hidden;background:#fff} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-order-row{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--cx-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-order-row:last-child{border-bottom:0!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-order-row>div{min-width:0} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-order-n{display:grid!important;place-items:center;flex:none;width:32px!important;height:32px!important;margin:0!important;border-radius:50%!important;background:var(--cx-red)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-order-n.start{background:var(--cx-green)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-order-row b{display:block;color:var(--cx-ink)!important;font-size:14px!important;font-weight:600!important;line-height:1.35} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-order-row small{display:block;overflow:hidden;color:var(--cx-muted)!important;font-size:12px!important;line-height:1.4;text-overflow:ellipsis;white-space:nowrap} /* ---------- 05 สรุปและมอบหมาย ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-sum-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 14px;border:1px solid var(--cx-line);border-radius:14px;background:#fff} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat{display:flex!important;align-items:center;gap:10px;min-width:0;margin:0!important;padding:12px!important;border-left:1px solid var(--cx-line)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat:first-child{border-left:0} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat>.cx-i{width:26px;height:26px;color:#50545c} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat>.cx-i.cx-gold{color:var(--cx-gold)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat>span{display:block;min-width:0} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat small{display:block;color:var(--cx-muted)!important;font-size:12px!important;font-weight:500!important;line-height:1.3;white-space:nowrap} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat b{display:block;margin-top:2px;color:var(--cx-ink)!important;font-size:18px!important;font-weight:700!important;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-discount-stat{cursor:text} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx #v507Discount{display:block!important;width:100%!important;max-width:none!important;height:34px!important;margin:3px 0 0!important;padding:0 8px!important;font-size:16px!important;font-weight:600!important;text-align:left!important;font-variant-numeric:tabular-nums} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx #v507Discount.has-value{border-color:var(--cx-gold)!important;background:var(--cx-gold-soft)!important;color:var(--cx-gold-deep)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx.replacement .v507-discount-stat{display:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx.replacement .cx-sum-stats{grid-template-columns:repeat(2,minmax(0,1fr))} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-sum-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 0;padding:16px 4px;border:1px solid #eedcae;border-radius:16px;background:linear-gradient(180deg,#fdf7ea,#fbefd6)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-money{min-width:0;padding:0 14px} @media (min-width:1361px){#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-money+.cx-money{border-left:1px solid #e9d29c}} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-money-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;row-gap:6px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-money-head .cx-i{width:26px;height:26px;color:var(--cx-gold-deep)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-money-head small{display:block;color:var(--cx-text)!important;font-size:13px!important;font-weight:500!important;line-height:1.35} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-money-head b{grid-column:1/-1;display:block;color:var(--cx-gold-deep)!important;font-size:26px!important;font-weight:700!important;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums} /* ---------- actions ---------- */ /* V21.15.72: owner — the two main buttons left an empty gap in the middle of the bar. The bar is a grid now: ยกเลิก keeps its size, บันทึกเป็นใบงาน and มอบหมายงานทันที share the rest of the width. */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions{position:sticky;bottom:0;z-index:40;display:grid;grid-template-columns:minmax(150px,auto) minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:12px;margin:16px 0 0!important;padding:12px 0 14px!important;background:linear-gradient(180deg,rgba(248,250,252,0),rgba(248,250,252,.94) 26%)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-spacer{display:none} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn{width:100%!important;height:58px!important;border-radius:14px!important;font-size:18px!important;gap:10px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn .cx-i{width:22px;height:22px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn.primary{font-size:19px!important;box-shadow:0 6px 16px rgba(181,122,21,.3)!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx.replacement .cx-pick-move{display:none!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point.cx-swapped::after{animation:cxSwap .9s ease-out} @keyframes cxSwap{0%{background:#fbe9bf;border-color:#d9a441}100%{background:#faf8f4;border-color:#e7e3da}} /* ---------- modals inside the page keep their old look, just the new font ---------- */ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-overlay{font-family:inherit!important} /* ---------- responsive ---------- */ @media (max-width:1360px){ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-layout{grid-template-columns:minmax(0,1fr) minmax(340px,380px)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile{padding:12px 28px 12px 10px!important;gap:8px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile-ico{width:36px;height:36px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile-ico .cx-i{width:22px;height:22px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-tile-text strong{font-size:16px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-contact-row{grid-template-columns:repeat(2,minmax(0,1fr))} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-contact-row>div:last-child{grid-column:1/-1} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-parcel-grid{grid-template-columns:repeat(4,minmax(0,1fr))} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-dim-note{grid-column:1/-1} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-line{flex-basis:24px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-money-head b{font-size:23px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat{padding:10px!important;gap:8px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat>.cx-i{display:none} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat small{white-space:normal} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-stat b{font-size:16px!important} } @media (max-width:1180px){ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-layout{grid-template-columns:minmax(0,1fr)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-map-card{grid-row:span 2} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-text{font-size:13px!important} } @media (max-width:860px){ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-side{display:flex} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-steps{justify-content:space-between;gap:2px;padding:8px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step{flex-direction:column;gap:4px;padding:2px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-ico{width:36px;height:36px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-ico .cx-i{width:18px;height:18px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-text{font-size:11px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-text b{display:none} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-step-line{display:none} } @media (max-width:640px){ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-card{padding:14px!important;border-radius:16px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head{gap:6px 10px;margin-bottom:12px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-num{width:36px;height:36px;font-size:13px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head h3{font-size:18px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-sub{flex-basis:100%;order:9} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-kind-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-kind-row .cx-tile{flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px!important;text-align:center!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-kind-row .cx-tile-text{align-items:center} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-kind-row .cx-tile-text strong{font-size:15px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-kind-row .cx-tile-text small{font-size:11px!important;line-height:1.35} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-kind-row .cx-radio{top:8px;right:8px;width:16px;height:16px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-kind-row .cx-tile.active .cx-radio{box-shadow:inset 0 0 0 3px #fff} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay{flex-direction:column;align-items:flex-start;padding:10px 10px 10px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-pay .cx-radio{top:10px;transform:none} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-ref{grid-template-columns:minmax(0,1fr);gap:6px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-point.cx-point{grid-template-columns:34px 10px 12px minmax(0,1fr) 12px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point::after{left:44px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point::before{left:16px;top:50px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-point>.v507-point-num{width:34px!important;height:34px!important;top:14px!important;font-size:15px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-contact-row,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-detail-grid{grid-template-columns:minmax(0,1fr)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-parcel-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-price{flex:1 1 100%} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-price .cx-input{width:auto!important;flex:1 1 auto} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-sum-stats{grid-template-columns:repeat(2,minmax(0,1fr))} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .v507-discount-stat{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--cx-line)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-sum-money{grid-template-columns:minmax(0,1fr)} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-money+.cx-money{border-top:1px solid #e9d29c;padding-top:12px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-map{height:240px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions{grid-template-columns:50px minmax(0,1fr) minmax(0,1.25fr);gap:8px;padding:10px 0 12px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn{height:50px!important;padding:0 8px!important;font-size:15px!important;border-radius:12px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn.primary{font-size:15px!important} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn.ghost{min-width:0!important;padding:0!important;font-size:0!important;gap:0} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn.ghost .cx-i{width:20px;height:20px} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn.outline .cx-i,#admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-actions .cx-btn.primary .cx-i{display:none} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head-tools{margin-left:0;justify-content:flex-start;flex:1 1 100%} #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx .cx-head-tools .cx-btn{margin-left:auto!important} } @media (prefers-reduced-motion:reduce){ #admin#admin.v21-admin.v21-view-create #v507Page.pe-cx *{transition:none!important;scroll-behavior:auto!important} }