/* Website-only styles (the rest is the desktop app's own style.css). */

/* desktop-only controls */
html.web .setrow:has(#set-check-update),
html.web #set-open-data,
html.web #updbar { display: none !important; }

#webboot { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center;
           justify-content: center; background: var(--bg, #eef1f5); }
.webboot-card { display: flex; flex-direction: column; gap: .5rem; align-items: center;
                text-align: center; padding: 1.5rem 2rem; max-width: 22rem; }
.webboot-card b { font-size: 1.6rem; }
.webboot-card small { color: var(--muted, #667); }

.webview-ov { position: fixed; inset: 0; z-index: 9000; display: flex; flex-direction: column;
              background: var(--bg, #fff); }
.webview-bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem;
               padding: .5rem 1rem; border-bottom: 1px solid var(--border-mid, #ccd); }
.webview-bar b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webview-ov iframe { flex: 1; width: 100%; border: 0; background: #fff; }

.webnotice-ov { position: fixed; inset: 0; z-index: 9500; display: flex; align-items: center;
                justify-content: center; padding: 16px; background: rgba(0, 0, 0, .45); }
.webnotice { background: var(--panel, #fff); color: var(--text, #111); border-radius: 10px;
             padding: 1.2rem 1.4rem; max-width: 34rem; width: 100%; box-shadow: 0 20px 50px rgba(0,0,0,.35); }
.webnotice h3 { margin: 0 0 .6rem; }
.webnotice-body { margin-bottom: 1rem; line-height: 1.45; }
.webnotice-body .ok { color: var(--ok, #1f8f3a); font-weight: 600; }
.webnotice-body .bad { color: var(--bad, #b91c1c); font-weight: 600; }
.webnotice-body code { word-break: break-word; }