
/* =========================================================
   NEXORA v14 — sidebar typography / icons / profile polish
   ========================================================= */
:root{
  --nx-side-font:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
.sidebar,
.sidebar button,
.sidebar input,
.sidebar select,
.sidebar textarea{
  font-family:var(--nx-side-font)!important;
}

.sidebar{
  width:276px!important;
  min-width:276px!important;
}
html[data-theme-style="minimal"] .sidebar{
  width:264px!important;
  min-width:264px!important;
  padding:15px 12px 13px!important;
}

.brand{font-weight:760!important;letter-spacing:-.03em!important}
.brand .brand-logo{width:24px!important;height:24px!important}
.newchat{
  min-height:46px!important;
  height:46px!important;
  font-size:13.5px!important;
  font-weight:650!important;
  border-radius:14px!important;
}
.newchat .plus{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:18px}

.sidebar .navs{padding-top:10px!important}
.sidebar .navgroup-label,
.sidebar .history .label,
.sidebar .label{
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
.sidebar .nav{
  min-height:40px!important;
  height:40px!important;
  border-radius:13px!important;
  font-size:13.5px!important;
  font-weight:620!important;
  gap:10px!important;
  padding:0 11px!important;
}
.sidebar .nav span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.nav-icon,
.inline-icon,
.logout-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.nav-icon{width:18px;height:18px;color:currentColor;opacity:.92}
.nav-icon svg,
.inline-icon svg,
.logout-icon svg,
.session-mini svg{
  width:100%;height:100%;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.nav.active .nav-icon,
#settingsNavBtn.active .nav-icon{opacity:1}

html[data-theme-style="minimal"] .nav{
  font-size:13.6px!important;
  font-weight:630!important;
}
html[data-theme-style="minimal"] .navgroup-label,
html[data-theme-style="minimal"] .history .label,
html[data-theme-style="minimal"] .label{
  font-size:10.2px!important;
  font-weight:800!important;
}
html[data-theme-style="minimal"] .newchat{
  font-size:13.6px!important;
  font-weight:660!important;
}

/* Session list — remove the dark "banana" and make it cleaner */
.sidebar .history{max-height:170px!important;padding-right:2px!important}
.session-sidebar-row{
  display:flex;align-items:center;gap:6px!important;
  margin:4px 0!important;
  padding:2px!important;
  border-radius:14px!important;
  border:1px solid var(--theme-line)!important;
  background:color-mix(in srgb,var(--theme-surface) 86%, transparent)!important;
}
.session-sidebar-row .item{
  flex:1;min-width:0;
  display:flex;align-items:center;
  height:36px!important;
  padding:0 11px!important;
  border-radius:11px!important;
  font-size:12.6px!important;
  font-weight:620!important;
  line-height:1.25!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--theme-text)!important;
  background:transparent!important;
}
.session-sidebar-row.selected{
  background:color-mix(in srgb,var(--theme-accent) 10%, var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-accent) 30%,var(--theme-line))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 8%,transparent) inset!important;
}
.session-sidebar-row.selected .item.selected,
.item.selected{
  background:transparent!important;
  color:var(--theme-text)!important;
  box-shadow:none!important;
}
.session-sidebar-row.selected .item.selected::before{
  content:"";
  width:7px;height:7px;border-radius:999px;
  background:var(--theme-accent);
  margin-right:9px;flex:none;
}
.session-mini{
  width:31px!important;height:31px!important;min-width:31px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:var(--theme-muted)!important;
  background:transparent!important;
}
.session-mini:hover{
  background:var(--theme-hover)!important;
  color:var(--theme-text)!important;
  border-color:var(--theme-line)!important;
}
.session-mini.danger:hover{
  color:#d14d4d!important;
  background:color-mix(in srgb,#d14d4d 10%, var(--theme-surface))!important;
  border-color:color-mix(in srgb,#d14d4d 26%, var(--theme-line))!important;
}
.session-empty{font-size:11.5px!important;font-weight:530!important;padding:10px 10px 8px!important}

/* Better admin card readability */
.bottom{padding-top:10px!important}
.profile.auth-profile{
  min-height:58px!important;
  padding:9px 9px!important;
  gap:10px!important;
  border-radius:16px!important;
  border:1px solid var(--theme-line)!important;
  background:color-mix(in srgb,var(--theme-surface) 88%, transparent)!important;
}
.profile.auth-profile:hover{
  border-color:color-mix(in srgb,var(--theme-accent) 25%,var(--theme-line))!important;
  background:var(--theme-surface-2)!important;
}
.profile.auth-profile .avatar{
  width:38px!important;height:38px!important;min-width:38px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:800!important;
}
.profile.auth-profile .pc{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.profile.auth-profile .pc strong{
  font-size:13.4px!important;
  line-height:1.2!important;
  font-weight:760!important;
  color:var(--theme-text)!important;
}
.profile.auth-profile .pc span{
  font-size:11.3px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:var(--theme-muted)!important;
}
.profile-logout.logout-visible{
  min-width:88px!important;
  height:34px!important;
  padding:0 11px!important;
  border-radius:11px!important;
  font-size:11px!important;
  font-weight:700!important;
  gap:7px!important;
}
.logout-icon{width:14px;height:14px}

/* Slight polish for minimal light specifically */
html[data-theme-style="minimal"] .profile.auth-profile,
html[data-theme-style="minimal"] .session-sidebar-row{
  box-shadow:none!important;
}
html[data-theme-style="minimal"] .profile.auth-profile .pc strong{font-size:13.3px!important}
html[data-theme-style="minimal"] .profile.auth-profile .pc span{font-size:11px!important}
