/* Only the added navigation and existing detail drawer's runtime content. */
[hidden]{display:none!important}
#runtimeNav { border:1px solid #dedee2; border-radius:7px; background:transparent; padding:6px 10px; color:inherit; cursor:pointer; white-space:nowrap; }
.runtime-panel { line-height:1.65; overflow-wrap:anywhere; }
.runtime-panel pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; max-height:420px; overflow:auto; background:#f5f5f7; padding:12px; border-radius:8px; }
.runtime-panel input,.runtime-panel textarea,.runtime-panel select { display:block; width:100%; box-sizing:border-box; border:1px solid #ddd; border-radius:7px; padding:8px; background:white; color:#222; font:inherit; margin:6px 0 12px; }
.runtime-panel textarea { min-height:90px; resize:vertical; }
.runtime-panel a { color:#285bc2; }
.runtime-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.runtime-panel .drawer-button { margin:4px 4px 4px 0; }
#runtimeError { color:#9c3434; }
.business-result { white-space:normal; font-size:13px; line-height:1.75; min-width:0; }
.business-origin { display:flex; flex-wrap:wrap; gap:8px; font-size:10px; color:#77869a; }
.business-origin span { background:#f2f5f9; border:1px solid #e5ebf2; border-radius:5px; padding:2px 7px; }
.business-answer { margin:13px 0; white-space:pre-wrap; }
.business-table-scroll { max-width:100%; overflow:auto; border:1px solid #e5ebf2; border-radius:9px; margin:12px 0; }
.business-table { border-collapse:collapse; width:100%; min-width:410px; font-size:11px; text-align:left; }
.business-table th,.business-table td { padding:9px 10px; border-bottom:1px solid #edf0f5; vertical-align:top; }
.business-table th { background:#f8fafd; color:#74839a; font-weight:500; white-space:nowrap; }
.business-table tbody tr:last-child td { border-bottom:0; }
.business-table td:first-child { white-space:nowrap; }
.business-diagnosis { padding-left:18px; font-size:12px; }
.business-diagnosis li { margin:7px 0; }
.business-result details { margin:12px 0; font-size:11px; color:#718198; }
.business-result summary { cursor:pointer; color:#4b709b; }
.business-result details p { margin:8px 0; overflow-wrap:anywhere; }
.business-result details ol { padding-left:20px; }
.business-result details li { margin:5px 0; }
.business-result a { color:#3572b8; }
.business-action { background:#f8fafd; border:1px solid #dfe8f4; border-radius:10px; padding:13px 15px; margin:14px 0; }
.business-action strong { font-size:12px; font-weight:550; color:#4b6482; }
.business-action p { font-size:11px; color:#8794a7; margin:7px 0 10px; }
.business-action button { color:#356caa; border-color:#cfddeb; }
.business-result button:disabled { opacity:.65; cursor:default; }
.business-followups { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0; }
.business-result .business-error { color:#a65454; }
.business-digest { font-family:Consolas,monospace; font-size:10px; overflow-wrap:anywhere; }
.message:has(.business-result) { min-width:0; max-width:100%; }
.business-development { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:16px 0; }
.business-development .drawer-button { color:#356caa; border-color:#cfddeb; }
.business-development small { font-size:10px; color:#8996a8; }
.development-result { white-space:normal; min-width:0; line-height:1.7; font-size:12px; }
.message:has(.development-result) { min-width:0; max-width:100%; width:100%; }
.development-heading { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:center; }
.development-heading strong { font-size:13px; color:#4a607a; font-weight:550; }
.development-status { font-size:10px; padding:3px 8px; border-radius:5px; border:1px solid #e2e9f1; color:#667c98; background:#f7f9fc; }
.development-meta { color:#8995a6; font-size:10px; overflow-wrap:anywhere; }
.development-timeline { list-style:none; padding:0 0 0 12px; margin:16px 0; border-left:1px solid #dfe7f1; }
.development-timeline li { position:relative; padding:0 0 15px 12px; }
.development-timeline li:last-child { padding-bottom:0; }
.development-timeline li::before { content:''; width:6px; height:6px; border:2px solid white; border-radius:50%; background:#8fa9c8; position:absolute; left:-18px; top:5px; }
.development-timeline li[data-status='failed']::before,.development-timeline li[data-status='rejected']::before { background:#b97676; }
.development-event-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.development-event-heading strong { font-size:12px; font-weight:500; color:#52677f; }
.development-event-heading span,.development-timeline time { font-size:10px; color:#93a0b1; }
.development-timeline p { margin:4px 0 0; color:#768598; font-size:11px; white-space:pre-wrap; overflow-wrap:anywhere; }
.development-diagnostics { margin:12px 0; }
.token-usage-scroll { overflow-x:auto; margin:8px 0; }
.token-usage-details table { width:100%; border-collapse:collapse; font-size:11px; text-align:left; }
.token-usage-details th,.token-usage-details td { padding:7px 9px; border-bottom:1px solid #e3eaf2; vertical-align:top; white-space:nowrap; }
.token-usage-details td:first-child { white-space:normal; min-width:170px; }
.token-usage-details small { color:#6d7e93; line-height:1.6; }
.development-diagnostics summary { cursor:pointer; color:#58789f; font-size:11px; }
.development-diagnostics pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:240px; overflow:auto; background:#faf8f8; padding:12px; border-radius:8px; font-size:11px; }
.development-error { color:#a15858; font-size:11px; white-space:pre-wrap; overflow-wrap:anywhere; }
.delivery-card { padding:15px; border:1px solid #dfe9f3; border-radius:11px; background:#f9fbfe; margin:16px 0 10px; }
.delivery-card>strong { color:#46688c; font-size:12px; font-weight:550; }
.delivery-card p { font-size:11px; color:#8190a3; margin:8px 0; }
.delivery-card a.drawer-button,.runtime-panel a.drawer-button { display:inline-block; text-decoration:none; }
.delivery-digest { font-family:Consolas,monospace; font-size:10px!important; overflow-wrap:anywhere; color:#8a97a8; }
.delivery-summary { font-size:12px; white-space:pre-wrap; }
.delivery-file-list { display:flex; flex-direction:column; gap:5px; margin:14px 0; max-height:240px; overflow:auto; }
.delivery-file { text-align:left; background:white; border:1px solid #e3eaf2; border-radius:7px; padding:8px 9px; cursor:pointer; }
.delivery-file.selected { background:#edf4fc; border-color:#c9dbef; }
.delivery-file strong { display:block; font-size:11px; font-weight:500; color:#506c8f; overflow-wrap:anywhere; }
.delivery-file small,.delivery-file-heading small { display:block; font-size:10px; color:#8b9aab; margin-top:3px; }
.delivery-file-heading strong { font-size:11px; color:#4d6580; overflow-wrap:anywhere; }
.delivery-view-tabs { margin:8px 0; }
.runtime-panel pre.delivery-code { white-space:pre; overflow:auto; overflow-wrap:normal; max-height:480px; font:11px/1.7 Consolas,monospace; padding:11px; }
.runtime-panel pre.delivery-document { white-space:pre-wrap; overflow-wrap:anywhere; font-family:inherit; }
.delivery-code .diff-added { display:inline-block; min-width:100%; background:#eaf5ee; color:#3c7250; }
.delivery-code .diff-removed { display:inline-block; min-width:100%; background:#fff0ef; color:#975b58; }
.development-refresh { margin-top:8px; }
.execution-card{margin:14px 0;padding:17px;border:1px solid #d7e4f3;border-radius:12px;background:#f7faff;overflow-wrap:anywhere}
.execution-headline{display:flex;align-items:center;gap:9px;color:#244f85;font-size:14px}
.execution-card p{margin:9px 0;color:#536e8d;font-size:12px}
.execution-times{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;color:#60748e}
.execution-times b{font-weight:500;font-variant-numeric:tabular-nums}
.execution-card[data-state='verified']{background:#f2faf6;border-color:#bedfcd}
.execution-card[data-state='verified'] .execution-headline{color:#276347}
.execution-card[data-state='failed'],.execution-card[data-state='unknown'],.execution-card.connection-stale{border-color:#e9c99a;background:#fffbf4}
.execution-heartbeat{font-size:10px!important;color:#8190a3!important}
.execution-project{border-top:1px solid #dce6ee;padding-top:11px;margin-top:12px;font-size:11px}
.execution-project p{font:11px/1.7 Consolas,monospace;white-space:normal}
.execution-plan p{white-space:pre-wrap;overflow-wrap:anywhere;color:#516b87}
.execution-pulse{display:inline-block;flex:none;width:12px;height:12px;border:2px solid #d7e2ef;border-top-color:#4b7fb6;border-radius:50%;animation:execution-spin 2.4s linear infinite}
@keyframes execution-spin{to{transform:rotate(360deg)}}
.project-conversations button[data-chat]{display:flex;align-items:center;gap:8px;min-width:0}
.chat-task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:left}
.chat-task-spinner,.chat-task-state{margin-left:auto;flex:none}
.chat-task-state{font-size:10px;color:#986526;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.execution-pulse{animation:none}}

.waiting-feedback{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 0;line-height:1.7;overflow-wrap:anywhere}.waiting-feedback strong{font-size:12px;color:#526d91}.waiting-feedback small{font-size:11px;color:#7c899c}.waiting-feedback [data-pending-delay]:empty{display:none}

.admin-entry { border:1px solid #dedee2; border-radius:7px; padding:6px 10px; color:inherit; white-space:nowrap; font-size:12px; }
.admin-entry:hover { background:#f0f6f3; }
:root{--skill-accent:#3269d5}
.product-skill-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#3269d5;background:#eaf1ff;flex-shrink:0}.product-skill-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.product-skill-icon.web{color:#7b4fc0;background:#f1eaff}.product-skill-icon.pdf{color:#c26732;background:#fff0e5}.skill-picker{width:380px!important;max-width:calc(100vw - 24px)}.skill-picker .skill-card-choice{padding:14px;gap:13px;margin:4px 0;border:1px solid #e5eaf2;border-radius:12px;align-items:center}.skill-picker .skill-card-choice:hover{background:#f5f8ff;border-color:#a9bfe7}.skill-card-choice .menu-copy small{line-height:1.5;white-space:normal}.skill-library-intro{line-height:1.8;color:#65738a}.product-skill-grid{display:grid;gap:16px;margin:20px 0}.product-skill-card{display:grid;grid-template-columns:56px 1fr;gap:6px 14px;text-align:left;width:100%;padding:22px;border:1px solid #dce4ef;border-radius:16px;background:white;color:#263956;cursor:pointer;box-shadow:0 4px 18px #243f6b06}.product-skill-card:hover{border-color:#83a6e8;background:#f9fbff}.product-skill-card>.product-skill-icon{grid-row:1 / 5}.product-skill-card strong{font-size:17px}.product-skill-card p{margin:2px 0;color:#6b7890;line-height:1.7}.product-skill-card small{color:#8a96a8}.skill-card-select{font-size:12px;color:#3269d5;margin-top:6px}.skill-library-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5eaf2;padding-top:16px}.result-preview-ready{display:flex;align-items:center;gap:16px;padding:22px;margin:0 0 18px;border:1px solid #bbdbc9;border-radius:14px;background:#f3fbf6}.result-preview-ready strong{font-size:17px;color:#236441}.result-preview-ready p{margin:6px 0;color:#60776a;line-height:1.7}.result-preview-ready .drawer-button{margin-left:auto;background:#267a53;color:white;border-color:#267a53;white-space:nowrap;padding:12px 18px}.result-preview-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d7efdf;color:#267a53;font-size:22px;flex-shrink:0}.result-no-preview{padding:20px;margin-bottom:18px;border:1px solid #eacb9d;border-radius:14px;background:#fffaf1}.result-no-preview p{line-height:1.8;color:#886940}@media(max-width:650px){.result-preview-ready{flex-wrap:wrap}.result-preview-ready .drawer-button{margin-left:52px}.product-skill-card{padding:16px}}