:root{--bg:#f5f7fb;--panel:#ffffff;--line:#d8dee9;--text:#1d2433;--muted:#667085;--primary:#1f6feb;--danger:#b42318;--ok:#067647;--warn:#b54708}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:var(--primary);text-decoration:none}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:9px 10px;font:inherit;background:white}textarea{min-height:110px}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--primary);border-radius:6px;padding:8px 12px;background:var(--primary);color:white;font:inherit;cursor:pointer}.button.secondary,button.secondary{background:white;color:var(--primary)}.button.danger-button,button.danger-button{border-color:var(--danger);background:var(--danger);color:white}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#101828;color:white;padding:22px 18px}.brand{font-size:18px;font-weight:700;margin-bottom:26px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a,.nav-button{color:#d0d5dd;padding:9px 10px;border-radius:6px}.nav-button{width:100%;min-height:0;border:0;background:transparent;justify-content:flex-start}.nav a:hover,.nav-button:hover{background:#1d2939;color:white}.main{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line)}.table td,.table th{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-size:12px;text-transform:uppercase}.dense-table td,.dense-table th{padding:8px}.muted{color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:3px 8px;background:#eef4ff;color:#175cd3;font-size:12px}.badge.ok{background:#ecfdf3;color:var(--ok)}.badge.warn{background:#fffaeb;color:var(--warn)}.badge.danger{background:#fef3f2;color:var(--danger)}.level-grid{display:flex;flex-wrap:wrap;gap:5px;min-width:150px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.form-row,.stack{display:grid;grid-gap:12px;gap:12px}.inline-form{display:flex;align-items:center;gap:8px}.inline-form.wrap{flex-wrap:wrap}.compact-field{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:12px}.compact-actions,.compact-field{min-width:180px}.mail-subject{max-width:520px;overflow-wrap:anywhere}.mail-subject details{margin-top:7px}.mail-subject details p{max-height:160px;overflow:auto;white-space:pre-wrap}.candidate-list{display:flex;flex-wrap:wrap;gap:7px}.compact-button{min-height:34px;padding:6px 10px}.notice{border-left:4px solid var(--primary);background:#eff6ff;padding:12px;margin-bottom:16px}.danger-notice{border-left-color:var(--danger);background:#fff1f1}.error-details{max-width:100%;overflow:hidden}.error-details summary{display:flex;gap:10px;align-items:baseline;cursor:pointer;max-width:100%}.error-details summary span{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.error-log{display:block;max-width:100%;max-height:320px;margin:12px 0 0;overflow:auto;border:1px solid #fecdca;border-radius:6px;background:white;padding:10px;white-space:pre}.danger-panel{border-color:#fecdca;background:#fffafa}.assistant-actions,.assistant-progress,.assistant-start,.assistant-toolbar{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.assistant-toolbar .inline-form{flex:1 1}.assistant-toolbar label{min-width:min(420px,100%)}.assistant-progress{align-items:center}.assistant-instruction h2,.assistant-progress h2{margin-bottom:6px}.assistant-checkpoint{padding:18px}.assistant-instruction{border-left:4px solid var(--primary);padding-left:14px;margin-bottom:16px}.assistant-step-label{display:block;color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase}.assistant-browser{display:block;width:100%;height:min(720px,70vh);border:1px solid var(--line);border-radius:6px;background:#111}.assistant-actions,.assistant-start{justify-content:flex-start;flex-wrap:wrap;margin:14px 0 0}.assistant-empty{text-align:center;padding:36px 18px}.assistant-fallback{margin-top:18px}.assistant-fallback summary{cursor:pointer;font-weight:700}.assistant-fallback[open] summary{margin-bottom:12px}.credential-box{display:grid;grid-gap:10px;gap:10px;margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.credential-value{display:block;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:10px;font-size:15px;white-space:nowrap}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input{width:auto;margin:0}.local-browser-panel{margin-bottom:18px;border-left:4px solid var(--primary)}.local-browser-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.local-browser-heading h2,.local-browser-heading p{margin-top:0}.local-browser-status{max-width:100%;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.local-browser-status p{margin:5px 0}.local-browser-url{max-width:100%;overflow-wrap:anywhere}.local-browser-hint{margin:14px 0 0}.local-connect-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f5f7fb}.local-connect-panel{width:min(620px,100%);border:1px solid var(--line);border-radius:8px;background:white;padding:28px}.local-connect-panel h1{margin:6px 0 22px;font-size:28px}.local-connect-kicker{color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase}.local-connect-state{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;border:1px solid var(--line);border-radius:6px;padding:14px}.local-connect-state p{margin:4px 0 0;color:var(--muted)}.local-connect-indicator{width:12px;height:12px;flex:0 0 12px;margin-top:4px;border:2px solid var(--primary);border-top:2px solid transparent;border-radius:50%;animation:local-connect-spin .8s linear infinite}.local-connect-state.connected .local-connect-indicator{border-color:var(--ok);background:var(--ok);animation:none}.local-connect-state.error .local-connect-indicator,.local-connect-state.missing .local-connect-indicator{border-color:var(--danger);background:var(--danger);animation:none}.local-connect-steps{margin:4px 0 0;padding-left:22px;color:var(--muted);line-height:1.7}@keyframes local-connect-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.form-row,.grid.cols-2,.grid.cols-3,.grid.cols-4,.shell{grid-template-columns:1fr}.assistant-progress,.assistant-toolbar{align-items:stretch;flex-direction:column}.assistant-toolbar .inline-form{display:grid}.local-browser-heading{align-items:stretch;flex-direction:column}}