/* Четвёртая вкладка остаётся в существующем пульте, даже на узком экране. */
#hostTabs { flex-wrap: wrap; }
#hostTabs button { flex: 1 1 85px; min-width: 0; }
#hostTabs button[hidden] { display: none; }
.hotkey-settings { line-height: 1.6; }
.hotkey-settings > p { margin: 12px 0; color: var(--ink, #b9baa8); font-size: .85rem; }
.hotkey-enable { display: flex; align-items: center; gap: 10px; margin: 20px 0; }
.hotkey-enable input { width: 18px; height: 18px; accent-color: var(--lantern, #e0a83c); }
.hotkey-card { padding: 16px; margin: 12px 0; border: 1px solid #b59b6040; border-radius: 12px; background: #07130e80; }
.hotkey-card h4 { margin: 0 0 6px; color: var(--parchment, #ece4cb); font-size: 1rem; }
.hotkey-card p { margin: 0; color: var(--ink, #b9baa8); font-size: .83rem; }
.hotkey-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.hotkey-settings button { border: 1px solid #b59b6060; border-radius: 8px; padding: 9px 12px; background: #1e2c21; color: var(--parchment, #ece4cb); cursor: pointer; font: inherit; font-size: .82rem; }
.hotkey-settings button:hover { border-color: var(--lantern, #e0a83c); }
.hotkey-settings button:focus-visible { outline: 2px solid var(--lantern, #e0a83c); outline-offset: 3px; }
.hotkey-settings button:disabled { opacity: .45; cursor: not-allowed; }
.hotkey-actions button:first-child { flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; text-align: left; }
.hotkey-actions kbd { font: 600 .9rem ui-monospace, monospace; overflow-wrap: anywhere; }
.hotkey-actions button.is-recording { border-color: var(--lantern, #e0a83c); background: #644c224d; }
#hotkeysStatus { min-height: 3em; color: var(--parchment, #ece4cb); }
#hotkeysStatus[data-error=true] { color: #ffb8a6; }
.hotkey-settings .hotkey-scope { margin-top: 22px; border-top: 1px solid #b59b6030; padding-top: 16px; font-size: .78rem; }