.vessel-detail-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,96vw);max-width:96vw;height:100dvh;max-height:100dvh;padding:0;border:0;color:#173b47;background:#fff;box-shadow:-8px 0 30px #0003;font:14px 'Segoe UI',sans-serif}.vessel-detail-panel::backdrop{background:#142e405e}.vessel-detail-panel>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:18px 24px;border-bottom:1px solid #dbe7eb;z-index:2}.vessel-detail-panel h2{font-size:24px;margin:0;overflow-wrap:anywhere}.vessel-detail-panel button,.vessel-register button{cursor:pointer;border:1px solid #cddfe4;border-radius:7px;padding:9px 14px;background:#fff;color:#076b68}.vessel-detail-body{padding:8px 24px 30px}.vessel-detail-body h3{margin:28px 0 12px;font-size:18px}.vessel-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vessel-details-grid dt{font-size:12px;color:#637f8e}.vessel-details-grid dd{margin:5px 0 0;overflow-wrap:anywhere}.vessel-evidence{white-space:pre-line;background:#f0f7fa;padding:12px;border-radius:8px}.vessel-stay{border:1px solid #dce8ed;border-radius:8px;padding:12px;margin:10px 0}.vessel-stay h4{margin:0}.vessel-table-scroll{overflow:auto;max-width:100%}.vessel-table-scroll table{width:100%;border-collapse:collapse;font-size:13px}.vessel-table-scroll th,.vessel-table-scroll td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #e1eaf0}.vessel-table-scroll th{background:#f3f8fa;white-space:nowrap}.vessel-register{background:#fff;border:1px solid #dce7ed;border-radius:9px;padding:20px}.vessel-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.vessel-toolbar label{display:flex;flex-direction:column;gap:6px}.vessel-toolbar input{border:1px solid #cedfe5;border-radius:7px;padding:10px;font:inherit}.vessel-toolbar input[type=search]{width:min(400px,70vw)}.vessel-register small{display:block;color:#637b89;margin:5px 0}.vessel-error{color:#a71d24;background:#fff0f0;padding:12px;border-radius:6px}.vessel-record-badge{background:#f0f5f7;border-radius:12px;padding:4px 8px;display:inline-block}@media(max-width:600px){.vessel-details-grid{grid-template-columns:1fr}.vessel-detail-body{padding:8px 16px 24px}.vessel-detail-panel>header{padding:16px}.vessel-register{padding:12px}}