/* J.A.R.V.I.S. v3.0 — Claude chat styling (works in light and dark themes) */
.clMsg .bubble{white-space:normal;max-width:96%}
.clMd{font-size:13px;line-height:1.5}
.clMd p{margin:0 0 7px}
.clMd p:last-child{margin-bottom:0}
.clMd b{font-weight:800}
.clMd code{font-family:ui-monospace,Consolas,monospace;font-size:12px;padding:1px 4px;border-radius:4px;background:rgba(127,140,160,.15)}
.clMd a{color:var(--accent2,#007ea8);text-decoration:none}
.clMd a:hover{text-decoration:underline}
.clMd sup a{font-size:10px;font-weight:700}
.clH{font-weight:800;font-size:13px;margin:9px 0 4px;letter-spacing:.01em}
.clH:first-child{margin-top:0}
.clList{margin:3px 0 8px;padding-left:19px}
.clList li{margin:2px 0}
.clHr{border:0;border-top:1px solid var(--line,#d9e1e8);margin:8px 0}
.clCode{white-space:pre-wrap;font-size:11px;background:rgba(127,140,160,.12);padding:8px;border-radius:8px}
.clTableWrap{margin:6px 0 9px;overflow:auto;border:1px solid var(--line,#dfe7ec);border-radius:9px}
.clTable{min-width:0!important;font-size:11px!important}
.clTable td.num{text-align:right;font-variant-numeric:tabular-nums}
.clSteps{font-size:11px;color:var(--muted,#6b7d8d);margin:0 0 7px;border-bottom:1px dashed var(--line,#d9e1e8);padding-bottom:5px}
.clSteps summary{cursor:pointer;user-select:none;font-weight:700;letter-spacing:.02em}
.clSteps div{padding:2px 0 0 12px}
.clActivity:empty{display:none}
.clActivity{font-size:11px;color:var(--muted,#6b7d8d);margin-bottom:6px}
.clStep{padding:1px 0}
.clStep.run{color:var(--accent,#00a7d8);font-weight:700}
.clStep.run::after{content:'';display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:clSpin .8s linear infinite;vertical-align:-1px}
@keyframes clSpin{to{transform:rotate(360deg)}}
.clCursor{display:inline-block;width:7px;height:14px;margin-left:2px;background:var(--accent,#00a7d8);vertical-align:-2px;animation:clBlink 1s steps(2) infinite}
@keyframes clBlink{50%{opacity:0}}
.clVisual .bubble{padding-top:4px}
.clBadge{font-size:9px;letter-spacing:.06em;font-weight:800;padding:3px 8px;border-radius:999px;border:1px solid var(--line,#d9e1e8);text-transform:uppercase}
.clBadge.on{color:#fff;background:linear-gradient(90deg,#d97757,#c15f3c);border-color:transparent}
.clBadge.off{color:var(--muted,#6b7d8d)}
.clChips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.clChip{font-size:11px;padding:5px 9px;border-radius:999px;border:1px solid var(--line,#d9e1e8);background:transparent;color:var(--text,#17212b);cursor:pointer;white-space:nowrap}
.clChip:hover{border-color:var(--accent,#00a7d8);color:var(--accent,#00a7d8)}
.btn.clStop{background:var(--bad,#cf3f4e)!important;border-color:var(--bad,#cf3f4e)!important;color:#fff!important}
.claudeAdmin{border-left:3px solid #d97757}
.clAdminGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:8px 0}
.clAdminGrid label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--muted,#6b7d8d)}
.clAdminGrid select{padding:7px;border-radius:8px;border:1px solid var(--line,#d9e1e8);background:var(--input-bg,#fff);color:var(--text,#17212b)}
#claudeAdminOut{white-space:pre-wrap;margin-top:7px}