/* Configuración del cliente (brief kepubli-brief-configuracion.md), portada de mockups/kepubli-configuracion.html.
   Todo va dentro de .kc para no pisar el resto del panel. Tokens del panel + los que el mockup suma (violeta = personalizado). */
.kc{font-size:var(--fs-body);line-height:1.5}
.kc button,.kc input,.kc select,.kc textarea{font:inherit;color:inherit}
.kc button{cursor:pointer}
.kc .num{font-variant-numeric:tabular-nums}
.kc{padding-bottom:96px}
.kc .top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.kc .top h1{margin:0;font-size:22px;font-weight:700;color:var(--head)}
.kc .top p{margin:2px 0 0;color:var(--muted)}
.kc .tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.kc .srch{position:relative}.kc .srch svg{position:absolute;left:10px;top:9px;width:16px;height:16px;color:var(--faint)}
.kc .srch input{height:34px;width:min(280px,70vw);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);padding:0 12px 0 32px}
.kc .btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:6px 12px;font-size:12.5px;font-weight:400;height:auto;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.kc .btn:hover{border-color:var(--accent)}
.kc .btn.p{background:var(--accent);border-color:var(--accent);color:#fff}
.kc .btn.d{color:var(--neg)}
.kc .btn:disabled{opacity:.5;cursor:not-allowed}
.kc .seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r-pill);padding:2px;background:var(--surface)}
.kc .seg button{border:0;background:none;border-radius:var(--r-pill);padding:5px 12px;font-size:12.5px;color:var(--muted)}.kc .seg button.on{background:var(--accent-2);color:var(--accent-ink)}

.kc .lay{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}   /* sin índice propio: ya está el menú de la app (E7.8) */
.kc .idx{position:sticky;top:80px;display:grid;gap:2px}
.kc .idx .g{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:12px 8px 4px}
.kc .idx .g:first-child{margin-top:0}
.kc .idx a{display:flex;justify-content:space-between;gap:8px;align-items:center;text-decoration:none;color:var(--ink);padding:6px 10px;border-radius:var(--r-input);font-size:13px;cursor:pointer}
.kc .idx a:hover{background:var(--surface)}
.kc .idx a.on{background:var(--accent-2);color:var(--accent-ink)}
.kc .dot{width:7px;height:7px;border-radius:50%;flex:none}
.kc .dot.ok{background:var(--pos)}.kc .dot.warn{background:var(--warn)}.kc .dot.off{background:var(--faint)}.kc .dot.cust{background:var(--violet)}

