/* EO-34 multi-app shell: tab bar shared by every hosted app (see apps.js). */
.app-tabs{display:flex;align-items:center;gap:4px;height:100%}
.app-tab{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;
  color:rgba(255,255,255,.78);font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none;
  border:1px solid transparent;transition:background .12s,color .12s}
.app-tab:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.app-tab:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}
.app-tab.active{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.35)}
.app-tab-ico{font-size:14px;line-height:1}