.planning-widget { scroll-margin-top: 1rem; }
.planning-layout, .planning-fields { display: grid; gap: 1.25rem; min-width: 0; }
.planning-fields .field, .planning-output, .planning-layout form { min-width: 0; }
.planning-check { display: flex; gap: .65rem; align-items: center; }
.planning-check input { width: 1.2rem; height: 1.2rem; }
.planning-output { padding: 1.25rem; background: #f1f6f9; border-radius: .9rem; align-self: start; }
.planning-output dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid #d5e0e8; }
.planning-output dt { color: #526779; }
.planning-output dd { text-align: right; font-weight: 700; margin: 0; }
.planning-output button, .planning-widget input, .planning-widget select { max-width: 100%; }
.planning-widget button:disabled { opacity: .55; cursor: not-allowed; }
.planning-article { max-width: 52rem; }
.work-order-document { overflow-wrap: anywhere; }
.work-order-grid { display: grid; gap: 1rem; }
.work-order-grid dt { font-size: .8rem; color: #526779; }
.work-order-grid dd { margin: .35rem 0 0; font-weight: 600; overflow-wrap: anywhere; }
.work-order-list { padding-left: 1.25rem; list-style: disc; }
.work-order-list li { padding: .3rem 0; }
@media (min-width: 640px) { .planning-fields, .work-order-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .planning-layout { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 2rem; } }
@media print { .work-order-actions, .site-header, body > footer { display: none !important; } .work-order-document { border: 0; box-shadow: none; } }