/* rewritten settings page */
#settingsWorkspace.sx-settings{
  --sx-bg:#f6f8fb;
  --sx-card:#fff;
  --sx-line:#e3e9f2;
  --sx-soft:#f2f6ff;
  --sx-hover:#f7faff;
  --sx-blue:#2563f4;
  --sx-blue-soft:#edf4ff;
  --sx-topbar:#eef5ff;
  --sx-topbar-strong:#dfeaff;
  --sx-topbar-text:#102a56;
  --sx-text:#1f2937;
  --sx-muted:#7b8798;
  position:fixed!important;
  inset:0!important;
  z-index:100!important;
  display:grid!important;
  grid-template-rows:60px minmax(0,1fr)!important;
  width:100vw!important;
  height:100vh!important;
  padding:0!important;
  margin:0!important;
  background:var(--sx-bg)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:var(--sx-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
}
#settingsWorkspace.sx-settings.hidden{display:none!important}
#settingsWorkspace.sx-settings *{box-sizing:border-box}
#settingsWorkspace.sx-settings .sx-topbar{
  height:60px!important;
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #d8e5f8!important;
  background:
    linear-gradient(135deg,rgba(248,251,255,.96),rgba(229,239,255,.96) 54%,rgba(239,246,255,.96))!important;
}
#settingsWorkspace.sx-settings .sx-close{
  width:32px!important;
  height:32px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.42)!important;
  color:#3f5d89!important;
  font-size:25px!important;
  line-height:30px!important;
  cursor:pointer!important;
}
#settingsWorkspace.sx-settings .sx-close:hover{background:rgba(255,255,255,.72)!important;color:#1d4ed8!important}
#settingsWorkspace.sx-settings .sx-title{
  font-size:18px!important;
  font-weight:700!important;
  color:var(--sx-topbar-text)!important;
  letter-spacing:.2px!important;
}
#settingsWorkspace.sx-settings .sx-save{
  height:34px!important;
  min-width:72px!important;
  padding:0 16px!important;
  border:1px solid rgba(37,99,244,.16)!important;
  border-radius:10px!important;
  background:#2563f4!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:650!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(37,99,244,.16)!important;
}
#settingsWorkspace.sx-settings .sx-save:hover{background:#1f57dc!important}
#settingsWorkspace.sx-settings .sx-body{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:216px minmax(0,1fr)!important;
  background:var(--sx-bg)!important;
  overflow:hidden!important;
}
#settingsWorkspace.sx-settings .sx-nav{
  height:100%!important;
  padding:18px 14px!important;
  border-right:1px solid var(--sx-line)!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#settingsWorkspace.sx-settings .sx-nav-item{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#4b5563!important;
  font-size:15px!important;
  font-weight:600!important;
  text-align:left!important;
  display:flex!important;
  align-items:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#settingsWorkspace.sx-settings .sx-nav-item:hover{background:var(--sx-hover)!important;color:var(--sx-text)!important}
#settingsWorkspace.sx-settings .sx-nav-item.active{background:var(--sx-blue-soft)!important;color:var(--sx-blue)!important}
#settingsWorkspace.sx-settings .sx-content{
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--sx-bg)!important;
}
#settingsWorkspace.sx-settings .sx-view{display:none!important;height:100%!important;min-height:0!important}
#settingsWorkspace.sx-settings .sx-view.active{display:block!important}
#settingsWorkspace.sx-settings .sx-card,
#settingsWorkspace.sx-settings .sx-models{
  border:1px solid var(--sx-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
}
#settingsWorkspace.sx-settings .sx-narrow{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  padding:22px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#settingsWorkspace.sx-settings .sx-models{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:236px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#settingsWorkspace.sx-settings .sx-providers{
  min-width:0!important;
  min-height:0!important;
  padding:14px!important;
  border-right:1px solid var(--sx-line)!important;
  border-bottom:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
  background:#fff!important;
}
#settingsWorkspace.sx-settings .sx-add-model{
  height:36px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--sx-blue-soft)!important;
  color:var(--sx-blue)!important;
  font-size:13px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
