@font-face { font-family: "SF Pro Text"; src: url('/fonts/SF-Pro-Text-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "SF Pro Text"; src: url('/fonts/SF-Pro-Text-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "SF Pro Text"; src: url('/fonts/SF-Pro-Text-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; }
:root { color-scheme: dark; font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #dedede; background: #111315; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% 0%, #252a2f 0, #151719 42%, #111315 100%); color: #dedede; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 28px; position: relative; overflow: hidden; }
.login-shell::before { content: ""; position: absolute; inset: -35%; background: linear-gradient(90deg, transparent 49.8%, #ffffff06 50%, transparent 50.2%), linear-gradient(0deg, transparent 49.8%, #ffffff06 50%, transparent 50.2%); background-size: 84px 84px; mask-image: radial-gradient(ellipse at center, #000 0, transparent 65%); pointer-events: none; }
.login-card { position: relative; width: min(430px, 100%); padding: 40px 38px 30px; border: 1px solid #43484d; border-radius: 20px; background: linear-gradient(145deg, #25282b, #1d2022); box-shadow: 0 28px 90px #0009, inset 0 1px #ffffff0b; }
.login-card.auth-loading { visibility: hidden; }
.brand { text-align: center; font-size: 21px; letter-spacing: .16em; margin-bottom: 34px; color: #f0f1f2; }
h1 { margin: 0 0 8px; text-align: center; font-size: 29px; font-weight: 600; color: #dedede; }
.muted { color: #9fa5aa; line-height: 1.45; margin: 0 auto 29px; text-align: center; font-size: 14px; }
form { display: grid; gap: 17px; }
label { display: grid; gap: 8px; color: #cfd2d5; font-size: 13px; }
.input-wrap { display: flex; align-items: center; border: 1px solid #464c52; border-radius: 10px; background: #181a1c; transition: border-color .18s, box-shadow .18s; }
.input-wrap:focus-within { border-color: #8393a3; box-shadow: 0 0 0 3px #8393a322; }
.field-icon { width: 42px; display: grid; place-items: center; color: #b8bec3; }
.field-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #dedede; padding: 13px 12px 13px 0; font: inherit; }
input::placeholder { color: #777e84; }
.primary { width: 100%; margin-top: 8px; border: 1px solid #8495a6; border-radius: 10px; background: #71869a; color: #f5f6f7; padding: 13px 16px; font: 600 14px inherit; cursor: pointer; transition: background .18s, transform .18s; }
.primary:hover { background: #8298ac; transform: translateY(-1px); }
.error { color: #e0a5a5; font-size: 14px; margin: 0; text-align: center; }
.success { color: #b9d2c1; text-align: center; }
#dashboard { text-align: center; }
#dashboard[hidden], #login-form[hidden] { display: none !important; }
#dashboard:not([hidden]) { display: flex; flex-direction: column; position: fixed; inset: 0; text-align: left; background: #151719; }
#dashboard .muted { margin-bottom: 20px; }
.security-note { display: grid; grid-template-columns: 1fr 34px 1fr; align-items: center; gap: 12px; margin-top: 27px; color: #888f95; text-align: center; }
.security-note svg { width: 28px; height: 28px; fill: none; stroke: #b4bcc3; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; justify-self: center; }
.security-note p { grid-column: 1 / -1; margin: -3px 0 0; font-size: 12px; }
.security-line { height: 1px; background: #3d4247; }
.app-header { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 28px; border-bottom: 1px solid #303438; background: #1b1d1f; color: #dedede; }
.app-header strong { margin-right: 28px; letter-spacing: .13em; font-size: 15px; }
.app-header span { margin-right: 18px; color: #a8adb1; font-size: 12px; }
.app-header .permission { color: #b7c4cf; border: 1px solid #566572; border-radius: 999px; padding: 5px 9px; }
.header-status { display: flex; align-items: center; white-space: nowrap; }
.header-status button { margin: 0; min-width: 140px; min-height: 44px; padding: 9px 16px; background: #202529; border: 1px solid #3b4248; color: #dedede; border-radius: 10px; font-size: 13px; }
.app-body { min-height: 0; flex: 1; display: grid; grid-template-columns: 210px minmax(0, 1fr) 240px; }
.side-nav, .inspector { background: #1b1d1f; padding: 25px 16px; border-right: 1px solid #2e3236; }
.inspector { border-right: 0; border-left: 1px solid #2e3236; }
.new-task { width: 100%; margin: 0 0 30px; padding: 10px 12px; border: 1px solid #50555a; border-radius: 8px; background: #2a2d30; color: #dedede; text-align: left; font-size: 13px; }
.nav-label, .eyebrow { color: #777e84; font-size: 10px; letter-spacing: .1em; margin: 16px 0 10px; }
.nav-item { display: flex; gap: 12px; align-items: center; padding: 10px 9px; border-radius: 7px; color: #abb0b4; text-decoration: none; font-size: 13px; }
.nav-item.active { background: #303337; color: #dedede; }
.workspace { min-width: 0; display: flex; flex-direction: column; background: #17191b; }
.workspace-title { display: flex; justify-content: space-between; align-items: center; padding: 28px 38px 22px; border-bottom: 1px solid #292d31; }
.workspace-title h2 { margin: 5px 0 0; font-size: 18px; font-weight: 500; }
.preview-detail { margin-top: 7px; color: #858c92; font-size: 11px; }
.state-pill { color: #b8ad92; border: 1px solid #665d4d; border-radius: 999px; padding: 7px 11px; font-size: 11px; }
.conversation { flex: 1; overflow: auto; padding: 28px 11%; }
.message { display: flex; gap: 13px; max-width: 720px; margin-bottom: 28px; color: #c8cccf; font-size: 14px; line-height: 1.55; }
.message p { margin: 7px 0 0; }
.message-meta { color: #dedede; font-size: 12px; font-weight: 600; }
.message-meta span { color: #777e84; font-weight: 400; }
.avatar { width: 25px; height: 25px; flex: 0 0 25px; display: grid; place-items: center; border: 1px solid #565b60; border-radius: 50%; color: #bfc4c8; font-size: 11px; }
.ai-avatar { background: #282c30; }
.info-card { display: flex; gap: 25px; margin-top: 15px; padding: 14px 16px; border: 1px solid #353a3e; border-radius: 9px; background: #202326; }
.info-card div { display: grid; gap: 4px; }.info-card span { color: #777e84; font-size: 10px; }.info-card b { color: #dedede; font-size: 12px; font-weight: 500; }
.composer { margin: 0 auto 28px; width: min(760px, 78%); border: 1px solid #454a4f; border-radius: 11px; background: #202326; }
.composer textarea { display: block; width: 100%; min-height: 72px; border: 0; resize: vertical; outline: 0; background: transparent; color: #dedede; padding: 14px; font: inherit; }.composer textarea::placeholder { color: #777e84; }
.composer-footer { display: flex; align-items: center; justify-content: space-between; padding: 9px 11px; border-top: 1px solid #34383c; color: #777e84; font-size: 11px; }.composer-footer button { margin: 0; padding: 7px 11px; border-radius: 7px; background: #30343a; color: #dedede; font-size: 11px; }
.pipeline-picker { display: inline-flex; align-items: center; gap: 6px; color: #777e84; }.pipeline-picker select { border: 1px solid #454b50; border-radius: 6px; background: #171a1c; color: #dedede; padding: 4px 7px; font: inherit; }
.inspector-title { display: flex; justify-content: space-between; align-items: center; color: #dedede; font-size: 14px; font-weight: 500; }.inspector-title button { margin: 0; padding: 0 5px; border: 0; background: transparent; color: #969da3; font-size: 21px; }.inspector-tabs { display: flex; gap: 13px; margin: 24px 0; color: #777e84; font-size: 11px; }.inspector-tabs .selected { color: #dedede; }.context-row { display: flex; justify-content: space-between; gap: 8px; padding: 10px 0; border-bottom: 1px solid #2b2f33; color: #a4a9ad; font-size: 11px; }.context-row b { color: #dedede; font-weight: 400; }.read-only-box { padding: 12px; border: 1px solid #3f464b; border-radius: 8px; color: #bac3ca; font-size: 12px; line-height: 1.7; }.read-only-box small { color: #777e84; font-size: 10px; }
@media (max-width: 900px) { .app-body { grid-template-columns: 175px minmax(0,1fr); }.inspector { display: none; }.app-header { padding: 0 15px; }.app-header span { display: none; }.conversation { padding: 25px 6%; } }
@media (max-width: 520px) { .login-card { padding: 32px 24px 25px; } }
.panel-toggle, .inspector-title button { width: 22px; height: 22px; display: grid; place-items: center; padding: 0; border: 1px solid #697178; border-radius: 5px; background: transparent; color: #c4c9cd; font-size: 12px; line-height: 1; }
.side-brand { margin-top: 28px; }
.side-nav { padding-top: 62px; }
.side-brand { position: relative; top: 28px; margin-bottom: 90px; }
.terminal-box { padding: 12px; border: 1px solid #3f464b; border-radius: 7px; background: #111315; color: #dedede; font: 12px ui-monospace, SFMono-Regular, monospace; line-height: 1.7; }.terminal-box span { color: #858c92; }
.app-header .risk { border: 1px solid #514e45; border-radius: 8px; padding: 5px 9px; color: #c4c0b0; }
.nav-item svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }.panel-toggle svg, .inspector-title button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.new-task { width: auto; border-color: transparent; background: transparent; padding-left: 8px; color: #dedede; }
.new-task:hover { border-color: #454b50; background: #24282b; }
.task-dialog { width: min(430px, calc(100% - 32px)); border: 1px solid #4a5056; border-radius: 14px; padding: 24px; background: #202427; color: #dedede; box-shadow: 0 25px 80px #000b; }.task-dialog::backdrop { background: #0009; backdrop-filter: blur(3px); }.task-dialog form { gap: 14px; }.dialog-head { display:flex; justify-content:space-between; align-items:flex-start; }.dialog-head h2 { margin:4px 0 0; font-size:20px; }.dialog-close { margin:0; border:0; background:transparent; color:#aeb4b9; font-size:22px; padding:0; }.dialog-muted { text-align:left; margin:0 0 7px; }.task-dialog label { font-size:12px; }.task-dialog select { width:100%; margin-top:7px; border:1px solid #485058; border-radius:8px; background:#171a1c; color:#dedede; padding:10px; font:inherit; }.dialog-note { border:1px solid #3c454c; border-radius:8px; padding:10px; color:#aeb6bc; font-size:11px; line-height:1.45; }.dialog-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:6px; }.dialog-actions button { margin:0; padding:9px 13px; border-radius:8px; background:#2b3034; color:#dedede; font:inherit; }.dialog-actions .primary { width:auto; }
.task-list { display:grid; gap:10px; margin:5px 0 8px; }.task-list div { display:grid; gap:5px; padding:12px; border:1px solid #3e464c; border-radius:8px; background:#191d20; }.task-list b { font-size:13px; font-weight:500; }.task-list span { color:#a3abb0; font-size:11px; }
.app-body { transition: grid-template-columns .22s ease; }.app-body.nav-collapsed { grid-template-columns: 0 minmax(0,1fr) 310px; }.app-body.inspector-collapsed { grid-template-columns: 270px minmax(0,1fr) 0; }.app-body.nav-collapsed.inspector-collapsed { grid-template-columns: 0 minmax(0,1fr) 0; }.app-body.nav-collapsed .side-nav, .app-body.inspector-collapsed .inspector { opacity: 1; overflow: visible; padding-left: 0; padding-right: 0; pointer-events: none; }.app-body.nav-collapsed .side-nav > *:not(.panel-toggle), .app-body.inspector-collapsed .inspector > *:not(.inspector-title) { visibility: hidden; }.app-body.inspector-collapsed .inspector-title span { visibility: hidden; }.panel-toggle { position: fixed; top: 79px; left: 14px; z-index: 10; pointer-events: auto; }.inspector-title button { position: fixed; top: 79px; right: 14px; z-index: 10; pointer-events: auto; }

/* Renderizado eficiente para historiales extensos, sin alterar su geometría visible. */
.conversation > .message { content-visibility: auto; contain-intrinsic-size: 0 112px; }

/* Ajuste de fidelidad al mockup v17 */
.app-header { min-height: 66px; padding: 0 26px; background: #111416cc; border-bottom-color: #252a2e; }
.app-header > div:first-child { gap: 0; flex-wrap: nowrap; }.app-header > div:first-child > * + * { padding-left: 20px; margin-left: 20px; border-left: 1px solid #343a3f; }.app-header strong { margin-right: 0; letter-spacing: 0; font-weight: 400; }.app-header em { font-weight: 500; }
.app-body { grid-template-columns: 270px minmax(0, 1fr) 310px; }.side-nav { position: relative; padding: 26px 14px; background: #141719cc; }.inspector { padding: 10px 16px 24px; background: #141719aa; }
.panel-toggle { margin: 0 0 12px 0; font-size: 16px; }.side-brand { margin: 0 0 62px 10px; font-size: 24px; }.new-task { margin: 0 0 17px; padding-left: 10px; }
.nav-item { gap: 26px; padding: 11px 10px; font-size: 14px; }.nav-item.active { background: transparent; }.nav-item span { color: #dedede; }.system-status { left: 24px; }
.workspace { background: radial-gradient(circle at 50% 10%, #1b2023, #131618 70%); }.workspace-title { padding: 10px 35px 6px; border-bottom: 0; }.workspace-title h2 { font-size: 15px; }.conversation { padding: 16px 2%; }.message { max-width: 860px; margin-bottom: 16px; padding: 13px 15px; background: #1d2225aa; border: 1px solid #22282c; }.message ol { margin-bottom: 0; }
.inspector-title span { visibility: hidden; }
.conversation { min-height: 0; padding-bottom: 130px; }
.composer { position: fixed; left: calc(270px + 2%); right: calc(310px + 2%); bottom: 22px; width: auto; margin: 0; z-index: 20; background: #1d2225; }
.composer { width: auto; max-width: none; }

/* Margen final de la propuesta activa: coincide con el gutter del mockup. */
.command-card { grid-column: 1; justify-self: stretch; box-sizing: border-box; width: auto; max-width: none; margin: 0 16px 10px !important; }
@media (max-width: 900px) { .command-card { margin: 0 12px 8px !important; } }
@media (max-width: 520px) { .command-card { margin: 0 8px 6px !important; } }

/* El compositor se transforma temporalmente cuando hay una propuesta pendiente. */
.command-card[hidden] { display: none !important; }
.workspace { grid-template-rows: minmax(0, 1fr) auto !important; }
.composer.proposal-mode { flex-wrap: wrap; min-height: 116px; padding: 10px 12px 8px; }
.proposal-inline { display: grid; grid-template-columns: minmax(0, 1fr) 500px; align-items: center; gap: 12px; flex: 0 0 100%; color: #b8c0c5; font-size: 12px; }
.proposal-inline b { color: #dedede; font-weight: 500; }
.proposal-inline code { color: #dedede; }
.proposal-inline .command-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.proposal-inline .command-actions button { min-height: 34px; padding: 5px 8px; border: 1px solid #353e44; border-radius: 7px; background: #20272c; color: #dedede; font-size: 11px; white-space: nowrap; }
@media (max-width: 900px) { .proposal-inline { grid-template-columns: 1fr; gap: 7px; }.composer.proposal-mode { min-height: 142px; } }
@media (max-width: 520px) { .composer.proposal-mode { min-height: 138px; padding: 8px; }.proposal-inline { font-size: 11px; }.proposal-inline .command-actions { gap: 5px; }.proposal-inline .command-actions button { min-height: 30px; padding: 4px 2px; font-size: 9px; } }
.task-list { max-height: 55vh; overflow-y: auto; padding-right: 3px; scrollbar-color: #4a5056 transparent; }
.command-meta { margin: 8px 0 9px; color: #969da3; font-size: 11px; line-height: 1.4; }
.verification-card { max-width: 860px; margin: 10px 0 24px; padding: 12px 15px; border: 1px solid #2f3539; border-radius: 8px; background: #191d20; color: #aeb5ba; font-size: 11px; }
.verification-head { display:flex; justify-content:space-between; color:#dedede; font-size:12px; }
.verification-state { color:#969da3; }
.verification-grid { display:grid; grid-template-columns: 90px 1fr; gap:6px 12px; margin-top:10px; }
.verification-grid b { color:#c5cbd0; font-weight:400; }
.workspace { min-height: 0; overflow: hidden; }
.conversation { min-height: 0; overflow-y: auto; padding-bottom: 24px; }
.composer { position: fixed; left: calc(270px + 2%); right: calc(310px + 2%); bottom: 22px; width: auto !important; max-width: none; margin: 0; z-index: 20; }
.composer { background: #1d2225 !important; }
.app-body { height: calc(100vh - 66px); min-height: 0; }
.workspace { height: 100%; min-height: 0; overflow: hidden; }
.conversation { min-height: 0; overflow-y: auto; padding-bottom: 24px; }
.composer { position: relative; left: auto; right: auto; bottom: auto; width: min(860px, 84%); max-width: 860px; margin: 0 auto 22px; flex: 0 0 auto; }
@media (max-width: 900px) { .app-body { height: calc(100vh - 64px); } .composer { width: calc(100% - 24px); max-width: none; margin: 0 12px 12px; } }
.workspace { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.workspace { grid-template-rows: auto minmax(0, 1fr) min-content !important; }
.conversation { min-height: 0 !important; overflow-y: auto !important; }
.composer { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; width: min(860px, 84%) !important; max-width: 860px !important; margin: 0 auto 22px !important; }
.composer textarea { min-height: 42px !important; max-height: 90px; padding: 10px 14px; }
.composer-footer { padding: 6px 10px; }
.composer { justify-self: center; align-self: stretch; width: calc(100% - 32px) !important; max-width: 860px !important; }

/* Responsive consolidado: estas reglas prevalecen sobre iteraciones anteriores. */
.app-body { height: calc(100vh - 66px); min-height: 0; grid-template-columns: 270px minmax(0, 1fr) 310px; grid-template-rows: minmax(0, 1fr); overflow: hidden; }
.workspace { height: 100%; min-height: 0; max-height: 100%; }
.composer { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; width: auto !important; max-width: none !important; margin: 10px 16px 24px !important; }

@media (max-width: 900px) {
  .app-body { height: calc(100vh - 66px); grid-template-columns: 175px minmax(0, 1fr) !important; }
  .inspector { display: none !important; }
  .app-header { padding: 0 16px; gap: 12px; }
  .app-header > div:first-child > span:nth-of-type(n+3) { display: none; }
  .app-header strong, .app-header > div:first-child > span { margin-right: 10px; }
  .composer { margin: 8px 12px 12px !important; }
  .conversation { padding: 16px 12px 6px !important; }
}

@media (max-width: 520px) {
  .app-body { grid-template-columns: 64px minmax(0, 1fr) !important; }
  .side-nav { padding: 0 !important; overflow: visible !important; }
  .side-nav > *:not(.panel-toggle) { visibility: hidden; }
  .panel-toggle { left: 20px; top: 79px; }
  .app-header { min-height: 58px; padding: 0 12px; }
  .app-header strong { font-size: 12px; letter-spacing: 0; }
  .app-header > div:first-child > span { display: none; }
  .header-status button { min-width: 76px; min-height: 36px; padding: 7px 10px; }
  .message { padding: 13px; font-size: 13px; }
  .message .avatar { width: 36px; height: 36px; flex-basis: 36px; font-size: 17px; }
  .composer { min-height: 60px; margin: 6px 8px 8px !important; padding: 0 10px; }
  .composer textarea { min-height: 44px !important; max-height: 44px; font-size: 13px; }
  .composer-footer button { width: 38px; height: 38px; }
}

/* La propuesta activa no forma parte del historial desplazable. */
.workspace { grid-template-rows: minmax(0, 1fr) auto auto !important; }
.conversation { grid-row: 1; }
.command-card { grid-row: 2; max-height: 210px; overflow-y: auto; margin: 0 16px 10px; }
.composer { grid-row: 3; }
@media (max-width: 900px) { .command-card { margin: 0 12px 8px; } }
@media (max-width: 520px) { .command-card { max-height: 170px; margin: 0 8px 6px; } }

/* Pulido final contra v14: tarjeta compacta y compositor con adjuntar. */
.command-card { max-height: none; overflow: visible; }
.composer::before { content: ''; width: 22px; height: 22px; flex: 0 0 22px; transform: none; background: #c3c9cd; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 11.5 12 20a6 6 0 0 1-8.5-8.5l8.8-8.8a4 4 0 1 1 5.7 5.7l-8.9 8.9a2 2 0 0 1-2.8-2.8l8.2-8.2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 11.5 12 20a6 6 0 0 1-8.5-8.5l8.8-8.8a4 4 0 1 1 5.7 5.7l-8.9 8.9a2 2 0 0 1-2.8-2.8l8.2-8.2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 900px) {
  .command-actions { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px; }
  .command-actions button { min-height: 40px; padding: 7px 6px; font-size: 12px; white-space: nowrap; }
}
@media (max-width: 520px) {
  .command-card { margin: 0 8px 6px; padding: 10px; }
  .command-card > div:first-child { font-size: 12px; }
  .command-card code { margin: 8px 0; padding: 9px; font-size: 12px; }
  .command-actions { gap: 5px; }
  .command-actions button { min-height: 36px; padding: 5px 2px; font-size: 10px; letter-spacing: -.01em; }
}

/* Panel central: composición canónica basada en mockup v14. */
.workspace { display: grid; grid-template-rows: minmax(0, 1fr) auto !important; min-height: 0; overflow: hidden; }
.app-body { grid-template-rows: minmax(0, 1fr); align-items: stretch; overflow: hidden; }
.workspace { height: 100% !important; max-height: 100% !important; min-height: 0 !important; }
.workspace-title { display: none; }
.conversation { min-height: 0 !important; overflow-y: auto !important; padding: 24px 16px 8px !important; }
.message { max-width: none; margin: 0 0 16px; padding: 16px 18px; border: 1px solid #20262a; border-radius: 14px; background: linear-gradient(145deg, #171c1f, #111517); color: #dedede; font-size: 14px; line-height: 1.45; }
.message .avatar { width: 48px; height: 48px; flex-basis: 48px; font-size: 22px; background: #20262a; }
.message-meta { font-size: 15px; }.message-meta span { margin-left: 10px; font-size: 14px; }
.command-card { max-width: none; margin: 0 0 18px; padding: 16px 18px; border: 1px solid #465057; border-radius: 12px; background: #14191c; }
.command-card > div:first-child { display: flex; justify-content: space-between; gap: 16px; color: #dedede; font-size: 14px; }
.command-card code { display: block; margin: 12px 0 10px; padding: 12px; border-radius: 7px; background: #0e1214; color: #dedede; }
.command-meta, .verification-card { display: none !important; }
.command-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.command-actions button { width: 100%; min-height: 44px; margin: 0; border: 1px solid #2c3439; border-radius: 8px; background: #1c2226; color: #dedede; font-size: 13px; }
.composer { position: static !important; display: flex; align-items: center; gap: 12px; justify-self: stretch; width: auto !important; max-width: none !important; min-height: 70px; margin: 10px 16px 24px !important; padding: 0 12px; border: 0; border-radius: 12px; background: linear-gradient(145deg, #171c1f, #111517) !important; box-shadow: inset 0 1px #ffffff08; }
.composer::before { content: '⌕'; color: #c3c9cd; font-size: 25px; line-height: 1; transform: rotate(-45deg); }
.composer textarea { flex: 1; min-height: 52px !important; max-height: 52px; padding: 14px 0 !important; resize: none; background: transparent; color: #dedede; font-size: 14px; line-height: 1.3; }
.composer-footer { display: contents; }
.composer-footer > span, .pipeline-picker { display: none !important; }
.composer-footer button { width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 10px; background: #252d32; color: #cbd2d6; font-size: 20px; }
@media (max-width: 900px) { .conversation { padding: 16px 12px 6px !important; }.composer { margin: 8px 12px 12px !important; }.command-actions { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .composer { left: 12px; right: 12px; bottom: 12px; width: auto !important; max-width: none; margin: 0; } }
.task-dialog textarea { width: 100%; min-height: 88px; resize: vertical; border: 1px solid #485058; border-radius: 8px; background: #171a1c; color: #dedede; padding: 10px; outline: 0; font: inherit; line-height: 1.45; }
.task-dialog textarea:focus { border-color: #697178; box-shadow: 0 0 0 2px #69717822; }
.task-dialog textarea::placeholder { color: #777e84; }
@media (max-width: 900px) { .composer { left: 12px; right: 12px; bottom: 12px; } }
.system-status { position: fixed; left: 24px; bottom: 24px; font-size: 12px; line-height: 1.3; white-space: nowrap; z-index: 5; }
.command-card { margin-top: 8px; background: #111517aa; }.command-actions button { background: #202529; }.composer { width: min(860px, 84%); margin-bottom: 22px; background: #1d2225cc; }.composer textarea { min-height: 54px; }.inspector-tabs { margin: 16px 0 24px; padding: 0; }.inspector-tabs .selected { background: #292f33; padding: 10px 14px; border-radius: 8px; color: #dedede; }.context-row { border-bottom: 0; padding: 7px 10px; margin: 2px 0; border-radius: 5px; background: #1d2225aa; font-size: 13px; }.nav-label { margin-top: 20px; }.file-list { line-height: 2.1; }
.composer { width: auto; max-width: none; }