/* Four genuine room panels. Icons and short labels share one visual vocabulary. */
.details.room-details-dialog{box-sizing:border-box;width:min(940px,calc(100vw - 24px));height:min(810px,calc(100dvh - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;border-color:#36536c;background:#102131}
.details-shell{height:100%;min-height:0;display:flex;flex-direction:column}
.details.room-details-dialog .details-header{display:flex;align-items:center;gap:12px;padding:16px 20px 12px;flex:none;border-bottom:1px solid #284157}
.details-header>div:first-of-type{min-width:0;flex:1}.details.room-details-dialog #close-panel{margin:0;flex:none}
.details.room-details-dialog .unified-panel-back{display:inline-flex;gap:5px;align-items:center;min-height:38px;white-space:nowrap}
.details.room-details-dialog .details-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 14px;min-height:0;overflow:visible;border-bottom:1px solid #294158;flex:none}
.details.room-details-dialog .details-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:52px;padding:9px 7px;border:1px solid transparent;border-radius:9px;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:12px;line-height:1.4;color:#aec3d8}
.details.room-details-dialog .details-tab[aria-selected=true]{background:#203b52;border-color:#6eadd4;color:#f0f8ff;box-shadow:inset 0 0 0 1px #223c52}
.details.room-details-dialog .details-tab:after{display:none}.details-tab .ui-line-icon{width:20px;height:20px;flex:none}
.details.room-details-dialog .details-panels{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.details.room-details-dialog .details-panel{padding:18px 20px;min-width:0;max-width:100%;box-sizing:border-box}
.details.room-details-dialog .details-panel[hidden],.details.room-details-dialog .member-row[hidden],.unified-section[hidden],.human-management-toolbar[hidden]{display:none}
.details.room-details-dialog .member-section>.section-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.details.room-details-dialog .human-management-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.details.room-details-dialog .human-management-toolbar button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;grid-column:auto;grid-row:auto;width:auto;white-space:normal}
.details.room-details-dialog #members-count{margin-left:auto}.details.room-details-dialog .member-row{grid-template-columns:36px minmax(0,1fr) 38px;gap:10px}
.member-delivery-status{display:inline-block;font-size:11px;line-height:1.5;color:#9eb4c8}.member-meta .member-delivery-status{font-size:11px}
.unified-section,.resource-group{min-width:0;margin:0 0 14px;border:1px solid #2f4c64;border-radius:10px;background:#14283a;overflow:hidden}
.unified-section>summary,.resource-group>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:48px;padding:10px 13px;box-sizing:border-box;font-size:13px;font-weight:600;color:#dcecff}
.unified-section>summary:after,.resource-group>summary:after{content:'⌄';margin-left:auto;color:#a5bbd0}.unified-section[open]>summary:after,.resource-group[open]>summary:after{transform:rotate(180deg)}
.unified-section>div,.resource-group>.collection-list{padding:12px}.unified-scope-note{font-size:12px;line-height:1.6;color:#a8bfd4;margin:0 0 14px;overflow-wrap:anywhere}
.unified-language{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.unified-language h3{display:flex;gap:8px;align-items:center;font-size:13px;margin:0}
.unified-language select{min-height:40px;background:#132537;border:1px solid #496078;color:#e5f0fa;border-radius:6px;padding:6px 10px}
#cat-manager-inline{min-width:0}.agent-manager-inline{min-width:0;max-width:100%}.agent-manager-inline>h2{display:none}
.agent-manager-inline .agent-manager-section{padding:14px;margin:0 0 14px;background:#142a3d;border:1px solid #304e67;border-radius:10px}
.agent-manager-inline .agent-manager-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:12px;margin:8px 0;background:#102232;border:1px solid #345169;border-radius:9px}
.agent-manager-inline .agent-manager-row>span{flex:1 1 150px;min-width:0}.agent-manager-inline .agent-manager-row>button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:42px;white-space:normal}
.agent-manager-inline .agent-manager-row>.ai-priority-saved-list{flex-basis:100%;font-size:12px;color:#b3c7d8;margin:0;padding-inline-start:24px}
.agent-manager-role-preview{display:block;color:#b5cbb0;font-size:12px}.agent-member-action{width:40px;flex:0 0 40px}
.agent-manager-editor,.ai-preferences-inline,.cat-roles-inline{min-width:0;max-width:100%;box-sizing:border-box;padding:14px;border:1px solid #3b5870;border-radius:10px;background:#132638}
.ai-preferences-inline h2,.cat-roles-inline h2{font-size:17px;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}
.ai-preferences-inline textarea,.cat-roles-inline textarea,.cat-roles-inline input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;background:#0e1f30;border:1px solid #425f79;border-radius:7px;color:#e4effa;padding:10px;font:inherit}
.ai-preferences-inline textarea{min-height:130px;resize:vertical}.ai-preferences-inline button,.cat-roles-inline button{min-height:42px;white-space:normal;display:inline-flex;align-items:center;gap:6px}.cat-roles-inline label{display:block;margin:10px 0;font-size:12px;line-height:1.5}
.scene-controls-inline.scene-controls-dialog{position:static;inset:auto;box-sizing:border-box;width:100%;max-width:none;max-height:none;margin:0 0 16px;padding:14px;border:1px solid #35536c;border-radius:10px;background:#142b3e;color:#dcebf7}
.scene-controls-inline>h2{font-size:16px;margin:0 0 12px}.scene-controls-inline .scene-settings-tabs{display:flex;gap:8px;flex-wrap:wrap}.scene-controls-inline .scene-settings-tabs button{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;white-space:normal}
.scene-controls-inline .scene-menu-action{display:inline-flex;gap:7px;align-items:center;min-height:42px;width:auto;margin:0 0 12px}
.scene-controls-inline .scene-setting-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scene-controls-inline label{display:block;font-size:12px;line-height:1.5;margin:10px 0}
.scene-controls-inline input,.scene-controls-inline select{box-sizing:border-box;max-width:100%;min-width:0;width:100%;min-height:40px;padding:8px;background:#0e2030;border:1px solid #435f78;color:#e2effa;border-radius:6px}
.scene-controls-inline button{white-space:normal}.scene-controls-inline small{display:block;line-height:1.6;color:#a7bfd4}
.scene-controls-inline .decoration-editor{min-width:0;max-width:100%}.scene-controls-inline .scene-media-help{margin-top:15px}
.details.room-details-dialog :is(button,summary,a,select,input,textarea):focus-visible{outline:2px solid #9ed7ff;outline-offset:3px}
#studio-entry{margin-top:auto}
@media(min-width:850px){.room-sidebar{display:flex;flex-direction:column}#room-preview-list{flex:1;min-height:0}}
@media(max-width:500px){
 .details.room-details-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}
 .details.room-details-dialog .details-header{padding:11px 10px;gap:8px}.details.room-details-dialog .room-name-heading h2{font-size:18px}.unified-panel-back{width:36px;min-height:36px;padding:7px;justify-content:center}.unified-panel-back>span{display:none}
 .details.room-details-dialog .details-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.details.room-details-dialog .details-tab{min-height:49px;padding:8px 5px;font-size:12px}
 .details.room-details-dialog .details-panel{padding:12px}.details.room-details-dialog .human-management-toolbar button{width:auto;flex:1;grid-row:auto;grid-column:auto;min-height:44px}
 .agent-manager-inline .agent-manager-row>span{flex-basis:100%}.agent-manager-inline .agent-manager-row>button{flex:1}.agent-manager-inline .agent-manager-row>.agent-member-action{flex:0 0 40px}
 .ai-preferences-inline,.cat-roles-inline,.scene-controls-inline.scene-controls-dialog{padding:11px}.scene-controls-inline .scene-setting-choices{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.details *{scroll-behavior:auto}}

.unified-room-navigation{padding:13px}.unified-room-navigation h3{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 10px}.unified-room-navigation .unified-navigation-actions{display:flex;gap:8px;flex-wrap:wrap}.unified-room-navigation :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;white-space:normal;flex:1}

.room-sounds-inline.scene-controls-dialog{position:static;inset:auto;box-sizing:border-box;margin:0;background:transparent;border:0}.room-sounds-inline p{font-size:12px;line-height:1.6}


/* Cat list is compact and isolated from legacy member-menu/button rules. */
.details.room-details-dialog .agent-manager-inline .agent-manager-section{padding:10px;margin:0 0 12px}
.details.room-details-dialog .agent-manager-inline .agent-manager-preferences{padding:10px;margin:0 0 12px}
.details.room-details-dialog .agent-manager-inline .agent-manager-preferences .ai-preferences-rules{font-size:13px;line-height:1.5;margin:6px 0}
.details.room-details-dialog .agent-manager-inline .agent-manager-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;column-gap:10px;row-gap:6px;padding:10px;margin:6px 0 0;min-width:0}
.details.room-details-dialog .agent-manager-inline .agent-manager-identity{display:grid;gap:3px;grid-column:1;grid-row:1;min-width:0;max-width:100%;font-size:13px;line-height:1.4}
.details.room-details-dialog .agent-manager-inline .agent-manager-title{display:flex;align-items:flex-start;gap:6px;min-width:0;max-width:100%}
.details.room-details-dialog .agent-manager-inline .agent-manager-title>.ui-line-icon{width:18px;height:18px;flex:0 0 18px}
.details.room-details-dialog .agent-manager-inline .agent-manager-name{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.details.room-details-dialog .agent-manager-inline .member-delivery-status{display:block;font-size:11px;font-weight:400;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.details.room-details-dialog .agent-manager-inline .agent-manager-row>.ai-priority-saved-list{grid-column:1/-1;display:flex;flex-wrap:wrap;column-gap:24px;row-gap:3px;margin:2px 0 0;padding-inline-start:20px;font-size:12px;line-height:1.5;min-width:0}
.details.room-details-dialog .agent-manager-inline .ai-priority-saved-list>li{display:list-item;max-width:100%;overflow-wrap:anywhere;padding:0;margin:0}
.details.room-details-dialog .agent-manager-inline .agent-manager-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.details.room-details-dialog .agent-manager-inline .agent-manager-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:44px;max-width:100%;width:auto;flex:0 1 auto;padding:7px 10px;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.details.room-details-dialog .agent-manager-inline .agent-manager-row>.agent-member-action{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;flex:0 0 44px;margin:0;padding:0;gap:0;overflow:visible;white-space:nowrap;font-size:20px;line-height:1;border:1px solid #3b5369;border-radius:7px}
.details.room-details-dialog .agent-manager-inline .agent-member-action:before{content:none;display:none}
.details.room-details-dialog .agent-manager-inline .agent-member-action>.ui-line-icon{width:20px;height:20px;flex:0 0 20px}
.details.room-details-dialog .agent-manager-inline .agent-preferences-help{margin:0;border:0;padding:0}
.details.room-details-dialog .agent-manager-inline .agent-preferences-help>summary{display:flex;align-items:center;gap:6px;min-height:32px;width:fit-content;max-width:100%;cursor:pointer;font-size:11px;line-height:1.4;color:#a7bfd4;list-style:none}
.details.room-details-dialog .agent-manager-inline .agent-preferences-help>summary:after{content:'⌄';margin-left:2px}
.details.room-details-dialog .agent-manager-inline .agent-preferences-help[open]>summary:after{transform:rotate(180deg)}
.details.room-details-dialog .agent-manager-inline .agent-preferences-help .settings-section-note{margin:3px 0 0;font-size:11px;line-height:1.5}
@media(max-width:500px){.details.room-details-dialog .agent-manager-inline .agent-manager-row{column-gap:8px;padding:9px}.details.room-details-dialog .agent-manager-inline .agent-manager-actions>button{flex:1 1 125px}}

.unified-room-navigation a{box-sizing:border-box;text-decoration:none}.unified-room-navigation a[hidden]{display:none}

/* Consistent Control Room disclosure cards. */
.room-management-panel :is(.member-settings,.notification-settings,.room-danger-zone){margin:0 0 14px;border:1px solid #2f4c64;border-radius:10px;overflow:hidden}
.room-management-panel :is(.member-settings,.notification-settings,.room-danger-zone)>summary{padding:10px 13px;min-height:48px}
.room-management-panel .unified-section>summary:after{transform:none}
.room-management-panel .unified-section[open]>summary:after{transform:rotate(180deg)}

/* The saved chief is the direct, per-cat priority editor entry. */
.agent-manager-identity .agent-chief-action{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;align-self:start;justify-self:start;box-sizing:border-box;min-height:44px;width:fit-content;max-width:100%;margin:4px 0;padding:7px 10px;border:1px solid #597b93;border-radius:7px;background:#203b4e;color:#e4f0fb;font-size:12px;line-height:1.4;white-space:normal;text-align:left}.agent-chief-action .agent-chief-text{min-width:0;overflow-wrap:anywhere}.agent-manager-identity .ai-chief-label:not(button){display:flex;align-items:center;gap:6px}.agent-manager-identity .ai-chief-label>.ui-line-icon{width:17px;height:17px;flex:0 0 17px}

/* Council cards lead with identity and the saved chief; diagnostics are on demand. */
.details.room-details-dialog .agent-manager-inline .agent-manager-identity{grid-template-columns:48px minmax(0,1fr);column-gap:10px;row-gap:3px;align-items:start}
.agent-manager-identity .agent-council-avatar{grid-column:1;grid-row:1/3;width:48px;height:48px;min-width:48px;flex:none;align-self:center;border-radius:10px}
.details.room-details-dialog .agent-manager-inline .agent-manager-title{grid-column:2;grid-row:1;align-self:end}
.agent-manager-identity>.ai-chief-label{grid-column:2;grid-row:2;min-width:0;max-width:100%}
.agent-manager-row>.agent-card-details{grid-column:1/-1;min-width:0;margin:0;border-top:1px solid #2d455b}
.agent-card-details>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;min-height:40px;font-size:12px;color:#a9c0d4;padding:5px 0}
.agent-card-details>summary:after{content:'⌄';margin-left:auto}.agent-card-details[open]>summary:after{transform:rotate(180deg)}
.agent-card-details .agent-details-status{font-size:11px;color:#d3b982}.agent-card-details .agent-details-status[hidden]{display:none}
.agent-card-details-body{display:grid;gap:7px;padding:3px 0 10px;min-width:0;font-size:12px;color:#abc1d4;overflow-wrap:anywhere}
.agent-card-details-body>.ai-priority-saved-list{display:flex;flex-wrap:wrap;gap:3px 24px;padding-inline-start:20px;margin:0;font-size:12px}
.agent-card-details-body>button{display:inline-flex;align-items:center;gap:7px;justify-self:start;min-height:44px;padding:7px 10px;font-size:12px;max-width:100%;white-space:normal}
@media(max-width:500px){.details.room-details-dialog .agent-manager-inline .agent-manager-identity{grid-template-columns:44px minmax(0,1fr);column-gap:8px}.agent-manager-identity .agent-council-avatar{width:44px;height:44px;min-width:44px}}

.agent-card-details-body>.member-delivery-status{display:block;white-space:normal;overflow-wrap:anywhere;font-size:11px}.agent-card-details-body>.ai-priority-saved-list>li{display:list-item;max-width:100%;overflow-wrap:anywhere;padding:0;margin:0}
.agent-card-details:not([open])>.agent-card-details-body{display:none}

/* The saved chief remains directly beside the cat name, never inside Details. */
.details.room-details-dialog .agent-manager-inline .agent-manager-title{grid-row:1/3;align-self:center;align-items:center;flex-wrap:wrap;column-gap:9px;row-gap:3px}
.agent-manager-title>.agent-chief-action{margin:0;flex:0 1 auto}.agent-manager-title>.ai-chief-label:not(button){font-size:12px}

.room-sidebar>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px}.sidebar-brand-actions{display:flex;align-items:center;gap:4px;min-width:0}.room-sidebar .browser-logout{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;border:1px solid #609ac1;border-radius:8px;color:#dcedfa;background:#19364e}.room-sidebar .browser-logout>span{display:none}.browser-logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.browser-logout:focus-visible{outline:2px solid #a1ddff;outline-offset:3px}
.agent-guide-entry{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.agent-guide-entry>.handbook-link{min-height:44px;margin:0;color:#b6dafa}

/* One direct profile entry in Cat Council; administrative member actions remain in Details. */
.details.room-details-dialog .agent-manager-inline .agent-manager-row>.agent-profile-action{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;min-width:44px;min-height:44px;margin:0;padding:6px;font-size:12px;white-space:normal}
.agent-manager-row>.agent-profile-action>.ui-line-icon{display:none}
.agent-card-details-body>.agent-member-action{justify-self:start;min-width:44px;min-height:44px}

/* Mobile Control Room: one content gutter, not three nested card insets. */
@media(max-width:500px){
 .details.room-details-dialog .details-panels{padding:0;scroll-padding-block:12px;}
 .details.room-details-dialog #details-panel-settings{padding:10px 10px max(12px,env(safe-area-inset-bottom));}
 .details.room-details-dialog .details-header{padding-top:max(11px,env(safe-area-inset-top));}
 .details.room-details-dialog :is(#panel-back,#close-panel){width:44px;min-width:44px;height:44px;min-height:44px;}
 #details-panel-settings #room-controls-inline{margin-bottom:12px;}
 #details-panel-settings .scene-controls-inline.scene-controls-dialog{padding:0;margin:0;border:0;border-radius:0;background:transparent;overflow:visible;}
 #details-panel-settings .scene-controls-inline>h2{margin-bottom:8px;}
 #details-panel-settings .scene-settings-tabs{gap:6px;margin-bottom:10px;}
 #details-panel-settings .scene-settings-tabs>button{justify-content:center;min-width:0;padding:8px;}
 #details-panel-settings .scene-controls-inline label{margin:0;}
 #details-panel-settings .scene-controls-inline form{margin:10px 0;gap:10px;}
 #details-panel-settings .scene-setting-choices{gap:10px;}
 #details-panel-settings :is(input,select,textarea){font-size:16px;max-width:100%;min-width:0;scroll-margin-block:12px;}
 #details-panel-settings :is(button,select,input:not([type=checkbox]):not([type=radio]),summary){min-height:44px;}
 #details-panel-settings :is(button,small,p,label){overflow-wrap:anywhere;}
 #details-panel-settings :is(.settings-content,.notification-settings>.push-section){padding:0 10px 10px;}
 #details-panel-settings :is(.unified-section,.member-settings,.notification-settings,.room-danger-zone)>summary{padding:8px 10px;}
 #details-panel-settings .unified-section>div{padding:10px;}
 #details-panel-settings .room-sounds-inline.scene-controls-dialog{width:100%;max-width:none;padding:0;}
 #details-panel-settings #room-management-finance{padding:10px;}
 #details-panel-settings .profile-name-row{flex-wrap:wrap;gap:8px;}
 #details-panel-settings .profile-name-row>input{flex:1 1 140px;}
 #details-panel-settings .profile-name-row>button{flex:1 1 auto;}
 #details-panel-settings .unified-navigation-actions{padding:0;}
 #details-panel-settings .unified-navigation-actions>:is(button,a){flex:1 1 120px;min-width:0;}
 #details-panel-settings .decoration-fields{grid-template-columns:minmax(0,1fr);gap:8px;}
 #details-panel-settings .decoration-positions{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 #details-panel-settings .decoration-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
 #details-panel-settings .decoration-tools>select{grid-column:1/-1;}
 #details-panel-settings .decoration-actions{flex-wrap:wrap;justify-content:stretch;padding-bottom:4px;}
 #details-panel-settings .decoration-actions>button{flex:1 1 110px;min-width:0;padding:8px;}
}

/* Mobile room controls are a menu, followed by one full-screen page at a time. */
.details-menu-footer[hidden],#details-page-title[hidden],#library-tabs[hidden],.details.room-details-dialog .details-tabs[hidden],.details.room-details-dialog .details-panels[hidden]{display:none!important}
[data-governance-decision]{display:inline-flex;align-items:center;justify-content:center;gap:7px}
[data-governance-decision=approve]{background:#235743;border:1px solid #71b498;color:#e3fff0}
[data-governance-decision=reject]{background:#462936;border:1px solid #b8778a;color:#ffe3eb}
[data-governance-decision=revoke]{background:#483823;border:1px solid #b89a64;color:#ffedcb}
@media(max-width:700px){
 .details.room-details-dialog{inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:hidden}
 .details.room-details-dialog .details-header{min-height:64px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));gap:8px;box-sizing:border-box}
 .details.room-details-dialog .details-header .eyebrow,.details.room-details-dialog #details-room-id{display:none}
 .details.room-details-dialog .details-header .room-name-heading .room-name-edit{width:44px;height:44px;min-height:44px;flex-basis:44px}
 .details.room-details-dialog .details-header .room-name-heading h2{font-size:17px;margin:0;line-height:1.4}
 .details.room-details-dialog .details-header #close-panel,.details.room-details-dialog .unified-panel-back{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:8px}
 .details.room-details-dialog .unified-panel-back>span{display:none}
 .details.room-details-dialog[data-mobile-page=true] .details-header>div:first-of-type{display:none}
 .details.room-details-dialog #details-page-title{margin:0;flex:1;min-width:0;font-size:17px;line-height:1.4;overflow-wrap:anywhere}
 .details.room-details-dialog[data-mobile-menu=true] .details-tabs{display:flex;flex-direction:column;gap:0;padding:8px 14px;border:0;overflow:auto;min-height:0;flex:1}
 .details.room-details-dialog[data-mobile-menu=true] .details-tab{display:flex;justify-content:flex-start;align-items:center;width:100%;min-height:72px;flex:none;gap:14px;margin:0;padding:16px 12px;text-align:left;font-size:16px;font-weight:600;line-height:1.5;color:#dcebf7;background:transparent;border:0;border-bottom:1px solid #2b4256;border-radius:0;box-shadow:none}
 .details.room-details-dialog[data-mobile-menu=true] .details-tab:after{display:block;position:static;content:'›';margin-left:auto;width:auto;height:auto;background:none;color:#a7bed1;font-size:25px;font-weight:400}
 .details.room-details-dialog[data-mobile-menu=true] .details-tab>.ui-line-icon{width:24px;height:24px;flex-basis:24px;color:#a9c8e0}
 .details-menu-footer{display:flex;flex-direction:column;gap:4px;flex:none;order:2;margin:0;padding:12px 26px max(16px,env(safe-area-inset-bottom));border-top:1px solid #2b4256}
 .details-menu-footer :is(a,button){display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;margin:0;padding:8px 0;border:0;background:transparent;font-size:14px;color:#b5ccdd;text-decoration:none}
 .details-menu-footer #panel-browser-logout{color:#e9a8b0}
 .details.room-details-dialog .details-panels{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 .details.room-details-dialog .details-panel{padding:12px;min-width:0}
 .details.room-details-dialog .details-panel :is(button,summary,select,input[type=text],input[type=number]){min-height:44px}
 .details.room-details-dialog .details-panel :is(button,summary){touch-action:manipulation}
 .details.room-details-dialog .member-row .member-menu-trigger{width:44px;height:44px}
 .details.room-details-dialog .member-row{grid-template-columns:36px minmax(0,1fr) 44px}
 .details.room-details-dialog .scene-controls-inline.scene-controls-dialog{padding:0;margin:0 0 12px;border:0;border-radius:0;background:transparent;overflow:visible}
 .scene-controls-inline>h2{display:none}
 .scene-controls-inline .scene-settings-tabs{margin-bottom:10px}
 .scene-controls-inline .scene-settings-tabs button{flex:1;font-size:13px}
 .scene-controls-inline #scene-general-form{display:flex;flex-direction:column;gap:8px;margin:0}
 .scene-controls-inline #scene-general-form>.scene-general-actions{position:sticky;top:0;order:-2;z-index:5;width:100%;min-height:44px;margin:0 0 4px;box-shadow:0 4px 8px #07121b55}
 .scene-controls-inline #scene-general-form>p[role=status]{order:-1;margin:0}
 .scene-controls-inline #scene-general-form label{margin:0;font-size:13px}
 .scene-controls-inline #scene-general-form .scene-setting-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .scene-controls-inline :is(input,select){font-size:16px}
 .scene-controls-inline .decoration-savebar{background:#102131}
 .scene-controls-inline .scene-media-help{margin-top:12px}
 .library-tabs{position:sticky;top:-12px;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:-12px -12px 12px;padding:8px 10px;background:#102131;border-bottom:1px solid #304d63}
 .library-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;min-width:0;padding:7px 3px;font-size:12px;line-height:1.3;white-space:normal;text-align:center;border:1px solid transparent;background:transparent}
 .library-tabs button[aria-selected=true]{background:#203b52;border-color:#6eadd4;color:#f0f8ff}
 #details-panel-resources>.resource-group{margin:0;border:0;border-radius:0;background:none;overflow:visible}
 #details-panel-resources>.resource-group[hidden]{display:none!important}
 #details-panel-resources>.resource-group>summary{display:none}
 #details-panel-resources>.resource-group>.collection-list{padding:0;gap:8px}
 #details-panel-resources .collection-card{padding:10px}
 #details-panel-resources .collection-empty{padding:28px 8px;font-size:13px}
 #details-panel-resources .collection-navigation{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}
 #details-panel-resources .collection-navigation button{flex:1;min-width:0;font-size:12px}
 #details-panel-resources .builtin-handbook-file{padding:10px;margin-bottom:0}
 #details-panel-resources .builtin-handbook-actions a{min-height:44px}
 #details-panel-cats .task-disclosure>section>.small-muted{display:none}
 .details.room-details-dialog .details-status:not(:empty){padding:8px 12px 12px;flex:none}
}
/* One AI roles block; overflow actions stay behind a named More control. */
.agent-role-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.agent-role-heading>.settings-section-title{margin:0}
.agent-manager-more{margin:0 0 0 auto;padding:0;border:0;min-width:0;position:relative}
.agent-manager-more>summary{display:flex;align-items:center;justify-content:center;gap:6px;list-style:none;cursor:pointer;min-height:44px;padding:8px 10px;box-sizing:border-box;border:1px solid #3b5369;border-radius:7px;font-size:12px;color:#c2d7e8}
.agent-manager-more>summary::-webkit-details-marker{display:none}
.agent-manager-more[open]{flex-basis:100%;display:block;margin:0}
.agent-manager-more[open]>summary{margin-left:auto;width:max-content}
.agent-manager-more>button,.agent-manager-more>a{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;margin-top:4px;font-size:12px}
.details.room-details-dialog .agent-manager-inline .agent-manager-existing>.agent-manager-preferences{margin:0 0 8px;padding:0;background:none;border:0}
.details.room-details-dialog .agent-manager-inline .agent-manager-existing>.agent-manager-new{margin:12px 0 0;padding:10px 0 0;border:0;border-top:1px solid #304e67;background:none;border-radius:0}
.details.room-details-dialog .agent-manager-inline .agent-manager-new>.settings-section-title{display:none}
@media(max-width:700px){
 .details.room-details-dialog .agent-manager-inline .agent-manager-existing{padding:0;border:0;border-radius:0;background:none}
 .agent-manager-more :is(button,a){min-height:44px}
 .details.room-details-dialog .agent-manager-inline .agent-manager-preferences .ai-preferences-rules{max-height:4.5em;overflow:auto;margin:4px 0;font-size:12px;line-height:1.5}
 .agent-manager-inline .agent-preferences-help{font-size:12px}
 .agent-manager-inline .agent-admission-actions{gap:8px}
 .agent-manager-inline .agent-admission-actions>button{min-height:44px}
}

/* Council authorization is distinct from membership and observed activity. */
.details.room-details-dialog .agent-manager-inline .agent-manager-row.agent-removable{grid-template-columns:minmax(0,1fr) 44px auto}
.details.room-details-dialog .agent-manager-inline .agent-manager-row>.agent-remove-action{grid-column:3;grid-row:1;box-sizing:border-box;min-width:44px;max-width:100%;width:auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;margin:0;padding:7px 9px;color:#ffbdba;border:1px solid #885653;border-radius:7px;white-space:normal;font-size:12px;line-height:1.35}
.agent-remove-action>.ui-line-icon{display:none}
.agent-manager-row>.agent-grant-controls{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;flex-basis:100%;font-size:12px;line-height:1.5}
.agent-grant-controls>.agent-grant-status{flex:1 1 150px;overflow-wrap:anywhere}
.agent-grant-controls>.agent-revoke-action{min-height:44px;padding:7px 10px;color:#ffbdba;border-color:#885653;white-space:normal;font-size:12px}
.agent-grant-controls>small{flex-basis:100%}
.agent-grants-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.agent-grants-toolbar>button{min-height:44px;font-size:12px}.agent-grants-toolbar>p{margin:0;flex:1 1 180px;font-size:12px;overflow-wrap:anywhere}
.agent-grants-toolbar>.agent-grants-status{flex-basis:100%}

/* Keep the existing menu actions reachable when the room sidebar is absent,
   without replacing tablet/portrait tabs or overlaying their scrollport. */
@media(min-width:701px) and (max-width:849px){
 .details-menu-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;flex:none;order:2;margin:0;padding:8px 16px;border-top:1px solid #2b4256}
 .details-menu-footer :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px;margin:0;padding:6px 8px;border:0;background:transparent;font-size:13px;color:#b5ccdd;text-decoration:none}
 .details-menu-footer #panel-browser-logout{color:#e9a8b0}
}

/* Council is one line per cat. Every secondary action owns its own dialog. */
.details.room-details-dialog .agent-manager-inline .agent-manager-row{grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:8px;min-height:62px;padding:8px;box-sizing:border-box}
.details.room-details-dialog .agent-manager-inline .agent-manager-row.agent-profile-editable{grid-template-columns:minmax(0,1fr) 44px 52px}
.details.room-details-dialog .agent-manager-inline .agent-manager-identity{grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center}
.agent-manager-identity .agent-council-avatar{grid-row:1;width:40px;height:40px;min-width:40px;border-radius:9px}
.details.room-details-dialog .agent-manager-inline .agent-manager-title{grid-row:1;display:block;min-width:0}
.details.room-details-dialog .agent-manager-inline .agent-manager-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.details.room-details-dialog .agent-manager-inline .agent-manager-row>.agent-profile-action{grid-column:2;white-space:nowrap}
.details.room-details-dialog .agent-manager-inline .agent-manager-row>.agent-member-action{grid-column:2;width:52px;min-width:52px;max-width:52px;font-size:12px;line-height:1.4;gap:0;padding:6px}
.details.room-details-dialog .agent-manager-inline .agent-manager-row.agent-profile-editable>.agent-member-action{grid-column:3}
.details.room-details-dialog .agent-manager-inline .agent-member-action>.ui-line-icon{display:none}
.cat-actions-menu{position:fixed;z-index:30;box-sizing:border-box;width:224px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid #58728a;border-radius:10px;background:#162b3c;color:#deebf7;box-shadow:0 10px 28px #0007}
.cat-actions-menu>button{display:block;box-sizing:border-box;min-width:0;min-height:44px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:13px;text-align:left;white-space:normal;overflow-wrap:anywhere}
.cat-actions-menu>button:hover,.cat-actions-menu>button:focus-visible{background:#29465d;outline:2px solid #a1ddff;outline-offset:-2px}
.cat-actions-menu>.cat-menu-danger{color:#ffb5b0}
.cat-actions-menu>button:disabled{opacity:.5}
.cat-access-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.cat-access-dialog>.secondary{min-height:44px}
.cat-access-body .agent-grant-controls{display:grid;gap:12px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.cat-access-body .agent-revoke-action{justify-self:start;min-height:44px}
.agent-grants-storage[hidden]{display:none}