/* shared-ui v1 — prepinac jazyka (ikonka) + uzivatel (ikonka) * IT-Enterprise, program #662. Bez zavislosti, bez externich pozadavku. * Cile jsou 44x44 px minimalne — rozhoduje se palcem, ne mysi. * RTL: ridi se atributem dir na , ne jazykem. */ .uik{--uik-bg:#fff;--uik-fg:#1f2937;--uik-mut:#6b7280;--uik-line:#e5e7eb; --uik-hi:#f3f4f6;--uik-acc:#1e3a5f;--uik-sh:0 10px 30px rgba(0,0,0,.14); position:relative;display:inline-flex;align-items:center;gap:4px; font:500 15px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif} .uik *{box-sizing:border-box} .uik-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0; display:inline-flex;align-items:center;justify-content:center; background:transparent;border:0;border-radius:12px;cursor:pointer;color:inherit; -webkit-tap-highlight-color:transparent;transition:background .15s} .uik-btn:hover,.uik-btn:focus-visible{background:rgba(127,127,127,.16)} .uik-btn:focus-visible{outline:2px solid var(--uik-acc);outline-offset:2px} .uik-btn svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor; stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none} .uik-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:2147483000; min-width:220px;padding:6px;margin:0;list-style:none; background:var(--uik-bg);color:var(--uik-fg);border:1px solid var(--uik-line); border-radius:14px;box-shadow:var(--uik-sh); opacity:0;visibility:hidden;transform:translateY(-6px); transition:opacity .14s,transform .14s,visibility .14s} .uik-pop[data-open="1"]{opacity:1;visibility:visible;transform:none} .uik-pop li{margin:0} .uik-it{width:100%;min-height:44px;padding:0 14px;display:flex;align-items:center; gap:10px;background:transparent;border:0;border-radius:10px;cursor:pointer; font:inherit;color:inherit;text-align:start;text-decoration:none} .uik-it:hover,.uik-it:focus-visible{background:var(--uik-hi)} .uik-it:focus-visible{outline:2px solid var(--uik-acc);outline-offset:-2px} .uik-it[aria-current="true"]{font-weight:700;color:var(--uik-acc)} .uik-it[aria-current="true"]::after{content:"\2713";margin-inline-start:auto;font-weight:700} .uik-code{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--uik-mut); min-width:22px;text-align:center} .uik-sep{height:1px;margin:6px 8px;background:var(--uik-line)} .uik-head{padding:8px 14px 4px;font-size:12px;color:var(--uik-mut); text-transform:uppercase;letter-spacing:.05em} .uik-name{padding:2px 14px 10px;font-weight:700;font-size:15px} .uik [lang="he"]{font-family:"Segoe UI","Noto Sans Hebrew",system-ui,sans-serif} /* RTL — zrcadli se cele rozlozeni, ne jen text */ [dir="rtl"] .uik-pop{text-align:right} [dir="rtl"] .uik-it{flex-direction:row} @media (prefers-color-scheme:dark){ .uik{--uik-bg:#111827;--uik-fg:#f3f4f6;--uik-mut:#9ca3af;--uik-line:#374151; --uik-hi:#1f2937;--uik-acc:#93c5fd;--uik-sh:0 10px 30px rgba(0,0,0,.5)}} .uik-float{position:fixed;top:12px;inset-inline-end:12px;z-index:2147483000; padding:4px;border-radius:14px;background:rgba(255,255,255,.86); backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.12)} @media (prefers-color-scheme:dark){.uik-float{background:rgba(17,24,39,.86)}}