/* Kambana OS - app installation (system/install.js): web app windows, web app icons, launcher "Get" tiles. */

/* Web app icon: letter tile, covered by the site's favicon on a white tile once it loads */
.appicon-art > img.wa-fav { position: absolute; inset: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 21%; object-fit: contain; background: #fff; border-radius: inherit; opacity: 0; transition: opacity .2s; }
.appicon-art > img.wa-fav.on { opacity: 1; }

/* Launcher: Store suggestions and the "Get apps" tile */
.ln-app.ln-get { position: relative; }
.ln-app.ln-get > span:last-of-type { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ln-app.ln-get > em { position: absolute; top: 4px; right: 8px; font-style: normal; font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 99px; background: var(--accent); color: var(--accent-fg, #fff); }
.ln-app.ln-more { color: var(--text-2); }
.ln-more-ic { width: 44px; height: 44px; border-radius: 26%; display: grid; place-items: center; border: 1.5px dashed var(--line-2, var(--line)); color: var(--text-2); }
.ln-app.ln-more:hover .ln-more-ic { border-color: var(--accent); color: var(--accent); }

/* Web app window */
.app-webapp { background: var(--surface); }
.app-webapp .wa-view { position: relative; flex: 1; min-height: 0; display: flex; }
.app-webapp .wa-frame { flex: 1; width: 100%; height: 100%; border: 0; background: #fff; }
.app-webapp .wa-note { display: flex; align-items: center; gap: 8px; padding: 6px 10px; font-size: 12.5px; color: var(--text-2); background: var(--surface-2); border-bottom: 1px solid var(--line); }
.app-webapp .wa-note[hidden] { display: none; }
.app-webapp .wa-note-t { flex: 1; min-width: 0; }
.app-webapp .wa-card { margin: auto; max-width: 440px; padding: 32px 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.app-webapp .wa-card h2 { margin: 4px 0 0; font-size: 22px; font-weight: 700; }
.app-webapp .wa-card p { margin: 0; color: var(--text-2); line-height: 1.5; }
.app-webapp .wa-card-btns { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 6px; }
.wa-tools { display: flex; align-items: center; gap: 2px; margin-left: auto; }