dialog.arrival-checklist-dialog{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #bfd2df;border-radius:12px;background:#fff;color:#163e54;box-shadow:0 16px 56px #193d542b;font:14px/1.5 system-ui,-apple-system,"Malgun Gothic",sans-serif}
dialog.arrival-checklist-dialog::backdrop{background:#14304355}
.arrival-checklist-dialog h3{margin:0 0 6px;font-size:20px;line-height:1.4}
.arrival-checklist-dialog p{margin:0}
.arrival-checklist-dialog .arrival-checklist-booking{color:#596f7d;overflow-wrap:anywhere}
.arrival-checklist-dialog .arrival-checklist-vessel{margin:12px 0;color:#315a70;font-size:13px;overflow-wrap:anywhere}
.arrival-checklist-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.arrival-checklist-dates>div{padding:14px 10px;border:1px solid #dbe6ed;border-radius:8px;background:#f7fafc;text-align:center}
.arrival-checklist-dates>div:last-child{border-color:#83bacd;background:#edf8fa}
.arrival-checklist-dates span{display:block;font-size:12px;color:#536c7b;margin-bottom:5px}
.arrival-checklist-dates strong{font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
.arrival-checklist-dialog .arrival-checklist-question{margin-top:16px}
.arrival-checklist-dialog .arrival-checklist-status:not(:empty){margin-top:12px;color:#a93d1b}
.arrival-checklist-actions{display:flex;gap:10px;margin-top:20px}
.arrival-checklist-actions button{flex:1;min-height:42px;padding:9px 12px;border:1px solid #b8ccd9;border-radius:7px;background:#fff;color:#315a70;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer}
.arrival-checklist-actions button.arrival-checklist-apply{background:#075272;border-color:#075272;color:white}
.arrival-checklist-actions button:disabled{opacity:.6;cursor:default}
.arrival-checklist-actions button:focus-visible{outline:2px solid #1686ad;outline-offset:3px}
@media(max-width:380px){dialog.arrival-checklist-dialog{padding:20px}.arrival-checklist-dates strong{font-size:18px}}