/* A compact color-coded trigger and an accessible in-app person sheet. */
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-one-line .szm-app-appraiser-picker.is-compact{display:flex!important;min-width:0!important;width:100%!important;height:40px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:1px solid color-mix(in srgb,var(--szm-picker-color) 35%,#c9d5df)!important;border-radius:9px!important;background:color-mix(in srgb,var(--szm-picker-color) 7%,white)!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-trigger{display:flex!important;align-items:center!important;gap:5px!important;width:100%!important;height:100%!important;min-height:0!important;padding:4px 5px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#20364b!important;text-align:left!important;box-shadow:none!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-trigger>.szm-app-appraiser-avatar{display:flex!important;visibility:visible!important;flex:0 0 9px!important;width:9px!important;height:9px!important;border:0!important;border-radius:50%!important;background:var(--szm-picker-color)!important;font-size:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--szm-picker-color) 12%,transparent)!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-name small{display:none!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-name strong{font-size:12px!important;font-weight:600!important;line-height:1.25!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-trigger>svg{width:12px!important;height:12px!important;color:#698093!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line:has(.szm-app-appraiser-overlay){z-index:1500!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-overlay{position:fixed!important;inset:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:12px 12px max(12px,env(safe-area-inset-bottom))!important;background:#17283e66!important;backdrop-filter:blur(5px);z-index:1501!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-dialog[role=dialog]{position:relative!important;inset:auto!important;width:min(100%,440px)!important;max-width:440px!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;overscroll-behavior:contain!important;margin:0!important;padding:20px 16px 16px!important;border:1px solid #ffffffa8!important;border-radius:24px!important;box-sizing:border-box!important;background:#fff!important;box-shadow:0 20px 70px #10253a40!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-dialog:before{content:'';display:block;width:34px;height:4px;margin:-8px auto 17px;border-radius:4px;background:#dbe3ec}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-heading{margin:0 0 16px!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-heading h2{font-size:19px!important;letter-spacing:-.3px!important;color:#1d344b!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-heading>button{flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f0f4f8!important;color:#52677a!important;font-size:24px!important;font-weight:400!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-options{display:grid!important;gap:8px!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-options>button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:62px!important;padding:10px 13px!important;border:1px solid color-mix(in srgb,var(--szm-picker-color) 22%,#e6ebf1)!important;border-radius:14px!important;background:color-mix(in srgb,var(--szm-picker-color) 4%,white)!important;text-align:left!important;color:#20364b!important;box-shadow:none!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-options>button[aria-pressed=true]{border-color:var(--szm-picker-color)!important;background:color-mix(in srgb,var(--szm-picker-color) 12%,white)!important;box-shadow:inset 0 0 0 1px var(--szm-picker-color)!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-options .szm-app-appraiser-avatar{width:36px!important;height:36px!important;flex:0 0 36px!important;border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--szm-picker-color) 20%,white)!important;color:#20364b!important;box-shadow:inset 0 -3px 0 var(--szm-picker-color)!important;font-size:12px!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-options strong{flex:1!important;font-size:16px!important;font-weight:600!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line .szm-app-appraiser-options>button>svg{flex:none!important;width:22px!important;height:22px!important;padding:3px!important;border-radius:50%!important;color:#20364b!important;background:color-mix(in srgb,var(--szm-picker-color) 25%,white)!important}
#szm-brand-typography :is(.staff-app,.szm-native-workspace) .szm-calendar-capacity-workspace .szm-calendar-one-line :is(.szm-app-appraiser-trigger,.szm-app-appraiser-options>button,.szm-app-appraiser-heading>button):focus-visible{outline:3px solid #2434aa!important;outline-offset:3px!important}

#szm-brand-typography .szm-calendar-capacity-workspace:has(.szm-app-appraiser-overlay){z-index:1500!important}


#szm-brand-typography .staff-main:has(.szm-calendar-one-line .szm-app-appraiser-overlay)>.staff-mobile-menu{visibility:hidden!important}
