#vlUx3Palette{font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;top:59px;left:11px;bottom:77px;width:min(360px,calc(100vw - 22px));z-index:118;border:1px solid #d3b87c99;border-radius:17px;background:linear-gradient(160deg,#173e38f5,#0d2c2bf5);box-shadow:0 20px 55px #031d22b3;color:#f8f1df;padding:13px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9aba9c44 transparent}
#vlUx3Palette[hidden],#ux3Shop[hidden],#ux3Zones[hidden]{display:none!important}
#vlUx3Palette button{font:inherit;cursor:pointer;touch-action:manipulation}
.ux3-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.ux3-head span{color:#e2c994;font-size:9px;letter-spacing:.14em;font-weight:800}.ux3-head h2{font-size:18px;letter-spacing:-.02em;margin:3px 0}.ux3-head h2 small{font-size:10px;border:1px solid #e6c98877;color:#e7c888;padding:3px 6px;border-radius:6px;vertical-align:middle}.ux3-head>button{background:#426455;color:#fff;border:1px solid #e6d3a355;border-radius:8px;padding:8px 11px;font-size:14px}
.ux3-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid #abcbb64a;background:#092a2b92;border-radius:12px}.ux3-tabs button{background:none;color:#cedcd2;border:0;border-radius:9px;padding:9px 5px;font-size:12px;font-weight:800}.ux3-tabs button[aria-selected="true"]{background:#d8bc86;color:#163b35}
.ux3-totals{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:6px;margin:10px 0}.ux3-totals span{min-width:0;border:1px solid #b4c99a36;background:#2654486f;border-radius:10px;padding:8px;display:grid;gap:3px}.ux3-totals small{color:#b5d1c0;font-size:9px;letter-spacing:.04em}.ux3-totals b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.ux3-section-title,.ux3-map-head{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 7px;gap:9px}.ux3-section-title b,.ux3-map-head b{font-size:12px;color:#f6e5bc}.ux3-section-title small,.ux3-map-head small{font-size:10px;color:#b9d4cb}
.ux3-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ux3-products button{background:#204d44;border:1px solid #a9cbb34d;border-radius:10px;color:#f7f3df;padding:8px 3px;min-width:0;min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ux3-products button.active,.ux3-zones button.active,.ux3-actions button.active{border-color:#e9ca81;background:#51705b;color:#fff3c9;box-shadow:inset 0 0 0 1px #efd6a744}.ux3-product-icon{font-size:23px}.ux3-product-name{display:grid;gap:2px;text-align:center;min-width:0}.ux3-product-name b{font-size:10px}.ux3-product-name small{font-size:9px;color:#dbd2aa}
.ux3-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ux3-zones button{background:#244c44;color:#f1ecdb;border:1px solid #acc7aa55;border-radius:9px;padding:10px 3px;font-size:11px}.ux3-zones button span{font-size:17px;display:block;margin-bottom:2px}.ux3-hint{font-size:10px;line-height:1.5;color:#c9d9c5;margin:8px 2px 0}
.ux3-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ux3-actions button{min-width:0;background:#24483f;color:#fff3da;border:1px solid #bfd2b354;border-radius:8px;font-size:10px;padding:9px 2px;font-weight:750}
.ux3-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;touch-action:none;padding:8px;border:1px solid #9abeb058;background:#0a2529;border-radius:11px;user-select:none}.ux3-cell{aspect-ratio:1;min-width:0;display:grid;place-items:center;font-size:13px;border:1px solid #9cbba240;border-radius:4px;background:#25423d;color:#f7efc7;padding:0}.ux3-cell.ux3-linked{background:#317357}.ux3-cell.ux3-isolated{background:#916a3c}.ux3-cell.ux3-missing{background:#774b42}.ux3-cell.ux3-zone-dan-cu:not(.ux3-linked):not(.ux3-isolated):not(.ux3-missing){background:#355f46}.ux3-cell.ux3-zone-thuong-mai:not(.ux3-linked):not(.ux3-isolated):not(.ux3-missing){background:#71603b}.ux3-cell.ux3-zone-cong-cong:not(.ux3-linked):not(.ux3-isolated):not(.ux3-missing){background:#365471}.ux3-cell.ux3-zone-san-xuat:not(.ux3-linked):not(.ux3-isolated):not(.ux3-missing){background:#64473b}.ux3-cell.ux3-zone-cay-xanh:not(.ux3-linked):not(.ux3-isolated):not(.ux3-missing){background:#32654e}.ux3-cell.ux3-gate{border-color:#e7c788;border-width:2px}.ux3-cell.ux3-selected{outline:2px solid #fff5bb;outline-offset:0;z-index:1}
.ux3-legend{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:7px 0;font-size:9px;color:#c9d8cb}.ux3-legend span{display:flex;align-items:center;gap:4px}.ux3-dot{display:inline-block;width:8px;height:8px;border-radius:100%}.ux3-linked{background:#64ca8d}.ux3-isolated{background:#deab65}.ux3-missing{background:#d28678}
.ux3-notice{border-left:3px solid #d9be7d;color:#f7e3aa;background:#1a3937;padding:8px 10px;border-radius:0 9px 9px 0;line-height:1.5;font-size:11px;min-height:35px;margin:9px 0}.ux3-notice.ux3-error{border-left-color:#ec8b7c;color:#ffd6cb}.ux3-shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.ux3-shortcuts button{background:#355a4d;color:#f8ebcf;border:1px solid #b5cca75e;border-radius:9px;font-size:11px;padding:10px 5px;font-weight:800}.ux3-shortcuts button.active{background:#ddc189;color:#173a33}.ux3-foot{font-size:9px;line-height:1.5;color:#b7cbbb;padding:9px 0 2px}
body.vl-ux-original #vlUx3Palette{display:none!important}
@media(max-height:520px) and (orientation:landscape){#vlUx3Palette{top:47px;bottom:58px;width:min(326px,calc(100vw - 30px));padding:9px}.ux3-head{margin-bottom:5px}.ux3-head h2{font-size:15px}.ux3-tabs button{padding:6px}.ux3-totals{margin:5px 0}.ux3-products button{min-height:58px;padding:4px}.ux3-product-icon{font-size:17px}.ux3-products{gap:4px}.ux3-section-title{margin:7px 0 5px}.ux3-grid{gap:2px;padding:5px}.ux3-cell{font-size:11px}}
@media(max-width:690px) and (orientation:landscape){#vlUx3Palette{width:min(285px,calc(100vw - 20px))}.ux3-product-name small{font-size:8px}.ux3-grid{gap:2px}}
@media(prefers-reduced-motion:reduce){#vlUx3Palette *{scroll-behavior:auto}}

.ux3-cell.ux3-road-start{outline:2px solid #e9cf6c;box-shadow:inset 0 0 0 2px #8fa673}.ux3-actions button[data-ux3-mode="roadline"].active{background:#b4d6a1;color:#14362f}