.client-filter{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:800;color:var(--muted)}
.client-filter select{max-width:210px;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#fff;color:var(--ink);font:inherit}
@media(max-width:900px){.client-filter{width:100%}.client-filter select{max-width:none;flex:1}}

.user #logout {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.45);
  color: #fff;
  padding: 8px 12px;
}

.user #logout:hover,
.user #logout:focus-visible {
  background: var(--acid);
  border-color: var(--acid);
  color: var(--ink);
  outline: none;
}

@media(max-width:900px) {
  aside .user {
    border: 0;
    display: flex;
    gap: 8px;
    margin: 0 0 0 auto;
    padding: 0;
  }
  aside .user #user-name { display: none; }
}