#settingsWorkspace.sx-settings .sx-provider-list{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:start!important;
  gap:6px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0 2px 2px!important;
}
#settingsWorkspace.sx-settings .settings-provider{
  width:100%!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#475467!important;
  display:grid!important;
  grid-template-columns:21px minmax(66px,1fr) 31px!important;
  gap:8px!important;
  align-items:center!important;
  box-shadow:none!important;
}
#settingsWorkspace.sx-settings .settings-provider:hover{background:var(--sx-hover)!important}
#settingsWorkspace.sx-settings .settings-provider.active{background:var(--sx-blue-soft)!important;border-color:#cfe0ff!important;color:var(--sx-blue)!important}
#settingsWorkspace.sx-settings .settings-provider-logo{width:20px!important;height:20px!important;border-radius:6px!important;object-fit:contain!important}
#settingsWorkspace.sx-settings .settings-provider-name{font-size:13px!important;font-weight:560!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#settingsWorkspace.sx-settings .settings-provider-meta{display:none!important}
#settingsWorkspace.sx-settings .provider-switch{width:31px!important;height:18px!important;border-radius:999px!important;background:#e7edf5!important;border:0!important;justify-self:end!important}
#settingsWorkspace.sx-settings .provider-switch::after{width:14px!important;height:14px!important;top:2px!important;left:2px!important}
#settingsWorkspace.sx-settings .provider-switch.on{background:var(--sx-blue)!important}
#settingsWorkspace.sx-settings .provider-switch.on::after{transform:translateX(13px)!important}
#settingsWorkspace.sx-settings .sx-model-main{
  min-height:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(460px,560px) minmax(0,1fr)!important;
  overflow:hidden!important;
}
#settingsWorkspace.sx-settings .sx-form-card{
  min-height:0!important;
  padding:22px!important;
  border:0!important;
  border-right:1px solid var(--sx-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:auto!important;
}
#settingsWorkspace.sx-settings .sx-list-card{
  min-height:0!important;
  width:100%!important;
  padding:22px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:auto!important;
}
#settingsWorkspace.sx-settings .sx-field{
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#settingsWorkspace.sx-settings .sx-field label{
  display:block!important;
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
  color:var(--sx-muted)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.3!important;
}
#settingsWorkspace.sx-settings .sx-field input,
#settingsWorkspace.sx-settings .sx-field select,
#settingsWorkspace.sx-settings .sx-field textarea{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 12px!important;
  border:1px solid var(--sx-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--sx-text)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:42px!important;
  box-shadow:none!important;
  outline:none!important;
}
#settingsWorkspace.sx-settings .sx-field input:focus,
#settingsWorkspace.sx-settings .sx-field select:focus,
#settingsWorkspace.sx-settings .sx-field textarea:focus{
  border-color:#9bbdff!important;
  box-shadow:0 0 0 3px rgba(37,99,244,.08)!important;
}
#settingsWorkspace.sx-settings .sx-key-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 66px!important;
  gap:8px!important;
  height:42px!important;
}
#settingsWorkspace.sx-settings .sx-verify{
  height:42px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--sx-blue-soft)!important;
  color:var(--sx-blue)!important;
  font-size:13px!important;
  font-weight:650!important;
}
#settingsWorkspace.sx-settings .advanced-toggle,
#settingsWorkspace.sx-settings .sx-hidden-setting{display:none!important}
#settingsWorkspace.sx-settings .advanced-box{display:block!important;margin:0!important;padding:0!important;border:0!important}
#settingsWorkspace.sx-settings .sx-field-area textarea,
#settingsWorkspace.sx-settings #fHeaders{
  height:180px!important;
  min-height:180px!important;
  padding:10px 12px!important;
  line-height:1.55!important;
  resize:vertical!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
}
#settingsWorkspace.sx-settings .field-label-row,
#settingsWorkspace.sx-settings #fModelOptions{display:none!important}
#settingsWorkspace.sx-settings .model-mindmap-list{
  display:grid!important;
  grid-template-columns:150px 150px minmax(0,1fr)!important;
  gap:12px!important;
}
#settingsWorkspace.sx-settings .model-map-col{display:grid!important;align-content:start!important;gap:8px!important}
#settingsWorkspace.sx-settings .model-map-title{
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 4px!important;
  color:#8a96a8!important;
  font-size:12px!important;
  font-weight:650!important;
}
#settingsWorkspace.sx-settings .model-map-brand,
#settingsWorkspace.sx-settings .model-map-type,
#settingsWorkspace.sx-settings .model-map-model{
  min-height:34px!important;
  padding:8px 12px!important;
  border:1px solid var(--sx-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#475467!important;
  font-size:13px!important;
  font-weight:560!important;
  line-height:1.25!important;
  text-align:left!important;
  box-shadow:none!important;
}
#settingsWorkspace.sx-settings .model-map-brand,
#settingsWorkspace.sx-settings .model-map-type{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
#settingsWorkspace.sx-settings .model-map-brand.active,
#settingsWorkspace.sx-settings .model-map-type.active{background:var(--sx-blue-soft)!important;border-color:#b8ceff!important;color:var(--sx-blue)!important}
#settingsWorkspace.sx-settings .model-map-model{background:#f8fafd!important}
#settingsWorkspace.sx-settings .sx-avatar-field{display:flex!important;align-items:center!important;gap:12px!important;padding:0!important}
#settingsWorkspace.sx-settings .sx-avatar-field img{width:42px!important;height:42px!important;border-radius:50%!important}
#settingsWorkspace.sx-settings .avatar-picker{display:grid!important;grid-template-columns:repeat(auto-fill,42px)!important;gap:10px!important;margin:0 0 16px!important}
#settingsWorkspace.sx-settings .avatar-picker.hidden{display:none!important}
@media(max-width:1180px){
  #settingsWorkspace.sx-settings .sx-body{grid-template-columns:190px minmax(0,1fr)!important}
  #settingsWorkspace.sx-settings .sx-model-main{grid-template-columns:1fr!important;overflow:auto!important}
  #settingsWorkspace.sx-settings .sx-form-card{border-right:0!important;border-bottom:1px solid var(--sx-line)!important}
  #settingsWorkspace.sx-settings .model-mindmap-list{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  #settingsWorkspace.sx-settings{overflow:auto!important}
  #settingsWorkspace.sx-settings .sx-body{grid-template-columns:1fr!important;height:auto!important}
  #settingsWorkspace.sx-settings .sx-nav{height:auto!important;border-right:0!important;border-bottom:1px solid var(--sx-line)!important}
  #settingsWorkspace.sx-settings .sx-content{height:auto!important;overflow:visible!important;padding:12px!important}
  #settingsWorkspace.sx-settings .sx-models{height:auto!important}
  #settingsWorkspace.sx-settings .sx-providers{grid-template-columns:1fr!important}
}

