/* One top app bar for member, introducer and operator screens. */
:root {
 --fitz-app-bar-height:56px;
 --fitz-app-safe-top:env(safe-area-inset-top,0px);
 --fitz-app-safe-left:env(safe-area-inset-left,0px);
 --fitz-app-safe-right:env(safe-area-inset-right,0px);
 --fitz-app-header-bottom:calc(var(--fitz-app-bar-height) + var(--fitz-app-safe-top) + 1px);
}
body:is(.fitz-member-app,.fitz-admin-app) > .navbar {
 position:sticky; top:0; z-index:1000; flex:0 0 auto; min-height:var(--fitz-app-header-bottom);
 padding:var(--fitz-app-safe-top) 0 0;
 border:0; border-bottom:1px solid var(--ds-border,#e4dfec);
 background:var(--fitz-color-surface,#fff); box-shadow:none; backdrop-filter:none;
}
body:is(.fitz-member-app,.fitz-admin-app) > .navbar .nav-inner {
 box-sizing:border-box; min-height:var(--fitz-app-bar-height); height:auto; width:100%; max-width:1180px; margin:0 auto; border:0; border-radius:0; box-shadow:none; background:transparent;
 padding-top:4px; padding-bottom:4px;
 padding-left:max(16px,var(--fitz-app-safe-left)); padding-right:max(16px,var(--fitz-app-safe-right));
 align-items:center;
}
body:is(.fitz-member-app,.fitz-admin-app) > .navbar .brand { display:inline-flex; margin:0; padding:0; justify-content:flex-start; text-decoration:none; min-height:48px; flex:0 0 auto; }
body:is(.fitz-member-app,.fitz-admin-app) > .navbar .brand .fitz-logo { --fitz-logo-size:28px!important; padding:0; }
body:is(.fitz-member-app,.fitz-admin-app) > .navbar :is(.notification-shortcut,.settings-shortcut,.mobile-admin-shortcut,.fitz-share-shortcut) {
 box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
 width:48px; height:48px; min-width:48px; min-height:48px; flex:0 0 48px;
 margin:0; padding:0; border:0; border-radius:12px; background:transparent;
 color:var(--ds-text,#292334); touch-action:manipulation;
}
body:is(.fitz-member-app,.fitz-admin-app) > .navbar :is(.notification-shortcut,.settings-shortcut,.mobile-admin-shortcut,.fitz-share-shortcut) svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body:is(.fitz-member-app,.fitz-admin-app) > .navbar :is(a,button,summary):focus-visible { outline:2px solid var(--ds-primary,#5b2de8); outline-offset:2px; }
body.profile-scope-page:not(.profile-scope-embedded):not(.fitz-detail-page) > .navbar { display:block!important; }
body.profile-scope-page:not(.profile-scope-embedded) .profile-scope-heading { min-height:48px; align-items:center; }
body.profile-scope-page:not(.profile-scope-embedded) .profile-scope-heading .profile-scope-cancel { min-width:48px; min-height:48px; }
@media(max-width:860px) {
 body:is(.fitz-member-app,.fitz-admin-app) > .navbar .mobile-admin-menu { display:inline-block; }
 body:is(.fitz-member-app,.fitz-admin-app) > .navbar .nav-inner { display:flex; flex-wrap:nowrap; justify-content:space-between; gap:8px; }
 body:is(.fitz-member-app,.fitz-admin-app) > .navbar .mobile-nav-actions { display:flex; flex:0 0 auto; align-items:center; gap:2px; }
 body:is(.fitz-member-app,.fitz-admin-app) > .navbar .nav-links { display:none; }
 body:is(.fitz-member-app,.fitz-admin-app) > .navbar :is(.notification-panel,.mobile-admin-menu .nav-admin-links) {
  position:fixed; top:calc(var(--fitz-app-header-bottom) + 8px);
  right:max(12px,var(--fitz-app-safe-right)); left:auto;
  max-width:calc(100vw - max(12px,var(--fitz-app-safe-left)) - max(12px,var(--fitz-app-safe-right)));
  max-height:calc(100dvh - var(--fitz-app-header-bottom) - 24px - env(safe-area-inset-bottom,0px));
  overflow-y:auto;
 }
 body:is(.fitz-member-app,.fitz-admin-app) > .navbar .notification-panel { left:max(12px,var(--fitz-app-safe-left)); width:auto; }
 body:is(.fitz-member-app,.fitz-admin-app) > .navbar .notification-list { max-height:calc(100dvh - var(--fitz-app-header-bottom) - 100px - env(safe-area-inset-bottom,0px)); }
 body:is(.fitz-member-app,.fitz-admin-app) :is([id="realEstateWork"],[id="workDocumentsWork"],[id="educationDocumentsWork"],[id="additionalDocumentsWork"],[id="heightDocumentsWork"],[id="realEstateVerificationForm"]) { scroll-margin-top:calc(var(--fitz-app-header-bottom) + 16px); }
}
body.signup-pending-body:has(> .app-entry-header) .signup-pending-shell { min-height:calc(100dvh - var(--fitz-app-header-bottom)); }

body.fitz-policy-page:has(> .app-entry-header) { padding:0!important; }
body.fitz-policy-page:has(> .app-entry-header) > .container { width:calc(100% - 32px); margin:20px auto; }

/* Header icon counters share one size and anchor, independent of menu-list badges. */
body:is(.fitz-member-app,.fitz-admin-app) > .navbar :is(.mobile-admin-shortcut,.notification-shortcut) { position:relative; }
body:is(.fitz-member-app,.fitz-admin-app) > .navbar :is(.mobile-admin-shortcut > .nav-admin-task-badge,.notification-shortcut > .notification-count) {
 box-sizing:border-box; position:absolute; top:0; right:0; bottom:auto; left:auto;
 display:inline-flex; align-items:center; justify-content:center;
 width:auto; min-width:20px; height:20px; min-height:20px; margin:0; padding:0 4px;
 border:2px solid var(--fitz-color-surface,#fff); border-radius:999px;
 background:#e54872; color:var(--fitz-color-surface,#fff);
 font-size:11px; font-weight:800; line-height:16px; letter-spacing:0;
 font-variant-numeric:tabular-nums; white-space:nowrap;
 box-shadow:none; transform:none; pointer-events:none;
}
body:is(.fitz-member-app,.fitz-admin-app) > .navbar :is(.mobile-admin-shortcut > .nav-admin-task-badge,.notification-shortcut > .notification-count)[hidden] { display:none; }
/* Editing and photo registration use one contextual app bar. */
body.fitz-detail-page {padding-top:0!important}
body.fitz-detail-page.fitz-member-app > .navbar {display:none!important}
body.fitz-detail-page > header.fitz-detail-header {
 position:sticky;top:0;z-index:1000;display:block!important;flex:0 0 auto;
 box-sizing:border-box;width:100%;max-width:none;min-height:var(--fitz-app-header-bottom);
 margin:0!important;padding:var(--fitz-app-safe-top) 0 0!important;
 border:0!important;border-bottom:1px solid var(--ds-border,#e4dfec)!important;
 border-radius:0;background:var(--fitz-color-surface,#fff);box-shadow:none;
}
body.fitz-detail-page .fitz-detail-header-inner {
 display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;max-width:560px;
 min-height:var(--fitz-app-bar-height);margin:0 auto;
 padding:4px max(16px,var(--fitz-app-safe-right)) 4px max(16px,var(--fitz-app-safe-left));
}
body.fitz-detail-page > header.fitz-detail-header h1 {
 flex:1;min-width:0;margin:0!important;padding:0;font-size:20px!important;
 line-height:28px!important;font-weight:700;letter-spacing:-.025em;color:var(--ds-text,#292334);
 word-break:keep-all;overflow-wrap:anywhere;
}
body.fitz-detail-page > header.fitz-detail-header :is(.profile-scope-cancel,.photo-registration-back) {
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;
 box-sizing:border-box;width:48px;height:48px;min-width:48px;min-height:48px;
 margin:0;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;
 color:var(--ds-text,#292334);touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
body.fitz-detail-page > header.fitz-detail-header :is(button,a) svg {width:24px;height:24px}
body.fitz-detail-page > header.fitz-detail-header :is(button,a):focus-visible {outline:2px solid var(--ds-primary,#5b2de8)!important;outline-offset:-2px!important}
body.fitz-detail-page.profile-scope-page:not(.profile-scope-embedded) .user-info-page #form#form.profile-scope-form[data-scope-layout="short"] {margin-top:clamp(48px,20dvh,160px)!important}
@media(max-height:700px) {
 body.fitz-detail-page.profile-scope-page:not(.profile-scope-embedded) .user-info-page #form#form.profile-scope-form[data-scope-layout="short"] {margin-top:24px!important}
}