/* Extension "this site" bar (only shown inside the Chrome extension) */
.ext-bar { position: fixed; left: 10px; right: 10px; bottom: calc(var(--tab-h) + var(--sab) + 10px); z-index: 45; background: var(--bg-elev); border: 1px solid var(--line-2); border-radius: 16px; box-shadow: var(--shadow); padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; animation: up .2s; }
.ext-bar.slim { flex-direction: row; align-items: center; justify-content: space-between; padding: 6px 8px 6px 12px; }
.ext-site { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-2); min-width: 0; }
.ext-site span, .ext-site b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ext-site .i { width: 16px; height: 16px; flex: none; }
.ext-row { display: flex; align-items: center; gap: 10px; }
.ext-who { flex: 1; min-width: 0; text-align: left; background: none; border: 0; color: inherit; padding: 4px 0; cursor: pointer; display: flex; flex-direction: column; font: inherit; }
.ext-who b, .ext-who span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ext-who span { font-size: 12px; color: var(--text-3); }
html.in-ext .view { padding-bottom: 170px; }
@media (min-width: 960px) { .ext-bar { bottom: 16px; left: auto; width: 360px; } }