/* settings aligned with home surface */
#settingsWorkspace.sx-settings{
  --sx-bg:#fbfcff;
  --sx-panel:#fff;
  --sx-side:#f7f9fd;
  --sx-line:#e7eef7;
  --sx-soft:#f1f6ff;
  --sx-blue:#1769ff;
  --sx-blue-soft:#edf4ff;
  --sx-text:#182230;
  --sx-muted:#8a95a6;
  background:var(--sx-bg)!important;
  grid-template-rows:68px minmax(0,1fr)!important;
}
#settingsWorkspace.sx-settings .sx-topbar{
  height:68px!important;
  padding:0 26px!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  border-bottom:1px solid var(--sx-line)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#settingsWorkspace.sx-settings .sx-close{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#64748b!important;
  font-size:28px!important;
  font-weight:320!important;
  line-height:36px!important;
}
#settingsWorkspace.sx-settings .sx-close:hover{
  background:var(--sx-soft)!important;
  color:var(--sx-blue)!important;
}
#settingsWorkspace.sx-settings .sx-title{
  color:var(--sx-text)!important;
  font-size:20px!important;
  font-weight:720!important;
  letter-spacing:.02em!important;
}
#settingsWorkspace.sx-settings .sx-save{
  height:38px!important;
  min-width:78px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--sx-blue)!important;
  box-shadow:0 8px 18px rgba(23,105,255,.18)!important;
  font-weight:700!important;
}
#settingsWorkspace.sx-settings .sx-body{
  grid-template-columns:248px minmax(0,1fr)!important;
  background:var(--sx-bg)!important;
}
#settingsWorkspace.sx-settings .sx-nav{
  padding:18px 14px!important;
  border-right:1px solid var(--sx-line)!important;
  background:var(--sx-side)!important;
  gap:8px!important;
}
#settingsWorkspace.sx-settings .sx-nav-item{
  height:46px!important;
  min-height:46px!important;
  border-radius:13px!important;
  padding:0 15px!important;
  color:#475467!important;
  font-size:15px!important;
  font-weight:620!important;
  transition:background .16s,color .16s,transform .16s!important;
}
#settingsWorkspace.sx-settings .sx-nav-item:hover{
  background:#f1f6ff!important;
  color:var(--sx-blue)!important;
}
#settingsWorkspace.sx-settings .sx-nav-item.active{
  background:#edf4ff!important;
  color:var(--sx-blue)!important;
}
#settingsWorkspace.sx-settings .sx-content{
  background:var(--sx-bg)!important;
  padding:22px 24px 24px!important;
  overflow:hidden!important;
}
#settingsWorkspace.sx-settings .sx-view.active{
  height:100%!important;
}
#settingsWorkspace.sx-settings .sx-card,
#settingsWorkspace.sx-settings .sx-models{
  background:var(--sx-panel)!important;
  border:1px solid var(--sx-line)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.035)!important;
}
#settingsWorkspace.sx-settings .sx-narrow{
  height:100%!important;
  padding:24px!important;
  max-width:none!important;
}
#settingsWorkspace.sx-settings .sx-models{
  height:100%!important;
  grid-template-columns:248px minmax(0,1fr)!important;
  overflow:hidden!important;
}
#settingsWorkspace.sx-settings .sx-providers{
  padding:14px!important;
  background:#fff!important;
  border-right:1px solid var(--sx-line)!important;
  gap:12px!important;
}
#settingsWorkspace.sx-settings .sx-add-model{
  height:38px!important;
  border-radius:12px!important;
  background:#f3f7ff!important;
  color:var(--sx-blue)!important;
  font-weight:680!important;
}
#settingsWorkspace.sx-settings .sx-provider-list{
  gap:6px!important;
  padding-right:2px!important;
}
#settingsWorkspace.sx-settings .settings-provider{
  height:42px!important;
  min-height:42px!important;
  grid-template-columns:24px minmax(0,1fr) 34px!important;
  gap:9px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  color:#475467!important;
}
#settingsWorkspace.sx-settings .settings-provider:hover{
  background:#f7faff!important;
}
#settingsWorkspace.sx-settings .settings-provider.active{
  background:#edf4ff!important;
  border-color:#cfe0ff!important;
  color:var(--sx-blue)!important;
}
#settingsWorkspace.sx-settings .settings-provider-logo{
  width:22px!important;
  height:22px!important;
  border-radius:7px!important;
}
#settingsWorkspace.sx-settings .settings-provider-name{
  font-size:13px!important;
  font-weight:620!important;
}
#settingsWorkspace.sx-settings .provider-switch{
  width:32px!important;
  height:19px!important;
  background:#e5ebf3!important;
}
#settingsWorkspace.sx-settings .provider-switch::after{
  width:15px!important;
  height:15px!important;
}
#settingsWorkspace.sx-settings .provider-switch.on{
  background:var(--sx-blue)!important;
}
#settingsWorkspace.sx-settings .provider-switch.on::after{
  transform:translateX(13px)!important;
}
#settingsWorkspace.sx-settings .sx-model-main{
  grid-template-columns:minmax(420px,520px) minmax(0,1fr)!important;
  background:#fff!important;
}
#settingsWorkspace.sx-settings .sx-form-card,
#settingsWorkspace.sx-settings .sx-list-card{
  padding:24px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
