/* js/i18n/i18n.css — a bandeira com a seta e a lista de linguas (v394). Entra depois do home.css (home.html) e depois do
   photo-mark.css (index.html). O sprite .i18n-icons fica fora da tela como o .jv-icons da tela Job. */
.i18n-icons{position:absolute;width:0;height:0;overflow:hidden}
.i18n{position:relative;display:inline-flex;align-items:center;flex:none}
.i18n-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid rgba(128,128,128,.45);border-radius:8px;background:transparent;color:inherit;cursor:pointer;font:inherit;line-height:1}
.i18n-btn svg{display:block} .i18n-flag{width:22px;height:15px;border-radius:2px} .i18n-caret{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i18n-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:160px;padding:4px;border:1px solid var(--line,#d1d5db);border-radius:10px;background:var(--panel,#fff);color:var(--ink,#111);box-shadow:0 8px 24px rgba(0,0,0,.18)} .i18n-menu[hidden]{display:none}
.i18n-opt{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap}
.i18n-opt svg{width:22px;height:15px;border-radius:2px;flex:none} .i18n-opt[aria-selected="true"]{background:rgba(0,0,0,.06);font-weight:600}
/* onde a bandeira mora: o canto de cima da tela de login; o systray (tela inicial e My jobs), antes do avatar; o #mhead da tela JOB, antes do Home */
.oh-login>.i18n{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;color:#fff}
.o_menu_systray .i18n{margin-right:6px}
#mhead .i18n button{margin-right:0}