:root{--app-claude-orange:#d97757;--app-claude-clay-button-orange:#c6613f;--app-claude-ivory:#faf9f5;--app-claude-slate:#141413;--app-spacing-small:4px;--app-spacing-medium:8px;--app-spacing-large:12px;--app-spacing-xlarge:16px;--corner-radius-small:4px;--corner-radius-medium:6px;--corner-radius-large:8px;--app-system-font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;--app-monospace-font-family:"SF Mono",Monaco,Menlo,Consolas,"Ubuntu Mono","Liberation Mono","DejaVu Sans Mono","Courier New",monospace;--app-monospace-font-size:12px;--app-monospace-font-size-small:10px;--claude-main-bg:#1e1e1e;--app-primary-background:#1e1e1e;--app-tool-background:#1e1e1e;--claude-sidebar-bg:#252526;--claude-sidebar-hover:#2a2d2e;--claude-sidebar-active:#37373d;--claude-text-primary:#cccccc;--claude-text-secondary:#9d9d9d;--claude-text-muted:#6e7681;--claude-text-accent:#569cd6;--app-primary-foreground:#cccccc;--app-secondary-foreground:#9d9d9d;--app-link-color:#569cd6;--claude-folder-color:#dcb67a;--vscode-editorLineNumber-foreground:#6e7681;--vscode-editorLineNumber-activeForeground:#c6c6c6;--app-list-padding:0px;--app-list-item-padding:4px 8px;--app-list-border-color:transparent;--app-list-border-radius:4px;--app-list-hover-background:rgba(90,93,94,0.31);--app-list-active-background:rgba(4,57,94,0.31);--app-list-active-foreground:#ffffff;--app-list-gap:2px;--claude-message-bg:#1e1e1e;--claude-message-user-bg:#252526;--claude-message-border:#3c3c3c;--claude-input-bg:#3c3c3c;--claude-input-border:#3c3c3c;--claude-input-focus:#007acc;--app-input-background:#3c3c3c;--app-input-border:#3c3c3c;--app-input-active-border:#007acc;--app-button-foreground:#ffffff;--app-button-background:#0e639c;--app-button-hover-background:#1177bb;--agent-admin:hsl(280 65% 60%);--agent-api:hsl(263 70% 60%);--agent-web:hsl(238 60% 55%);--agent-kit:hsl(250 65% 50%);--claude-border:#3c3c3c;--claude-border-light:#4c4c4c;--claude-shadow:0 2px 8px rgba(0,0,0,0.5);--claude-shadow-light:0 1px 3px rgba(0,0,0,0.4);--app-primary-border-color:#3c3c3c;--app-spinner-foreground:var(--app-claude-orange);--claude-success:#74c991;--claude-warning:#e1c08d;--claude-error:#c74e39;--app-error-foreground:#f14c4c}[data-theme=light]{--claude-main-bg:hsl(210 40% 98%);--claude-sidebar-bg:hsl(210 30% 95%);--claude-sidebar-hover:hsl(210 30% 90%);--claude-sidebar-active:hsl(210 30% 85%);--claude-text-primary:hsl(222 47% 11%);--claude-text-secondary:hsl(215 25% 27%);--claude-text-muted:hsl(215 20% 45%);--claude-text-accent:hsl(263 70% 50%);--claude-message-bg:#ffffff;--claude-message-user-bg:hsl(210 30% 97%);--claude-message-border:hsl(217 30% 85%);--claude-input-bg:#ffffff;--claude-input-border:hsl(217 30% 85%);--claude-input-focus:hsl(263 70% 60%);--agent-admin:hsl(280 65% 50%);--agent-api:hsl(263 70% 50%);--agent-web:hsl(238 60% 45%);--agent-kit:hsl(250 65% 40%);--claude-border:hsl(217 30% 85%);--claude-border-light:hsl(217 30% 78%);--claude-shadow:0 2px 8px hsla(263 70% 50%/0.1);--claude-shadow-light:0 1px 3px hsla(263 70% 50%/0.05);--claude-success:#389e0d;--claude-warning:#d48806;--claude-error:#cf1322}[data-theme=light] ::-webkit-scrollbar-thumb{background:hsl(217 30% 78%)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:hsl(217 30% 70%)}.app-drag-region{-webkit-app-region:drag}.app-no-drag{-webkit-app-region:no-drag}*{box-sizing:border-box}.agent-chat-container ::-webkit-scrollbar{width:8px}.agent-chat-container ::-webkit-scrollbar-track{background:transparent}.agent-chat-container ::-webkit-scrollbar-thumb{background:#505050;border-radius:4px}.agent-chat-container ::-webkit-scrollbar-thumb:hover{background:#606060}.layout-main{display:flex;height:100vh;overflow:hidden;padding-top:0}.layout-sidebar{width:280px;background:var(--claude-sidebar-bg);border-right:1px solid var(--claude-border);display:flex;flex-direction:column;flex-shrink:0}.layout-content{flex:1;display:flex;flex-direction:column;min-width:0}.layout-main.embedded-mode{padding-top:0}.layout-main.embedded-mode .layout-content{width:100%}.agent-status-bar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--claude-sidebar-bg);border-top:1px solid var(--claude-border);flex-shrink:0}.agent-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--claude-text-secondary)}.agent-indicator .status-dot{width:8px;height:8px;border-radius:50%}.agent-indicator .status-dot,.agent-indicator.idle .status-dot{background:var(--claude-text-muted)}.agent-indicator.thinking .status-dot{background:#f59e0b;animation:pulse 1.5s ease-in-out infinite}.agent-indicator.working .status-dot{background:#22c55e;animation:pulse .8s ease-in-out infinite}.agent-indicator.error .status-dot{background:#ef4444}.agent-indicator.flashing .status-dot{animation:flash .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.sidebar-header{padding:16px;border-bottom:1px solid var(--claude-border)}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sidebar-brand-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--agent-admin),var(--agent-kit));border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:600}.sidebar-brand-text h1{font-size:16px;font-weight:600;margin:0;color:var(--claude-text-primary)}.sidebar-brand-text p{font-size:12px;color:var(--claude-text-muted);margin:0}.sidebar-button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--claude-text-secondary);transition:all .15s ease;font-size:14px;font-weight:500}.sidebar-button:hover{background:var(--claude-sidebar-hover);color:var(--claude-text-primary)}.sidebar-button.active{background:var(--claude-sidebar-active);color:var(--claude-text-primary)}.sidebar-button-icon{width:16px;height:16px;flex-shrink:0}.sidebar-button-badge{margin-left:auto;background:var(--claude-border);color:var(--claude-text-muted);font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.sidebar-section{padding:8px 16px}.sidebar-section-title{font-size:11px;font-weight:600;color:var(--claude-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sidebar-agent-list{flex:1;overflow-y:auto;padding:8px}.sidebar-agent-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;transition:all .15s ease;cursor:pointer;margin-bottom:2px}.sidebar-agent-item:hover{background:var(--claude-sidebar-hover)}.sidebar-agent-item.active{background:var(--claude-sidebar-active)}.sidebar-agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-agent-info{flex:1;min-width:0}.sidebar-agent-name{font-size:13px;font-weight:500;color:var(--claude-text-primary);margin-bottom:2px}.sidebar-agent-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-agent-count,.sidebar-agent-desc{font-size:11px;color:var(--claude-text-muted)}.sidebar-agent-count{background:var(--claude-border);padding:2px 6px;border-radius:4px;font-weight:500}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--claude-border);background:var(--claude-main-bg);min-height:60px;position:relative}.chat-header.app-drag-region{-webkit-app-region:drag}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-header-actions.app-no-drag,.chat-header-left.app-no-drag{-webkit-app-region:no-drag}.chat-header-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:12px}.chat-header-info h2{font-size:15px;font-weight:600;margin:0;color:var(--claude-text-primary)}.chat-header-info p{font-size:12px;color:var(--claude-text-muted);margin:2px 0 0;font-family:SF Mono,Monaco,Cascadia Code,monospace}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-button{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;transition:all .15s ease;background:var(--claude-message-bg);color:var(--claude-text-secondary);border:1px solid var(--claude-border)}.chat-header-button:hover{background:var(--claude-sidebar-hover);color:var(--claude-text-primary)}.chat-header-button.primary{background:var(--claude-text-accent);color:white;border-color:var(--claude-text-accent)}.chat-header-button.primary:hover{opacity:.9}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 20px 40px;display:flex;flex-direction:column;gap:0;background-color:var(--claude-main-bg);position:relative;min-width:0;font-family:var(--app-system-font-family);font-size:13px}:root{--app-tool-background:var(--claude-main-bg)}.messages-container:focus{outline:none}.message-item,.messages-content{display:flex;flex-direction:column;gap:0}.message-item{color:var(--claude-text-primary);align-items:flex-start;padding:4px 0;position:relative}.message-item:first-child{padding-top:0}.message-avatar{display:none}.message-content{width:100%}.message-agent,.message-author,.message-header,.message-time{display:none!important}.message-body{background:transparent;border:none;border-radius:0;padding:0}.message-text{font-size:13px;line-height:1.5;color:var(--claude-text-primary);white-space:pre-wrap;font-family:var(--app-system-font-family);margin:0}.user-message-content{white-space:pre-wrap;border:1px solid var(--claude-border);border-radius:6px;background-color:var(--claude-input-bg);padding:4px 6px;display:inline-block;max-width:100%;font-family:var(--app-monospace-font-family,"SF Mono",Monaco,"Cascadia Code",monospace);font-size:.9em}.tool-call,.user-message-content{-webkit-user-select:text;-moz-user-select:text;user-select:text}.tool-call{position:relative;align-items:flex-start;padding-left:30px;padding-top:2px;padding-bottom:2px}.tool-call:before{content:"\25cf";position:absolute;left:8px;padding-top:2px;font-size:10px;color:var(--tool-status-color,var(--claude-text-muted));z-index:1}.tool-call:after{content:"";position:absolute;left:12px;top:0;bottom:0;width:1px;background-color:var(--claude-border)}.tool-call:not(.tool-call+.tool-call):after{top:18px}.tool-call:not(:has(+.tool-call)):after{height:18px}.tool-call:not(.tool-call+.tool-call):not(:has(+.tool-call)):after{display:none}.tool-call.status-success{--tool-status-color:#74c991}.tool-call.status-error{--tool-status-color:#c74e39}.tool-call.status-in-progress,.tool-call.status-warning{--tool-status-color:#e1c08d}.tool-call.status-in-progress:before{animation:statusBlink 1s linear infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes todoBlink{0%,to{opacity:1}50%{opacity:0}}.tool-call-text{font-family:var(--app-monospace-font-family,"SF Mono",Monaco,"Cascadia Code",monospace);font-size:.85em;padding-top:1px;word-break:break-all;overflow-wrap:anywhere;min-width:0;flex:1}.tool-name-text{font-weight:700;margin-right:4px}.tool-name-secondary,.tool-name-secondary-plaintext{color:var(--app-secondary-foreground,var(--claude-text-secondary));word-break:break-all;overflow-wrap:anywhere;min-width:0;flex:1}.tool-body-wrapper{font-family:var(--app-monospace-font-family,"SF Mono",Monaco,monospace);font-size:.9em;margin-bottom:4px;min-height:0;overflow-y:auto;flex-shrink:1}.tool-call-text a{color:inherit;text-decoration:none}.tool-call-text a:hover{text-decoration:underline}.tool-details{border:.5px solid var(--app-input-border,var(--claude-border));border-radius:5px;background:var(--app-tool-background,var(--claude-tool-bg,var(--claude-input-bg)));margin:8px 0;max-width:100%;font-size:1em;align-items:start;overflow:hidden}.tool-details-grid{display:grid;grid-template-columns:max-content 1fr;max-width:100%;overflow:hidden}.tool-details-row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;border-top:.5px solid var(--app-input-border,var(--claude-border));padding:4px}.tool-details-row:first-child{border-top:none}.tool-details-label{grid-column:1;color:var(--claude-text-muted);text-align:left;opacity:.5;padding:4px 8px 4px 4px;font-family:var(--app-monospace-font-family,"SF Mono",Monaco,"Cascadia Code",monospace);font-size:.85em}.tool-details-value{grid-column:2;white-space:pre-wrap;word-break:break-word;margin:0;padding:4px;min-width:0;max-width:100%;overflow-x:auto}.tool-details-value:not(.expanded){max-height:60px;-webkit-mask-image:linear-gradient(to bottom,var(--claude-bg) 40px,transparent 60px);mask-image:linear-gradient(to bottom,var(--claude-bg) 40px,transparent 60px);overflow:hidden}.tool-details-value.collapsible{cursor:pointer;transition:background-color .15s ease}.tool-details-value.collapsible:hover{background:rgba(255,255,255,.03)}.tool-details-value.expanded{max-height:400px;overflow-y:auto;overflow-x:auto}.tool-details-value pre{margin-block:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:100%}.tool-details-value code,.tool-details-value pre{font-family:var(--app-monospace-font-family,"SF Mono",Monaco,"Cascadia Code",monospace);font-size:.85em}.tool-details-value code{margin:0;padding:0}.file-path-link{color:#6eb2ea;cursor:pointer;text-decoration:none;border-radius:2px;transition:background-color .1s ease}.file-path-link:hover{background-color:rgba(110,178,234,.15);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.tool-result-summary{color:var(--claude-text-muted);margin-top:2px;opacity:.7}.tool-result-check,.tool-result-summary{font-family:var(--app-monospace-font-family,"SF Mono",Monaco,monospace);font-size:.85em}.tool-result-check{color:#74c991}.message-body .markdown-content>:first-child{margin-top:0}.message-body .markdown-content>:last-child{margin-bottom:0}.message-body .markdown-content ol,.message-body .markdown-content p,.message-body .markdown-content ul{margin:0 0 4px}.message-body .markdown-content li{margin-bottom:0}.input-container{padding:8px 16px;border-top:1px solid var(--claude-border);background:var(--claude-main-bg)}.input-wrapper{max-width:none;margin:0;background:var(--claude-input-bg);border:1px solid var(--claude-input-border);border-radius:8px;padding:8px 12px;display:flex;align-items:flex-end;gap:8px;transition:border-color .15s ease}.input-wrapper:focus-within{border-color:var(--claude-border-active,#444)}.input-tools{display:flex;align-items:center;gap:8px}.input-tool-button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--claude-text-muted);transition:color .15s ease}.input-tool-button:hover{color:var(--claude-text-secondary)}.input-field{flex:1;background:none;border:none;outline:none;color:var(--claude-text-primary);font-size:14px;line-height:1.5;resize:none;min-height:20px;max-height:120px}.input-field:focus{outline:none}.input-field::-moz-placeholder{color:var(--claude-text-muted)}.input-field::placeholder{color:var(--claude-text-muted)}.input-send{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--claude-text-muted);transition:color .15s ease}.input-send:hover:not(:disabled){color:var(--claude-text-accent)}.input-send:disabled{opacity:.5;cursor:not-allowed}.input-help{margin-top:8px;font-size:11px;color:var(--claude-text-muted);text-align:center}.input-status-bar{gap:12px;padding:6px 12px;background:var(--claude-main-bg);border-top:1px solid var(--claude-border);font-size:12px;color:var(--claude-text-muted)}.input-status-bar,.status-item{display:flex;align-items:center}.status-item{gap:4px}.status-item.muted{color:var(--claude-text-muted);opacity:.6}.status-chevron{color:var(--claude-warning,#f59e0b);font-weight:600}.status-toggle{background:transparent;border:none;color:var(--claude-text-muted);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:3px;transition:all .15s ease}.status-toggle:hover{background:var(--claude-sidebar-hover);color:var(--claude-text-primary)}.status-toggle.active{color:var(--claude-success,#22c55e)}.status-toggle.danger{color:var(--claude-error,#ef4444);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.status-toggle.danger:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.status-icon{font-size:10px}.status-spacer{flex:1}.status-settings-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--claude-text-muted);cursor:pointer;border-radius:4px;transition:all .15s ease}.status-settings-btn:hover{background:var(--claude-sidebar-hover);color:var(--claude-text-primary)}.agent-detail{padding:20px;overflow-y:auto}.agent-detail-content{max-width:800px;margin:0 auto}.agent-detail-header{background:var(--claude-message-bg);border:1px solid var(--claude-message-border);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;align-items:flex-start;gap:16px}.agent-detail-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:700;flex-shrink:0}.agent-detail-info h1{font-size:20px;font-weight:700;margin:0 0 4px;color:var(--claude-text-primary)}.agent-detail-info p{font-size:14px;color:var(--claude-text-secondary);margin:0 0 12px}.agent-detail-path{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--claude-text-muted);font-family:SF Mono,Monaco,monospace;background:var(--claude-border);padding:6px 10px;border-radius:6px}.agent-detail-copy{color:var(--claude-text-muted);transition:color .15s ease}.agent-detail-copy:hover{color:var(--claude-text-secondary)}.agent-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.agent-stat-card{background:var(--claude-message-bg);border:1px solid var(--claude-message-border);border-radius:12px;padding:16px}.agent-stat-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.agent-stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:white}.agent-stat-value{font-size:24px;font-weight:700;color:var(--claude-text-primary);margin:0}.agent-stat-label{font-size:12px;color:var(--claude-text-muted);margin:0}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,var(--agent-admin),var(--agent-kit));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--claude-text-primary)}.empty-state p{font-size:14px;color:var(--claude-text-secondary);margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-in{animation:fadeIn .2s ease-out}.auth-section{padding:12px 0}.auth-user-info{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:8px}.auth-user-avatar{width:24px;height:24px;border-radius:6px;background:var(--claude-text-accent);display:flex;align-items:center;justify-content:center;color:white}.auth-user-details{flex:1;min-width:0}.auth-user-email{font-size:12px;font-weight:500;color:var(--claude-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-user-subscription{font-size:11px;color:var(--claude-text-muted);text-transform:capitalize}.auth-signin{width:100%;justify-content:flex-start!important;background:linear-gradient(135deg,var(--claude-text-accent),var(--agent-web))!important;color:white!important;border:none!important;transition:all .2s ease!important}.auth-signin:hover{transform:translateY(-1px);box-shadow:var(--claude-shadow)}.auth-signout{width:100%;justify-content:flex-start!important;color:var(--claude-text-muted)!important;border:1px solid var(--claude-border)!important}.auth-signout:hover{color:var(--claude-text-primary)!important;border-color:var(--claude-text-accent)!important}.auth-help-text{font-size:11px;color:var(--claude-text-muted);padding:8px 0 0;line-height:1.4}.auth-error{margin-bottom:8px;padding:6px 8px;background:rgba(255,77,79,.1);border:1px solid rgba(255,77,79,.2);border-radius:4px}.auth-error-text{font-size:11px;color:var(--claude-error);line-height:1.3}.animate-spin{animation:spin 1s linear infinite}.auth-code-form{display:flex;flex-direction:column;gap:8px}.auth-code-input{background:var(--claude-input-bg);border:1px solid var(--claude-input-border);border-radius:4px;padding:6px 8px;color:var(--claude-text-primary);font-size:12px;font-family:monospace;width:100%}.auth-code-input:focus{outline:none;border-color:var(--claude-text-accent);box-shadow:0 0 0 1px var(--claude-text-accent)}.auth-code-buttons{display:flex;gap:4px}.auth-complete{flex:1;background:var(--claude-text-accent)!important;color:white!important;border:none!important;font-size:11px!important}.auth-complete:hover:not(:disabled){background:var(--agent-web)!important}.auth-complete:disabled{opacity:.5;cursor:not-allowed}.auth-cancel{flex:1;color:var(--claude-text-muted)!important;border:1px solid var(--claude-border)!important;font-size:11px!important}.auth-cancel:hover{color:var(--claude-text-primary)!important;border-color:var(--claude-text-muted)!important}.spectator-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(90deg,hsl(263 70% 30%/.2),hsl(238 60% 30%/.2));border-bottom:1px solid var(--claude-border);animation:fadeIn .3s ease-out}.spectator-bar-info{display:flex;align-items:center;gap:12px}.spectator-bar-icon{color:var(--claude-text-accent)}.spectator-bar-label{font-size:13px;color:var(--claude-text-secondary)}.spectator-bar-label strong{color:var(--claude-text-primary);font-weight:500}.spectator-bar-session{font-size:12px;color:var(--claude-text-muted);padding-left:12px;border-left:1px solid var(--claude-border)}.spectator-bar-actions{display:flex;align-items:center;gap:8px}.spectator-bar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;transition:all .15s ease}.spectator-bar-btn.primary{background:var(--claude-text-accent);color:white}.spectator-bar-btn.primary:hover{filter:brightness(1.1)}.spectator-bar-btn.secondary{background:var(--claude-sidebar-hover);color:var(--claude-text-secondary)}.spectator-bar-btn.secondary:hover{background:var(--claude-sidebar-active);color:var(--claude-text-primary)}.control-request-dialog{display:flex;align-items:center;gap:8px;padding:4px 8px;background:hsl(45 100% 51%/.1);border-radius:6px;border:1px solid hsl(45 100% 51%/.3)}.control-request-text{font-size:12px;color:var(--claude-text-primary)}.control-request-text strong{color:hsl(45 100% 51%)}.control-request-btn{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.control-request-btn.approve{background:hsl(142 76% 36%);color:white}.control-request-btn.approve:hover{background:hsl(142 76% 46%)}.control-request-btn.deny{background:hsl(0 72% 51%);color:white}.control-request-btn.deny:hover{background:hsl(0 72% 61%)}.layout-sidebar-collapsed{width:60px!important;padding:8px;display:flex;flex-direction:column;align-items:center}.sidebar-collapse-button{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--claude-text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.sidebar-collapse-button:hover{background:var(--claude-sidebar-hover);color:var(--claude-text-primary);border-color:var(--claude-border)}.sidebar-brand{position:relative}.sidebar-brand .sidebar-collapse-button{position:absolute;right:-8px;top:50%;transform:translateY(-50%)}.sidebar-collapsed-icons{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-bottom:12px;border-bottom:1px solid var(--claude-border)}.sidebar-icon-button{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--claude-text-muted);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.sidebar-icon-button:hover{background:var(--claude-sidebar-hover);color:var(--claude-text-primary)}.sidebar-icon-button.active{background:var(--claude-sidebar-active);color:var(--claude-text-accent)}.sidebar-collapsed-agents{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;overflow-y:auto}.sidebar-agent-dot-button{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.sidebar-agent-dot-button:hover{background:var(--claude-sidebar-hover);border-color:var(--claude-border)}.sidebar-agent-dot-button.active{background:var(--claude-sidebar-active);border-color:var(--claude-text-accent)}.sidebar-agent-dot-button .sidebar-agent-dot{width:12px;height:12px}.sidebar-collapsed-footer{padding-top:12px;border-top:1px solid var(--claude-border)}@media (max-width:768px){.layout-sidebar{width:240px}.messages-container{padding:16px}.input-container{padding:12px 16px}.spectator-bar{flex-direction:column;gap:8px;padding:12px}.spectator-bar-info{flex-wrap:wrap}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.permission-request-card{margin:8px 0;padding:12px 16px;background:var(--claude-sidebar-bg);border:1px solid var(--claude-text-accent);border-left-width:3px;border-radius:var(--corner-radius-medium);animation:fadeIn .2s ease-out}.permission-request-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--claude-text-accent)}.permission-request-icon{font-size:16px}.permission-request-title{font-size:13px}.permission-request-body{margin-bottom:12px}.permission-request-tool{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.permission-request-tool-name{font-family:var(--app-monospace-font-family);font-size:13px;font-weight:600;color:var(--claude-text-primary);background:var(--claude-input-bg);padding:2px 8px;border-radius:4px;display:inline-block;width:-moz-fit-content;width:fit-content}.permission-request-reason{font-size:12px;color:var(--claude-text-secondary);font-style:italic}.permission-request-preview{background:var(--claude-main-bg);border:1px solid var(--claude-border);border-radius:var(--corner-radius-small);padding:8px 12px;margin-bottom:8px;overflow-x:auto}.permission-request-preview code{font-family:var(--app-monospace-font-family);font-size:12px;color:var(--claude-text-primary);white-space:pre-wrap;word-break:break-all}.permission-request-blocked{display:flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(255,140,0,.1);border:1px solid rgba(255,140,0,.3);border-radius:var(--corner-radius-small);margin-bottom:8px}.permission-request-blocked-label{font-size:11px;color:#ff8c00;font-weight:500}.permission-request-blocked-path{font-family:var(--app-monospace-font-family);font-size:11px;color:#ff8c00}.permission-request-toggle{background:none;border:none;color:var(--claude-text-accent);font-size:11px;cursor:pointer;padding:0;margin-bottom:8px}.permission-request-toggle:hover{text-decoration:underline}.permission-request-details{background:var(--claude-main-bg);border:1px solid var(--claude-border);border-radius:var(--corner-radius-small);padding:8px 12px;margin-bottom:8px;max-height:200px;overflow:auto}.permission-request-details pre{font-family:var(--app-monospace-font-family);font-size:11px;color:var(--claude-text-secondary);margin:0;white-space:pre-wrap}.permission-request-actions{display:flex;gap:8px;justify-content:flex-end}.permission-request-btn{padding:6px 14px;font-size:12px;font-weight:500;border-radius:var(--corner-radius-small);cursor:pointer;transition:all .15s ease;border:1px solid transparent}.permission-request-btn:disabled{opacity:.5;cursor:not-allowed}.permission-request-btn-deny{background:transparent;border-color:var(--claude-border);color:var(--claude-text-secondary)}.permission-request-btn-deny:hover:not(:disabled){background:rgba(255,100,100,.1);border-color:#ff6464;color:#ff6464}.permission-request-btn-allow{background:var(--app-button-background);color:var(--app-button-foreground)}.permission-request-btn-allow:hover:not(:disabled){background:var(--app-button-hover-background)}.permission-request-btn-always{background:transparent;border-color:var(--claude-text-accent);color:var(--claude-text-accent)}.permission-request-btn-always:hover:not(:disabled){background:rgba(86,156,214,.1)}.permission-request-loading{text-align:center;font-size:11px;color:var(--claude-text-muted);margin-top:8px}.input-send-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--app-button-background);color:var(--app-button-foreground);border:none;cursor:pointer;transition:all .15s ease}.input-send-button:hover:not(:disabled){background:var(--app-button-hover-background)}.input-send-button:disabled{opacity:.4;cursor:not-allowed}.thinking-indicator{display:flex;align-items:center;gap:2px;color:var(--claude-text-muted);font-family:var(--app-monospace-font-family,"SF Mono",Monaco,"Cascadia Code",monospace);font-size:13px}.thinking-text{color:var(--claude-text-secondary)}.thinking-dots{display:flex;gap:1px}.thinking-dots .dot{animation:thinkingBlink 1.4s ease-in-out infinite}.thinking-dots .dot:first-child{animation-delay:0s}.thinking-dots .dot:nth-child(2){animation-delay:.2s}.thinking-dots .dot:nth-child(3){animation-delay:.4s}@keyframes thinkingBlink{0%,80%,to{opacity:.3}40%{opacity:1}}