/* Vordenk — Professionals reply flow: a plain first-person progress note, a bordered card of collapsible step rows
   (spinner + timer on the live one, caret on each), and the answer in readable serif text. Load AFTER vk-pro-colors.css.
   Scoped to Professionals; terminal colours (--pt-*) still apply. */
:root[data-mode="professionals"]{
  --pf-serif:"Source Serif 4","Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --pf-line:var(--pt-rule,#3c3c3c);
}
:root[data-mode="professionals"][data-pro-theme="light"]{ --pf-line:rgba(0,0,0,.14); }

/* the answer: serif prose, no "●" bullet */
:root[data-mode="professionals"] .msg-assistant:not(.msg-typing):not(.act-done){ padding-left:0; }
:root[data-mode="professionals"] .msg-assistant:not(.msg-typing):not(.act-done)::before{ content:none; }
:root[data-mode="professionals"] .msg-assistant .msg-text{ font:400 16px/1.6 var(--pf-serif); }
:root[data-mode="professionals"] .msg-assistant .msg-text p{ margin:0 0 10px; }
:root[data-mode="professionals"] .msg-assistant .msg-text h1,
:root[data-mode="professionals"] .msg-assistant .msg-text h2,
:root[data-mode="professionals"] .msg-assistant .msg-text h3{ font:600 16px/1.4 var(--pf-serif); }
:root[data-mode="professionals"] .msg-assistant .msg-text ul{ list-style:disc; padding-left:22px; }
:root[data-mode="professionals"] .msg-assistant .msg-text ul > li{ padding-left:2px; }
:root[data-mode="professionals"] .msg-assistant .msg-text ul > li::before{ content:none; }

/* the progress note: short, plain, first person */
:root[data-mode="professionals"] .act-note{ margin:0 0 10px; font:400 16px/1.55 var(--pf-serif); color:var(--foam); }
:root[data-mode="professionals"] .act-note:empty{ display:none; }

