.work-order-current-status { display:flex; flex-wrap:wrap; gap:.5rem; align-items:baseline; margin-top:1rem; padding-top:.75rem; border-top:1px solid rgba(255,255,255,.15); }
.work-order-current-status span { color:#cbd5e1; font-size:.75rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.work-order-current-status strong { color:#fff; font-size:1.125rem; font-weight:700; }
.work-order-next-guidance { margin-top:.75rem; color:#d1fae5; }
.work-order-next-guidance strong { color:#fff; font-weight:600; }
.work-order-parts-summary-link { display:flex; flex-wrap:wrap; gap:.375rem; align-items:center; min-height:2.75rem; margin-top:.25rem; color:#a7f3d0; font-size:.8125rem; text-decoration:underline; text-underline-offset:3px; }
.readiness-blocker { margin-top:.75rem; padding:.75rem; border:1px solid #fde68a; border-radius:.5rem; color:#78350f; background:#fffbeb; }
.parts-request-selector { display:flex; gap:.5rem; margin-top:.75rem; padding-bottom:.25rem; overflow-x:auto; }
.parts-request-selector-link { flex:0 0 auto; padding:.5rem .75rem; border:1px solid #e2e8f0; border-radius:.5rem; color:#334155; font-size:.75rem; font-weight:600; }
.parts-request-selector-link.is-active { border-color:#15803d; color:#14532d; background:#ecfdf5; }
.work-order-secondary-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-start; margin-top:20px; padding-top:16px; border-top:1px solid #e2e8f0; }
.work-order-action-disclosure { border:0; overflow:visible; }
.work-order-action-disclosure > summary { display:inline-flex; justify-content:flex-start; width:fit-content; min-height:44px; gap:8px; padding:10px 14px; border:1px solid #94a3b8; border-radius:8px; background:#f8fafc; color:#334155; font-size:14px; font-weight:600; box-shadow:0 1px 2px rgb(15 23 42 / 6%); }
.work-order-action-disclosure > summary::after { content:"+"; margin-inline-start:8px; font-size:20px; line-height:1; }
.work-order-action-disclosure[open] > summary::after { content:"−"; }
.work-order-action-disclosure > summary:focus-visible { outline:2px solid #0f7a43; outline-offset:3px; }
.work-order-action-disclosure > summary svg { width:18px; height:18px; flex:none; }
.work-order-action-disclosure[open] { flex-basis:100%; }
.work-order-action-disclosure[open] > form { margin-top:10px; border:1px solid #e2e8f0; border-radius:10px; background:#f8fafc; }
.work-order-repair-form > .work-order-save-row { grid-column:1 / -1; display:flex; justify-content:flex-start; margin-top:4px; }
.work-order-action-panel .primary-button,
.work-order-action-panel .secondary-button { min-height:44px; font-size:14px; }
.work-order-action-panel .work-order-save-button { width:auto; min-height:44px; padding:10px 18px; }
.work-order-action-panel .readiness-blocker.work-order-testing-guidance { display:block; margin-top:16px; font-size:14px; line-height:1.6; }
.work-order-testing-guidance > a { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; padding:8px 14px; border:1px solid #d97706; border-radius:8px; background:#fff; color:#92400e; text-decoration:none; font-weight:600; }
@media (max-width:639px) { .work-order-action-panel .work-order-save-button { max-width:100%; white-space:normal; } }