.kc .grp{margin-bottom:22px}
.kc .grp>h2{margin:0 0 8px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600;display:flex;align-items:center;gap:8px}
.kc .grp>h2 .ag{letter-spacing:0;text-transform:none;font-size:11.5px;border-radius:var(--r-pill);padding:1px 8px;background:var(--violet-2);color:var(--violet)}
.kc .acc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden;scroll-margin-top:80px}
.kc .acc>summary{list-style:none;display:grid;grid-template-columns:36px minmax(0,1fr) auto 18px;gap:12px;align-items:center;padding:14px 16px;cursor:pointer}
.kc .acc>summary::-webkit-details-marker{display:none}
.kc .acc>summary:hover{background:var(--surface2)}
.kc .ic{width:36px;height:36px;border-radius:var(--r-ctl);display:grid;place-items:center;background:var(--accent-2);color:var(--accent-ink)}
.kc .ic svg{width:18px;height:18px}
.kc .ic.v{background:var(--violet-2);color:var(--violet)}.kc .ic.g{background:var(--pos-2);color:var(--pos)}
.kc .st h3{margin:0;font-size:14.5px;font-weight:700;color:var(--head)}
.kc .st p{margin:1px 0 0;font-size:12.5px;color:var(--muted)}
.kc .sum{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;font-size:12.5px;color:var(--muted);text-align:right}
.kc .pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:2px 9px;font-size:11.5px;white-space:nowrap}
.kc .pill.ok{background:var(--pos-2);color:var(--pos)}.kc .pill.warn{background:var(--warn-2);color:var(--warn)}.kc .pill.off{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}.kc .pill.cust{background:var(--violet-2);color:var(--violet)}.kc .pill.bad{background:var(--neg-2);color:var(--neg)}
.kc .chev{width:18px;height:18px;color:var(--faint);transition:transform .2s}
.kc .acc[open] .chev{transform:rotate(180deg)}
.kc .body{border-top:1px solid var(--line-soft);padding:6px 16px 14px}
.kc .sub{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:14px 0 2px;font-weight:600}
.kc .f{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) auto;gap:8px 20px;align-items:center;padding:12px 0;border-top:1px solid var(--line-soft)}
.kc .f:first-child,.kc .sub+.f{border-top:0}
.kc .f .l b{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--head);font-size:13.5px;flex-wrap:wrap}
.kc .f .l small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px}
.kc .rs{border:0;background:none;color:var(--faint);font-size:12.5px;padding:0;white-space:nowrap}.kc .rs:hover{color:var(--accent-ink)}
.kc .badge{font-size:10.5px;font-weight:400;border-radius:var(--r-pill);padding:1px 7px;background:var(--surface2);color:var(--faint);border:1px solid var(--line)}
.kc .badge.c{background:var(--violet-2);color:var(--violet);border-color:transparent}
.kc .inp{height:34px;border:1px solid var(--line);border-radius:var(--r-input);background:var(--surface);padding:0 10px;width:100%;max-width:420px}
.kc .inl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kc .inl .inp{width:110px}
.kc .suf{color:var(--muted);font-size:12.5px}
.kc textarea.inp{height:auto;min-height:70px;padding:8px 10px;max-width:560px;resize:vertical}
.kc .chips{display:flex;gap:6px;flex-wrap:wrap}
.kc .chips button{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:4px 11px;font-size:12.5px;color:var(--muted)}
.kc .chips button.on{border-color:var(--accent);background:var(--accent-2);color:var(--accent-ink)}
.kc .chips button.add{border-style:dashed}
.kc .tg{position:relative;width:38px;height:22px;border-radius:var(--r-pill);background:var(--line);border:0;padding:0;flex:none}
.kc .tg::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.kc .tg.on{background:var(--accent)}.kc .tg.on::after{left:19px}
.kc .logo{display:flex;gap:12px;align-items:center}.kc .logo .lp{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#1B2234,#4B5563) center/contain no-repeat;color:#fff;display:grid;place-items:center;font-weight:700}
.kc .logo .lp.img{background-color:var(--surface2);border:1px solid var(--line)}
.kc .col{display:flex;gap:8px;align-items:center}.kc .col input[type=color]{width:34px;height:34px;border-radius:var(--r-input);border:1px solid var(--line);padding:2px;background:var(--surface)}
.kc .ro{color:var(--ink)}.kc .ro small{color:var(--faint)}

/* tarjetas de conexión */
.kc .conn{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);margin:12px 0 4px}
.kc .conn .lg{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;background-size:cover;background-position:center}
.kc .conn h4{margin:0;font-size:14.5px;color:var(--head);font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kc .conn p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.kc .conn p a{color:var(--accent-ink)}
.kc .owner{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--r-ctl);background:var(--pos-2);color:var(--ink);font-size:13px;margin:10px 0}
.kc .owner.warn{background:var(--warn-2)}
.kc .owner b{font-weight:700;color:var(--head)}
.kc .owner svg{width:18px;height:18px;color:var(--pos);flex:none}.kc .owner.warn svg{color:var(--warn)}
.kc .kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line-soft);border-radius:var(--r-ctl);margin:10px 0}
.kc .kv div{padding:10px 12px;border-right:1px solid var(--line-soft)}.kc .kv div:last-child{border-right:0}
.kc .kv small{display:block;font-size:11.5px;color:var(--muted)}.kc .kv b{font-weight:400;font-size:14.5px;color:var(--head)}
.kc .how{font-size:12.5px;color:var(--muted);background:var(--surface2);border-radius:var(--r-ctl);padding:10px 12px;margin-top:10px}
.kc .how ol{margin:4px 0 0;padding-left:18px}.kc .how b{color:var(--ink)}
.kc .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* usuarios */
.kc .us{display:grid}
.kc .u{display:grid;grid-template-columns:34px minmax(0,1fr) 120px 110px auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line-soft)}
.kc .u:first-child{border-top:0}
.kc .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent-2);color:var(--accent-ink);font-weight:700;font-size:13px}
.kc .u b{font-weight:600;color:var(--head)}.kc .u small{display:block;color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}

