.port-control{display:flex;align-items:center;position:relative;min-width:0;width:100%;border:1px solid #b9cec6;border-radius:4px;background:#fff}
.booking-cell .port-control input[data-port-picker],.field .port-control input[data-port-picker]{border:0;background:transparent;box-shadow:none;padding:8px 32px 8px 10px;min-height:36px;height:36px;width:100%;font-size:13px;font-weight:500;text-overflow:ellipsis;margin:0;color:#234b43}
.port-control:focus-within{outline:2px solid #267f6e;outline-offset:1px}
.port-picker-toggle{position:absolute;right:0;top:0;height:100%;width:30px;border:0;border-left:1px solid #e1eae6;background:#f0f6f3;color:#236c5d;cursor:pointer;font-size:18px;border-radius:0 3px 3px 0}
.port-picker-popup{position:fixed;z-index:10000;overflow:auto;background:#fff;border:1px solid #b9cec6;border-radius:5px;box-shadow:0 6px 22px #17392e25;padding:4px;overscroll-behavior:contain}
.port-picker-popup [role=option]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 10px;cursor:pointer;border-radius:3px;font-size:13px;min-height:36px}
.port-picker-popup [role=option]:hover,.port-picker-popup [aria-selected=true]{background:#e6f2ed;color:#0c6854}
.port-picker-popup [role=option] strong{font-weight:500;overflow-wrap:anywhere}
.port-picker-popup [role=option] span{font:12px ui-monospace,monospace;letter-spacing:.4px;color:#56766b;background:#f1f5f2;padding:3px 5px;border-radius:3px;flex-shrink:0}
.port-picker-maintain{display:block;position:sticky;bottom:-4px;background:#f5f8f6;border-top:1px solid #dce6e0;padding:10px;color:#126f5e;font-size:12px;text-decoration:none}
.port-picker-empty{padding:10px;font-size:13px;color:#7a6c48}
.port-catalog-table td{padding-top:14px;padding-bottom:14px}.port-catalog-table strong{font-size:13px;font-weight:500}.port-catalog-table th:first-child{width:52%}
.page-note{font-size:12px;color:#6d8278;line-height:1.8}.page-note a{color:#176e5d}