/* Quick User Switcher styles (Beta6.2) */
.qus-table { width:100%; border-collapse:collapse; margin:8px 0 16px; }
.qus-table th, .qus-table td { border:1px solid #e5e7eb; padding:8px 10px; vertical-align:middle; }
.qus-table th { background:#f8fafc; text-align:left; font-weight:600; }
.qus-table .col-actions { width:180px; text-align:right; }

.qus-avatar { border-radius:50%; vertical-align:middle; margin-right:8px; }
.qus-usercell { display:flex; align-items:center; gap:8px; }
.qus-username { font-weight:600; margin-right:4px; }
.qus-fullname { color:#6b7280; font-size:0.9em; }

/* Add Link form */
.qus-add-link-form { max-width:400px; margin:16px 0; }
.qus-add-link-form label { font-weight:600; }
.qus-add-link-form input[type=text],
.qus-add-link-form input[type=password] {
    width:100%; padding:6px 10px; margin:4px 0 12px; border:1px solid #ccc; border-radius:4px;
}
.qus-add-link-form button { margin-top:8px; }
.qus-add-link-msg { margin-top:12px; }

/* BuddyBoss tab nav adjustments */
#buddypress div.item-list-tabs ul li a.qus-tab { font-weight:600; }

/* Switchback notice */
.qus-switchback { margin:12px 0; padding:10px 12px; background:#f8fafc; border:1px solid #e5e7eb; border-radius:4px; }
.qus-switchback .button { margin-left:10px; }

/* Table presentation (legacy, still present for fallback) */
table.qus-linked-to-me, table.qus-my-links {
    width:100%;
    border-collapse:collapse;
    margin:8px 0 16px;
}
table.qus-linked-to-me th, table.qus-linked-to-me td,
table.qus-my-links th, table.qus-my-links td {
    border:1px solid #e5e7eb;
    padding:8px 10px;
    vertical-align:middle;
}
table.qus-linked-to-me th, table.qus-my-links th {
    background:#f8fafc;
    text-align:left;
    font-weight:600;
}
table.qus-linked-to-me .col-actions, table.qus-my-links .col-actions {
    width:180px;
    text-align:right;
}

.qus-actions { text-align:right; }
.qus-actions .button { margin-left:6px; }

.button.qus-revoke { background:#d9534f!important; border:none!important; color:#fff!important; }
.button.qus-delete { background:#d9534f!important; border:none!important; color:#fff!important; }
.button.qus-switch { background:#0073aa!important; border:none!important; color:#fff!important; }

/* Placeholder adjustments for future row layout */
.qus-linked-account { margin:6px 0; padding:6px; border:1px solid #e5e7eb; border-radius:4px; }

/* =========================================================
   New Row Layout Styles (Beta7.1+)
   ========================================================= */
.qus-linked-account {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 6px;
    border-radius: 4px;
    background: #fff;
}

.qus-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.qus-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.qus-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.qus-user-info {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.qus-username {
    font-weight: 600;
}

.qus-fullname {
    font-size: 0.9em;
    color: #666;
}

.qus-linked-account .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    min-width: 72px;
    padding: 6px 12px;
}

/* Distinct button states */
.button.qus-revoke,
.button.qus-delete {
    background: #d9534f !important;
    color: #fff !important;
}

.button.qus-switch {
    background: #0073aa !important;
    color: #fff !important;
}