/* Meeting actions stay together at compact widths. */
#app-view .workspace .meeting-controls:not(.deadline-controls)>.meeting-actions{display:flex;flex-wrap:nowrap;gap:8px;max-width:100%}
#app-view .workspace .meeting-controls:not(.deadline-controls)>.meeting-actions>button{min-width:0;white-space:normal;text-align:center;justify-content:center;align-self:stretch}
#app-view .workspace .meeting-controls:has(>.meeting-badge.pending):has(>.meeting-actions>button:only-child){display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:stretch;gap:8px;width:100%}
#app-view .workspace .meeting-controls:has(>.meeting-badge.pending):has(>.meeting-actions>button:only-child)>:is(.meeting-topic,.meeting-datetime){grid-column:1/-1}
#app-view .workspace .meeting-controls:has(>.meeting-badge.pending):has(>.meeting-actions>button:only-child)>.meeting-badge{grid-column:1;display:flex;align-items:center;justify-content:center;min-width:0;margin:0;white-space:normal;text-align:center;box-sizing:border-box}
#app-view .workspace .meeting-controls:has(>.meeting-badge.pending):has(>.meeting-actions>button:only-child)>.meeting-actions{grid-column:2;margin:0;width:100%;align-items:stretch}
#app-view .workspace .meeting-controls:has(>.meeting-badge.pending):has(>.meeting-actions>button:only-child)>.meeting-actions>button{width:100%;margin:0;box-sizing:border-box}
@media(max-width:700px){
#app-view .workspace .meeting-controls:not(.deadline-controls)>.meeting-actions{width:100%;align-items:stretch}
#app-view .workspace .meeting-controls:not(.deadline-controls)>.meeting-actions>button{flex:1 1 0;padding:9px 6px;font-size:11px;line-height:1.35;min-height:40px}
#app-view .workspace .meeting-controls:has(>.meeting-badge.pending):has(>.meeting-actions>button:only-child)>.meeting-badge{padding:8px 6px;font-size:10px;line-height:1.35}
#app-view .workspace .meeting-controls:has(>.meeting-badge.pending):has(>.meeting-actions>button:only-child)>.meeting-badge::after{flex-shrink:0;width:12px;height:12px;margin-left:5px}
}