#settingsWorkspace.sx-settings .sx-form-card{
  border-right:1px solid var(--sx-line)!important;
}
#settingsWorkspace.sx-settings .sx-field{
  margin-bottom:15px!important;
}
#settingsWorkspace.sx-settings .sx-field label{
  margin-bottom:7px!important;
  color:var(--sx-muted)!important;
  font-size:13px!important;
  font-weight:600!important;
}
#settingsWorkspace.sx-settings .sx-field input,
#settingsWorkspace.sx-settings .sx-field select,
#settingsWorkspace.sx-settings .sx-field textarea{
  height:42px!important;
  min-height:42px!important;
  border:1px solid #dfe8f4!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--sx-text)!important;
  font-size:14px!important;
  font-weight:520!important;
}
#settingsWorkspace.sx-settings .sx-field input:focus,
#settingsWorkspace.sx-settings .sx-field select:focus,
#settingsWorkspace.sx-settings .sx-field textarea:focus{
  border-color:#9bbdff!important;
  box-shadow:0 0 0 4px rgba(23,105,255,.07)!important;
}
#settingsWorkspace.sx-settings .sx-verify{
  background:#eef5ff!important;
  color:var(--sx-blue)!important;
}
#settingsWorkspace.sx-settings #fHeaders{
  height:190px!important;
  min-height:190px!important;
  background:#fbfdff!important;
}
#settingsWorkspace.sx-settings .model-mindmap-list{
  grid-template-columns:150px 150px minmax(0,1fr)!important;
  gap:12px!important;
}
#settingsWorkspace.sx-settings .model-map-title{
  color:#98a2b3!important;
  font-size:12px!important;
  font-weight:650!important;
}
#settingsWorkspace.sx-settings .model-map-brand,
#settingsWorkspace.sx-settings .model-map-type,
#settingsWorkspace.sx-settings .model-map-model{
  border-color:#e2eaf5!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#475467!important;
  box-shadow:none!important;
}
#settingsWorkspace.sx-settings .model-map-brand.active,
#settingsWorkspace.sx-settings .model-map-type.active{
  background:#edf4ff!important;
  border-color:#bdd3ff!important;
  color:var(--sx-blue)!important;
}
#settingsWorkspace.sx-settings .model-map-model{
  background:#f8fbff!important;
}
#settingsWorkspace.sx-settings .avatar-picker{
  grid-template-columns:repeat(auto-fill,44px)!important;
  gap:10px!important;
}
@media(max-width:1180px){
  #settingsWorkspace.sx-settings .sx-body{grid-template-columns:210px minmax(0,1fr)!important}
  #settingsWorkspace.sx-settings .sx-models{grid-template-columns:220px minmax(0,1fr)!important}
  #settingsWorkspace.sx-settings .sx-model-main{grid-template-columns:1fr!important;overflow:auto!important}
  #settingsWorkspace.sx-settings .sx-form-card{border-right:0!important;border-bottom:1px solid var(--sx-line)!important}
  #settingsWorkspace.sx-settings .model-mindmap-list{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  #settingsWorkspace.sx-settings{grid-template-rows:58px minmax(0,1fr)!important}
  #settingsWorkspace.sx-settings .sx-topbar{height:58px!important;padding:0 14px!important}
  #settingsWorkspace.sx-settings .sx-body{grid-template-columns:1fr!important}
  #settingsWorkspace.sx-settings .sx-nav{border-right:0!important;border-bottom:1px solid var(--sx-line)!important;background:#fff!important}
  #settingsWorkspace.sx-settings .sx-content{padding:14px!important;overflow:visible!important}
  #settingsWorkspace.sx-settings .sx-models{grid-template-columns:1fr!important;height:auto!important}
  #settingsWorkspace.sx-settings .sx-providers{border-right:0!important;border-bottom:1px solid var(--sx-line)!important}
}