/* barra guardar */
.kc .save{position:fixed;left:50%;bottom:16px;transform:translate(-50%,120%);transition:transform .25s;z-index:30;display:flex;gap:12px;align-items:center;background:var(--head);color:var(--bg);border-radius:var(--r-pill);padding:8px 8px 8px 18px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:13px;max-width:calc(100% - 32px)}
.kc .save:not(.on){visibility:hidden}
.kc .save.on{transform:translate(-50%,0)}
.kc .save .btn{border-color:transparent}
.kc .save .btn:not(.p){background:transparent;color:var(--bg)}
.kc .hide{display:none!important}
.kc mark{background:var(--warn-2);color:inherit;border-radius:3px}

.kc .segl{font-size:11.5px;color:var(--faint);padding:0 6px 0 8px;align-self:center}
.kc .perm{display:grid;gap:8px;margin-top:14px;padding:12px 14px;border-radius:10px;border:1px dashed var(--line);background:var(--surface2)}
.kc .perm b{color:var(--head)}.kc .perm small{display:block;color:var(--muted);font-size:12.5px}.kc .perm .pn{color:var(--faint)}
.kc .lk,.kc .ed{display:none!important}.kc .lk svg{width:12px;height:12px}
.kc.cl [data-ag],.kc.cl .rs{display:none!important}
.kc.cl .acc.lock .lk{display:inline-flex!important}.kc.cl .acc:not(.lock) .ed{display:inline-flex!important}
.kc .acc.lock .body :is(input,textarea,.tg,.seg button,.chips button,.pc,.col input,.logo .btn,.inl .btn){pointer-events:none}
.kc .acc.lock .body :is(input,textarea){background:var(--surface2);border-style:dashed}
.kc .acc.lock .body .seg button:not(.on),.kc .acc.lock .body .chips button:not(.on),.kc .acc.lock .body .pc:not(.on),.kc .acc.lock .body .chips .add,.kc .acc.lock .body .logo .btn{opacity:.4}
.kc .acc.lock .body .chips .add,.kc .acc.lock .body .logo .btn{display:none}
.kc .acc.lock .badge{display:none}
.kc .clonly{display:none}.kc.cl .clonly{display:block;margin:12px 0 4px}
.kc .dt{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px}.kc .dt div{border:1px solid var(--line-soft);border-radius:var(--r-ctl);padding:10px 12px}.kc .dt span{display:block;font-size:12.5px;color:var(--muted)}.kc .dt b{font-weight:400;color:var(--head);font-size:14.5px}.kc .dt small{display:block;color:var(--faint);font-size:11.5px}
.kc .dt input{margin-top:4px;width:100%;max-width:none}
.kc .cp{display:grid;gap:10px;margin-top:12px}.kc .cp label{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.kc .chk{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin:4px 2px}.kc .chk span{display:flex;gap:6px;align-items:center}.kc .chk svg{width:15px;height:15px;color:var(--pos)}
.kc .chk .no svg{color:var(--warn)}.kc .chk .no{color:var(--warn)}
.kc .hist{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line-soft);margin-top:10px;padding-top:10px;font-size:12.5px;color:var(--faint)}
.kc .lnk{border:0;background:none;padding:0;color:var(--accent-ink);font-size:12.5px;display:inline-flex;gap:6px;align-items:center}.kc .lnk svg{width:14px;height:14px}
.kc .done{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px;margin-bottom:10px}
.kc .dh{display:flex;justify-content:space-between;gap:10px;font-size:13px}.kc .dh b{color:var(--head)}.kc .dh span{color:var(--muted)}
.kc .bar{height:6px;border-radius:var(--r-pill);background:var(--line-soft);margin:8px 0;overflow:hidden}.kc .bar i{display:block;height:100%;background:var(--pos);border-radius:var(--r-pill)}
.kc .miss{display:flex;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);align-items:center}.kc .miss a{color:var(--warn);text-decoration:none;border:1px solid var(--warn-2);background:var(--warn-2);border-radius:var(--r-pill);padding:1px 9px;cursor:pointer}
.kc .noacc{display:none;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-card);padding:28px 20px;text-align:center;color:var(--muted);margin-bottom:12px}.kc .noacc b{display:block;color:var(--head);font-size:14.5px;margin-bottom:4px}
.kc.cl.hid .noacc{display:block;max-width:560px;margin:40px auto}.kc.cl.hid .lay{grid-template-columns:1fr}.kc.cl.hid .kc-main,.kc.cl.hid .scope,.kc.cl.hid .idx{display:none}
.kc .imp{font-size:11.5px;color:var(--accent-ink);background:var(--accent-wash);border-radius:var(--r-pill);padding:1px 8px;white-space:nowrap}.kc .imp:empty{display:none}
.kc .verr{display:block;color:var(--neg);font-size:11.5px;min-height:0}.kc .verr:empty{display:none}
.kc .inp.err{border-color:var(--neg);background:var(--neg-2)}
.kc .na-note{display:none;font-size:12.5px;color:var(--muted)}
.kc .acc.na{opacity:.6}.kc .acc.na .na-note{display:inline-flex}
.kc .save small{opacity:.7;font-size:12.5px}
.kc .save .btn.p:disabled{opacity:.5;cursor:not-allowed}
.kc .toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%,0);z-index:31;display:none;gap:10px;align-items:center;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 16px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:13px;max-width:calc(100% - 32px);flex-wrap:wrap}
.kc .toast.on{display:flex}.kc .x{border:0;background:none;font-size:22px;line-height:1;color:var(--faint);padding:0 6px}
.kc .mod{position:fixed;inset:0;background:rgba(13,19,27,.45);display:none;align-items:flex-start;justify-content:center;padding:60px 16px;z-index:40}.kc .mod.on{display:flex}
.kc .mb{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(560px,100%);box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:calc(100vh - 120px);overflow:auto}
.kc .mh{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.kc .mh b{color:var(--head)}
.kc .hr{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line-soft);font-size:13px}.kc .hr:first-child{border-top:0}.kc .hr small{color:var(--faint)}.kc .hr b{font-weight:600;color:var(--head)}.kc .hr s{color:var(--faint)}
.kc .ex{color:var(--faint)!important;font-size:11.5px!important}
.kc .al{display:grid}.kc .ar{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--line-soft)}.kc .ar:first-child{border-top:0}
.kc .ar b{font-weight:600;color:var(--head);display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.kc .ar small{display:block;color:var(--muted);font-size:12.5px}
.kc .ps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:10px}
.kc .pc{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px 14px;display:grid;gap:4px}
.kc .pc.on{border-color:var(--violet);background:var(--violet-2)}.kc .pc b{font-size:14.5px;color:var(--head)}.kc .pc small{color:var(--muted);font-size:12.5px}
.kc .pc span{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.kc .pc i{font-style:normal;font-size:11.5px;border-radius:var(--r-pill);padding:1px 8px;border:1px solid var(--line);color:var(--muted)}
.kc .note{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.kc .scope{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px;margin-bottom:18px;font-size:13px}
.kc .scope svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:1px}.kc .scope b{color:var(--head)}.kc .scope a{color:var(--accent-ink);cursor:pointer}
.kc .diff{display:grid;gap:0;border:1px solid var(--line-soft);border-radius:var(--r-ctl);margin-top:6px}.kc .diff div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 12px;border-top:1px solid var(--line-soft);font-size:12.5px}.kc .diff div:first-child{border-top:0}.kc .diff s{color:var(--faint)}
.kc .skel{height:60px;border-radius:var(--r-ctl);background:var(--surface2);margin:10px 0}
@media (max-width:700px){.kc .ar{grid-template-columns:38px minmax(0,1fr)}.kc .ar .ac{grid-column:2}}
@media (max-width:980px){.kc .lay{grid-template-columns:1fr}.kc .idx{display:none}}
@media (max-width:700px){
 .kc .f{grid-template-columns:1fr}.kc .rs{justify-self:start}
 .kc .acc>summary{grid-template-columns:36px minmax(0,1fr) 18px}.kc .acc>summary .sum{grid-column:2;justify-content:flex-start;grid-row:2}
 .kc .kv{grid-template-columns:repeat(2,minmax(0,1fr))}.kc .kv div:nth-child(2){border-right:0}.kc .kv div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
 .kc .conn{grid-template-columns:44px minmax(0,1fr)}.kc .conn .lg{width:44px;height:44px}.kc .conn .acts{grid-column:1/-1;justify-content:flex-start}
 .kc .u{grid-template-columns:34px minmax(0,1fr) auto}.kc .u>:nth-child(3),.kc .u>:nth-child(4){display:none}
}

