/* Cloud work is shown through actual command, file and receipt state. */
.computer-panel{min-width:0;border:1px solid var(--line,#d7dfef);border-radius:20px;background:var(--surface,#fff);padding:24px;overflow-wrap:anywhere;color:var(--body,#25324c)}
.computer-panel h2{font-size:1.1rem;line-height:1.35;margin:0 0 10px;color:var(--ink,#15213b)}
.computer-panel p{line-height:1.65;margin:8px 0}.computer-panel-heading{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.computer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 4px}
.computer-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:10px 15px;font:inherit;font-size:.875rem;font-weight:550;line-height:1.35;border:1px solid var(--line,#d7dfef);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#15213b);cursor:pointer;white-space:normal;text-align:center;overflow-wrap:anywhere}
.computer-button:hover{border-color:var(--accent,#315bec);background:var(--accent-bg,#edf2ff)}.computer-button:focus-visible,.computer-disclosure>summary:focus-visible,.computer-log:focus-visible{outline:3px solid var(--accent,#315bec);outline-offset:3px}
.computer-button.stop{color:var(--danger,#a52338);border-color:color-mix(in srgb,var(--danger,#a52338) 40%,var(--line,#d7dfef))}.computer-button:disabled{opacity:.6;cursor:default}
.computer-runs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;margin-top:20px}.computer-run{min-width:0;border:1px solid var(--line,#d7dfef);border-radius:15px;padding:17px;background:var(--surface-2,#f9fbff)}
.computer-run-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.computer-run h3{font-size:.97rem;line-height:1.5;margin:0;color:var(--ink,#15213b)}
.computer-state{font-size:.875rem;color:var(--muted,#54627f)}.computer-state.active{color:var(--accent,#315bec)}.computer-state.attention{color:var(--danger,#a52338)}.computer-state.complete{color:var(--success,#226347)}
.computer-time,.computer-note,.computer-empty{font-size:.875rem;color:var(--muted,#54627f)}.computer-detail .computer-run{margin-top:16px}.computer-detail .computer-run>.computer-actions{margin-bottom:20px}
.computer-facts{display:grid;gap:12px;margin:16px 0}.computer-facts>div{display:grid;grid-template-columns:minmax(130px,35%) minmax(0,1fr);gap:14px}.computer-facts dt{font-size:.875rem;font-weight:600;color:var(--ink,#15213b)}.computer-facts dd{font-size:.875rem;margin:0;min-width:0;overflow-wrap:anywhere}
.computer-disclosure{border-top:1px solid var(--line,#d7dfef);padding:8px 0;margin-top:8px;min-width:0}.computer-disclosure>summary{font-size:.875rem;font-weight:600;min-height:44px;padding:11px 0;cursor:pointer;color:var(--ink,#15213b)}
.computer-results{border-top:1px solid var(--line,#d7dfef);padding-top:18px;margin-top:18px}.computer-results ul{list-style:none;padding:0;margin:14px 0}.computer-results li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line,#d7dfef)}.computer-results li>div{min-width:0;flex:1}.computer-results strong{display:block;font-size:.875rem}.computer-results small{display:block;font-size:.875rem;color:var(--muted,#54627f);line-height:1.6;margin-top:4px}.computer-hash{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-all;font-size:.875rem}
.computer-log{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-height:320px;overflow:auto;overscroll-behavior:contain;font-size:.875rem;line-height:1.65;background:var(--surface,#fff);border:1px solid var(--line,#d7dfef);border-radius:12px;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:560px){.computer-panel{padding:17px;border-radius:16px}.computer-actions{align-items:stretch}.computer-actions>.computer-button{flex:1}.computer-facts>div{grid-template-columns:1fr;gap:4px}.computer-results li{flex-wrap:wrap}.computer-results li>div{flex-basis:100%}.computer-results .computer-button{width:100%}.computer-log{padding:12px;font-size:.875rem}.computer-panel-heading>.computer-button{flex:1}}
@media(prefers-reduced-motion:reduce){.computer-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}