.app>.topbar{grid-template-columns:minmax(220px,1fr) minmax(260px,.95fr) auto;grid-template-areas:"brand account tools""nav nav nav";align-items:center;gap:8px 24px;padding:14px 28px 0;display:grid}.topbar>.brand{white-space:normal;grid-area:brand;gap:11px;min-width:0}.topbar>.brand>span{white-space:normal;max-width:350px;font-size:20px;line-height:1.22}.institute-logo{object-fit:contain;flex:none;width:48px;height:48px;display:block}.topbar>.topnav{grid-area:nav;gap:28px;width:100%;min-width:0;min-height:44px;margin:0}.topbar>.top-actions{grid-area:tools;margin:0}.header-account{grid-area:account;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.account-profile{text-align:left;min-width:0;min-height:42px;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:4px;display:flex}.account-profile:hover:not(:disabled){background:#f2f6fc;border-color:#d8e3f3}.account-profile:focus-visible{outline-offset:2px;outline:3px solid #88aee0}.account-profile:disabled{cursor:default}.account-avatar{width:36px;height:36px;color:var(--navy);letter-spacing:.2px;background:#edf3fc;border:1px solid #d8e3f3;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:750;display:grid}.account-details{flex-direction:column;gap:3px;min-width:0;display:flex}.account-name{color:var(--text);overflow-wrap:anywhere;font-size:13px;line-height:1.35}.account-role{color:var(--muted);font-size:12px;line-height:1.3}.account-meta{flex-wrap:wrap;align-items:center;gap:3px 9px;display:flex}.account-edit{color:var(--blue);align-items:center;gap:4px;font-size:11px;line-height:1.3;display:inline-flex}.profile-editor-meta{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:8px 16px;margin-bottom:22px;font-size:13px;display:flex}.profile-editor-form{gap:18px;display:grid}.profile-editor-form .session-field{margin:0}.header-account .modal{flex-direction:column;max-height:calc(100dvh - 32px);display:flex;overflow:hidden}.header-account .modal-body{min-height:0;overflow:auto}.header-account .modal-heading,.header-account .modal-actions{flex:none}.header-account .modal-actions{flex-wrap:wrap}.header-account .modal-actions .button{max-width:100%}.profile-editor-conflict{background:#fff9ed;border:1px solid #e3c78d;border-radius:8px;gap:8px;padding:14px;font-size:14px;line-height:1.55;display:grid}.profile-editor-conflict .button{justify-self:start}.session-entry-email{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:18px 0;padding:10px 0;display:flex}.session-entry-email strong{overflow-wrap:anywhere;min-width:0;font-size:14px}.account-sign-out,.account-sign-in{flex:none;min-height:42px;padding:9px 12px;font-size:13px}.account-sign-out{margin-left:4px}@media (width<=1100px){.app>.topbar{grid-template-columns:minmax(205px,1fr) minmax(250px,1.15fr) auto;gap:8px 16px;padding-inline:20px}.topbar>.brand>span{font-size:18px}.topbar>.top-actions .export-label{display:none}.topbar>.top-actions .button{width:42px;padding:9px}}@media (width<=760px){.app>.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools""account account""nav nav";gap:10px 12px;padding:12px 18px 0}.topbar>.brand>span{max-width:330px;font-size:18px}.topbar>.top-actions{margin-left:0}.header-account{justify-content:flex-start}.account-profile,.account-details{flex:1}.account-name{font-size:14px}.account-sign-in,.account-sign-out{margin-left:auto}.topbar>.topnav{gap:22px}}@media (width<=540px){.app>.topbar{gap:10px;padding-inline:14px}.topbar>.brand{gap:9px}.topbar>.brand>span{font-size:15px}.institute-logo{width:42px;height:42px}.topbar>.topnav{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px}.header-account{gap:8px}.account-profile{gap:8px;padding-inline:0}.account-avatar{width:32px;height:32px}.account-name{font-size:12.5px}.account-role{font-size:11px}.account-sign-out{padding-inline:10px;font-size:12px}}