/* Web app additions on top of the desktop app's style.css. */

/* Settings › Desktop (menu entry, file associations) is the desktop app's:
   the web app is installed from the browser instead. */
#settings hr:has(+ .menu-label use[href="#i-monitor"]),
#settings .menu-label:has(use[href="#i-monitor"]),
#set-menu, #set-assoc, #settings .set-hint { display: none; }

/* Access, vault and other messages: a bar at the bottom of the window. */
.kk-banner {
  position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 1000;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  max-width: min(640px, calc(100vw - 32px)); padding: 10px 12px 10px 16px;
  border: 1px solid var(--border-strong); border-radius: 10px;
  background: var(--surface); color: var(--text); font-size: 13px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}
.kk-banner span { flex: 1 1 260px; line-height: 1.4; }
.kk-banner .btn { flex: none; }