/* KageMux Recents: quiet, ChatGPT-like navigation. No filled chat cards.
   UI-only: the saved conversation and New chat actions remain unchanged. */

/* One uninterrupted dark navigation surface, not a green-gradient panel. */
body.kc-chat-page .kc-recents-panel {
  background:#080c0a;
  background-image:none;
  border-right:1px solid rgba(240,248,240,.09);
  box-shadow:none;
}
body.kc-chat-page .kc-recents-head {
  padding:3px 10px 14px;
}
body.kc-chat-page .kc-recents-head h2 {
  color:#f3f5f1;
  font-weight:630;
  font-size:18px;
}
body.kc-chat-page .kc-recents-head small {
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
  box-shadow:none;
  color:#8da08e;
  font-size:10px;
  font-weight:550;
  letter-spacing:.035em;
}

/* New chat: plain clickable row with the existing plus. */
body.kc-chat-page .kc-recents-new {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:45px;
  padding:10px 12px;
  margin:0;
  color:#e6eee7;
  font-weight:570;
  font-size:15px;
  background:transparent;
  background-image:none;
  border:0;
  border-radius:8px;
  box-shadow:none;
}
body.kc-chat-page .kc-recents-new:hover {
  background:rgba(255,255,255,.055);
  border-color:transparent;
}
body.kc-chat-page .kc-recents-new:active {
  background:rgba(255,255,255,.075);
}
body.kc-chat-page .kc-recents-list {
  gap:3px;
  padding:12px 0 22px;
}

/* Saved threads are text rows, not individual cards or bubbles. */
body.kc-chat-page .kc-recents-panel .kc-thread {
  position:relative;
  display:flex;
  min-height:41px;
  width:100%;
  align-items:center;
  padding:9px 12px;
  color:#cbd4ca;
  font-size:14px;
  font-weight:470;
  line-height:1.5;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  background:transparent;
  background-image:none;
  border:0;
  box-shadow:none;
  border-radius:8px;
  transition:background 120ms ease,color 120ms ease;
}
body.kc-chat-page .kc-recents-panel .kc-thread span {
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  flex:1;
  min-width:0;
}
body.kc-chat-page .kc-recents-panel .kc-thread:hover {
  background:rgba(255,255,255,.055);
  border-color:transparent;
  color:#fff;
}
body.kc-chat-page .kc-recents-panel .kc-thread[aria-current=true] {
  background:transparent;
  border:0;
  color:#f6f8f4;
  font-weight:580;
}
body.kc-chat-page .kc-recents-panel .kc-thread[aria-current=true]::before {
  content:"";
  position:absolute;
  top:calc(50% - 9px);
  left:3px;
  width:2px;
  height:18px;
  background:#b9ed68;
  border-radius:2px;
  pointer-events:none;
}
body.kc-chat-page .kc-recents-panel .kc-thread[aria-current=true]:hover {
  background:rgba(255,255,255,.045);
}
body.kc-chat-page .kc-recents-panel .kc-recents-foot {
  color:#9daea2;
  border-top:1px solid rgba(240,248,240,.12);
  padding:14px 10px 0;
  font-size:12px;
}

/* The existing accessible drawer for narrow screens should follow the same
   transparent-row design while retaining its modal behavior. */
body.kc-chat-page .kc-drawer {
  background:#080c0a;
  border-color:rgba(240,248,240,.11);
}
body.kc-chat-page .kc-drawer .kc-thread {
  position:relative;
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:8px;
  color:#cbd4ca;
  font-size:15px;
  padding:10px 12px;
  min-height:44px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.kc-chat-page .kc-drawer .kc-thread span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.kc-chat-page .kc-drawer .kc-thread:hover {
  background:rgba(255,255,255,.055);
}
body.kc-chat-page .kc-drawer .kc-thread[aria-current=true] {
  background:transparent;
  color:#f7f9f3;
}
body.kc-chat-page .kc-drawer .kc-thread[aria-current=true]::before {
  content:"";
  position:absolute;
  top:calc(50% - 8px);
  left:3px;
  height:16px;
  width:2px;
  background:#b9ed68;
}
body.kc-chat-page .kc-drawer-heading span {
  color:#93a795;
  background:transparent;
  border:0;
  padding:0;
}

/* Keep the original keyboard focus outline and touch-friendly click areas. */
@media (prefers-reduced-motion:reduce) {
  body.kc-chat-page .kc-recents-panel .kc-thread {
    transition:none;
  }
}

/* Mobile drawer: remove the remaining green New conversation card as well. */
body.kc-chat-page .kc-drawer button[data-kc-new] {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:44px;
  padding:10px 8px;
  border:0;
  border-radius:8px;
  box-shadow:none;
  background:transparent;
  color:#e8f0e6;
  font-size:15px;
  font-weight:530;
  text-align:left;
}
body.kc-chat-page .kc-drawer button[data-kc-new]:hover {
  background:rgba(255,255,255,.055);
  border-color:transparent;
}
body.kc-chat-page .kc-drawer button[data-kc-new] .kc-icon {
  color:#c7f783;
}