.room-manager-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}.room-manager-heading h2,.room-manager-heading h3{margin:0}.room-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#f1f5eb;border:1px solid #e0e8d8;border-radius:12px;padding:5px;margin:18px 0 10px}.room-tabs button{min-width:0;background:none;color:#64745c;border-radius:9px;font-size:12px;min-height:44px;padding:10px 7px}.room-tabs button[aria-selected=true]{background:white;color:#254b38;box-shadow:0 2px 9px #223a2110}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-grid>.card{margin:0;min-width:0;padding:16px}.room-grid h3{font-size:17px;margin:0 0 7px;overflow-wrap:anywhere}.room-card-heading{display:flex;gap:8px;flex-wrap:wrap;align-items:start;justify-content:space-between}.room-card-heading h3{flex:1;min-width:120px}.room-badge{display:inline-flex;border-radius:20px;background:#f4eddb;color:#8a6d33;padding:5px 8px;font-size:10px;white-space:nowrap}.room-active{background:#e5f0dc;color:#3a642e}.room-archived{background:#eceeeb;color:#707768}.room-error{background:#f9e4db;color:#8d493b}.room-id{overflow-wrap:anywhere;color:#7b846f}.room-card p{font-size:12px}.room-card .actions{gap:6px}.room-card .actions>*{font-size:11px;min-height:42px}.room-pagination{display:flex;justify-content:center;gap:13px;align-items:center;margin:18px 0}.room-pagination span{font-size:12px;color:#6b7d63}.room-editor{scroll-margin-top:80px!important;border:2px solid #c8d9b8!important;background:#fbfcf6!important;margin-top:24px!important}.room-editor h4{margin:22px 0 8px}.room-team-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 16px}.room-person-choice{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #d8e3cd;background:white;border-radius:11px;cursor:pointer;min-width:0}.room-person-choice:has(input:checked){background:#edf4e5;border-color:#93ac7e}.room-person-choice input,.room-checkbox input{width:18px!important;height:18px;min-height:18px!important;flex:none;accent-color:#355c3f;margin-top:3px}.room-person-choice span{display:block;min-width:0;overflow-wrap:anywhere}.room-person-choice strong{display:block;font-size:13px}.room-person-choice small{display:block;color:#75836a;font-size:11px;line-height:1.5;margin-top:3px}.room-checkbox{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;margin:12px 0}.room-editor .actions .button{font-size:12px;min-height:44px}#roomPeople .button{display:flex;margin-top:8px;font-size:11px}#librarySourcePlayers:empty{display:none}#roomModules p{font-size:13px;line-height:1.6}.room-manager-heading>.secondary{flex:none}.room-editor .notice{font-size:12px}.room-editor form>button[type=submit]{min-height:46px}#roomsStatus{background:#f3f6ee;padding:10px 12px;border-radius:9px;line-height:1.55}#roomsStatus.error{background:#fbebe3}#libraryPersonForm{scroll-margin-top:80px}
@media(max-width:760px){.room-grid,.room-team-choices{grid-template-columns:minmax(0,1fr)}.room-manager-heading{flex-wrap:wrap}.room-manager-heading h2{font-size:24px}.room-manager-heading>.secondary{font-size:12px}.room-tabs button{font-size:12px;padding:10px 5px}.room-card .actions>*{min-height:44px}.room-person-choice{min-height:58px}.room-person-choice input,.room-checkbox input{font-size:16px}.room-editor{padding:12px!important}.room-editor .room-manager-heading h3{font-size:20px}.room-person-choice strong{font-size:14px}}

#roomBackgroundPreview{width:min(100%,180px);max-height:210px;object-fit:cover;border-radius:12px;margin:8px 0 16px}#groupMembers,#roomGroupChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}#groupForm{margin-top:16px;scroll-margin-top:80px}#errorLog>.card{margin:10px 0}#errorLog p,#errorLog small{overflow-wrap:anywhere}@media(max-width:760px){.room-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#groupMembers,#roomGroupChoices{grid-template-columns:minmax(0,1fr)}}

/* v87: one primary create flow; specialist controls stay available on demand. */
.room-heading-actions{display:flex;align-items:center;gap:7px;flex:none}
.room-heading-actions>button{min-height:48px;white-space:nowrap}
.room-heading-actions #reloadRooms{min-width:48px;font-size:20px;padding:8px}
.room-list-filters,.room-more-tools{border:1px solid #dce5d4;background:#f8faf4;border-radius:11px;padding:0 12px;margin:10px 0}
:is(.room-list-filters,.room-more-tools)>summary{min-height:48px;display:flex;align-items:center;gap:9px;font-weight:650;font-size:13px;list-style:none;cursor:pointer}
:is(.room-list-filters,.room-more-tools)>summary::-webkit-details-marker{display:none}
:is(.room-list-filters,.room-more-tools)>summary::before{content:'›';font-size:22px}
:is(.room-list-filters,.room-more-tools)[open]>summary::before{transform:rotate(90deg)}
.room-list-filters>.row{margin-bottom:12px}
.room-edit-context{font-size:13px;line-height:1.55;background:#eaf1e2;border-radius:10px;padding:11px 13px;overflow-wrap:anywhere}
#roomEditorHeading{overflow-wrap:anywhere}
#roomCount{font-size:12px;margin:10px 0}
#roomsStatus{font-size:12px;padding:7px 10px;margin:8px 0}
#rooms-admin>.room-manager-heading p{font-size:13px;line-height:1.5;margin:7px 0 0}
@media(max-width:760px){
 #rooms-admin>.room-manager-heading{gap:10px;align-items:center}
 #rooms-admin>.room-manager-heading>div:first-child{flex:1 1 150px}
 #rooms-admin>.room-manager-heading h2{font-size:23px;line-height:1.2}
 #rooms-admin>.room-manager-heading p{font-size:12px}
 .room-heading-actions{gap:6px}
 .room-heading-actions>button{font-size:12px;padding:10px 12px}
 .room-tabs{margin-top:12px;margin-bottom:8px;gap:4px}
 .room-tabs button{min-height:48px;padding:8px 5px}
 .room-card .actions>*{min-height:48px;font-size:12px}
 #roomsStatus{font-size:11px;line-height:1.45}
 .room-edit-context{font-size:12px}
}
@media(max-width:760px){
 #rooms-admin>.room-manager-heading{gap:8px}
 #rooms-admin>.room-manager-heading h2{font-size:21px;line-height:1.2}
 #rooms-admin>.room-manager-heading p{display:none}
 #rooms-admin .room-tabs{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-snap-type:x proximity;gap:4px;padding:5px;margin:10px 0 7px}
 #rooms-admin .room-tabs button{flex:0 0 auto;min-width:90px;min-height:48px;padding:8px 12px;scroll-snap-align:start;white-space:nowrap}
 #rooms-admin :is(.room-list-filters,.room-more-tools)>summary{min-height:48px}
}