/* Shared brand and touch controls. Loaded after each module's layout styles. */
.site-header .module-menu,.workspace-header .module-menu{border:0;padding:0;margin:0}
.site-header .module-menu>summary,.workspace-header .module-menu>summary{color:var(--style-ink);font-family:"Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:-.4px}
.module-menu .module-title{display:block;min-width:0;overflow:visible;text-overflow:clip;font-size:18px;line-height:1.15;white-space:nowrap}
.module-menu .module-wordmark{display:block;color:var(--style-ink);font:inherit;white-space:nowrap}
.module-menu .module-title small{display:block;color:var(--style-muted);font:500 10px/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;margin-top:5px}
.module-menu .module-title small>span:not([hidden]){display:inline}
.site-header .module-menu summary img,.workspace-header .module-menu summary img{width:32px;height:32px;flex:0 0 32px}
.site-header .module-menu summary>.icon,.workspace-header .module-menu summary>.icon{width:14px;height:14px;flex:0 0 14px;color:var(--style-muted)}
.site-header .module-actions-toggle,.workspace-header .menu-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--style-ink)}
.site-header .module-actions-toggle>.icon,.workspace-header .menu-toggle>.icon{width:24px;height:24px;flex:0 0 24px;stroke-width:1.8}
.workspace-header .menu-toggle>span{display:none}
.site-header .module-actions-toggle:hover,.workspace-header .menu-toggle:hover,.workspace-header .menu-toggle[aria-expanded=true]{background:var(--style-soft);border-color:var(--style-line)}
.site-header .module-actions-toggle:focus-visible,.workspace-header .menu-toggle:focus-visible{outline:3px solid var(--style-accent);outline-offset:2px}
.module-header-navigation{gap:8px;min-width:0}
.module-header-navigation>.module-menu{flex-shrink:0}
.workspace-header .home-brand{color:var(--style-ink)}
.participant-access{border-top:1px solid var(--style-line);margin-top:12px;padding-top:6px;font-size:13px;color:var(--style-muted)}
.participant-access>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;padding:10px 12px}
.participant-access>summary::after,.qr-reader .qr-setup-section>summary::after{content:"";width:7px;height:7px;flex:0 0 7px;margin:0 4px 3px auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.participant-access[open]>summary::after,.qr-reader .qr-setup-section[open]>summary::after{transform:rotate(225deg);margin-bottom:0}
@media(max-width:900px){
 .site-header .module-menu>summary,.workspace-header .module-menu>summary{gap:7px}
 .module-menu .module-title,.workspace-header .home-brand>.module-title{display:block;font-size:16px}
 .module-menu .module-wordmark{display:block;font-size:16px}
 .module-menu .module-title small{font-size:9px;margin-top:4px}
 .site-header .style-mode-toggle,.workspace-header .style-mode-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;min-width:40px;height:40px;min-height:40px;padding:8px}
 .site-header .style-mode-toggle>span,.workspace-header .style-mode-toggle>span{display:none!important}
 .site-header .profile-access .avatar,.workspace-header .profile-access .avatar{width:34px;height:34px}
 .site-header .profile-access>.profile-name,.workspace-header .profile-access>.profile-name{display:none}
 .qr-reader .module-header-navigation .module-title{font-size:16px;overflow:visible;flex-shrink:0}
 .qr-reader .module-header-navigation .module-title small{font-size:9px;margin-top:4px}
 .qr-reader .reader-account>.text-button{display:none}
 .qr-reader .site-header,#module-navigation{min-width:0}
 .site-header .header-right,.site-header .reader-account,.site-header .header-actions{gap:8px}
 .workspace-header{gap:10px}
 .qr-reader .reader-intro{margin-bottom:14px}
 .qr-reader .reader-intro h1{font-size:23px;margin-top:0}
 .qr-reader .reader-intro .eyebrow{display:none}
 .qr-reader .reader-intro p{font-size:13px;margin:5px 0}
 .qr-reader #reader-main{padding-top:16px}
 .qr-reader .qr-setup-section{border:1px solid var(--style-line);border-radius:12px;padding:0 12px}
 .qr-reader .qr-setup-section>summary{min-height:46px;display:flex;align-items:center;font-size:14px;cursor:pointer}
 .qr-reader .qr-setup-section[open]{padding-bottom:12px}
}
@media(max-width:700px) and (orientation:portrait){
 .site-header.participant-header{grid-template-columns:minmax(0,1fr) 40px 34px;gap:8px;padding:10px 12px}
 .site-header.participant-header .header-right>.sync{display:none}
 .site-header.participant-header>.module-header-navigation{grid-column:1;grid-row:1;gap:5px}
 .site-header.participant-header .style-mode-toggle{grid-column:2;grid-row:1}
 .site-header.participant-header .profile-access{grid-column:3;grid-row:1}
 .site-header.organizer-header .header-right>.text-link,.site-header.organizer-header .header-right>.sync:not(.offline){display:none}
 .site-header.participant-header .header-right>.sync.offline{display:block;grid-column:1/-1;grid-row:2;font-size:11px}
 .site-header.organizer-header .header-right>.sync.offline{grid-column:1/-1;grid-row:2;font-size:11px}
 .workspace-header{grid-template-columns:44px minmax(0,1fr) 40px 34px;column-gap:8px}
 .workspace-header>.menu-toggle{width:44px;min-width:44px;min-height:44px}
 .workspace-header>.module-menu{min-width:0}
 .module-header-navigation{gap:5px}
 .site-header:not(.organizer-header):not(.auth-header):not(.participant-header){padding:10px 12px;height:auto;min-height:64px;gap:8px}
 .qr-reader .site-header .reader-account{flex-shrink:0}
}
@media(max-width:360px){
 .module-header-navigation .module-title,.workspace-header .home-brand>.module-title{display:block;font-size:15px}
 .module-menu .module-wordmark{font-size:15px}
 .site-header .module-menu summary img,.workspace-header .module-menu summary img{width:28px;height:28px;flex-basis:28px}
 .site-header .module-menu>summary,.workspace-header .module-menu>summary{gap:5px}
 .site-header .module-menu summary>.icon,.workspace-header .module-menu summary>.icon{width:10px;flex-basis:10px}
 .module-header-navigation{gap:2px}
 .site-header.participant-header{padding-left:8px;padding-right:8px;column-gap:5px}
 .workspace-header{padding-left:8px;padding-right:8px;column-gap:5px}
 .site-header .header-right,.site-header .reader-account,.site-header .header-actions{gap:5px}
}
@media(orientation:landscape) and (max-height:600px){
 .site-header,.qr-reader .site-header,.workspace-header{min-height:60px;height:auto;flex-wrap:nowrap;padding:8px 14px;gap:10px}
 .module-menu .module-title,.workspace-header .home-brand>.module-title,.module-menu .module-wordmark{display:block;font-size:16px}
 .site-header .header-right>.sync{display:none}
 .workspace-header .workspace-context{flex:1;max-width:none;padding-left:12px}
 .workspace-header .workspace-account{gap:8px}
 .workspace-header .meeting-return{width:40px;max-width:40px;min-height:40px;padding:8px;justify-content:center}
 .workspace-header .meeting-return>span{display:none}
 .qr-reader .reader-account>.text-button{display:none}
}

