.work-request { --work-accent: var(--accent, #5264ba); color: inherit; font: inherit; padding: 12px 0; margin: 0; min-width: 0; }
.work-status-line { display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 1.6; }
.work-status-line > .work-text-button { margin-left: auto; }
.work-status-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; opacity: .55; }
.work-status-dot.state-working, .work-status-dot.state-handed_off { background: var(--work-accent); opacity: 1; }
.work-status-dot.state-waiting { background: #ac7626; opacity: 1; }
.work-detail, .work-question-origin { font-size: 12px; line-height: 1.5; opacity: .7; margin: 6px 0; }
.work-question { margin: 14px 0; padding: 0 0 0 14px; border-left: 2px solid var(--work-accent); display: grid; gap: 9px; }
.work-question-origin { margin: 0; }
.work-question label { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.55; font-weight: 500; }
.work-question textarea { box-sizing: border-box; width: 100%; resize: vertical; min-height: 64px; max-height: 240px; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius: 7px; padding: 10px 12px; background: color-mix(in srgb, currentColor 3%, transparent); color: inherit; font: inherit; font-size: 13px; }
.work-primary-button, .work-text-button, .work-file-button { font: inherit; cursor: pointer; color: inherit; }
.work-primary-button { justify-self: start; border: 0; border-radius: 6px; padding: 8px 12px; background: var(--work-accent); color: white; font-size: 12px; font-weight: 500; min-height: 34px; }
.work-text-button { border: 0; background: transparent; text-decoration: underline; text-underline-offset: 3px; padding: 4px; font-size: 12px; }
.work-request button:disabled { opacity: .5; cursor: default; }
.work-request :is(button, textarea, summary):focus-visible { outline: 2px solid var(--work-accent); outline-offset: 3px; }
.work-details { margin-top: 10px; font-size: 12px; }
.work-details summary { cursor: pointer; padding: 4px 0; opacity: .75; }
.work-details ul, .work-result-files { list-style: none; padding: 0; margin: 6px 0; }
.work-details li { display: flex; gap: 14px; justify-content: space-between; padding: 5px 0; }
.work-details li span:last-child { opacity: .65; text-align: right; }
.work-result-summary { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.6; }
.work-file-button { width: 100%; text-align: left; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; background: transparent; border: 0; border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent); padding: 10px 0; transition: color 120ms ease; overflow-wrap: anywhere; }
.work-file-button:hover { color: var(--work-accent); }
.work-file-button span { font-size: 13px; font-weight: 500; }
.work-file-button small { margin-left: auto; font-size: 11px; opacity: .6; }
.work-error { font-size: 12px; line-height: 1.5; color: var(--danger, #b24538); }
.work-continuation { color: inherit; opacity: .6; font-size: 12px; line-height: 1.5; padding: 10px 0; margin: 0; }
@media (pointer: coarse) { .work-primary-button, .work-text-button, .work-file-button { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .work-file-button { transition: none; } }
.work-saved-answer { margin: 0; padding: 10px 12px; max-height: 160px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; border: 0; border-radius: 7px; background: color-mix(in srgb, currentColor 4%, transparent); font-size: 13px; line-height: 1.6; }
.work-question-origin, .work-details li > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.work-saved-answer:focus-visible { outline: 2px solid var(--work-accent); outline-offset: 3px; }