/* the card */
:root[data-mode="professionals"] .act-feed{ margin:0; }
:root[data-mode="professionals"] .act-list,
:root[data-mode="professionals"] .act-done .act-list{
  display:block; gap:0; border:1px solid var(--pf-line); border-radius:14px; overflow:hidden; margin:0;
}
:root[data-mode="professionals"] .act-step{
  display:block; font:400 15px/1.4 var(--pf-serif); color:var(--slate-400); animation:none;
  border-top:1px solid var(--pf-line); align-items:initial; gap:0;
}
:root[data-mode="professionals"] .act-step:first-child{ border-top:0; }
:root[data-mode="professionals"] .act-step::before{ content:none; }
:root[data-mode="professionals"] .act-ic{ display:none; }
:root[data-mode="professionals"] .act-head{
  display:flex; align-items:center; gap:10px; padding:12px 14px; cursor:pointer; min-height:44px;
  -webkit-tap-highlight-color:transparent; user-select:none;
}
:root[data-mode="professionals"] .act-nodetail .act-head{ cursor:default; }
:root[data-mode="professionals"] .act-head:focus-visible{ outline:2px solid var(--pt-gold,#d4c17e); outline-offset:-2px; }
:root[data-mode="professionals"] .act-text{ font-weight:400; color:var(--foam); flex:0 1 auto; }
:root[data-mode="professionals"] .act-arg{ color:var(--slate-400); font:400 13px/1.4 var(--pt-mono); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
:root[data-mode="professionals"] .act-time{ color:var(--slate-400); font-variant-numeric:tabular-nums; }
:root[data-mode="professionals"] .act-time:empty{ display:none; }
:root[data-mode="professionals"] .act-caret{ margin-left:auto; width:0; height:0; border-left:5px solid currentColor; border-top:4px solid transparent; border-bottom:4px solid transparent; color:var(--slate-400); transition:transform .15s ease; flex:none; }
:root[data-mode="professionals"] .act-nodetail .act-caret{ visibility:hidden; }
:root[data-mode="professionals"] .act-open .act-caret{ transform:rotate(90deg); }
:root[data-mode="professionals"] .act-time + .act-caret{ margin-left:0; }
:root[data-mode="professionals"] .act-head > .act-arg ~ .act-caret,
:root[data-mode="professionals"] .act-text ~ .act-caret{ margin-left:auto; }
:root[data-mode="professionals"] .act-time{ margin-left:auto; }
:root[data-mode="professionals"] .act-time:not(:empty) ~ .act-caret{ margin-left:8px; }

/* expanded detail */
:root[data-mode="professionals"] .act-detail{
  display:none; margin:0; padding:0 14px 14px 14px; background:none; border-radius:0;
  font:400 13px/1.55 var(--pt-mono); color:var(--slate-400); overflow-wrap:anywhere;
}
:root[data-mode="professionals"] .act-detail::before{ content:none; }
:root[data-mode="professionals"] .act-open .act-detail{ display:block; }

/* spinner (four dots) only on the row that is running; finished rows have none */
:root[data-mode="professionals"] .act-spin{ display:none; width:18px; height:18px; flex:none; position:relative; animation:pf-spin 1.2s linear infinite; }
:root[data-mode="professionals"] .act-live .act-spin{ display:inline-block; }
:root[data-mode="professionals"] .act-spin i{ position:absolute; width:5px; height:5px; border-radius:50%; background:var(--pt-salmon,#d4856f); }
:root[data-mode="professionals"] .act-spin i:nth-child(1){ left:2px; top:2px; }
:root[data-mode="professionals"] .act-spin i:nth-child(2){ right:2px; top:2px; opacity:.85; }
:root[data-mode="professionals"] .act-spin i:nth-child(3){ left:2px; bottom:2px; opacity:.7; }
:root[data-mode="professionals"] .act-spin i:nth-child(4){ right:2px; bottom:2px; opacity:.55; }
@keyframes pf-spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ :root[data-mode="professionals"] .act-spin{ animation:none; } }

/* the old "✻ Pondering…" line and rotating words give way to the live row */
:root[data-mode="professionals"] .msg-typing-feed .pt-status,
:root[data-mode="professionals"] .msg-typing-feed .typing-label,
:root[data-mode="professionals"] .msg-typing-feed .typing-time{ display:none; }

/* the saved card: one tap on "Worked for …" opens the rows */
:root[data-mode="professionals"] .act-done{ font:400 15px/1.4 var(--pf-serif); }
:root[data-mode="professionals"] .act-done > summary{ font:400 15px/1.4 var(--pf-serif); color:var(--slate-400); padding:6px 0; }
:root[data-mode="professionals"] .act-done > summary::before{ color:var(--slate-400); }
:root[data-mode="professionals"] .act-done{ margin-bottom:12px; }
/* a real tool call: "Ran a command" with the call shown as a code block */
:root[data-mode="professionals"] .act-cmd .act-detail{
  margin:0 14px 14px; padding:30px 12px 10px; position:relative; border-radius:8px; background:var(--navy-800,#282828);
  border:1px solid var(--pf-line); color:var(--pt-green,#8fc79b); white-space:pre-wrap; font:400 13px/1.55 var(--pt-mono);
}
:root[data-mode="professionals"] .act-cmd .act-detail::before{
  content:"bash"; position:absolute; left:12px; top:8px; font:400 12px/1 var(--pt-mono); color:var(--slate-400);
}
/* real run of a JavaScript block: "Ran a command" with the true output */
:root[data-mode="professionals"] .act-runs{ margin-top:10px; }
:root[data-mode="professionals"] .act-run-js .act-detail::before{ content:"javascript \00b7  browser sandbox"; }
:root[data-mode="professionals"] .act-run-js .act-head::before{ content:""; width:8px; height:8px; border-radius:50%; flex:none; }
:root[data-mode="professionals"] .act-pass .act-head::before{ background:var(--pt-green,#8fc79b); }
:root[data-mode="professionals"] .act-fail .act-head::before{ background:var(--pt-red,#e0788a); }
:root[data-mode="professionals"] .act-run-js .act-detail{ color:var(--pt-text,#e5e1d5); }
:root[data-mode="professionals"] .act-runwrap{ padding:0 14px 14px; }
:root[data-mode="professionals"] .act-runbtn{ font:600 14px/1 var(--pf-serif); padding:10px 16px; border-radius:999px; border:1px solid var(--pt-gold,#d4c17e); background:transparent; color:var(--pt-gold,#d4c17e); cursor:pointer; min-height:40px; }
:root[data-mode="professionals"] .act-runbtn:disabled{ opacity:.6; cursor:default; }
:root[data-mode="professionals"] .act-run-srv .act-detail::before{ content:"bash \00b7  sandbox server"; }
:root[data-mode="professionals"] .act-run-srv .act-detail[data-label]::before{ content:attr(data-label); }
:root[data-mode="professionals"] .act-run-srv.act-open .act-detail{ display:block; }