/* Color refinement only: avoid cramming labels into the narrow icon rail. */
.rail-button{
  width:40px;
  min-width:40px;
  min-height:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:11px;
  color:#9bab9d;
}
.rail-button span{font-size:18px;line-height:1}
.rail-button small{display:none}
.rail-button.active{color:#c9f28f;background:#27382a;border-color:#405b41}
.rail-button.active::before{background:#c9f28f;box-shadow:0 0 10px #c9f28f80}
.icon-rail{background:#151e18;border-right-color:#344438}
.rail-running{border-top-color:#344438}
.running-session:hover{background:#25342a;border-color:#3b5040}
.composer{background:#1b261f;border-color:#3b4c40}
.composer:focus-within{background:#202d24;box-shadow:0 0 0 3px #b8ef751c,0 12px 32px #0004}
.composer textarea{color:#eff4ec}
.composer textarea::placeholder{color:#93a193}
.send-button{background:#b8e981;color:#1a2515;box-shadow:none}
.send-button:hover:not(:disabled){background:#c8f19b}
.send-icon{background:#a4d76d;color:#1a2515}
@media(max-width:680px){
  .rail-button{width:38px;min-width:38px;height:34px;min-height:34px;flex-basis:38px}
  .rail-button span{font-size:15px}
  .rail-button.active::before{left:8px;right:8px;top:auto;bottom:-4px;width:auto;height:2px;border-radius:2px 2px 0 0}
}
@media(prefers-reduced-motion:reduce){.rail-button,.running-session,.composer,.send-button{transition:none}}