.connection-panel{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line,#deded7)}
.connection-memory{font-size:13px;line-height:1.6;margin:0 0 16px;color:var(--muted,#62665d)}
.connection-memory svg{width:16px;height:16px;vertical-align:middle;margin-right:5px}
.connection-choice{display:flex;align-items:end;gap:12px;margin-top:14px;flex-wrap:wrap}
.connection-choice .field{flex:1;min-width:180px;margin:0}.connection-choice select{width:100%;min-height:42px}
.connection-actions{display:flex;gap:8px;flex-wrap:wrap}.connection-error{color:#a13025;font-size:14px}
.browser-dialog{width:min(1180px,96vw);max-width:none;padding:24px;max-height:94vh;overflow:auto;background:var(--bg,#f8f7f4);border:1px solid var(--line,#deded7);border-radius:14px;color:var(--ink,#2e302e)}
.browser-dialog::backdrop{background:rgba(20,25,20,.5)}.browser-dialog h2{font-size:20px;margin:0}
.browser-address{font-size:12px;overflow-wrap:anywhere;padding:8px 0}.browser-screen{background:white;min-height:180px;border:1px solid var(--line,#deded7);border-radius:8px;overflow:hidden}
.browser-screen img{width:100%;display:block;cursor:default}.browser-screen img:not([src]){display:none}.browser-screen img:focus-visible{outline:3px solid #b54730;outline-offset:-3px}
.browser-entry{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.browser-entry .field{flex:1;margin:0;min-width:180px}.browser-entry input{width:100%;min-height:42px}
.browser-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.browser-attention{padding:18px;background:#fff8ed;border:1px solid #dac6a7;border-radius:8px;position:relative;z-index:2;margin:16px 0}
.saved-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line,#deded7)}.saved-connection small{display:block;color:#62665d;margin-top:4px}
.execution-summary{font-size:13px;color:#62665d;margin:8px 0 16px;line-height:1.6}
@media(max-width:600px){.browser-dialog{padding:14px}.browser-footer{align-items:stretch;flex-direction:column}.connection-actions{width:100%}.browser-entry button{flex:1}}

.connection-name input,.browser-entry input{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);min-height:42px;width:100%}
.connection-name{display:block;margin-bottom:14px;max-width:420px}.connection-name .field-title{display:block;margin-bottom:5px}
.browser-dialog .btn:not(.secondary):not(.text){background:#b54730;color:#fff}.browser-dialog .note{color:#62665d}.connection-memory .link{color:#a6402c}
.browser-footer{position:sticky;bottom:-24px;background:var(--bg,#f8f7f4);padding:14px 0;border-top:1px solid var(--line)}
@media(max-width:600px){.browser-footer{bottom:-14px}.browser-entry .field{flex-basis:100%}}

.work-failed .work-preview{padding:22px;display:flex;align-items:center;color:#a13025;background:#fff8f4}.work-failed .work-preview p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.browser-attention.calm{background:var(--panel,#fff);border-color:var(--line,#deded7)}
.browser-attention .browser-peek{display:block;width:100%;max-height:360px;object-fit:contain;object-position:top;border:1px solid var(--line,#deded7);border-radius:8px;margin-bottom:10px;background:#fff}
.browser-handoff{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}