/* Parte 5 · Traer datos de Google con el cerebro pensando (trayendo.js; maqueta kepubli-trayendo.html). */
.kc .tr{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}
.kc .tr-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.kc .tr-st{font-size:var(--fs-sm);color:var(--muted)}
.kc .tr-think{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft)}
.kc .tr-think[hidden]{display:none}
.kc .tr-brain{position:relative;width:150px;height:150px;border-radius:var(--r-card);background:radial-gradient(60% 60% at 50% 50%,rgba(124,58,237,.35),transparent 70%),#0B1020;overflow:hidden}
.kc .tr-brain canvas{width:100%;height:100%;display:block}
.kc .tr-brain span{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:var(--fs-xs);color:#C4B5FD}
.kc .tr-hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.kc .tr-hd b{font-size:var(--fs-h3);font-weight:var(--fw-semi);color:var(--head)}.kc .tr-hd span{font-size:var(--fs-sm);color:var(--faint)}
.kc .tr-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.kc .tr-steps li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;color:var(--faint);font-size:var(--fs-table)}
.kc .tr-steps .ic{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--line)}
.kc .tr-steps li.run{color:var(--ink)}.kc .tr-steps li.run .ic{border-color:var(--violet);border-top-color:transparent;animation:tr-sp .8s linear infinite}
.kc .tr-steps li.ok{color:var(--muted)}.kc .tr-steps li.ok .ic{border:0;position:relative}.kc .tr-steps li.ok .ic::after{content:"✓";position:absolute;inset:-4px 0 0 1px;color:var(--pos);font-size:var(--fs-table)}
.kc .tr-steps li.err{color:var(--neg)}.kc .tr-steps li.err .ic{border-color:var(--neg);background:var(--neg-2)}
.kc .tr-steps em{font-style:normal;font-size:var(--fs-sm);color:var(--muted);text-align:right}
@keyframes tr-sp{to{transform:rotate(360deg)}}
.kc .tr-days{margin-top:14px}.kc .tr-lb{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);margin-bottom:5px}
.kc .tr-grid{display:grid;gap:2px}
.kc .tr-grid i{height:9px;border-radius:2px;background:var(--line-soft);transition:background .25s,transform .25s}
.kc .tr-grid i.on{background:var(--goo);transform:scaleY(1.15)}
.kc .tr-feed{margin-top:12px;height:84px;line-height:1.45;overflow:hidden;font-size:var(--fs-xs);color:var(--faint);display:flex;flex-direction:column;justify-content:flex-end;gap:2px;-webkit-mask-image:linear-gradient(transparent,#000 55%);mask-image:linear-gradient(transparent,#000 55%)}
.kc .tr-feed div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:tr-in .3s ease}.kc .tr-feed b{color:var(--muted);font-weight:var(--fw-semi)}
@keyframes tr-in{from{opacity:0;transform:translateY(6px)}}
.kc .tr-ops{margin-top:10px;font-size:var(--fs-xs);color:var(--muted)}
.kc .tr-done{margin-top:12px;padding:10px 12px;border-radius:var(--r-ctl);background:var(--pos-2);color:var(--ink);font-size:var(--fs-table);animation:tr-in .4s ease}
.kc .tr-err{margin-top:12px;padding:10px 12px;border-radius:var(--r-ctl);background:var(--neg-2);color:var(--ink);font-size:var(--fs-table)}
@media (max-width:560px){.kc .tr-think{grid-template-columns:1fr}.kc .tr-brain{width:100%;height:120px}}
@media (prefers-reduced-motion:reduce){.kc .tr-steps li.run .ic,.kc .tr-feed div,.kc .tr-done{animation:none}.kc .tr-grid i{transition:none}.kc .tr-feed{display:none}}
.kc .tr-est{font-size:var(--fs-sm);color:var(--muted)}