/* SOFON Notes — PHASE02: unified glass header and accessible language dropdown.
   Presentation-only additions; editor, note content and export panels are untouched. */
.topbar {
  position: relative;
  z-index: 35;
  width: min(1180px, calc(100% - 40px));
  border-radius: 24px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}
.sofon-notes-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; min-width:0; }
.sofon-notes-header-actions > .button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border-radius:14px; padding:0 16px; white-space:nowrap; }
.sofon-notes-header-actions > .button .sofon-help-mark { display:inline-grid; place-items:center; width:23px; height:23px; border-radius:50%; background:rgba(255,255,255,.21); color:#fff; font-weight:800; margin-right:8px; }
.sofon-notes-locale { position:relative; flex:0 0 auto; font-size:.88rem; font-weight:750; }
.sofon-notes-locale__trigger,.sofon-notes-locale__choice {
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height:44px; padding:0 12px; border:1px solid rgba(255,255,255,.3);
  border-radius:14px; background:rgba(255,255,255,.13); color:#fff;
  font:inherit; font-weight:750; line-height:1.1; cursor:pointer; white-space:nowrap;
}
.sofon-notes-locale__trigger:hover,.sofon-notes-locale__choice:hover { background:rgba(255,255,255,.22); }
.sofon-notes-locale__trigger:focus-visible,.sofon-notes-locale__choice:focus-visible {outline:2px solid #90ecff;outline-offset:3px;}
.sofon-notes-locale__flag {font-size:1.2rem; line-height:1;}
.sofon-notes-locale__chevron {width:12px;height:12px;opacity:.85;transition:transform .18s ease;}
.sofon-notes-locale__menu {
  position:absolute;right:0;top:100%;z-index:48;min-width:100%;padding-top:7px;
  visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-5px);
  transition:visibility .17s,opacity .17s,transform .17s;
}
.sofon-notes-locale__choice {width:100%;box-shadow:0 18px 42px rgba(3,7,30,.35); background:#25255a;}
.sofon-notes-locale:hover .sofon-notes-locale__menu,
.sofon-notes-locale:focus-within .sofon-notes-locale__menu,
.sofon-notes-locale.is-open .sofon-notes-locale__menu {visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);}
.sofon-notes-locale:hover .sofon-notes-locale__chevron,
.sofon-notes-locale:focus-within .sofon-notes-locale__chevron,
.sofon-notes-locale.is-open .sofon-notes-locale__chevron { transform:rotate(180deg); }
@media(max-width:600px) {
 .topbar {width:calc(100% - 24px);padding:9px 10px;gap:8px;flex-wrap:nowrap;}
 .topbar .brand {gap:7px;min-width:0;flex:1 1 auto;}
 .topbar .brand img {width:37px;height:37px;}
 .topbar .brand strong {font-size:.86rem;}
 .topbar .brand small {font-size:.66rem;}
 .sofon-notes-header-actions {gap:5px;flex:0 0 auto;}
 .sofon-notes-header-actions > .button {min-height:39px;padding:0 9px;font-size:.76rem;}
 .sofon-notes-header-actions > .button .sofon-help-mark {display:none;}
 .sofon-notes-locale__trigger,.sofon-notes-locale__choice {min-height:39px;padding:0 8px;gap:4px;font-size:.75rem;}
 .sofon-notes-locale__flag {font-size:1.04rem;}
}
@media(max-width:365px) {
 .topbar .brand img {width:32px;height:32px;}
 .topbar .brand strong {font-size:.8rem;}
 .topbar .brand small {font-size:.6rem;}
 .sofon-notes-header-actions > .button {padding-inline:7px;}
 .sofon-notes-locale__chevron {width:10px;height:10px;}
}
@media(prefers-reduced-motion:reduce){.sofon-notes-locale__menu,.sofon-notes-locale__chevron{transition:none;}}