/* Polite Express V21.15.21 — locked Admin Create surface */
:root{--v521-gold:#d79a1d;--v521-gold2:#efb63b;--v521-navy:#081627;--v521-line:#dce4ec;--v521-text:#172033;--v521-muted:#667085}

/* Sidebar / brand */
#admin.v21-admin.v21-view-create .v21-sidebar{width:214px!important;padding:0 12px 14px!important;background:linear-gradient(180deg,#071526,#0a1b2e)!important;overflow:hidden!important}
#admin.v21-admin.v21-view-create .v21-side-brand{height:128px!important;min-height:128px!important;padding:8px 8px 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;white-space:normal!important;position:relative!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
#admin.v21-admin.v21-view-create .v21-side-brand:before,#admin.v21-admin.v21-view-create .v21-side-brand:after{display:none!important;content:none!important}
#admin.v21-admin.v21-view-create .v21-side-brand img{display:block!important;width:184px!important;height:112px!important;max-width:184px!important;max-height:112px!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:transparent!important;filter:none!important;transform:none!important}
#admin.v21-admin.v21-view-create .v21-side-brand>div{display:none!important}
#admin.v21-admin.v21-view-create .v21-nav{padding:7px 0 8px!important}.v21-nav-group-label{display:none!important}
#admin.v21-admin.v21-view-create .v21-nav-btn{min-height:44px!important;margin:2px 0!important;padding:9px 12px!important;border-radius:7px!important;font-size:13px!important;font-weight:750!important;gap:10px!important}
#admin.v21-admin.v21-view-create .v21-nav-icon{width:22px!important;font-size:16px!important}

/* Header + page frame */
#admin.v21-admin{padding:66px 12px 60px 226px!important;background:#fff!important;min-height:100vh!important}
#admin.v21-admin>.v21-admin-header{left:214px!important;height:66px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #e6ebf1!important;box-shadow:none!important}
#admin.v21-admin #v21PageTitle{font-size:24px!important;line-height:1.05!important;font-weight:900!important;color:#111827!important}
#admin.v21-admin #v21PageSub{font-size:11px!important;color:#345381!important;margin-top:2px!important}
#admin.v21-admin>.v21-page-intro{display:none!important}
#v211509AdminCreate{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
#v211509AdminCreate>.v507-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;font-size:11.5px!important;color:var(--v521-text)!important}
#admin.v21-admin.v21-view-create .v507-card{border:1px solid var(--v521-line)!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important}

/* Compact top row — no dead space */
#admin.v21-admin.v21-view-create .v507-top-grid{display:grid!important;grid-template-columns:minmax(0,1.58fr) minmax(390px,.92fr)!important;gap:10px!important;margin:0 0 6px!important;align-items:stretch!important}
#admin.v21-admin.v21-view-create .v507-top-grid>section:first-child{padding:7px!important}
#admin.v21-admin.v21-view-create .v507-kind-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;height:100%!important}
#admin.v21-admin.v21-view-create .v507-tile{min-height:76px!important;height:76px!important;padding:8px 12px!important;border-radius:8px!important;border:1px solid var(--v521-line)!important;gap:10px!important;overflow:hidden!important;background:#fff!important}
#admin.v21-admin.v21-view-create .v507-tile .ico{width:43px!important;height:43px!important;min-width:43px!important;border-radius:9px!important;font-size:24px!important;display:grid!important;place-items:center!important;background:#f4f7fb!important;color:#2e4160!important;line-height:1!important}
#admin.v21-admin.v21-view-create .v507-tile strong{display:block!important;font-size:15px!important;line-height:1.05!important;white-space:nowrap!important;overflow:visible!important}
#admin.v21-admin.v21-view-create .v507-tile small{display:block!important;font-size:10.3px!important;line-height:1.25!important;margin-top:3px!important;white-space:normal!important}
#admin.v21-admin.v21-view-create .v507-tile.active{border:1.5px solid #d9991c!important;background:linear-gradient(135deg,#fff8e7,#fff)!important}
#admin.v21-admin.v21-view-create .v507-tile.active .ico{background:#fff5da!important;color:#d38d08!important}
#admin.v21-admin.v21-view-create #v507Replacement .ico{font-family:Arial,sans-serif!important;font-size:27px!important;font-weight:900!important;color:#294363!important}

/* Payment: balanced 2 choices + reference row */
#admin.v21-admin.v21-view-create .v507-pay-card{padding:7px 8px!important;display:grid!important;grid-template-rows:auto auto auto!important;gap:4px!important;overflow:visible!important;min-width:0!important}
#admin.v21-admin.v21-view-create .v507-section-label{font-size:12px!important;line-height:1.2!important;margin:0!important;font-weight:900!important;color:#111827!important}
#admin.v21-admin.v21-view-create .v507-pay-row{display:grid!important;grid-template-columns:1fr 1.08fr!important;gap:7px!important;min-width:0!important}
#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile{height:47px!important;min-height:47px!important;padding:4px 7px!important;gap:6px!important;min-width:0!important}
#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile .ico{width:31px!important;height:31px!important;min-width:31px!important;font-size:16px!important;border-radius:6px!important}
#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile>span:nth-child(2){min-width:0!important;overflow:hidden!important}
#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile strong{font-size:12px!important;white-space:nowrap!important}
#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile small{font-size:8.8px!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:1px!important}
#admin.v21-admin.v21-view-create .v507-pay-row .radio{width:15px!important;height:15px!important;min-width:15px!important;margin-left:auto!important}
#admin.v21-admin.v21-view-create .v516-ref-card{display:none!important}
#admin.v21-admin.v21-view-create .v521-ref-inline{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0!important}
#admin.v21-admin.v21-view-create .v521-ref-inline .v507-field-label{margin:0!important;font-size:10.5px!important;color:#111827!important;white-space:nowrap!important}
#admin.v21-admin.v21-view-create .v521-ref-inline .v507-input{height:31px!important;font-size:10.5px!important;border-radius:6px!important;min-width:0!important}

/* Route starts directly under top row */
#admin.v21-admin.v21-view-create .v507-route-layout{display:grid!important;grid-template-columns:minmax(0,1.72fr) minmax(350px,.78fr)!important;gap:10px!important;margin:0!important;align-items:start!important}
#admin.v21-admin.v21-view-create .v507-route-card{padding:0!important;overflow:visible!important;margin:0!important}
#admin.v21-admin.v21-view-create .v507-route-head{height:42px!important;min-height:42px!important;padding:0 10px!important;gap:9px!important;border-bottom:1px solid #edf1f5!important;flex-wrap:nowrap!important}
#admin.v21-admin.v21-view-create .v507-route-head h3{font-size:14.5px!important;line-height:1!important;margin:0!important}
#admin.v21-admin.v21-view-create .v507-checkline{font-size:10.5px!important;gap:6px!important;white-space:nowrap!important}.v507-checkline input{width:15px!important;height:15px!important}
#admin.v21-admin.v21-view-create .v507-count{font-size:10.5px!important;white-space:nowrap!important}
#admin.v21-admin.v21-view-create .v507-add-stop{height:32px!important;padding:0 13px!important;border-radius:6px!important;background:linear-gradient(135deg,#e4a31f,#c98707)!important;color:#fff!important;border:0!important;font-size:10.8px!important;box-shadow:none!important;white-space:nowrap!important}

#admin.v21-admin.v21-view-create .v507-point{padding:7px 9px 7px 57px!important;min-height:0!important;margin:0!important}
#admin.v21-admin.v21-view-create .v507-point-num{left:11px!important;top:8px!important;width:31px!important;height:31px!important;font-size:13px!important}
#admin.v21-admin.v21-view-create .v507-point-line:before{left:26px!important;top:40px!important;bottom:-8px!important}
#admin.v21-admin.v21-view-create .v507-point-top{margin:0 0 4px!important;min-height:31px!important}
#admin.v21-admin.v21-view-create .v507-point-type{height:31px!important;font-size:11px!important;border-radius:6px!important;padding:0 9px!important}
#admin.v21-admin.v21-view-create .v507-point-tools{gap:6px!important}.v507-swap{font-size:9.7px!important}.v507-trash{width:28px!important;height:28px!important;font-size:14px!important}
#admin.v21-admin.v21-view-create #v507UseCustomerAddress{display:none!important}
#admin.v21-admin.v21-view-create .v507-address-row{grid-template-columns:minmax(0,1fr) 105px!important;gap:7px!important;align-items:end!important}.v507-address-row.no-price{grid-template-columns:1fr!important}
#admin.v21-admin.v21-view-create .v507-mini-label{font-size:9.7px!important;margin-bottom:2px!important;line-height:1.15!important}
#admin.v21-admin.v21-view-create .v507-input,#admin.v21-admin.v21-view-create .v507-select{height:35px!important;border-radius:6px!important;font-size:10.7px!important;padding:0 9px!important}
#admin.v21-admin.v21-view-create .v507-contact-row{grid-template-columns:1fr 1fr 1.45fr!important;gap:7px!important;margin-top:4px!important}
#admin.v21-admin.v21-view-create .v507-contact-row .v507-input{height:31px!important;font-size:10.3px!important}
#admin.v21-admin.v21-view-create .v507-place-status{display:none!important}
#admin.v21-admin.v21-view-create .v507-price-box label{font-size:9px!important;margin-bottom:2px!important}.v507-price-box .v507-input{height:35px!important}

/* Map compact and aligned with route */
#admin.v21-admin.v21-view-create .v507-map-card{padding:8px 9px!important;min-height:0!important;margin:0!important;position:relative!important;top:auto!important}
#admin.v21-admin.v21-view-create .v507-map-head{margin:0 0 5px!important}.v507-map-head b{font-size:13.5px!important}.v507-map-head label{font-size:9.5px!important}
#admin.v21-admin.v21-view-create .v507-map{height:250px!important;border-radius:7px!important}.v507-map-overlay{right:7px!important;bottom:7px!important;padding:6px 8px!important;min-width:132px!important;border-radius:7px!important}.v507-map-overlay b{font-size:15px!important}.v507-map-overlay span{font-size:9px!important}.v507-gmaps{font-size:9px!important;height:28px!important}
#admin.v21-admin.v21-view-create .v507-order{margin-top:6px!important}.v507-order-head{margin-bottom:4px!important}.v507-order-head b{font-size:12px!important}.v507-order-head button{font-size:9.5px!important}.v507-order-row{padding:5px 6px!important;min-height:43px!important}.v507-order-n{width:25px!important;height:25px!important;font-size:11px!important}.v507-order-row b{font-size:10.5px!important}.v507-order-row small{font-size:9px!important;line-height:1.2!important}

/* Lower section must touch route with only 6px gap */
#admin.v21-admin.v21-view-create .v507-lower{display:grid!important;grid-template-columns:minmax(0,1.22fr) minmax(0,.9fr)!important;gap:0!important;margin:6px 0 0!important;border:1px solid var(--v521-line)!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important}
#admin.v21-admin.v21-view-create .v507-detail-card,#admin.v21-admin.v21-view-create .v507-parcel-card{border:0!important;border-radius:0!important;padding:6px 9px!important;margin:0!important;min-height:0!important}
#admin.v21-admin.v21-view-create .v507-detail-card{border-right:1px solid var(--v521-line)!important}
#admin.v21-admin.v21-view-create .v507-lower-title{font-size:12.5px!important;margin-bottom:3px!important;line-height:1.1!important}
#admin.v21-admin.v21-view-create .v507-detail-grid{grid-template-columns:minmax(0,1fr) 140px!important;gap:7px!important}.v507-detail-grid .v507-input,.v507-parcel-grid .v507-input{height:29px!important;font-size:10px!important}
#admin.v21-admin.v21-view-create .v507-inline-checks{margin-top:4px!important;gap:11px!important}.v507-inline-checks label{font-size:9.8px!important}.v507-inline-checks input{width:14px!important;height:14px!important}
#admin.v21-admin.v21-view-create .v507-parcel-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.v507-parcel-grid>div:last-child{display:none!important}.v507-unit{font-size:8.5px!important;margin-top:1px!important}

/* Bottom summary */
#admin.v21-admin.v21-view-create .v507-bottom{position:sticky!important;bottom:0!important;z-index:120!important;margin-top:6px!important;border-radius:0!important;border:0!important;border-top:1px solid #e2e7ed!important;box-shadow:0 -2px 10px rgba(15,23,42,.05)!important;background:#fff!important;display:grid!important;grid-template-columns:96px minmax(0,1fr) minmax(0,1fr) 120px minmax(116px,1.13fr) minmax(116px,1.18fr) 136px 176px!important;min-height:54px!important}
#admin.v21-admin.v21-view-create .v507-bottom>*{min-width:0!important}.v507-bottom>div,.v507-bottom>button{min-height:54px!important}.v507-cancel,.v507-draft,.v507-assign{border-radius:5px!important;font-size:10.8px!important}.v507-assign{background:linear-gradient(135deg,#e4a31f,#cb8500)!important}.v507-stat{padding:5px 7px!important}.v507-stat .ico{font-size:17px!important}.v507-stat small{font-size:8.4px!important}.v507-stat b{font-size:13px!important}.v507-stat.money b{font-size:15px!important;color:#d48700!important}

/* Single v521 search portal */
#v521SearchPortal{position:fixed!important;z-index:2147483647!important;display:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 12px 30px rgba(15,23,42,.22);max-height:330px;overflow:auto;overscroll-behavior:contain;min-width:320px}
#v521SearchPortal.show{display:block!important}.v521-head{padding:6px 10px;background:#f8fafc;border-bottom:1px solid #edf1f5;color:#64748b;font-size:9.5px;font-weight:850}.v521-row{display:grid;width:100%;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;border:0;border-bottom:1px solid #eef2f6;background:#fff;padding:8px 10px;text-align:left;cursor:pointer;color:#172033}.v521-row:hover,.v521-row:focus{background:#fff8e8;outline:none}.v521-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef4fb;color:#1f4f8d;font-size:15px}.v521-row.google .v521-ico{background:#fff3dd}.v521-row b{display:block;font-size:11px;line-height:1.25}.v521-row small{display:block;margin-top:2px;color:#667085;font-size:9px;line-height:1.3}.v521-source{font-size:8.5px;color:#4f6f9f;white-space:nowrap}.v521-empty{padding:8px 10px;color:#667085;font-size:9.5px}.v521-loading{color:#2472c9}.v521-error{color:#b42318}
/* Hide all legacy dropdowns so only v521 is visible */
#admin.v21-admin.v21-view-create .google-suggest-menu,#admin.v21-admin.v21-view-create .v507-customer-menu,#v514SearchPortal,#v519SearchPortal,#v520SearchPortal{display:none!important}

@media(max-width:1180px){
 #admin.v21-admin{padding-left:214px!important}.v507-route-layout{grid-template-columns:minmax(0,1.55fr) 335px!important}.v507-top-grid{grid-template-columns:minmax(0,1.35fr) minmax(350px,.9fr)!important}.v507-bottom{grid-template-columns:84px minmax(0,.7fr) minmax(0,.7fr) 112px minmax(112px,1fr) minmax(112px,1fr) 120px 154px!important}
}
@media(max-height:820px) and (min-width:900px){
 #admin.v21-admin{padding-top:62px!important}.v21-admin-header{height:62px!important}.v507-tile{height:70px!important;min-height:70px!important}.v507-map{height:220px!important}.v507-point{padding-top:6px!important;padding-bottom:6px!important}.v507-bottom{min-height:50px!important}.v507-bottom>div,.v507-bottom>button{min-height:50px!important}
}
/* V21.15.21 specificity guards against legacy Admin shell rules */
#admin#admin.v21-admin.v21-view-create .v21-side-brand img{display:block!important;width:184px!important;height:112px!important;max-width:184px!important;max-height:112px!important;min-width:184px!important;min-height:112px!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:transparent!important;filter:none!important;transform:none!important}
#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:8.6px!important;line-height:1.05!important;max-width:92px!important}

/* refactor1f: payment card = label / two equal tiles / reference row.
   app.css (v211517) still gave this card two grid columns, so the reference box was auto-placed into a ~116px
   column next to the tiles: its input collapsed to zero width and the credit tile text overflowed its border.
   #admin#admin raises specificity above the older #admin.v21-admin.v21-view-create rules. */
#admin#admin.v21-admin.v21-view-create .v507-top-grid>section:first-child .v507-kind-row{height:100%!important}
#admin#admin.v21-admin.v21-view-create .v507-top-grid>section:first-child .v507-tile{height:auto!important;min-height:76px!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;row-gap:6px!important;column-gap:0!important;align-content:start!important;overflow:visible!important;padding:8px 10px 9px!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-card>.v507-section-label{grid-column:1!important;grid-row:1!important;margin:0!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-card>.v507-pay-row{grid-column:1!important;grid-row:2!important;grid-template-columns:1fr 1fr!important;gap:8px!important;height:auto!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile{height:48px!important;min-height:48px!important;padding:5px 10px!important;gap:8px!important;overflow:hidden!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile>span:nth-child(2){flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile strong{font-size:13px!important;line-height:1.15!important;white-space:nowrap!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-row .v507-tile small{display:block!important;max-width:100%!important;font-size:9.5px!important;line-height:1.2!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-row .radio{flex:0 0 16px!important;width:16px!important;height:16px!important;margin-left:auto!important}
#admin#admin.v21-admin.v21-view-create .v507-pay-card>.v521-ref-inline{grid-column:1!important;grid-row:3!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;align-items:center!important;width:auto!important;justify-self:stretch!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#admin#admin.v21-admin.v21-view-create .v521-ref-inline .v507-field-label{margin:0!important;font-size:11px!important;color:#111827!important;white-space:nowrap!important}
#admin#admin.v21-admin.v21-view-create .v521-ref-inline .v507-input{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:11px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background:#fff!important}

/* refactor1g: same sidebar logo size on every admin page. app.css still forces the old 44px icon size
   (#admin#admin.v21-admin .v21-side-brand img) everywhere except Create; the extra .v21-admin raises specificity above it. */
#admin#admin.v21-admin.v21-admin .v21-side-brand img{display:block!important;width:184px!important;height:112px!important;max-width:184px!important;max-height:112px!important;min-width:184px!important;min-height:112px!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:transparent!important;filter:none!important;transform:none!important}

/* refactor1f: prices stand out — per-stop price field and the two orange totals in the bottom bar. */
#admin#admin.v21-admin.v21-view-create .v507-address-row{grid-template-columns:minmax(0,1fr) 132px!important}
#admin#admin.v21-admin.v21-view-create .v507-address-row.no-price{grid-template-columns:1fr!important}
#admin#admin.v21-admin.v21-view-create .v507-price-box label{font-size:11px!important;font-weight:800!important;color:#92400e!important;margin-bottom:3px!important}
#admin#admin.v21-admin.v21-view-create .v507-price-box .v507-input{height:46px!important;padding:0 10px!important;font-size:20px!important;font-weight:900!important;color:#b45309!important;text-align:right!important;background:#fffbeb!important;border:1.5px solid #f0c060!important}
#admin#admin.v21-admin.v21-view-create .v507-bottom{height:auto!important;min-height:60px!important}
#admin#admin.v21-admin.v21-view-create .v507-bottom>div,#admin#admin.v21-admin.v21-view-create .v507-bottom>button{min-height:60px!important}
#admin#admin.v21-admin.v21-view-create .v507-bottom .v507-stat.money{background:#fff8eb!important;border-radius:8px!important}
#admin#admin.v21-admin.v21-view-create .v507-bottom .v507-stat.money small{font-size:10.5px!important;font-weight:700!important;color:#7c5a17!important;line-height:1.25!important}
#admin#admin.v21-admin.v21-view-create .v507-bottom .v507-stat.money b{font-size:clamp(17px,1.55vw,23px)!important;font-weight:900!important;color:#d48700!important;line-height:1.15!important;white-space:nowrap!important}
/* V21.15.64: แถบล่างมี 8 ช่องแล้ว (เพิ่มช่องส่วนลด) พอจอแคบลงคอลัมน์ราคาจะแคบจนตัวเลขโดนตัด
   ย่อตัวเลขลงเฉพาะจอแคบ · จอกว้าง (เช่น 1920 ของเจ้าของ) ยังใช้ขนาดเดิมตาม clamp ด้านบน */
@media(max-width:1300px){#admin#admin.v21-admin.v21-view-create .v507-bottom .v507-stat.money b{font-size:13px!important}}