/* Only application layout and the external meeting host need custom CSS. */
#blazor-error-ui { display: none; position: fixed; bottom: 0; left: 0; right: 0; padding: 16px; background: #fff3cd; z-index: 2000; }
@media print { .sefos-header, .sefos-leftbar, button, nav { display: none !important; } }
.jitsi-layer{position:fixed;inset:0;z-index:1090;pointer-events:none}.jitsi-panel{position:absolute;inset:4vh 3vw;background:#fff;display:flex;flex-direction:column;pointer-events:auto;box-shadow:0 0 20px #3337}.jitsi-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#154f53;color:white}.jitsi-body,.jitsi-container{height:100%;min-height:0}.jitsi-panel.minimized{inset:auto 1rem 1rem auto;width:360px;height:240px}.jitsi-panel:fullscreen{inset:0;width:100vw;height:100vh}

/* Mailbox and file views use normal document flow, independent of the Vue layout IDs. */
.sefos-mailbox-layout { display: flex; align-items: stretch; width: 100%; min-width: 0; }
.sefos-mailbox-sidebar { flex: 0 0 240px; width: 240px; overflow-x: hidden; border-right: 1px solid #ccc; }
.sefos-mailbox-layout.collapsed .sefos-mailbox-sidebar { flex-basis: 52px; width: 52px; }
.sefos-mailbox-content { flex: 1; min-width: 0; padding-left: 5px; }
.sefos-list-toolbar .mud-button-root { white-space: nowrap; }
.sefos-list-search { flex: 1 1 180px; min-width: 140px; }
.sefos-list-limit { flex: 0 0 90px; }