/* Decluttered chat (Owner, 18 Oct 2026: "TOO MESSY. I LIKED IT DECLUTTERED WITH JUST THE J LOGO"), matching the JudeAI Mac app:
   the empty chat shows only the original J mark; the message box holds attach, model, effort, microphone and send;
   the model status, switches and run details live in the Summary panel; the tools live in the top toolbar. */
body.personal-chat .jp > .jp-head { display: none !important; }
body.personal-chat .cw-run details, body.personal-chat .cw-run .cw-run-meta, body.personal-chat .cw-run [class*="files"] { display: none !important; }
body.personal-chat :is(.jp-box, .pt-box) .cs-ib { display: none !important; }
body.personal-chat .jp-dock { display: flex; flex-direction: column; }
body.personal-chat .jp-dock .pt-under { display: flex; align-items: center; justify-content: space-between; }
body.personal-chat .jp-dock .pt-note { margin: 6px 4px 0; text-align: right; font-size: 12.5px; color: var(--e-text-3); }
/* Empty chat: only the original J mark. Starters remain available through More. */
body.personal-chat .pc-starters > :not(.cd-empty) { display: none !important; }
body.personal-chat .pc-starters:not([hidden]) { display: grid !important; place-items: center; min-height: 60vh; }
.cd-empty { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.cd-empty img { width: 72px; height: 72px; border-radius: 20%; box-shadow: var(--e-glow-sm); }
.cd-empty h2 { margin: 0; font: 700 26px/1.2 var(--e-font); color: var(--e-text); letter-spacing: -.01em; }
/* Summary panel type as in the Mac app; the pane title gives way to the tabs */
body.personal-chat .cs-sec h3 { font-size: 11.5px !important; line-height: 1.2 !important; letter-spacing: .08em !important; margin: 0 0 8px !important; }
body.personal-chat .cs-v, body.personal-chat .cs-row { font-size: 14px !important; }
body.personal-chat .pp-pane.cs-show-summary > :first-child :is(h2, h3, strong, .pp-title) { visibility: hidden; }
/* approval on the left and the note on the right, one row under the message box */
body.personal-chat .jp-dock { display: grid !important; grid-template-columns: max-content minmax(0, 1fr); column-gap: 12px; align-items: center; }
body.personal-chat .jp-dock > * { grid-column: 1 / -1; }
body.personal-chat .jp-dock > .pt-under { grid-column: 1; }
body.personal-chat .jp-dock > .pt-note { grid-column: 2; margin: 0 !important; align-self: center; }
html[data-look] body.personal-chat .cs-summary .cs-sec h3, html body.personal-chat .cs-summary h3 { font: 700 11.5px/1.2 var(--e-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
html body.personal-chat .jp-dock > .pt-under { justify-content: flex-start !important; justify-self: start; }
/* Owner, 18 Oct 2026 reference: the box holds attach, Eco, effort, microphone and send; under it only the approval and the note.
   The run strip and Goal live in Tasks (the strip is moved there whole); Jude replies lives in Summary. Nothing is removed, only moved out of the message area. */
body.personal-chat .cw-workbench .cw-run { display: none !important; }
body.personal-chat .cs-goals-home .cw-goals { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 4px 16px 8px; border: 0; }
body.personal-chat .pp-pane.cs-show-summary .cs-goals-home { display: none !important; }
body.personal-chat .jp-dock .pt-tog { display: none !important; }
body.personal-chat .jp-dock .pt-note { margin: 0 4px !important; text-align: right; }
body.personal-chat .cw-workbench { border: 0 !important; padding: 0 !important; min-height: 0 !important; }
/* The thread as in the Owner's references (18 Oct 2026): Jude writes plain text with no box; your messages are filled bubbles
   on the right; one centred reading column; Jude's latest reply has a quiet "Worked for" line that opens its recorded steps. */
body.personal-chat #jp .jp-thread { padding: 28px 20px 12px !important; gap: 22px !important; }
body.personal-chat #jp .jp-thread > * { width: 100%; max-width: 760px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
body.personal-chat #jp .jp-msg.ai { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 6px; }
body.personal-chat #jp .jp-msg.ai .jp-b { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; max-width: 100% !important;
  font: 400 16px/1.62 var(--e-font) !important; color: var(--e-text) !important; border-radius: 0 !important; }
body.personal-chat #jp .jp-msg.me { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 4px; }
body.personal-chat #jp .jp-msg.me .jp-b { border: 0 !important; border-radius: 22px !important; padding: 12px 18px !important; max-width: min(580px, 80%) !important; font: 400 16px/1.5 var(--e-font) !important; box-shadow: none !important;
  background: color-mix(in srgb, currentColor 9%, transparent) !important; color: var(--e-text) !important; }
html:is([data-look="electric"], [data-look="dark"]) body.personal-chat #jp .jp-msg.me .jp-b { background: #1d4f93 !important; color: #fff !important; }
/* the branch control sits quietly under a message, never as a circle beside it */
body.personal-chat #jp .jp-msg > .jt-fk { position: static !important; width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; border: 0 !important; background: none !important; box-shadow: none !important; opacity: .5; padding: 0 !important; }
body.personal-chat #jp .jp-msg > .jt-fk:hover { opacity: 1; }
body.personal-chat #jp .jp-msg:has(> .jt-fk) { display: flex !important; grid-template-columns: none !important; }
/* Worked for: one muted line; open, it lists the steps with ticks */
body.personal-chat .ct-worked { width: 100%; max-width: 760px; margin: 0 auto -10px; font: 500 14px var(--e-font); color: var(--e-text-3); }
body.personal-chat .ct-worked > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 2px 0; }
body.personal-chat .ct-worked > summary::-webkit-details-marker { display: none; }
body.personal-chat .ct-worked > summary::after { content: "›"; font-size: 16px; transition: transform .15s; }
body.personal-chat .ct-worked[open] > summary::after { transform: rotate(90deg); }
body.personal-chat .ct-worked ol { list-style: none; margin: 6px 0 4px; padding: 0 0 0 2px; border-left: 1px solid var(--e-line); }
body.personal-chat .ct-worked li { display: flex; gap: 8px; align-items: baseline; padding: 3px 0 3px 12px; font-size: 13.5px; }
body.personal-chat .ct-worked li::before { content: "✓"; color: #13804F; font-weight: 700; }