/* "Copy for agent": one button for tasks, components and the whole architecture.
   Full width but quiet (a helper, not the drawer's main action): label plus one short line; compact in the next-step row. */
[data-archbro-ui="next"] .ui-agent-handoff {position:relative}
[data-archbro-ui="next"] .ui-next-task-detail>.ui-agent-handoff {margin:16px 0 6px}
[data-archbro-ui="next"] .cv-inspector-reading>.ui-agent-handoff {margin:6px 0 20px}
[data-archbro-ui="next"] .ui-agent-handoff-button {display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 12px 7px 9px;border:1px solid var(--ui-next-accent);border-radius:10px;background:var(--ui-next-accent-soft);color:var(--ui-next-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
[data-archbro-ui="next"] .ui-agent-handoff-icon {display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:var(--ui-next-accent);color:var(--ui-next-on-accent)}
[data-archbro-ui="next"] .ui-agent-handoff-text {display:grid;gap:1px;min-width:0}
[data-archbro-ui="next"] .ui-agent-handoff-text strong {color:var(--ui-next-accent);font-size:13px;font-weight:700;line-height:1.3}
[data-archbro-ui="next"] .ui-agent-handoff-sub {overflow:hidden;color:var(--ui-next-muted);font-size:12px;font-weight:500;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
[data-archbro-ui="next"] .ui-agent-handoff-button:hover:not([aria-busy="true"]):not([data-agent-prompt-state]) {background:color-mix(in srgb,var(--ui-next-accent) 16%,var(--ui-next-surface))}
[data-archbro-ui="next"] .ui-agent-handoff-button:hover:not([aria-busy="true"])[data-archbro-ui="next"] .ui-agent-handoff-button:focus-visible {outline:2px solid var(--ui-next-accent);outline-offset:2px}
[data-archbro-ui="next"] .ui-agent-handoff-button[aria-busy="true"] {cursor:progress;opacity:.75}
[data-archbro-ui="next"] .ui-agent-handoff-button[data-agent-prompt-state="copied"] {border-color:var(--ui-next-success);background:var(--ui-next-success-bg)}
[data-archbro-ui="next"] .ui-agent-handoff-button[data-agent-prompt-state="copied"] :is(.ui-agent-handoff-icon,strong) {color:var(--ui-next-success)}
[data-archbro-ui="next"] .ui-agent-handoff-button[data-agent-prompt-state="copied"] .ui-agent-handoff-icon {background:var(--ui-next-surface)}
[data-archbro-ui="next"] .ui-agent-handoff-button[data-agent-prompt-state="failed"] {border-color:var(--ui-next-danger);background:var(--ui-next-danger-bg)}
[data-archbro-ui="next"] .ui-agent-handoff-button[data-agent-prompt-state="failed"] :is(.ui-agent-handoff-icon,strong) {color:var(--ui-next-danger)}
[data-archbro-ui="next"] .ui-agent-handoff-button[data-agent-prompt-state="failed"] .ui-agent-handoff-icon {background:var(--ui-next-surface)}
[data-archbro-ui="next"] .ui-agent-handoff-status {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Next-step row: same button, label only, sized like the Open button beside it. */
[data-archbro-ui="next"] .ui-agent-handoff.is-compact .ui-agent-handoff-icon {background:none;color:var(--ui-next-accent)}
[data-archbro-ui="next"] .ui-agent-handoff.is-compact .ui-agent-handoff-button {width:auto;min-height:38px;gap:7px;padding:0 13px 0 10px;border-radius:8px}
[data-archbro-ui="next"] .ui-agent-handoff.is-compact .ui-agent-handoff-icon {width:auto;height:auto}
[data-archbro-ui="next"] .ui-agent-handoff.is-compact .ui-agent-handoff-text strong {font-size:13px;white-space:nowrap}
@media (max-width:620px) {[data-archbro-ui="next"] .ui-agent-handoff.is-compact .ui-agent-handoff-button {min-height:44px}}
@media (prefers-reduced-motion:reduce) {[data-archbro-ui="next"] .ui-agent-handoff-button {transition:none}}
/* Details panel: Ask about the selection first, Copy for agent under it; the panel is too narrow to put both hints side by side. */
[data-archbro-ui="next"] .cv-inspector-actions {display:grid;gap:8px;margin:6px 0 20px}
[data-archbro-ui="next"] .cv-inspector-actions>.ui-agent-handoff {min-width:0;margin:0}
[data-archbro-ui="next"] .cv-inspector-ask {display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:7px 12px 7px 9px;border:1px solid var(--ui-next-accent);border-radius:10px;background:var(--ui-next-accent);color:var(--ui-next-on-accent);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease,transform .12s ease}
[data-archbro-ui="next"] .cv-inspector-ask-icon {display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--ui-next-on-accent) 18%,transparent)}
[data-archbro-ui="next"] .cv-inspector-ask-text {display:grid;gap:1px;min-width:0}
[data-archbro-ui="next"] .cv-inspector-ask-text strong {font-size:13px;font-weight:700;line-height:1.3}
[data-archbro-ui="next"] .cv-inspector-ask-text small {overflow:hidden;color:color-mix(in srgb,var(--ui-next-on-accent) 82%,transparent);font-size:12px;font-weight:500;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
[data-archbro-ui="next"] .cv-inspector-ask:hover {background:color-mix(in srgb,var(--ui-next-accent) 88%,var(--ui-next-ink))}
[data-archbro-ui="next"] .cv-inspector-ask:active {transform:scale(.97)}
[data-archbro-ui="next"] .cv-inspector-ask:focus-visible {outline:2px solid var(--ui-next-accent);outline-offset:2px}
@media (prefers-reduced-motion: reduce) {[data-archbro-ui="next"] .cv-inspector-ask {transition:none} [data-archbro-ui="next"] .cv-inspector-ask:active {transform:none}}

/* Icon handoff: a square button beside a wider action; "Copied" shows as a small label above it. */
[data-archbro-ui="next"] .ui-agent-handoff.is-icon {flex:none}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-button {justify-content:center;width:36px;min-height:36px;height:36px;padding:0;border:1px solid var(--ui-next-line);border-radius:9px;background:var(--ui-next-surface);color:var(--ui-next-muted);transition:background-color .15s ease,color .15s ease,transform .16s cubic-bezier(.23,1,.32,1)}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-icon {width:auto;height:auto;border-radius:0;background:none;color:inherit}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-button:active {transform:scale(.96)}
@media (hover:hover) and (pointer:fine) {[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-button:hover:not([aria-busy="true"]):not([data-agent-prompt-state]) {background:var(--ui-next-hover);color:var(--ui-next-ink)}}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-text {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-button[data-agent-prompt-state="copied"] {border-color:color-mix(in srgb,var(--ui-next-success) 45%,transparent);background:var(--ui-next-success-bg);color:var(--ui-next-success)}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-button[data-agent-prompt-state="failed"] {border-color:color-mix(in srgb,var(--ui-next-danger) 45%,transparent);background:var(--ui-next-danger-bg);color:var(--ui-next-danger)}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-button:is([data-agent-prompt-state="copied"],[data-agent-prompt-state="failed"])::after {display:none}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-button:is([data-agent-prompt-state="copied"],[data-agent-prompt-state="failed"]) .ui-agent-handoff-text {z-index:60;right:0;bottom:calc(100% + 6px);width:max-content;height:auto;padding:5px 9px;overflow:visible;clip:auto;border-radius:6px;background:var(--ui-next-ink);animation:ui-agent-handoff-pop .18s cubic-bezier(.23,1,.32,1)}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-text strong {color:var(--ui-next-surface);font-size:12px;font-weight:600}
[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-button:is([data-agent-prompt-state="copied"],[data-agent-prompt-state="failed"]) .ui-agent-handoff-sub {display:none}
@keyframes ui-agent-handoff-pop {from {opacity:0;transform:translateY(3px) scale(.96)}}
@media (prefers-reduced-motion:reduce) {[data-archbro-ui="next"] .ui-agent-handoff.is-icon .ui-agent-handoff-text {animation:none!important}}
