.cargo32-toolbar,.cargo32-title{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:14px 0}.cargo32-toolbar .field{min-width:200px}.cargo32-voyage{flex:1;max-width:700px}.cargo32 select,.cargo32-port-row input,.cargo32-upload-row select{width:100%;min-width:0;padding:10px;border:1px solid #92b5cc;border-radius:6px;background:#fff;color:#123d57;font:inherit}.cargo32-title{align-items:center;justify-content:space-between}.cargo32-title h3{margin:0}.cargo32-title small{font-weight:400;margin-left:12px}.cargo32-ports,.cargo32-new-ports{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cargo32-ports section,.cargo32-new-ports section{background:#eff6fa;border:1px solid #bad2e1;border-radius:8px;padding:14px}.cargo32-ports h4{margin:0 0 10px}.cargo32-ports [data-cargo=add-port]{margin-top:12px}.cargo32 [aria-pressed=true]{background:#164a69!important;color:#fff!important}.cargo32 [aria-pressed=true] .op-vi{color:#d6f5ff!important}.cargo32-empty{padding:28px 0;color:#315b73}.cargo32-documents{margin-top:24px}.cargo32-document-name{width:36%;white-space:normal;overflow-wrap:anywhere}.cargo32-check{text-align:center!important;width:100px}.cargo32 input[type=checkbox]{width:22px;height:22px;accent-color:#176081;cursor:pointer}.cargo32 input[type=checkbox]:disabled{cursor:default}.cargo32 .op-files{max-width:320px;overflow-wrap:anywhere}.cargo32-port-row{display:flex;align-items:end;gap:8px;margin:10px 0}.cargo32-port-row label{flex:1;min-width:0}.cargo32-port-row button{flex:none}.cargo32-upload-row{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:10px;margin:12px 0;overflow-wrap:anywhere}#cargo32-message{color:#115a68;white-space:pre-line}.cargo32 .table-wrap{overflow:auto}.cargo32 table{min-width:680px}.cargo32 .op-actions{gap:6px}.cargo32 .op-pair{white-space:normal}@media(max-width:750px){.cargo32-ports,.cargo32-new-ports{grid-template-columns:1fr}.cargo32-toolbar .field{width:100%;min-width:0}.cargo32-port-row{flex-wrap:wrap}.cargo32-upload-row{grid-template-columns:1fr}.cargo32-title h3{font-size:18px}}

.ops23 .btn-primary .op-vi{color:#dcf5ff!important}
/* Give native date inputs their own track, including in the narrow VOY dialog. */
.cargo32-port-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,1fr) auto;align-items:end}
.cargo32-port-row label{display:block;min-width:0;overflow:hidden}
.cargo32-port-row input{box-sizing:border-box;max-width:100%}
.cargo32-port-row button{white-space:nowrap;align-self:end}
.cargo32-new-ports section{min-width:0}
@media(max-width:1100px){.cargo32-port-row{grid-template-columns:minmax(0,1fr) minmax(145px,1fr)}.cargo32-port-row button{grid-column:1/-1;justify-self:end}}
@media(max-width:480px){.cargo32-port-row{grid-template-columns:minmax(0,1fr)}.cargo32-port-row button{grid-column:1}}

