.work-order-follow-up-modes { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; padding-top:24px; border-top:1px solid #d6e0e5; }
.work-order-follow-up-modes button { min-height:42px; padding:10px 16px; border:1px solid #b9cbd7; border-radius:6px; background:#fff; color:#344a58; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.work-order-follow-up-modes button[aria-pressed="true"] { color:#fff; background:#056a73; border-color:#056a73; }
.work-order-follow-up-modes + [data-work-order-follow-up-panel] .work-order-follow-ups { border-top:0; padding-top:20px; margin-top:0; }
.work-order-follow-up-modes button:focus-visible,.work-order-associations :is(button,select,summary):focus-visible { outline:3px solid #078b91; outline-offset:3px; }
.work-order-associations { min-width:0; padding-top:20px; color:#122330; }
.work-order-associations-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.work-order-associations-heading > button { flex:none; }
.work-order-associations h3 { margin:6px 0; font-size:21px; line-height:1.3; }
.work-order-associations .section-kicker { margin:0; color:#087f87; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.work-order-associations-heading p:not(.section-kicker),.work-order-associations-caption,.work-order-association-meta { color:#536c7c; line-height:1.6; }
.work-order-associations-heading p:not(.section-kicker) { margin:0; max-width:72ch; }
.work-order-associations .form-status:empty { display:none; }
.work-order-associations .form-status.error { color:#a1322b; }
.work-order-associations-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }
.work-order-associations-summary p { margin:0; padding:14px 16px; background:#f4f7f9; border-left:3px solid #078b91; }
.work-order-associations-summary p + p { border-left-color:#657985; }
.work-order-associations-summary span,.work-order-associations-summary strong { display:block; }
.work-order-associations-summary span { color:#536c7c; font-size:12px; }
.work-order-associations-summary strong { margin-top:4px; font-size:24px; font-variant-numeric:tabular-nums; }
.work-order-associations-caption,.work-order-association-meta { font-size:12px; }
.work-order-associations-filters { margin:20px 0 0; }
.work-order-associations-filters fieldset { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; border:0; padding:0; margin:0; min-width:0; }
.work-order-associations-filters label { display:grid; gap:6px; flex:1 1 200px; min-width:0; color:#344a58; font-size:12px; font-weight:700; }
.work-order-associations :is(button,select,summary) { min-height:42px; }
.work-order-associations select { width:100%; min-width:0; box-sizing:border-box; padding:9px 10px; border:1px solid #b9cbd7; border-radius:6px; background:#fff; color:#122330; font:inherit; font-size:14px; }
.work-order-associations-results { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin-top:24px; }
.work-order-associations-results h4 { font-size:18px; margin:0; }
.work-order-associations-list { display:grid; gap:16px; list-style:none; padding:0; margin:16px 0; }
.work-order-association-row { min-width:0; padding:20px; border:1px solid #d6e0e5; border-radius:8px; background:#fff; overflow-wrap:anywhere; }
.work-order-association-row > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.work-order-association-link { display:block; padding:8px 0; border:0; background:transparent; color:#056a73; font:inherit; font-size:17px; font-weight:750; text-align:left; text-decoration:underline; cursor:pointer; }
.work-order-association-row small { display:block; color:#536c7c; font-size:12px; line-height:1.6; }
.work-order-association-state { flex:none; padding:4px 8px; border-radius:4px; color:#056a73; background:#edf6f6; font-size:12px; line-height:1.6; }
.work-order-association-state.is-retracted { color:#536c7c; background:#f1f4f6; }
.work-order-association-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:16px 0; }
.work-order-association-facts section { min-width:0; }
.work-order-association-facts h4,.work-order-association-retraction h4 { margin:0 0 8px; font-size:13px; }
.work-order-association-facts span { display:block; line-height:1.6; }
.work-order-association-note { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.6; }
details.work-order-association-note { white-space:normal; }
.work-order-association-note summary { display:flex; align-items:center; color:#344a58; cursor:pointer; text-decoration:underline; }
.work-order-association-note p { white-space:pre-wrap; margin:8px 0; }
.work-order-association-retraction { margin-top:16px; padding:12px 16px; border-left:3px solid #657985; background:#f4f7f9; }
.work-order-associations-pagination { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding-top:16px; border-top:1px solid #d6e0e5; }
.work-order-associations-pagination > div { display:flex; flex-wrap:wrap; gap:8px; }
.work-order-associations-pagination p { color:#536c7c; font-size:12px; }
.work-order-associations-empty,.work-order-associations-boundary { padding:16px; background:#f4f7f9; color:#536c7c; line-height:1.6; }
.work-order-associations-boundary { border-left:3px solid #078b91; margin-top:24px; font-size:13px; }
@media(max-width:600px) {
  .work-order-follow-up-modes button { flex:1 1 100%; }
  .work-order-associations-heading,.work-order-association-row > header { flex-direction:column; }
  .work-order-associations-heading > button { width:100%; }
  .work-order-associations-summary { gap:8px; }
  .work-order-associations-summary p { padding:12px; }
  .work-order-associations-filters fieldset > :is(label,button) { flex:1 1 100%; }
  .work-order-association-facts { grid-template-columns:minmax(0,1fr); gap:16px; }
  .work-order-association-row { padding:16px; }
  .work-order-associations-pagination > div,.work-order-associations-pagination button { width:100%; }
}