/* Small additions on top of Qui for the hub app. */
.hub-sidebar-account {
    display: block;
    padding: 8px 12px;
    color: var(--text-secondary, #9aa0a6);
    text-decoration: none;
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hub-sidebar-account:hover { color: var(--text-primary, #f4f7f5); }
.hub-error { color: #ef4444; margin: 12px 0; }
.hub-ok { color: #6fcf75; margin: 12px 0; }
.hub-code {
    font: 600 2rem ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: 0.12em;
}
.hub-command {
    font: 0.9rem ui-monospace, SFMono-Regular, Menlo, monospace;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 10px 12px;
    user-select: all;
    word-break: break-all;
}
.hub-note { color: var(--text-secondary, #9aa0a6); font-size: 0.85rem; margin-top: 16px; }
.hub-select {
    font: inherit;
    font-size: 13px;
    color: inherit;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    padding: 6px 10px;
}
.hub-confirm-row { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
.hub-upload {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 6px 12px;
    font-size: 13px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
}
.hub-upload input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.hub-badge {
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(111, 207, 117, 0.15);
    color: #6fcf75;
}
.hub-link-button {
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: inherit;
    text-decoration: none;
}
.hub-link-button:hover { background: rgba(255, 255, 255, 0.12); }