/* Pyxis accents: logo mark, About dialog, mobile notice (minion 38). */
.app-logo { width: 14px; height: 14px; margin-right: 5px; vertical-align: -2px; opacity: .9; }
.app-title-wrap { display: inline-flex; align-items: center; margin-right: 10px; }
.app-title-wrap .app-title { margin-right: 0; }
.dlg.about { width: 460px; }
.about-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; color: var(--text-bright); font-weight: 600; }
.about-head img { width: 20px; height: 20px; }
.about-ver { color: var(--text-dim); font-weight: 400; }
.about-list { margin: 4px 0 8px; padding: 0 0 0 16px; color: var(--text-dim); font-size: var(--fs-small); }
.about-list li { margin: 1px 0; }
.about-small { color: var(--text-dim); font-size: var(--fs-small); }
.dlg a { color: var(--accent); }