/* unified select arrow spacing */
.select,
.top-model-select,
.mini-select,
.field select,
.settings-row select,
#settingsWorkspace.sx-settings .sx-field select{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  padding-right:46px!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#7b8798 50%),
    linear-gradient(135deg,#7b8798 50%,transparent 50%)!important;
  background-position:
    calc(100% - 30px) 50%,
    calc(100% - 24px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
}
.mini-select{
  padding-right:40px!important;
  background-position:
    calc(100% - 25px) 50%,
    calc(100% - 20px) 50%!important;
  background-size:5px 5px,5px 5px!important;
}
#settingsWorkspace.sx-settings .sx-field select{
  padding-right:42px!important;
  background-position:
    calc(100% - 28px) 50%,
    calc(100% - 22px) 50%!important;
}

/* buttons follow the send action style */
#settingsWorkspace.sx-settings .sx-save,
#settingsWorkspace.sx-settings .sx-verify,
#settingsWorkspace.sx-settings .sx-add-model,
.new-chat{
  border:0!important;
  background:#1769ff!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(23,105,255,.22)!important;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important;
}
#settingsWorkspace.sx-settings .sx-save:hover,
#settingsWorkspace.sx-settings .sx-verify:hover,
#settingsWorkspace.sx-settings .sx-add-model:hover,
.new-chat:hover{
  filter:brightness(1.03)!important;
  box-shadow:0 10px 24px rgba(23,105,255,.26)!important;
}
#settingsWorkspace.sx-settings .sx-save:active,
#settingsWorkspace.sx-settings .sx-verify:active,
#settingsWorkspace.sx-settings .sx-add-model:active,
.new-chat:active{
  transform:translateY(1px)!important;
  box-shadow:0 6px 16px rgba(23,105,255,.20)!important;
}
#settingsWorkspace.sx-settings .sx-verify{
  border-radius:12px!important;
  font-weight:700!important;
}
#settingsWorkspace.sx-settings .sx-add-model{
  border-radius:12px!important;
  font-weight:700!important;
}