/* Reunión y selección comparten la segunda fila cuando la cabecera es estrecha. */
.workspace-header .workspace-context-row{display:contents}
.workspace-header .workspace-context{flex:1;max-width:none}
.workspace-header .workspace-selection{flex:0 0 auto;min-height:44px;min-width:92px;padding:8px 12px;font-size:12px;gap:7px}
.workspace-header .workspace-selection .selection-label small{font-size:10px}
.workspace-header .workspace-account{gap:8px;margin-left:0}
.workspace-header .request-shortcut{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;color:var(--style-ink)}
.workspace-header .request-shortcut>.icon{width:20px;height:20px}
.participant-account{display:flex;align-items:center;gap:8px}
.header-request-shortcut{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;box-sizing:border-box;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:var(--style-surface);color:var(--style-ink)}
.header-request-shortcut>.icon{width:20px;height:20px}
.header-request-count{position:absolute;right:0;top:-2px;min-width:17px;height:17px;border-radius:20px;padding:0 4px;background:var(--style-primary);color:var(--style-surface);font-size:10px;line-height:17px;text-align:center}
@media(max-width:700px) and (orientation:portrait){
 .site-header.auth-header .header-right:has(.is-anonymous){grid-template-columns:40px auto minmax(0,1fr) 38px}
 .site-header.auth-header .header-right>.is-anonymous{grid-column:4;grid-row:1;justify-self:end}
}
@media(max-width:1100px){.workspace-header{gap:12px}.workspace-profile>.profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:700px) and (orientation:portrait){
 .workspace-header .workspace-context-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;grid-column:1/-1;grid-row:2;min-width:0;width:100%;border-top:1px solid var(--style-line);padding-top:8px}
 .workspace-header .workspace-context-row>.workspace-context{grid-column:auto;grid-row:auto;border:0;padding:0;width:auto;min-width:0}
 .workspace-header .workspace-selection{grid-column:2;grid-row:1;justify-self:end;min-width:92px;max-width:125px;padding:7px 10px}
 .workspace-header .workspace-selection .selection-numbers{display:none}
 .workspace-header:has(.request-shortcut){grid-template-columns:44px minmax(0,1fr) 40px 40px 34px}
 .workspace-header .request-shortcut{grid-column:4;grid-row:1;align-self:center;justify-self:end}
 .workspace-header:has(.request-shortcut) .workspace-profile{grid-column:5;grid-row:1}
 .site-header.participant-header:has(.header-request-shortcut){grid-template-columns:minmax(0,1fr) 40px 40px 34px}
 .site-header.participant-header .participant-account{display:contents}
 .site-header.participant-header .header-request-shortcut{grid-column:3;grid-row:1;justify-self:end}
 .site-header.participant-header:has(.header-request-shortcut) .profile-access{grid-column:4;grid-row:1}
}
@media(max-width:360px) and (orientation:portrait){
 .workspace-header:has(.request-shortcut){grid-template-columns:44px minmax(0,1fr) 36px 36px 32px;column-gap:4px}
 .workspace-header:has(.request-shortcut) .style-mode-toggle{width:36px;min-width:36px;padding:6px}
 .workspace-header:has(.request-shortcut) .request-shortcut{width:36px;min-width:36px;flex-basis:36px}
 .workspace-header:has(.request-shortcut) .workspace-profile .avatar{width:32px;height:32px}
 .site-header.participant-header:has(.header-request-shortcut){grid-template-columns:minmax(0,1fr) 36px 36px 32px;column-gap:4px;padding-inline:8px}
 .site-header.participant-header:has(.header-request-shortcut) .style-mode-toggle{width:36px;min-width:36px;padding:6px}
 .site-header.participant-header .header-request-shortcut{width:36px;min-width:36px;flex-basis:36px}
 .site-header.participant-header:has(.header-request-shortcut) .profile-access .avatar{width:32px;height:32px}
}
@media(orientation:landscape) and (max-height:600px){
 .workspace-header .workspace-context-row{display:contents}
 .workspace-header .workspace-selection{min-width:88px;padding:7px 9px}
 .workspace-header .workspace-selection .selection-numbers{display:none}
}
@media(max-width:700px) and (orientation:landscape){
 .workspace-header{gap:6px;padding-inline:10px}
 .workspace-header .module-menu summary img{width:28px;height:28px;flex-basis:28px}
 .workspace-header .module-menu .module-wordmark{font-size:15px}
 .workspace-header .module-menu summary{gap:5px}
 .workspace-header .module-menu summary>.icon{width:10px;flex-basis:10px}
 .workspace-header .workspace-context{padding-left:0;border-left:0}
 .workspace-header .workspace-account{gap:5px}
}