/* TaxiApps signed-in workspace */
:root {
  --bg: #06101f;
  --panel: #0a1b2f;
  --text: #eef6ff;
  --muted: #91a8c4;
  --line: rgba(131, 190, 255, .17);
  --blue: #299eff;
  --purple: #236bff;
  --shadow: 0 18px 55px rgba(0, 0, 0, .35);
}

.shell { background: radial-gradient(circle at 82% -15%, rgba(35, 107, 255, .18), transparent 37%), #06101f; }
aside { background: linear-gradient(180deg, #0b2038, #081728); border-right-color: rgba(130, 191, 255, .14); }
.side-top { height: 132px; justify-content: center; padding: 8px 5px 4px; }
.brand { color: #f5f9ff; }
.workspace-logo { display: flex; flex-direction: column; align-items: center; gap: 0; min-width: 130px; }
.workspace-logo .argus-symbol { width: 88px; height: 88px; object-fit: contain; filter: drop-shadow(0 10px 22px rgba(35, 158, 255, .45)); }
.workspace-logo b { margin-top: -5px; color: #48dfff; font-size: 20px; line-height: 1; letter-spacing: .15em; text-indent: .15em; text-shadow: 0 0 18px rgba(39, 215, 255, .24); }
.new-chat { color: #fff; background: linear-gradient(120deg, #236bff, #299eff 58%, #26d5ff); box-shadow: 0 10px 28px rgba(35, 107, 255, .24); }
.new-chat:hover { background: linear-gradient(120deg, #3177ff, #37a7ff 58%, #3cdbff); }
.history-label { color: #7894b5; }
.chat-item { color: #c8d8eb; }
.chat-item:hover, .chat-item.active { color: #fff; background: rgba(62, 143, 238, .14); }
.delete-chat { color: #8da5c0; }
.user-panel { padding-top: 4px; }
.sidebar-parent-brand { display: flex; justify-content: center; padding: 0 8px 14px; }
.sidebar-parent-brand img { display: block; width: 138px; height: 50px; object-fit: contain; padding: 5px 9px; background: #fff; border-radius: 10px; box-shadow: 0 8px 25px rgba(0, 0, 0, .24); }
.user-row { border-top: 1px solid rgba(131, 190, 255, .14); padding-top: 12px; }
.avatar { color: #dff5ff; background: linear-gradient(145deg, #174a85, #2b65ad); box-shadow: inset 0 0 0 1px rgba(108, 202, 255, .2); }
.user-text span { color: #7894b5; }
.icon { color: #9bb3ce; }
.icon:hover { background: rgba(77, 153, 237, .13); }
header { border-bottom: 1px solid rgba(131, 190, 255, .08); background: rgba(6, 16, 31, .72); backdrop-filter: blur(14px); }
.model-button { color: #e8f3ff; }
.model-button:hover { background: rgba(62, 143, 238, .12); }
.chevron { color: #70c9f2; }
.private-pill { color: #73f0c3; background: rgba(67, 239, 173, .08); border: 1px solid rgba(67, 239, 173, .16); }
.model-menu { background: #0d2239; border-color: rgba(131, 190, 255, .2); }
.model-option { color: #eaf4ff; background: #0d2239; }
.model-option:hover { background: #143250; }
.model-option small { color: #85a1bf; }
.welcome h2 { background: linear-gradient(90deg, #42ddff, #299eff 48%, #43efad); color: transparent; background-clip: text; }
.welcome-argus { display: block; width: 72px; height: 72px; object-fit: contain; margin-bottom: 10px; filter: drop-shadow(0 10px 26px rgba(41, 158, 255, .3)); }
.welcome h2 span { color: #f4f8ff; }
.welcome > p { color: #91a8c4; }
.suggestions button { color: #d8e8f8; background: linear-gradient(145deg, rgba(16, 43, 72, .92), rgba(10, 30, 52, .92)); border-color: rgba(131, 190, 255, .16); }
.suggestions button:hover { color: #fff; background: #123453; border-color: rgba(39, 215, 255, .42); }
.message.user .bubble { color: #fff; background: linear-gradient(135deg, #174f94, #236bff); }
.ai-avatar { background: rgba(8, 27, 48, .8); border: 1px solid rgba(80, 188, 255, .2); }
.ai-avatar img { width: 29px; height: 29px; object-fit: contain; }
.content pre { background: #020914; border: 1px solid rgba(131, 190, 255, .15); }
.content code { background: #132a43; }
.thinking { color: #8fa8c3; }
footer { background: linear-gradient(transparent, #06101f 28%); }
.composer, .attachment { color: #eaf4ff; background: rgba(13, 34, 57, .96); border-color: rgba(131, 190, 255, .22); box-shadow: 0 10px 35px rgba(0, 0, 0, .28); }
.composer:focus-within { border-color: #27d7ff; box-shadow: 0 0 0 3px rgba(39, 215, 255, .08), 0 12px 38px rgba(0, 0, 0, .33); }
.composer textarea { color: #eef6ff; }
.composer textarea::placeholder { color: #718aa7; }
.compose-icon { color: #8fb2d4; }
.compose-icon:hover { background: rgba(63, 147, 239, .13); }
.send { background: linear-gradient(135deg, #236bff, #29b8f7); color: #fff; }
.send.stop { background: #31465f; color: #fff; font-size: 13px; }
.send.stop:hover { background: #3b536f; }
.send:disabled { color: #58708b; background: #12263d; }
.generation-note { display: block; margin-top: 8px; color: #7894b5; font-size: 12px; font-style: italic; }
.notice { color: #667f9b; }
.workspace-controls { max-width: 820px; margin: 8px auto 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workspace-button { min-width: 0; max-width: 56%; display: flex; align-items: center; gap: 7px; border: 0; color: #86a2c0; background: transparent; padding: 4px 7px; cursor: pointer; font-size: 12px; }
.workspace-folder-icon { color: #68cfff; font-size: 15px; transform: rotate(180deg); }
.workspace-button #workspace-status { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #647991; box-shadow: 0 0 0 4px rgba(100, 121, 145, .08); }
.workspace-button.connected { color: #75dbb7; }
.workspace-button.connected .workspace-dot, .agent-card .workspace-dot { background: #43efad; box-shadow: 0 0 0 4px rgba(67, 239, 173, .09), 0 0 11px rgba(67, 239, 173, .45); }
.permission-control { display: flex; align-items: center; gap: 8px; color: #718aa7; font-size: 11px; }
.permission-control select { color: #cce0f5; background: #0d2239; border: 1px solid rgba(131, 190, 255, .18); border-radius: 8px; padding: 5px 25px 5px 8px; }
.changed-files-panel { max-width: 820px; margin: 0 auto 7px; overflow: hidden; color: #dcecff; background: rgba(8, 27, 47, .96); border: 1px solid rgba(104, 207, 255, .2); border-radius: 14px; box-shadow: 0 8px 28px rgba(0, 0, 0, .2); }
.changed-files-toggle { width: 100%; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 9px 12px; color: #dcecff; background: transparent; border: 0; cursor: pointer; text-align: left; }
.changed-files-toggle:hover { background: rgba(41, 184, 247, .06); }
.changed-files-icon { color: #68cfff; font-size: 15px; }
.changed-files-toggle strong { flex: 0 0 auto; font-size: 12px; }
.changed-files-summary { min-width: 0; margin-left: auto; overflow: hidden; color: #7894b5; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.changed-files-chevron { flex: 0 0 auto; color: #68cfff; transition: transform .16s ease; }
.changed-files-panel.collapsed .changed-files-chevron { transform: rotate(180deg); }
.changed-files-list { max-height: min(168px, 20dvh); margin: 0; padding: 0 7px 7px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; list-style: none; }
.changed-file-row { min-width: 0; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 6px; border-top: 1px solid rgba(131, 190, 255, .1); }
.changed-file-marker { width: 21px; height: 21px; display: grid; place-items: center; color: #8fd9ff; background: rgba(41, 158, 255, .1); border-radius: 6px; font: 750 10px/1 ui-monospace, monospace; }
.changed-file-marker.created { color: #43efad; background: rgba(67, 239, 173, .09); }
.changed-file-marker.deleted { color: #ff929f; background: rgba(255, 146, 159, .09); }
.changed-file-marker.moved { color: #ffd37a; background: rgba(255, 211, 122, .09); }
.changed-file-details { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.changed-file-path, .changed-file-workspace { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.changed-file-path { color: #e7f2ff; font: 500 11px/1.25 ui-monospace, "SFMono-Regular", Consolas, monospace; }
.changed-file-workspace { color: #708aa7; font-size: 10px; }
.changed-file-stats { display: flex; align-items: center; gap: 8px; font: 700 11px/1 ui-monospace, monospace; white-space: nowrap; }
.changed-file-additions { color: #43efad; }
.changed-file-deletions { color: #ff929f; }
.folder-list { max-width: 820px; margin: 8px auto 0; display: flex; gap: 7px; overflow-x: auto; padding: 1px 2px 3px; scrollbar-width: thin; }
.folder-chip { flex: 0 0 auto; display: grid; grid-template-columns: auto auto auto auto; align-items: center; gap: 6px; max-width: 310px; padding: 6px 7px 6px 10px; color: #dcecff; background: rgba(16, 48, 79, .92); border: 1px solid rgba(104, 207, 255, .22); border-radius: 10px; font-size: 11px; }
.folder-chip i { color: #68cfff; font-style: normal; transform: rotate(180deg); }.folder-chip b { overflow: hidden; max-width: 135px; text-overflow: ellipsis; white-space: nowrap; }.folder-chip small { color: #75dbb7; white-space: nowrap; }.folder-chip button { width: 23px; height: 23px; border: 0; border-radius: 50%; color: #7993af; background: transparent; cursor: pointer; }.folder-chip button:hover { color: #fff; background: rgba(255,255,255,.08); }
.workspace-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; color: #eaf4ff; background: rgba(1, 7, 15, .78); backdrop-filter: blur(10px); }
.workspace-modal > section { position: relative; width: min(620px, 100%); max-height: 90vh; overflow: auto; padding: 34px; border: 1px solid rgba(131, 190, 255, .2); border-radius: 24px; background: linear-gradient(145deg, #0d2845, #08192c); box-shadow: 0 30px 100px rgba(0, 0, 0, .55); }
.workspace-close { position: absolute; right: 16px; top: 14px; width: 34px; height: 34px; border: 0; border-radius: 50%; color: #9bb4d0; background: rgba(255, 255, 255, .05); cursor: pointer; }
.modal-kicker { color: #43efad; font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.workspace-modal h2 { margin: 8px 0 5px; font-size: 28px; }.workspace-modal > section > p { color: #91a8c4; }
.agent-list { display: grid; gap: 8px; margin: 22px 0 14px; }.empty-agents { padding: 18px; color: #7894b5; text-align: center; border: 1px dashed rgba(131, 190, 255, .16); border-radius: 12px; }
.agent-card { display: grid; grid-template-columns: 1fr 36px; border: 1px solid rgba(131, 190, 255, .14); border-radius: 12px; overflow: hidden; }.agent-card.selected { border-color: rgba(67, 239, 173, .4); }
.agent-select { display: grid; grid-template-columns: 12px 1fr; gap: 0 8px; text-align: left; color: #eaf4ff; background: rgba(255, 255, 255, .03); border: 0; padding: 11px; cursor: pointer; }.agent-select:disabled { opacity: .5; cursor: default; }.agent-select .workspace-dot { grid-row: 1 / 3; align-self: center; }.agent-select small { color: #7894b5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.agent-remove { border: 0; color: #7993af; background: rgba(255, 255, 255, .025); cursor: pointer; }
.agent-primary { width: 100%; border: 0; border-radius: 10px; padding: 11px; color: #fff; background: linear-gradient(120deg, #236bff, #29b8f7); cursor: pointer; font-weight: 750; }
.agent-download { display: block; box-sizing: border-box; margin-top: 8px; text-align: center; text-decoration: none; }
.mac-install { margin-top: 12px; }.mac-install summary { color: #9db8d2; cursor: pointer; font-size: 12px; }.mac-install .command-row { margin-top: 6px; }
.install-step { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: start; margin: 18px 0 9px; }.install-step > b { display: grid; place-items: center; width: 26px; height: 26px; color: #06101f; background: #43efad; border-radius: 50%; }.install-step strong,.install-step small { display: block; }.install-step small { color: #7894b5; margin-top: 2px; }
.pairing-panel { margin-top: 12px; padding: 16px 18px; border-radius: 14px; background: #071525; border: 1px solid rgba(67, 239, 173, .25); }.pairing-panel > span,.pairing-panel > small { display: block; color: #7894b5; }.pairing-panel > strong { display: block; color: #43efad; font: 800 28px/1.3 ui-monospace, monospace; letter-spacing: .12em; }
.os-heading { margin: 10px 0 5px; color: #cce0f5; font-size: 12px; }.command-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }.command-row code { display: block; overflow-x: auto; white-space: nowrap; padding: 11px; color: #a9d8ff; background: #020914; border-radius: 8px; }.command-row button { border: 1px solid rgba(131,190,255,.2); border-radius: 8px; color: #68cfff; background: #102b48; padding: 0 13px; cursor: pointer; }
.agent-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; }.agent-actions button,.agent-actions a { border: 0; color: #68cfff; background: transparent; padding: 5px; cursor: pointer; text-decoration: none; }
.folder-permission-modal > section { width: min(510px, 100%); text-align: center; }
.permission-folder-mark { display: grid; place-items: center; width: 58px; height: 58px; margin: 2px auto 13px; border-radius: 17px; color: #06101f; background: linear-gradient(135deg,#43efad,#29b8f7); font-size: 28px; transform: rotate(180deg); box-shadow: 0 12px 35px rgba(41,184,247,.22); }
.folder-permission-modal h2 { margin-bottom: 8px; }.folder-permission-modal section > p { max-width: 400px; margin: 0 auto 20px; }
.folder-access-options { display: grid; gap: 10px; text-align: left; }.folder-access-options button { position: relative; display: block; width: 100%; padding: 15px 17px; border: 1px solid rgba(131,190,255,.18); border-radius: 14px; color: #eaf4ff; background: rgba(255,255,255,.035); cursor: pointer; }.folder-access-options button:hover { border-color: #29b8f7; background: rgba(41,184,247,.08); }.folder-access-options button:disabled { opacity: .45; cursor: wait; }.folder-access-options strong,.folder-access-options small { display: block; }.folder-access-options strong { font-size: 14px; }.folder-access-options small { margin-top: 3px; color: #7894b5; }.folder-access-options .recommended > span { position: absolute; right: 12px; top: 12px; padding: 3px 7px; border-radius: 99px; color: #43efad; background: rgba(67,239,173,.08); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.folder-cancel { margin-top: 15px; border: 0; color: #91a8c4; background: transparent; cursor: pointer; }.folder-open-status { margin: 14px auto 0!important; padding: 10px; border-radius: 9px; color: #a9d8ff!important; background: #071525; }.folder-open-status.success { color: #43efad!important; }.folder-open-status.error-state { color: #ff9c9c!important; }.folder-open-status.busy:before { content: ''; display: inline-block; width: 9px; height: 9px; margin-right: 8px; border: 2px solid #68cfff; border-right-color: transparent; border-radius: 50%; animation: folder-spin .8s linear infinite; }@keyframes folder-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.workspace-controls{align-items:flex-start;flex-direction:column}.workspace-button{max-width:100%}.permission-control{width:100%;justify-content:space-between}.changed-files-toggle{padding:8px 10px}.changed-files-summary{font-size:10px}.changed-files-list{max-height:min(132px,17dvh);padding-inline:5px}.changed-file-row{gap:6px;padding:7px 5px}.changed-file-workspace{max-width:70vw}.workspace-modal>section{padding:28px 20px}.workspace-logo .argus-symbol{width:80px;height:80px}.workspace-logo b{font-size:18px}}