/* model capsules follow app file group pills */
#settingsWorkspace.sx-settings .model-map-brand,
#settingsWorkspace.sx-settings .model-map-type,
#settingsWorkspace.sx-settings .model-map-model{
  min-height:38px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.66)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.18)),
    linear-gradient(135deg,#eef5ff,#dfeaff)!important;
  color:#334155!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 8px 18px rgba(23,37,84,.08)!important;
  font-weight:680!important;
  padding:8px 14px!important;
}
#settingsWorkspace.sx-settings .model-map-brand:nth-of-type(4n+1),
#settingsWorkspace.sx-settings .model-map-model:nth-of-type(4n+1){
  background:
    linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.16)),
    linear-gradient(135deg,#6fa1ff,#2f6df4)!important;
  color:#fff!important;
}
#settingsWorkspace.sx-settings .model-map-brand:nth-of-type(4n+2),
#settingsWorkspace.sx-settings .model-map-model:nth-of-type(4n+2){
  background:
    linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.14)),
    linear-gradient(135deg,#9b7cf3,#6750d9)!important;
  color:#fff!important;
}
#settingsWorkspace.sx-settings .model-map-brand:nth-of-type(4n+3),
#settingsWorkspace.sx-settings .model-map-model:nth-of-type(4n+3){
  background:
    linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.14)),
    linear-gradient(135deg,#68c7d4,#2b8da0)!important;
  color:#fff!important;
}
#settingsWorkspace.sx-settings .model-map-brand:nth-of-type(4n+4),
#settingsWorkspace.sx-settings .model-map-model:nth-of-type(4n+4){
  background:
    linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.14)),
    linear-gradient(135deg,#f4bd68,#d88a1f)!important;
  color:#fff!important;
}
#settingsWorkspace.sx-settings .model-map-type{
  background:
    linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.16)),
    linear-gradient(135deg,#eaf3ff,#d9e7ff)!important;
  color:#2f5fba!important;
}
#settingsWorkspace.sx-settings .model-map-brand.active,
#settingsWorkspace.sx-settings .model-map-type.active{
  border-color:rgba(24,48,84,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 10px 22px rgba(23,105,255,.16)!important;
  outline:2px solid rgba(23,105,255,.14)!important;
  outline-offset:2px!important;
}
#settingsWorkspace.sx-settings .model-map-brand b,
#settingsWorkspace.sx-settings .model-map-type b{
  min-width:20px!important;
  height:20px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.28)!important;
  color:inherit!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:760!important;
}

