/*
 * NableU maintainer note
 * Purpose: Styles the Enablement / Support coordination workspace so plans, task editing and reordering remain usable on desktop, keyboard-only and narrow/mobile layouts.
 */
.coordination-hero { align-items: start; }
.coordination-access,
.coordination-focus,
.coordination-inline-form,
.coordination-picker,
.coordination-plan-builder { margin-block: 1rem; }
.coordination-picker { display: grid; gap: 1rem; }
.coordination-picker-list { display: flex; flex-wrap: wrap; gap: .6rem; }
.coordination-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .75rem; }
.coordination-task-list { display: grid; gap: .85rem; }
.coordination-plan-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .75rem; margin-block: .75rem; }
.coordination-task { position: relative; }
.coordination-task[draggable="true"] { cursor: grab; }
.coordination-task.dragging { opacity: .55; }
.coordination-task.drag-over { outline: 3px solid currentColor; outline-offset: 3px; }
.coordination-reorder { display: flex; flex-wrap: wrap; gap: .4rem; margin-block: .75rem; }
.coordination-reorder button { min-width: 4.2rem; }
.participant-urgency { font-weight: 650; }
.coordination-urgency { padding: .7rem; border: 1px solid currentColor; border-radius: .5rem; }
.coordination-grant-builder { margin-top: .75rem; }
.coordination-grant-builder > summary,
.coordination-plan-builder > summary,
.coordination-task details > summary,
.coordination-goal details > summary,
.coordination-plan details > summary { cursor: pointer; font-weight: 650; padding-block: .5rem; }
.coordination-timeline { display: grid; gap: .6rem; padding-left: 1.25rem; }
.coordination-timeline li { padding-left: .25rem; }
.coordination-timeline li span { display: block; opacity: .78; font-size: .9em; margin-top: .15rem; }
.coordination-not-authorised { border-inline-start: 4px solid currentColor; }

@media (max-width: 680px) {
  .coordination-form-grid { grid-template-columns: 1fr; }
  .coordination-plan-links { grid-template-columns: 1fr; }
  .coordination-reorder { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coordination-reorder button { width: 100%; min-height: 44px; }
  .coordination-picker-list { display: grid; }
  .coordination-picker-list button { width: 100%; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .coordination-task { scroll-behavior: auto; }
}