/* Shared root chat and page drawer presentation. */
.message{font-size:14px;line-height:1.9;margin:0 0 30px;word-break:break-word;white-space:pre-wrap}
.message.user{background:var(--side);border:1px solid var(--line);padding:15px 20px;border-radius:18px;max-width:90%;margin-left:auto}
.message.assistant::before{content:'⌘  Codex';display:block;font-size:11px;color:var(--muted);margin-bottom:9px}
.message.tool{font-family:Consolas,monospace;font-size:11px;border-left:2px solid #c8d4bc;padding-left:13px;color:var(--muted);max-height:180px;overflow:auto}
.message.error{color:#b34e37}
.composer{border:1px solid #dcded8;border-radius:20px;padding:15px 17px 10px;background:var(--paper);box-shadow:0 3px 15px #00000004}
.composer:focus-within{border-color:#adb7a6}
.composer textarea{resize:none;width:100%;border:0;outline:none;line-height:1.6;font-size:14px;max-height:180px}
.composer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:8px}
.send{width:32px;height:32px;background:#282c25;color:white;border-radius:50%;font-size:20px;padding:2px}
.send:hover{background:#4d5745}

.composer{position:relative}

.composer-bottom{flex-wrap:wrap;gap:8px}
.composer-bottom>div:last-child{margin-left:auto;display:flex;align-items:center;flex-shrink:0}
.composer-bottom{gap:6px}

.turn-activity { margin: 10px 0 18px; max-width: 100%; color: var(--process-muted); font-size: 13px; }

.process-toggle,.process-more { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 6px 0; text-align: left; font: inherit; }

.process-toggle { max-width: 100%; overflow-wrap: anywhere; }

.process-toggle:focus-visible,.process-more:focus-visible { outline: 2px solid #7181a2; outline-offset: 3px; }

.turn-activity[data-state="running"] > .process-toggle { color: #586d94; }

.turn-activity[data-state="failed"] > .process-toggle { color: #b33e40; }

.process-body { border-left: 1px solid #dce0e6; margin: 5px 0 0 5px; padding-left: 14px; }

.process-body[hidden] { display: none; }

.process-entry { margin: 12px 0; }

.process-label { display: block; font-size: 11px; opacity: .85; margin: 5px 0; }

.process-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; }

.process-tools { margin: 8px 0; }

.process-tool > summary { cursor: pointer; padding: 5px 0; overflow-wrap: anywhere; }

.tool-body { padding: 4px 8px; }

.tool-output { margin: 4px 0 10px; padding: 8px; border-radius: 5px; background: #f2f4f7; color: #3f4755; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 260px; overflow: auto; font-size: 12px; }

.process-more { font-size: 12px; text-decoration: underline; }

.turn-activity{color:var(--process-muted)}
.turn-activity[data-state="running"]>.process-toggle{color:var(--process-active)}
.process-body{border-color:var(--line)}
.tool-output{background:var(--tool-bg);color:var(--tool-ink)}

.process-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:4px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.process-preview[data-state="failed"]{color:#b33e40}
.process-preview[hidden]{display:none}

.process-preview[data-kind="progress"]{-webkit-line-clamp:unset}