/* One compact member surface; less frequent controls live behind an action. */
.details.room-details-dialog{width:min(760px,calc(100vw - 32px));height:min(710px,calc(100dvh - 48px));border-radius:14px}
.details.room-details-dialog .details-header{padding:17px 22px 12px;margin:0;gap:12px;min-height:0;align-items:flex-start}
.details.room-details-dialog .details-header .eyebrow{display:none}
.details.room-details-dialog .room-name-heading{justify-content:flex-start;gap:8px;flex-wrap:nowrap}
.details.room-details-dialog .room-name-heading h2{font-size:21px;line-height:1.3;margin:0;flex:0 1 auto;overflow-wrap:anywhere}
.details.room-details-dialog .room-name-heading .room-name-edit{width:28px;height:28px;min-height:0;padding:0;font-size:0;flex:0 0 28px;border-color:transparent;background:transparent;color:#a7bdd4}
.room-name-edit:before{content:'✎';font-size:18px;line-height:1}
.details.room-details-dialog .room-name-heading .room-name-edit:hover{background:#203246;border-color:#3c5874;color:#e3f1ff}
.details.room-details-dialog #details-room-id{font-size:11px;line-height:1.5;margin:4px 0 0;color:#91a7c0}
.details.room-details-dialog #close-panel{width:32px;height:32px;font-size:24px;margin-top:-3px}
.details.room-details-dialog .details-tabs{padding:0 22px;gap:21px;min-height:42px}
.details.room-details-dialog .details-tab{min-height:42px;padding:11px 0;font-size:12px}
.details.room-details-dialog .details-panel{padding:18px 22px}
.details.room-details-dialog .member-section{margin:0;padding:0;border:0}
.details.room-details-dialog .member-section>.section-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;margin:0 0 10px}
.details.room-details-dialog .member-section>.section-heading h3{font-size:13px;line-height:1.4;margin:0}
.details.room-details-dialog #members-count{justify-self:start;font-size:10px;min-width:21px;padding:2px 5px}
.details.room-details-dialog #agent-management-button{grid-column:3;margin:0;min-height:34px;padding:6px 10px;border-radius:7px;font-size:11px}
.details.room-details-dialog #add-member{grid-column:4;margin:0;min-height:34px;padding:7px 12px;border-radius:7px;font-size:12px}
.details.room-details-dialog .member-row{display:grid;grid-template-columns:36px minmax(0,1fr) 34px;gap:12px;align-items:center;min-height:65px;margin:0;padding:10px 0;border-bottom:1px solid #243448}
.details.room-details-dialog .member-row:last-child{border-bottom:0}
.details.room-details-dialog .member-row .avatar{width:36px;height:36px;font-size:12px;border-radius:9px}
.details.room-details-dialog .member-info strong{font-size:13px;line-height:1.45;font-weight:600}
.details.room-details-dialog .member-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;min-height:15px}
.details.room-details-dialog .member-meta small{display:inline;margin:0;font-size:10px;line-height:1.35;color:#96abc3}
.details.room-details-dialog .member-meta .agent-type-badge,.details.room-details-dialog .member-meta .command-blocked-badge{display:inline-block;margin:0;padding:1px 5px;font-size:9px;line-height:1.3;border-radius:4px}
.details.room-details-dialog .member-menu-trigger{width:34px;height:34px;margin:0;justify-self:end;background:transparent;border-color:transparent;border-radius:7px}
.details.room-details-dialog .member-menu-trigger:hover,.details.room-details-dialog .member-menu-trigger[aria-expanded=true]{background:#21344a;border-color:#3c5572}
.consolidated-member-menu{width:248px;max-height:min(420px,calc(100dvh - 24px));padding:5px;border-color:#3d526d;background:#152438;color:#e1ebf7}
.consolidated-member-menu button{min-height:39px;padding:9px 11px;font-size:12px;display:block;width:100%;text-align:left;border:0;border-radius:5px;background:transparent;color:inherit}
.consolidated-member-menu button:hover{background:#263d56}
.consolidated-member-menu button:disabled{opacity:.45}
.consolidated-member-menu .member-menu-name{padding:8px 11px;margin-bottom:3px;border-bottom:1px solid #2c4059;font-size:11px;color:#94b0cc}
.consolidated-member-menu .member-remove{color:#f0a3a3;border-top:1px solid #2c4059;border-radius:0;margin-top:4px;padding-top:11px}
.details.room-details-dialog .room-management-panel>section{margin:0 0 18px}
.room-management-panel .settings-heading{font-size:12px;margin:0 0 10px;color:#a7bed6}
.room-management-panel .member-settings,.room-management-panel .room-help,.room-danger-zone{margin-top:14px;border:1px solid #30435c;border-radius:9px;overflow:hidden}
.room-management-panel .member-settings>summary,.room-management-panel .room-help>summary,.room-danger-zone>summary{padding:12px 14px;font-size:12px;cursor:pointer}
.room-danger-zone{border-color:#573d46}
.room-danger-zone>summary{color:#e5a4ae}
.room-danger-zone #owner-transfer-section{margin:0;padding:0 14px 14px}
.room-danger-zone #owner-transfer-section h3{display:none}
.room-danger-zone #owner-transfer-section p{font-size:11px;margin:0 0 10px;color:#a8b9cd}
.member-detail-dialog{width:min(360px,calc(100vw - 32px));padding:22px;border-radius:12px}
.member-detail-dialog h2{margin:0 0 18px;font-size:17px}
.member-detail-identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.member-detail-identity .avatar{width:44px;height:44px;border-radius:10px;flex:0 0 44px}
.member-detail-identity strong{display:block;font-size:14px;overflow-wrap:anywhere}
.member-detail-identity small{display:block;font-size:11px;margin-top:5px;color:#9db1c9}
.member-detail-priority{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}
.member-detail-priority input{width:80px;margin:0;min-height:36px;padding:8px;border:1px solid #405775;border-radius:6px;background:#101d2e;color:#e3eefb}
.member-detail-dialog .dialog-actions{margin-top:18px}
@media(max-width:500px){
 .details.room-details-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:12px}
 .details.room-details-dialog .details-header{padding:15px 15px 10px}
 .details.room-details-dialog .room-name-heading h2{font-size:19px}
 .details.room-details-dialog .details-tabs{padding:0 15px;gap:19px}
 .details.room-details-dialog .details-panel{padding:15px}
 .details.room-details-dialog .member-section>.section-heading{gap:6px}
 .details.room-details-dialog .member-section>.section-heading h3{font-size:12px}
 .details.room-details-dialog #agent-management-button{padding:6px 8px;font-size:10px}
 .details.room-details-dialog #add-member{padding:7px 9px;font-size:11px}
 .details.room-details-dialog .member-row{min-height:66px;gap:10px}
}

/* Read-only role labels and optional help; no new permission controls. */
.details.room-details-dialog .member-meta .member-specialty-label{max-width:100%;overflow-wrap:anywhere;color:#b9cbb3}
.member-role-help{margin:0 0 16px;color:#9db1c9;font-size:11px;line-height:1.6}
.member-role-help>summary{cursor:pointer;width:fit-content;padding:3px 0}
.member-role-help>p{margin:7px 0 0;overflow-wrap:anywhere}