html,body{overflow-x:hidden}
body.professional-ui-booting #app:not(.hidden){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.professional-ui-ready #app{opacity:1;visibility:visible;transition:opacity .14s ease}
.specialist-top-identity{display:grid;gap:2px;min-width:0}.specialist-top-copy{display:grid;gap:2px;min-width:0}.specialist-top-copy b{font-size:14px;color:#0d5f4e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.specialist-top-copy small{font-size:11px;color:#78847f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.brand-lockup{flex-wrap:nowrap}.final-top-settings{width:42px;height:42px;border-radius:14px}.professional-account-cluster{display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid #e7dec9;border-radius:18px;background:rgba(255,255,255,.74);box-shadow:0 7px 20px rgba(35,68,57,.07)}.professional-account-cluster .specialist-top-identity{padding-inline:8px;border-inline-start:1px solid rgba(23,54,47,.12)}.professional-account-cluster #profileBtn,.professional-account-cluster #finalTopSettings{display:flex!important;flex:0 0 auto}
.account-settings-launcher.settings-only{grid-template-columns:minmax(0,1fr)}
.hero:not([data-final-hero="1"]){visibility:hidden;min-height:220px}

/* Global modal geometry: balanced margins and internal scrolling only. */
dialog{padding:16px!important;max-width:100vw!important;max-height:100dvh!important;overflow:hidden!important;box-sizing:border-box!important}
dialog .modal-card.final-modal-layout,dialog .modal-card{position:relative;width:min(720px,calc(100vw - 32px));max-width:100%!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:0 auto!important;padding:22px 24px 24px!important;border-radius:24px!important;scrollbar-gutter:stable;overscroll-behavior:contain}
dialog .modal-card>.form-head{position:sticky;top:-22px;z-index:4;background:linear-gradient(180deg,#fff 88%,rgba(255,255,255,.96));padding:18px 0 11px;margin:-22px 0 14px}
dialog .modal-card>.actions:last-child{position:sticky;bottom:-24px;z-index:4;margin:14px -24px -24px!important;padding:12px 24px calc(14px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid #eee5d6;box-shadow:0 -10px 22px rgba(26,67,53,.06)}
dialog .dialog-x,dialog .dialog-close-x{position:absolute!important;top:12px!important;left:12px!important;z-index:8!important}
.import-template-box{display:flex;align-items:end;justify-content:stretch}.import-template-box .btn{width:100%}

@media(min-width:901px){
 body.professional-nav-ready.professional-authenticated #app{margin-right:272px!important;width:calc(100% - 272px)!important;max-width:none!important;transition:margin-right .2s ease,width .2s ease}
 body.professional-nav-ready.professional-authenticated.professional-sidebar-collapsed #app{margin-right:88px!important;width:calc(100% - 88px)!important}
 .professional-sidebar{width:272px!important;padding:14px 12px!important}
 .professional-sidebar.collapsed{width:88px!important;padding-inline:9px!important}
 .sidebar-brand{display:flex!important;justify-content:center!important;align-items:center!important;min-height:94px!important;padding:4px 0 28px!important;margin-bottom:8px!important;overflow:visible!important;border-bottom:0!important;position:relative!important}
 .sidebar-brand::after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:1px;background:rgba(255,255,255,.18)}
 .sidebar-brand-text{display:none!important}
 .sidebar-brand img{width:68px!important;height:68px!important;object-fit:contain!important;background:#f7f3ea!important;padding:8px!important;border-radius:18px!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important;filter:none!important;position:relative!important;z-index:2!important}
 .professional-sidebar.collapsed .sidebar-brand img{width:56px!important;height:56px!important;padding:7px!important}
 .sidebar-collapse{bottom:-7px!important;left:50%!important;transform:translateX(-50%)!important;z-index:4!important}
 .professional-sidebar nav{gap:5px!important;padding-inline:0!important;scrollbar-width:none!important;overflow-x:hidden!important}.professional-sidebar nav::-webkit-scrollbar{display:none!important}
 .professional-sidebar nav button{min-height:48px!important;padding:7px 10px!important;grid-template-columns:38px minmax(0,1fr)!important}.professional-sidebar nav button span{width:36px!important;height:36px!important}
 .professional-sidebar.collapsed nav button{grid-template-columns:1fr!important;padding:7px!important}
 .professional-sidebar .sidebar-account{display:none!important}
 .shell{width:min(1180px,calc(100% - 28px))!important}
 .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
 .topbar .brand-lockup{order:1!important;min-width:0!important}
 .topbar .top-actions{order:2!important;display:flex!important;align-items:center!important;gap:10px!important}
 .topbar .top-actions #refreshBtn{order:2}
 .topbar .top-actions .professional-account-cluster{order:1}
}

#photoDialog{padding:14px!important;max-width:100vw!important;max-height:100dvh!important;overflow:hidden!important}
#photoDialog .modal-card{width:min(620px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 20px calc(22px + env(safe-area-inset-bottom))!important;scrollbar-gutter:stable;overscroll-behavior:contain}
#photoDialog .form-head{position:sticky;top:-18px;z-index:3;background:linear-gradient(180deg,#fff 86%,rgba(255,255,255,.96));padding:18px 0 10px;margin:-18px 0 12px}
#photoDialog .profile-upload-label{margin:0 0 12px!important;min-height:126px}
#photoDialog .avatar-crop-editor{margin:0!important;gap:10px!important;padding-bottom:4px}
#photoDialog .avatar-crop-stage{padding:10px!important}.avatar-crop-canvas{width:min(300px,70vw)!important;max-width:100%!important}
#photoDialog .avatar-crop-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:2px}
#photoDialog .avatar-crop-help{padding:2px 8px 4px!important;line-height:1.65}
#photoDialog .photo-crop-sticky-actions{position:sticky;bottom:calc(-22px - env(safe-area-inset-bottom));z-index:4;margin:10px -20px calc(-22px - env(safe-area-inset-bottom))!important;padding:11px 20px calc(13px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid #eee5d6;box-shadow:0 -10px 22px rgba(26,67,53,.07)}
#photoDialog .photo-save-action{flex:1 1 210px}

@media(max-width:900px){body.professional-nav-ready.professional-authenticated #app,body.professional-nav-ready.professional-authenticated.professional-sidebar-collapsed #app{margin-right:0!important;width:100%!important}.specialist-top-copy b,.specialist-top-copy small{max-width:150px}.professional-account-cluster{padding:3px 5px;border:0;background:transparent;box-shadow:none}.professional-account-cluster .specialist-top-identity{display:none}}
@media(max-width:700px){dialog{padding:8px!important}dialog .modal-card.final-modal-layout,dialog .modal-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:16px 14px 18px!important;border-radius:20px!important}dialog .modal-card>.form-head{top:-16px;margin:-16px 0 10px;padding:15px 0 9px}dialog .modal-card>.actions:last-child{bottom:-18px;margin:12px -14px -18px!important;padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important}.brand-lockup>div:not(.specialist-top-identity){display:none}.specialist-top-identity{border-inline-start:0;padding-inline-start:4px;margin-inline-start:0}.specialist-top-copy b{font-size:13px}.specialist-top-copy small{font-size:10px;max-width:90px}.brand-team-logo{width:42px;height:42px}#photoDialog{padding:8px!important}#photoDialog .modal-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important}#photoDialog .form-head{top:-14px;margin:-14px 0 10px;padding:14px 0 9px}#photoDialog .avatar-crop-controls{grid-template-columns:1fr!important}#photoDialog .photo-crop-sticky-actions{bottom:calc(-18px - env(safe-area-inset-bottom));margin:9px -14px calc(-18px - env(safe-area-inset-bottom))!important;padding:10px 14px calc(11px + env(safe-area-inset-bottom))!important}}
