.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.language-select{font:600 .85rem var(--sans);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:9px;min-height:44px;padding:8px 5px;cursor:pointer}
.language-select{
  appearance:none;-webkit-appearance:none;width:80px;padding-inline:28px 17px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393a1b0' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2393a1b0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:8px center,right 5px center;background-size:16px 16px,10px 10px;
}
.language-select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(forced-colors:active){.language-select{appearance:auto;background-image:none;padding-inline:5px}}
@media(max-width:620px){
  .nav{column-gap:6px}
  .nav-actions{gap:6px}
  .nav-actions > .btn{padding:10px;font-size:.85rem}
  .language-select{font-size:.75rem;width:70px}
  .brand svg{width:44px;height:auto}
  .brand{gap:6px;font-size:.85rem}
  .back{font-size:.7rem}
}
