.task-brief-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 5px 6px 8px; color: var(--text-2); font-size: 11px; }
.task-brief-strip[hidden] { display: none; }
.task-brief-strip > span { margin-right: auto; color: var(--text); font-weight: 550; }
.task-brief-strip button { min-height: 32px; padding: 5px 8px; font-size: 11px; }
.task-slots { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 20px 0; min-width: 0; }
.task-slot, .task-field { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 8px; margin: 18px 0; color: var(--text); font-size: 13px; font-weight: 550; overflow-wrap: anywhere; }
.task-slots .task-slot { margin: 0; }
.task-slots > .pc-sheet-note { margin-bottom: 0; }
.task-slots > button { justify-self: start; min-height: 44px; padding-inline: 12px; border: 1px solid var(--border-strong); border-radius: 9px; }
.task-slot-controls { display: flex; gap: 8px; min-width: 0; }
.task-slot-controls button { flex: 0 0 auto; min-height: 44px; border: 1px solid var(--border-strong); border-radius: 9px; padding: 8px 12px; }
.task-slot-controls select { flex: 1; width: 0; min-width: 0; min-height: 44px; }
.task-field textarea, .task-instructions textarea { box-sizing: border-box; width: 100%; padding: 11px; resize: vertical; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--input); color: var(--text); font: 14px/1.6 var(--sans); }
.task-instructions { margin: 18px 0; }
.task-instructions summary { box-sizing: border-box; cursor: pointer; min-height: 44px; padding: 11px 0; color: var(--text-2); font-size: 13px; }
.pc-task-sheet :is(input, select, textarea, summary):focus-visible { outline: 2px solid var(--pc-focus, var(--text-2)); outline-offset: 3px; }
.task-instructions textarea { margin-top: 8px; }
.task-amounts { display: inline-block; margin: 0; padding: 5px 9px; border: 1px solid var(--border); border-radius: 99px; color: var(--text-2); font-size: 12px; }
.pc-choice.task-choice { flex-direction: column; align-items: flex-start; gap: 4px; }
.pc-choice.task-choice > span { color: var(--text-2); font-size: 12px; font-weight: 400; }
@media (max-width:640px) {
  .task-brief-strip button { min-height: 44px; padding: 9px; }
  .task-field textarea, .task-instructions textarea { font-size: 16px; }
  .task-slot-controls { flex-wrap: wrap; }
  .task-slot-controls select { flex-basis: 100%; width: 100%; font-size: 16px; }
}