.crew34-actions .btn{background:#12629a!important;color:#fff!important;border-color:#12629a!important}.crew34-actions .btn:hover{background:#0e4d7b!important}
/* Modal width can differ from the viewport: stack fields within each port card. */
.cargo40-voyage-dialog .cargo32-port-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;min-width:0}
.cargo40-voyage-dialog .cargo32-port-row>label{display:block!important;width:100%!important;min-width:0!important;overflow:visible!important}
.cargo40-voyage-dialog .cargo32-port-row input:not([type=checkbox]){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;font:14px system-ui!important;line-height:1.5!important;min-height:40px!important;padding:8px!important}
.cargo40-voyage-dialog .cargo32-port-row>[data-cargo=remove-row]{grid-column:1!important;justify-self:end!important;margin:0!important}
.cargo40-voyage-dialog .cargo32-new-ports>p{grid-column:1/-1}
.cargo40-port-files{min-width:0;border-top:1px solid #b9cfdd;padding-top:10px}.cargo40-port-files summary,.cargo40-checklist summary{cursor:pointer;font-weight:650;color:#134b70;padding:10px 0}.cargo40-upload-choice{margin:12px 0}.cargo40-upload-choice input[type=checkbox]{width:18px!important;height:18px!important;vertical-align:middle}.cargo40-upload-choice input[type=file]{margin-top:8px}.cargo40-upload-choice [hidden]{display:none!important}
.cargo40-checklist{margin-top:12px}.cargo34-paper [data-cargo=upload-port]{font-size:12px;padding:7px;margin-top:7px}
/* A single continuous voyage checklist. */
.cargo32 .cargo34-paper{width:min(100%,210mm);margin:22px auto;background:#fff;border:1px solid #adc7d7;border-radius:4px;padding:22px;box-shadow:0 4px 18px #123c5910;box-sizing:border-box}.cargo34-brand{font-size:11px;font-weight:700;letter-spacing:.08em;color:#356780}.cargo34-paper .cargo32-title{margin:0 0 16px;align-items:flex-start}.cargo34-paper .cargo32-title h3{font-size:18px;line-height:1.5;margin:5px 0;color:#123d57}.cargo34-paper .cargo32-title p{margin:4px 0;line-height:1.6}.cargo34-manage{font-size:13px;flex:none}.cargo34-manage summary{cursor:pointer;color:#14557e;padding:6px 0}.cargo34-manage[open]{display:flex}.cargo34-manage button{display:block;margin:6px 0}.cargo34-paper .cargo32-ports{gap:14px}.cargo34-paper .cargo32-ports section{border:0;border-radius:0;border-top:2px solid #246387;background:#f3f8fb;padding:12px;min-width:0}.cargo34-port-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.cargo34-port-heading h4{margin:0!important;font-size:13px}.cargo34-paper .cargo32-ports [data-cargo=add-port]{margin:0;padding:7px;font-size:12px;white-space:nowrap}.cargo34-paper .cargo32-ports ol{padding-left:19px;margin:12px 0 0}.cargo34-paper .cargo32-ports li{margin:9px 0;overflow-wrap:anywhere}.cargo34-paper small{display:block;font-size:11px;line-height:1.5;color:#47687b;margin-top:4px}.cargo34-port-link{padding:0!important;border:0;background:transparent;color:#124f78;text-align:left;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:650;cursor:pointer}.cargo34-no-port{list-style:none;color:#557085}.cargo32 .cargo34-tools{background:#123f5c;padding:12px;border-radius:6px;color:#fff;position:sticky;top:0;z-index:3}.cargo34-tools .op-actions{display:flex;gap:7px;flex-wrap:wrap}.cargo32 .cargo34-tools button{background:#176aa1;color:#fff;border:1px solid #83b3d1;min-width:72px;min-height:40px;padding:8px 14px}.cargo32 .cargo34-tools button:hover:not(:disabled){background:#237eb5}.cargo34-tools button:disabled{opacity:.5;cursor:not-allowed}.cargo34-tools #cargo34-selection{display:block;font-size:12px;line-height:1.5;margin-top:9px;color:#e3f4ff}.cargo34-hint{font-size:12px;line-height:1.6;color:#385c71;margin:12px 0}.cargo32 .cargo34-list{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:12px}.cargo32 .cargo34-list th,.cargo32 .cargo34-list td{border:1px solid #bfd1dd;padding:8px 7px;vertical-align:top;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.45}.cargo32 .cargo34-list th{background:#e6f0f6;color:#123f5b}.cargo34-list th:first-child{width:7%}.cargo34-list th:nth-child(2){width:41%}.cargo34-list th:nth-child(3){width:39%}.cargo34-list th:last-child{width:13%;text-align:center}.cargo34-list tbody tr{cursor:pointer}.cargo34-list tbody tr:hover{background:#f1f8fc}.cargo34-list tbody tr.selected{background:#e8f4fc;box-shadow:inset 4px 0 #176aa1}.cargo34-list tbody tr:focus-visible{outline:2px solid #1681ae;outline-offset:-2px}.cargo34-list .op-en{font-weight:600}.cargo34-list .op-vi{font-size:12px;margin-top:5px}.cargo34-attachment+.cargo34-attachment{border-top:1px solid #d8e3eb;margin-top:8px;padding-top:8px}.cargo34-attachment strong{font-size:11px;font-weight:600;display:block;color:#355d75}.cargo34-list .op-files{max-width:none;min-width:0}.cargo34-list .op-files a{display:block;font-size:12px;white-space:normal;overflow-wrap:anywhere}.cargo34-missing{color:#758b98;font-size:12px}.cargo32 .cargo34-list input[type=checkbox]{width:20px;height:20px;margin-top:4px}.cargo32 .cargo34-list td.cargo32-check{text-align:center}.cargo34-edit-port{border:1px solid #b9d1e0;border-radius:6px;padding:14px;min-width:0}.cargo34-edit-port legend{font-weight:700;color:#124764}.cargo34-edit-port label{display:block;margin:8px 0}.cargo34-edit-port input:not([type=checkbox]),.cargo34-edit-port textarea{width:100%;box-sizing:border-box;margin-top:5px}.cargo34-edit-port input[type=checkbox],.cargo34-delete-choice input{width:20px;height:20px;vertical-align:middle;accent-color:#17659a}.cargo34-view-port{border-bottom:1px solid #c7dbe7;padding:10px 0}.cargo34-view-port h4{margin:5px 0}.cargo32-upload-row{display:block;border-bottom:1px solid #ccdae4;padding:12px 0}.cargo32-upload-row label{display:block;margin-top:10px}.cargo32-upload-row select{display:block;margin-top:4px}.cargo34-edit-port textarea{min-height:64px}
@media(max-width:750px){.cargo32 .cargo34-paper{padding:12px 9px;margin-top:12px}.cargo34-paper .cargo32-ports{grid-template-columns:1fr 1fr;gap:8px}.cargo34-port-heading{flex-wrap:wrap}.cargo34-paper .cargo32-ports section{padding:9px 7px}.cargo32 .cargo34-list{font-size:11px}.cargo32 .cargo34-list th,.cargo32 .cargo34-list td{padding:7px 4px}.cargo34-list .op-vi,.cargo34-list .op-files a{font-size:11px}.cargo34-list th:nth-child(2){width:41%}.cargo34-list th:nth-child(3){width:37%}.cargo34-list th:last-child{width:15%}.cargo34-paper .cargo32-title h3{font-size:16px}.cargo34-tools .op-actions{gap:5px}.cargo32 .cargo34-tools button{padding:8px 9px;min-width:58px}.cargo34-manage{font-size:12px}}
@media print{.cargo32-toolbar,.cargo34-manage,.cargo34-tools,[data-cargo=add-port],#cargo32-message{display:none!important}.cargo32 .cargo34-paper{width:100%;max-width:210mm;padding:0;box-shadow:none;border:0}.cargo34-list thead{display:table-header-group}.cargo34-list tr{break-inside:avoid}.cargo34-list tbody tr.selected{background:transparent;box-shadow:none}}

.cargo42-overview{background:#fff;padding:16px;border:1px solid #adc7da;border-radius:8px}.cargo42-overview table{width:100%;border-collapse:collapse}.cargo42-overview th,.cargo42-overview td{padding:12px;text-align:left;border-bottom:1px solid #c9dce9}.cargo42-overview th{background:#143e5b;color:#fff}.cargo42-overview tbody tr:nth-child(even){background:#edf5fa}@media(max-width:600px){.cargo42-overview{overflow-x:auto}.cargo42-overview table{min-width:560px}}

.cargo32 .cargo34-paper{width:100%;max-width:none}.cargo44-port{border-top:1px solid #b9d1e0;margin-top:16px;padding-top:12px}.cargo44-port-checklist summary{font-weight:650;margin:12px 0;cursor:pointer}.cargo44-port-docs section{margin:12px 0;border:1px solid #c7dbe7!important;padding:12px!important;background:white!important}.cargo44-port-docs label{display:block;margin:10px 0}.cargo44-port-docs .op-actions{display:flex;flex-wrap:wrap;gap:6px}.cargo44-port-docs input[type=checkbox]{vertical-align:middle}.cargo32-toolbar [name=cargoYear]{min-width:150px}@media(max-width:900px){.cargo34-paper .cargo32-ports{grid-template-columns:1fr}}
.cargo47-port-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;grid-column:1/-1}.cargo47-port-actions button{margin:0!important}.cargo32-port-row>input[hidden]{display:none!important}.cargo47-selected-files,.cargo47-existing-files{grid-column:1/-1;overflow-wrap:anywhere}.cargo47-existing-files label{margin:8px 0}.cargo42-overview td:last-child{white-space:nowrap}.cargo42-overview td:last-child button{margin:3px}.cargo42-overview td:first-child{font-weight:600}
.cargo40-voyage-form textarea{width:100%;max-height:none!important;min-height:90px;overflow:hidden;overflow-wrap:anywhere;resize:vertical;box-sizing:border-box}
.cargo50-port-info{grid-column:1/-1}.cargo50-port-info textarea{white-space:pre-wrap}
.cargo51-english .op-vi{display:none!important}.cargo51-language{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600}.cargo51-language input{width:18px;height:18px}
.cargo52-port-info{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.cargo34-paper{scroll-margin-top:20px}#hp-matrix #hp-assessment-settings:not([hidden]){margin-top:14px}