/* One visual vocabulary for settings, invitations and existing AI identities. */
.ui-line-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.settings-section-title,.settings-heading,[data-ui-icon]{display:flex;align-items:center;gap:9px}
.settings-section-title{margin:0 0 10px;font-size:13px;line-height:1.5;color:#d8e8f8}
.settings-section-title .ui-line-icon,.settings-heading .ui-line-icon{color:#9fc7e7}
.settings-section-note{margin:4px 0 13px;font-size:12px;line-height:1.65;color:#a3bad0}
.settings-section-note:empty{display:none}
.settings-card,.agent-manager-section{border:1px solid #30465e;border-radius:12px;background:#162638;padding:16px}
.room-management-panel #room-management-finance{padding:16px;margin-bottom:14px;border:1px solid #30465e;border-radius:12px;background:#162638}
.room-management-panel .settings-heading{margin:0 0 12px;color:#d5e5f5;font-size:13px}
.room-management-panel .member-settings,.room-management-panel .notification-settings,.room-management-panel .room-help,.room-management-panel .room-danger-zone{margin:12px 0 0;border-radius:12px;background:#142335}
.room-management-panel .member-settings>summary,.room-management-panel .notification-settings>summary,.room-management-panel .room-help>summary,.room-management-panel .room-danger-zone>summary{min-height:48px;padding:14px 16px;font-size:13px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px}
.room-management-panel summary::-webkit-details-marker{display:none}
.room-management-panel .member-settings>summary:after,.room-management-panel .notification-settings>summary:after,.room-management-panel .room-help>summary:after,.room-management-panel .room-danger-zone>summary:after{content:'›';font-size:21px;line-height:1;margin-left:auto;transform:rotate(90deg);color:#91abc3}
.room-management-panel details[open]>summary:after{transform:rotate(-90deg)}
.room-management-panel .notification-settings{padding:0;border:1px solid #30435c;overflow:hidden}
.room-management-panel .settings-content,.room-management-panel .notification-settings>.push-section{padding:0 16px 16px}
.room-management-panel .notification-settings>.push-section{margin:0;border:0}
.room-management-panel .notification-settings>.push-section>h3{display:none}
.room-management-panel .settings-content .account{margin:0 0 12px;padding:3px 0 12px}
.room-management-panel .device-section{margin:0;padding:0;border:0}
.room-management-panel .device-section>.section-heading h3{font-size:12px}
.room-management-panel .room-help-content{padding:0 16px 14px}
.room-management-panel .room-danger-zone{background:#221f2b}
.room-management-panel .room-danger-zone .ui-line-icon{color:#e5a4ae}
.agent-manager-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto}
.agent-manager-dialog>h2{margin:0 0 18px;font-size:20px}
.agent-manager-section{margin:14px 0}
.agent-manager-section.agent-manager-new{border-color:#456b88;background:#183149}
.agent-manager-section .agent-admission-panel{margin:0;padding:0;border:0}
.agent-manager-section .agent-admission-actions>.primary{flex:1}
.agent-manager-section .agent-manager-list{margin:0;padding:0;list-style:none}
.agent-manager-section .agent-manager-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #2d455d}
.agent-manager-section .agent-manager-row:last-child{border-bottom:0;padding-bottom:0}
.agent-manager-row>span{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600;font-size:13px}
.agent-manager-row>button{min-height:42px;font-size:12px;white-space:normal;text-align:center;max-width:55%}
.agent-manager-secondary{padding:0 2px 14px;border-bottom:1px solid #2d455d;margin-bottom:14px}
.agent-manager-secondary .agent-manager-connections{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:#b6cce1}
.agent-manager-secondary p{margin:2px 0 0;font-size:11px;color:#94acc4;line-height:1.6}
.invite-next-step{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid #416580;border-radius:10px;background:#1b344b;color:#dceeff!important;font-size:13px!important;line-height:1.7;margin:12px 0!important}
.invite-next-step .ui-line-icon{margin-top:2px}
.invite-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.invite-facts>p{display:flex;align-items:center;gap:6px;margin:0!important;padding:6px 9px;border:1px solid #354f66;border-radius:7px;background:#172b3e;font-size:11px!important;color:#bbd0e3!important}
.invite-facts .ui-line-icon{width:15px;height:15px;flex-basis:15px}
.invite-room{margin:0 0 12px!important;color:#cadff0!important;font-weight:600}
.invite-code-note{font-size:11px!important;color:#aac0d5!important;line-height:1.65;margin:10px 0!important}
.add-member-content>.invite-count-label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;margin:16px 0}
#human-invite-count{width:92px;max-width:50%;font-size:16px;margin:0}
.invite-history-link{display:block;min-height:44px;padding:8px 0;color:#b6cce1;text-decoration:underline;text-underline-offset:4px;font-size:12px}
.invite-advanced,.invite-records{margin:12px 0;padding:12px 0 0;border-top:1px solid #2f455b}
.invite-advanced>summary,.invite-records>summary{cursor:pointer;min-height:36px;font-size:12px;color:#a5bed5}
.invite-advanced>button{margin:8px 0;min-height:44px}
.invite-review-group{margin:18px 0}.invite-review-group>h3{margin:0 0 10px;font-size:13px}.invite-review-group[data-invite-group=pending]{border-left:3px solid #90badb;padding-left:12px}
.agent-invite-content .invite-code-note{margin:0!important}.agent-invite-help{font-size:12px;color:#a9c2d8}.agent-invite-help summary{cursor:pointer;min-height:36px;padding:6px 0}.agent-invite-help p{line-height:1.7}
.agent-invite-dialog .agent-admission-actions>.primary{margin-left:auto}.agent-invite-dialog .agent-admission-actions>.primary{order:1}
.add-member-dialog .dialog-actions{flex-wrap:wrap}.add-member-dialog .dialog-actions>.primary{order:1;margin-left:auto}
.agent-manager-dialog :focus-visible,.room-management-panel summary:focus-visible,.add-member-dialog summary:focus-visible{outline:2px solid #a9d5f6;outline-offset:3px}
@media(max-width:500px){.agent-manager-section{padding:13px}.agent-manager-row>button{min-height:44px}.room-management-panel .settings-heading{font-size:12px}.invite-facts{gap:6px}.invite-facts>p{padding:6px 8px}.agent-invite-dialog button,.agent-manager-dialog button,.add-member-dialog .dialog-actions>button{min-height:44px}}

/* Role, connection and consumer authority are separate; missing data is not denial. */
.details.room-details-dialog .member-meta .member-authority-status,.member-detail-identity .member-authority-status{display:inline-block;padding:2px 6px;border:1px solid #516077;border-radius:5px;color:#b8c5d7;background:#1d2b3c;font-size:11px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}
.agent-manager-row .member-authority-status{display:block;margin-top:5px;color:#a6bad0;font-size:11px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}

/* Observer is a room role, independent of presence and external AI authorization. */
.avatar[data-presence-member]>.avatar-observer-badge{position:absolute;top:1px;left:1px;right:auto;bottom:auto;z-index:2;display:grid;place-items:center;width:14px;height:14px;box-sizing:border-box;border:1px solid #d8e6f4;border-radius:50%;background:#13283d;color:#f3f8ff;pointer-events:none;line-height:1}
.avatar-observer-badge>.ui-line-icon{display:block;width:11px;height:11px;stroke-width:2.25;flex:none}
@media(max-width:500px){.avatar[data-presence-member]>.avatar-observer-badge{width:14px;height:14px;top:1px;left:1px}}

/* Full category labels reuse the existing roster and actions without crowding the toolbar. */
.details.room-details-dialog #human-management-button{grid-column:3;margin:0;min-height:34px;padding:7px 10px;border-radius:7px;font-size:12px;white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.5}
.details.room-details-dialog #agent-management-button{grid-column:4;white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.5}
.human-management-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.human-management-toolbar[hidden],.details.room-details-dialog .member-row[hidden]{display:none}
.details.room-details-dialog .human-management-toolbar #add-member,.details.room-details-dialog .human-management-toolbar #human-account-provision{grid-column:auto;min-height:44px}
.observer-mention-notice{margin:8px 0 0;padding:8px 10px;border:1px solid #41576e;border-radius:7px;background:#172a3c;color:#c4d8eb;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.observer-mention-notice[hidden]{display:none}
@media(max-width:500px){
 .details.room-details-dialog .member-section>.section-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .details.room-details-dialog #human-management-button{grid-column:1/-1;grid-row:2;width:100%;min-height:44px;font-size:12px}
 .details.room-details-dialog #agent-management-button{grid-column:1/-1;grid-row:3;width:100%;min-height:44px;font-size:12px}
}