/* The Android app: the desktop pages on a phone. html.android is set by bridge.js (catalog) and reader-bridge.js. */
html.android { -webkit-tap-highlight-color: transparent; }

/* what a phone doesn't have: web search, Explorer, drag and drop, the desktop library layout, AI agents (MCP) */
html.android #webBtn, html.android [data-act="reveal"], html.android [data-act="websearch"], html.android #dropZone, html.android #addFile,
html.pwa #addFile, html.pwa #foldersList,
html.android #settingsDlg .lib-sec:first-of-type, html.android #agentsBox, html.android [data-reveal],
html.android .lib-add + .hint, html.android #rootsSetup, html.android .ocr-box { display: none !important; }

/* catalog header: icons in one row, search below */
@media (max-width: 640px) {
  html.android .topbar { flex-wrap: wrap; row-gap: 8px; }
  html.android .toolbar { margin-left: auto; gap: 6px; }
  html.android .toolbar select { max-width: 150px; }
  html.android .drawer { width: 100vw; }
  html.android .dialog { width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
}

/* the reader opens over the catalog in a frame; the system Back button closes it */
#readerFrame { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; z-index: 1000; background: var(--bg); }

/* reader toolbar on a phone: title row, then navigation and tools */
html.android body.reader .rbar { flex-wrap: wrap; gap: 6px 8px; padding: 6px 8px; }
html.android #closeReader { margin-right: -2px; }
@media (max-width: 640px) {
  html.android .rtitle { flex: 1 1 0; min-width: 0; }
  html.android .rnav { order: 3; }
  html.android .rtools { order: 4; flex: 1 1 auto; justify-content: flex-end; gap: 4px; }
  html.android .rfind { width: 110px; }
  html.android .rside { top: 96px; width: min(340px, 92vw); }
  html.android .ttsbar { flex-wrap: wrap; }
}

/* an outdated Android System WebView: the note at the top of the catalog (bridge.ts) */
.webview-old { background: var(--danger); color: #fff; padding: 10px 14px; font-size: 13px; line-height: 1.4; }