/* refined send-style buttons and file-pill capsules */
#settingsWorkspace.sx-settings .sx-save,
#settingsWorkspace.sx-settings .sx-verify,
#settingsWorkspace.sx-settings .sx-add-model,
.new-chat{
  height:40px!important;
  border:0!important;
  border-radius:999px!important;
  background:#1769ff!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:720!important;
  letter-spacing:0!important;
  box-shadow:0 8px 20px rgba(23,105,255,.20)!important;
}
#settingsWorkspace.sx-settings .sx-save{
  min-width:82px!important;
  padding:0 20px!important;
}
#settingsWorkspace.sx-settings .sx-verify{
  height:42px!important;
  min-width:66px!important;
  padding:0 14px!important;
}
#settingsWorkspace.sx-settings .sx-add-model,
.new-chat{
  height:38px!important;
}
#settingsWorkspace.sx-settings .sx-save:hover,
#settingsWorkspace.sx-settings .sx-verify:hover,
#settingsWorkspace.sx-settings .sx-add-model:hover,
.new-chat:hover{
  filter:none!important;
  background:#0f62ef!important;
  box-shadow:0 10px 24px rgba(23,105,255,.24)!important;
}
#settingsWorkspace.sx-settings .sx-save:active,
#settingsWorkspace.sx-settings .sx-verify:active,
#settingsWorkspace.sx-settings .sx-add-model:active,
.new-chat:active{
  transform:translateY(1px) scale(.99)!important;
  box-shadow:0 5px 14px rgba(23,105,255,.18)!important;
}
#settingsWorkspace.sx-settings .model-map-col{
  gap:10px!important;
}
#settingsWorkspace.sx-settings .model-map-title{
  height:20px!important;
  margin:0 0 2px!important;
  padding:0 8px!important;
}
#settingsWorkspace.sx-settings .model-map-brand,
#settingsWorkspace.sx-settings .model-map-type,
#settingsWorkspace.sx-settings .model-map-model{
  min-height:42px!important;
  border-radius:999px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 8px 18px rgba(23,37,84,.08)!important;
  font-size:14px!important;
  font-weight:680!important;
  line-height:1!important;
}
#settingsWorkspace.sx-settings .model-map-brand{
  background:linear-gradient(135deg,#6fa1ff 0%,#2f6df4 100%)!important;
  color:#fff!important;
}
#settingsWorkspace.sx-settings .model-map-type{
  background:linear-gradient(135deg,#8dd3df 0%,#3a9aae 100%)!important;
  color:#fff!important;
}
#settingsWorkspace.sx-settings .model-map-model{
  background:linear-gradient(135deg,#9a83f5 0%,#6650d8 100%)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
}
#settingsWorkspace.sx-settings .model-map-brand:nth-child(3n+1),
#settingsWorkspace.sx-settings .model-map-model:nth-child(3n+1){
  background:linear-gradient(135deg,#6fa1ff 0%,#2f6df4 100%)!important;
}
#settingsWorkspace.sx-settings .model-map-brand:nth-child(3n+2),
#settingsWorkspace.sx-settings .model-map-model:nth-child(3n+2){
  background:linear-gradient(135deg,#8e7af0 0%,#6650d8 100%)!important;
}
#settingsWorkspace.sx-settings .model-map-brand:nth-child(3n+3),
#settingsWorkspace.sx-settings .model-map-model:nth-child(3n+3){
  background:linear-gradient(135deg,#67c5d0 0%,#2b8da0 100%)!important;
}
#settingsWorkspace.sx-settings .model-map-brand.active,
#settingsWorkspace.sx-settings .model-map-type.active{
  border-color:rgba(24,48,84,.36)!important;
  outline:2px solid rgba(23,105,255,.20)!important;
  outline-offset:2px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 10px 24px rgba(23,105,255,.18)!important;
}
#settingsWorkspace.sx-settings .model-map-brand b,
#settingsWorkspace.sx-settings .model-map-type b{
  background:rgba(255,255,255,.24)!important;
  color:#fff!important;
}

