.codex-status{display:flex;align-items:center;gap:12px;padding:18px 20px;border:1px solid #e1e6ed;border-radius:12px;background:#fff;margin:22px 0}.codex-status>div{display:grid;gap:4px;flex:1;min-width:0}.codex-status b{font-size:14px}.codex-status span:not(.codex-dot){font-size:12px;color:#7b8697;overflow-wrap:anywhere}.codex-dot{width:9px;height:9px;border-radius:50%;background:#c28d3d}.codex-status.ready .codex-dot{background:#26a278;box-shadow:0 0 0 5px #ebf8f2}.codex-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.codex-tasks,.codex-chat{background:white;border:1px solid #e1e6ed;border-radius:12px;overflow:hidden}.codex-tasks{padding:16px 10px;max-height:680px;overflow-y:auto}.codex-list-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;padding:0 8px 15px}.codex-list-head small{color:#98a1af;font-size:11px;font-weight:400}.codex-task-link{display:grid;gap:7px;padding:14px 12px;border-radius:8px;text-decoration:none;color:#263349;margin-bottom:3px;overflow-wrap:anywhere}.codex-task-link b{font-size:13px}.codex-task-link small{font-size:10px;color:#8a94a4}.codex-task-link.selected{background:#edf3ff;color:#2d66ef}.codex-task-link:hover{background:#f3f6fb}.codex-chat-head{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #edf0f5;gap:12px}.codex-chat-head h2{font-size:17px;margin:0 0 7px;overflow-wrap:anywhere}.codex-chat-head small{font-size:11px;color:#8893a5}.codex-messages{height:min(52vh,600px);min-height:260px;overflow-y:auto;padding:24px;scrollbar-gutter:stable}.codex-turn+.codex-turn{border-top:1px solid #edf0f5;padding-top:26px;margin-top:26px}.codex-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.codex-message.user{padding:14px 18px;background:#f4f7fc;border-radius:10px;margin-left:24px}.codex-message.user small{color:#8b97aa;font-size:11px;display:block;margin-bottom:5px}.codex-reply{padding-top:22px}.codex-reply-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px}.codex-turn-state{font-size:11px;color:#909bad}.codex-turn-state.running,.codex-turn-state.queued{color:#2d66ef}.codex-turn-state.failed{color:#c04d4d}.codex-turn-state.completed{color:#258266}.codex-message.assistant+.codex-message.assistant{margin-top:16px}.codex-tool{border:1px solid #e5eaf2;border-radius:8px;padding:10px 12px;margin:10px 0;color:#728098;font-size:12px}.codex-tool summary{cursor:pointer}.codex-tool pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-height:220px;overflow:auto}.codex-compose{padding:18px 24px;border-top:1px solid #edf0f5}.codex-compose .field{font-size:12px;gap:9px;margin-bottom:12px}.codex-compose textarea{resize:vertical;width:100%;font:inherit;font-size:14px;line-height:1.6;border:1px solid #dce3ee;border-radius:9px;padding:12px;min-height:95px;max-height:260px;outline:none}.codex-compose textarea:focus{border-color:#2d66ef}.codex-compose-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.codex-compose-foot>span{font-size:11px;color:#8390a5}.codex-compose-foot>div{display:flex;gap:8px;flex-shrink:0}.codex-empty{text-align:center;padding:95px 28px;color:#7e8ba0;font-size:13px;line-height:1.9}.codex-empty>span{display:inline-flex;background:#edf3ff;color:#2d66ef;padding:18px;border-radius:16px}.codex-empty>span svg{width:28px;height:28px}.codex-empty h2,.codex-empty h3{color:#263349}.codex-empty.small{padding:60px 12px}.codex-empty .button{margin-top:14px}.codex-boundary{font-size:12px;line-height:1.8;color:#8c97a8;margin:17px 0}.codex-waiting{font-size:13px;color:#8a97a9}.codex-page button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1000px){.codex-layout{grid-template-columns:190px minmax(0,1fr)}.codex-compose,.codex-messages{padding:18px}.codex-compose-foot{flex-wrap:wrap}.codex-compose-foot>div{margin-left:auto}}
@media(max-width:700px){.codex-layout{grid-template-columns:minmax(0,1fr);gap:14px}.codex-tasks{max-height:150px;padding:12px}.codex-task-link{padding:9px 12px}.codex-page .heading{align-items:flex-start;gap:12px}.codex-page .heading p{line-height:1.7}.codex-page .heading>.button{white-space:nowrap}.codex-status{padding:15px;gap:10px}.codex-status>.button{font-size:12px;padding:9px}.codex-messages{height:45vh;min-height:230px;padding:16px}.codex-chat-head{padding:16px}.codex-compose{padding:15px}.codex-compose-foot>span{flex-basis:100%}.codex-empty{padding:55px 20px}.codex-message.user{margin-left:10px}.codex-boundary{font-size:11px}}