.task-linked-records,.record-related{padding:24px}.record-related{margin:20px 0}.record-related-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-related h2,.task-linked-records h2{font-size:16px;margin:6px 0 12px}.record-related-heading h2{display:flex;align-items:center;gap:8px}.record-related-heading>small,.record-related>p,.task-link-hint{font-size:11px;line-height:1.8;color:var(--muted)}.task-link-hint{margin:4px 0 14px}.task-link-rows>article{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:17px 0;border-top:1px solid var(--border)}.task-link-rows article>div:first-child{min-width:0}.task-link-kind{font-size:10px;color:var(--muted);display:block;margin-bottom:6px}.task-link-rows strong,.task-link-rows a{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.task-link-rows a{color:var(--blue);font-weight:600}.task-link-rows a:hover{text-decoration:underline}.task-link-rows small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.task-link-controls{display:flex;gap:7px;flex-shrink:0}.task-link-controls .btn{font-size:10px;padding:8px 10px}.task-link-empty{font-size:12px;color:var(--muted);padding:18px 0}.task-link-search{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.task-link-search label{flex:1;min-width:150px;margin:0!important}.task-link-picker{padding-top:0;max-height:400px;overflow:auto}.task-link-picker>div:not(.form-error){display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--border)}.task-link-picker strong{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.task-link-picker small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.task-link-picker .btn{flex-shrink:0}.task-link-picker p{font-size:12px;color:var(--muted)}.related-task-rows>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid var(--border)}.related-task-rows>a:hover strong{color:var(--blue)}.related-task-rows small{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.related-task-rows strong{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.related-task-rows .badge{font-size:10px;flex-shrink:0}.related-pages{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;font-size:11px;color:var(--muted)}#dialog>.record-related{margin:0 24px 24px}.voyage-detail .record-related{margin-bottom:0}#task-link-note label{margin-top:0}.record-related[data-loading=true]{opacity:.7}
@media(max-width:600px){.task-linked-records,.record-related{padding:18px}.record-related-heading{flex-wrap:wrap}.task-link-rows>article{align-items:flex-start;flex-direction:column}.task-link-controls{align-self:flex-end}.task-link-search{flex-direction:column;align-items:stretch}.task-link-search label{min-width:0}.related-task-rows>a{align-items:flex-start}.related-task-rows .badge{white-space:normal;text-align:right}.related-pages .btn{font-size:11px}#dialog>.record-related{margin:0 16px 16px}}
@media print{.record-related{display:none}}