/* home sidebar buttons aligned with send action */
.side-foot{
  height:76px!important;
  display:grid!important;
  grid-template-columns:44px 44px 44px!important;
  justify-content:start!important;
  gap:10px!important;
  padding:14px 16px 18px!important;
  background:#f9fbfe!important;
  border-top:0!important;
}
.side-foot .new-chat,
.settings-entry,
.side-collapse{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border:0!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  cursor:pointer!important;
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease!important;
}
.side-foot .new-chat{
  background:#1769ff!important;
  color:#fff!important;
  font-size:25px!important;
  font-weight:520!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(23,105,255,.20)!important;
}
.settings-entry,
.side-collapse{
  background:#eef5ff!important;
  color:#1769ff!important;
  box-shadow:0 6px 16px rgba(23,37,84,.06)!important;
}
.settings-gear{
  font-size:21px!important;
  line-height:1!important;
  transform:none!important;
}
.side-collapse{
  font-size:23px!important;
  font-weight:520!important;
}
.side-foot .new-chat:hover,
.settings-entry:hover,
.side-collapse:hover{
  background:#0f62ef!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(23,105,255,.24)!important;
}
.side-foot .new-chat:active,
.settings-entry:active,
.side-collapse:active{
  transform:translateY(1px) scale(.99)!important;
  box-shadow:0 5px 14px rgba(23,105,255,.18)!important;
}
.app.sidebar-collapsed .side-foot{
  height:164px!important;
  grid-template-columns:1fr!important;
  grid-template-rows:44px 44px 44px!important;
  justify-items:start!important;
  justify-content:start!important;
  padding:10px 0 18px 16px!important;
}
.app.sidebar-collapsed .side-collapse{
  transform:rotate(180deg)!important;
}
.app.sidebar-collapsed .side-collapse:active{
  transform:rotate(180deg) translateY(1px) scale(.99)!important;
}

/* sidebar conversation more button stays text-only */
.chat-more,
.chat-item:hover .chat-more,
.chat-item.active .chat-more{
  background:transparent!important;
  box-shadow:none!important;
}
.chat-more:hover{
  background:transparent!important;
  color:#1769ff!important;
}

/* final sidebar icon buttons */
.side-foot{
  height:76px!important;
  display:grid!important;
  grid-template-columns:44px 44px 44px!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:start!important;
  padding:14px 16px 18px!important;
  background:transparent!important;
  border-top:0!important;
  box-shadow:none!important;
}
.side-foot .new-chat,
.settings-entry,
.side-collapse{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border:0!important;
  border-radius:999px!important;
  background:#1769ff!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  box-shadow:0 8px 20px rgba(23,105,255,.20)!important;
}
.side-foot .new-chat svg,
.settings-entry svg,
.side-collapse svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:21px!important;
  height:21px!important;
  display:block!important;
  flex:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  fill:none!important;
}
.settings-entry svg{
  width:20px!important;
  height:20px!important;
  stroke-width:2!important;
}
.side-foot .new-chat svg{
  width:20px!important;
  height:20px!important;
}
.side-collapse svg{
  width:22px!important;
  height:22px!important;
  margin-left:-1px!important;
}
.side-collapse .expand-icon{
  display:none!important;
}
.app.sidebar-collapsed .side-collapse .collapse-icon{
  display:none!important;
}
.app.sidebar-collapsed .side-collapse .expand-icon{
  display:block!important;
}
.side-foot .new-chat:hover,
.settings-entry:hover,
.side-collapse:hover{
  background:#0f62ef!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(23,105,255,.24)!important;
}
.side-foot .new-chat:active,
.settings-entry:active,
.side-collapse:active{
  transform:translateY(1px) scale(.99)!important;
  box-shadow:0 5px 14px rgba(23,105,255,.18)!important;
}
.app.sidebar-collapsed .side-foot{
  height:164px!important;
  grid-template-columns:1fr!important;
  grid-template-rows:44px 44px 44px!important;
  justify-items:start!important;
  justify-content:start!important;
  padding:10px 0 18px 16px!important;
}
.app.sidebar-collapsed .side-collapse{
  transform:none!important;
}
.app.sidebar-collapsed .side-collapse:active{
  transform:translateY(1px) scale(.99)!important;
}