/* Templates panel for the Follow up block.
   Opened from the composer Templates button; it takes over the right
   Follow up card, and picking a template drops the text into the chat. */

/* The panel is an overlay: the default Follow up card stays exactly as it was,
   and the templates cover it while open. No layout shift, nothing stacks. */
.wf-follow{ position:relative; }
.wf-tpl{
  position:absolute; inset:0; z-index:5;
  flex-direction:column; gap:9px;
  background:#0b0b14; border-radius:16px; padding:14px;
  overflow:auto;
}
.wf-tpl:not([hidden]){ display:flex; }

.wf-tpl-head{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.wf-tpl-head b{ font-size:14px; font-weight:700; color:#fff; }
.wf-tpl-back{
  position:absolute; left:0; top:-2px;
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; padding:0;
  background:transparent; border:0; border-radius:8px; cursor:pointer;
  color:rgba(255,255,255,.6);
}
.wf-tpl-back:hover{ color:#fff; background:rgba(255,255,255,.08); }

.wf-tpl-lead{ margin:0; font-size:11.5px; line-height:1.5; color:rgba(255,255,255,.55); }

.wf-tpl-new{
  width:100%; padding:11px; cursor:pointer;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1); border-radius:10px;
  color:#fff; font-size:12px; font-weight:600;
}
.wf-tpl-new:hover{ background:rgba(255,255,255,.09); }

.wf-tpl-seg{
  font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(255,255,255,.42); margin-top:2px;
}

.wf-tpl-list{ display:flex; flex-direction:column; gap:8px; }
.wf-tpl-item{
  display:flex; flex-direction:column; gap:3px; text-align:left; cursor:pointer;
  width:100%; padding:11px 12px;
  background:#14141c;
  border:1px solid rgba(255,255,255,.1); border-radius:10px;
  transition:border-color .15s ease, background .15s ease;
}
.wf-tpl-item:hover{ border-color:rgba(var(--accent-rgb),.55); background:#181824; }
.wf-tpl-item b{ font-size:12.5px; font-weight:700; color:#fff; }
.wf-tpl-body{
  font-size:11.5px; color:rgba(255,255,255,.5);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}

.wf-tpl-tip{
  margin:4px 0 0; font-size:11px; line-height:1.5; color:rgba(255,255,255,.45);
}
.wf-tpl-tip code{
  font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:10.5px;
  padding:1px 6px; border-radius:5px;
  background:rgba(255,255,255,.08); color:rgba(255,255,255,.72);
}