/* Transparent wordmark artwork follows the surrounding page background. */
.proco-logo-art{position:relative;display:inline-block;overflow:hidden;flex-shrink:0;vertical-align:middle;mix-blend-mode:normal;line-height:0}.proco-wordmark{width:178px;aspect-ratio:2036/772}.proco-logo-art>img{position:absolute!important;display:block!important;max-width:none!important;max-height:none!important;height:auto!important;object-fit:fill!important;object-position:initial!important;margin:0!important;border:0!important;border-radius:0!important}.proco-logo-art.proco-wordmark>img{width:100%!important;left:0;top:0}.public-header>.public-brand{font-size:0;line-height:0;flex-shrink:0}.public-footer>.public-brand,.public-footer>div>.public-brand{font-size:0;line-height:0}.public-brand .proco-wordmark{width:170px}.public-compliance-visual-heading .proco-wordmark,.illustration-label .proco-wordmark{width:112px}.vision-organised-sidebar .brand{display:block;line-height:0;font-size:0!important;margin:0 7px 28px}.vision-organised-sidebar .brand .proco-wordmark{width:168px}.auth-brand .proco-wordmark{width:220px}.proco-site-logo{line-height:0}.proco-site-logo .proco-wordmark{width:175px}.proco-mobile-brand{display:none;line-height:0;text-decoration:none}.vision-tenant .sidebar:before{content:none!important;display:none!important}.tenant-sidebar-brand{display:block;line-height:0;padding:0 9px;margin:0 0 35px;text-decoration:none}.tenant-sidebar-brand .proco-wordmark{width:166px}.vision-tenant .topbar .brand{display:none}.vision-tenant .topbar .tenant-header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.vision-tenant .topbar .topinner{justify-content:space-between}.footer-site-logo{line-height:0}.footer-site-logo .proco-wordmark{width:155px}
/* A lightweight account dropdown with ordinary links and a quieter help section. */
:is(.proco-site-menu,.proco-menu,.tenant-menu)>summary{border-radius:10px;background:#fff;color:#496c58;border:1px solid #dce5dc;font:400 21px/1 Arial,sans-serif;box-shadow:0 1px 3px #213c2110}:is(.proco-site-menu,.proco-menu,.tenant-menu)>summary:hover,:is(.proco-site-menu,.proco-menu,.tenant-menu)[open]>summary{background:#eef5eb;color:#28573b;border-color:#ccdccc}.proco-site-menu-panel,.proco-menu-panel,.tenant-menu-panel{width:276px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 120px);padding:8px;gap:3px;border:1px solid #dfe7dc;background:#fff;border-radius:13px;box-shadow:0 16px 45px #173b2420,0 2px 6px #173b2408;top:calc(100% + 11px);overflow:auto}.proco-site-menu-panel>:is(a,button),.proco-menu-panel>:is(a,button),.tenant-menu-panel>:is(a,button){display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;background:transparent;color:#57715c;border:0;border-radius:7px;padding:11px 12px;min-height:41px;font:500 12px/1.5 Proco,Arial,sans-serif;box-shadow:none;white-space:normal;text-decoration:none}.proco-site-menu-panel>:is(a,button):hover,.proco-menu-panel>:is(a,button):hover,.tenant-menu-panel>:is(a,button):hover{background:#f0f6ed;color:#204e35;border-color:transparent}.proco-menu-panel>.proco-menu-signout,.tenant-menu-panel>.tenant-menu-signout,.proco-menu-panel>.proco-menu-logout,.tenant-menu-panel>.proco-menu-logout{color:#a16759;background:transparent;border:0}.proco-menu-panel>.proco-menu-signout:hover,.tenant-menu-panel>.tenant-menu-signout:hover,.proco-menu-panel>.proco-menu-logout:hover,.tenant-menu-panel>.proco-menu-logout:hover{color:#a04839;background:#fcf1ed;border-color:transparent}.proco-menu-link>svg{width:17px;height:17px;flex-shrink:0;opacity:.8}.proco-menu-section-label{font-size:9px;line-height:1.5;letter-spacing:1.1px;text-transform:uppercase;font-weight:600;color:#98a58f;padding:15px 12px 6px;border-top:1px solid #edf1e9;margin-top:6px}.proco-menu-divider{height:1px;background:#edf1e9;margin:7px 4px}.proco-menu-identity{padding:13px 12px 15px;margin:0 0 5px;border-bottom:1px solid #edf1e9}.proco-menu-identity strong,.proco-menu-identity small{display:block;overflow-wrap:anywhere}.proco-menu-identity strong{font-size:12px;font-weight:600;color:#30513b}.proco-menu-identity small{font-size:10px;color:#98a28f;margin:4px 0 8px}.proco-menu-identity>span{font-size:8px;border-radius:4px;padding:3px 6px;background:#eff5e9;color:#78916b}.proco-account-menu>summary{display:flex!important;align-items:center;gap:10px;width:auto!important;height:45px!important;padding:5px 8px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none;min-width:0}.proco-account-menu>summary:hover,.proco-account-menu[open]>summary{background:#f0f6ed!important;border-color:#e0e9d9!important}.proco-account-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#e4efdf;color:#416e48;font:600 11px/1 Proco,Arial,sans-serif;flex-shrink:0}.proco-account-trigger-copy{text-align:left;max-width:160px}.proco-account-trigger-copy strong,.proco-account-trigger-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proco-account-trigger-copy strong{font:600 11px/1.5 Proco,Arial,sans-serif;color:#436146}.proco-account-trigger-copy small{font:400 9px/1.5 Proco,Arial,sans-serif;color:#95a188}.proco-account-chevron{width:14px;height:14px;stroke:#789170;stroke-width:1.5;fill:none;flex-shrink:0}.proco-account-menu[open] .proco-account-chevron{transform:rotate(180deg)}.proco-menu-tour-host:empty{display:none}.proco-menu-tour-host .proco-tour-launch,.vision-preview-mode .proco-menu-tour-host .proco-tour-launch{display:flex!important;align-items:center;justify-content:flex-start;width:100%;padding:11px 12px!important;min-height:41px;border:0!important;border-radius:7px;box-shadow:none;background:transparent;color:#57715c;font:500 12px/1.5 Proco,Arial,sans-serif!important;gap:12px;margin:0}.proco-menu-tour-host .proco-tour-launch:hover{background:#f0f6ed;color:#204e35}.proco-menu-tour-host .proco-tour-launch:before{width:15px;height:15px;line-height:14px;font-size:10px;border-width:1px;flex-shrink:0}.proco-menu-tour-host .proco-tour-launch-note{position:static;display:block;max-width:none;border:0;box-shadow:none;font-size:10px;line-height:1.6;padding:9px 12px;background:#f4f7ef}.proco-menu-tour-host .proco-tour-launch-note[hidden]{display:none!important}
@media(max-width:1050px){.public-header .public-brand .proco-wordmark{width:145px}.public-header{gap:24px}.vision-organised-sidebar .brand .proco-wordmark{width:153px}}
@media(max-width:900px){.vision-organised-sidebar .brand .proco-wordmark,.tenant-sidebar-brand .proco-wordmark{width:145px}.vision-organised-sidebar .brand{margin-left:4px;margin-right:4px}.proco-account-trigger-copy{display:none}}
@media(max-width:680px){.proco-mobile-brand{display:block}.top{gap:12px;padding-left:14px;padding-right:14px}.vision-global-search{flex:1;min-width:0}.vision-global-search input{padding-right:6px!important}.topright.workspace-top-actions{flex-shrink:0;gap:0}.proco-account-menu>summary{gap:5px;padding:4px!important;height:40px!important}.proco-account-avatar{width:29px;height:29px;font-size:10px}.proco-account-chevron{width:12px;height:12px}.proco-account-menu{min-width:0}.proco-account-trigger-copy{display:none}.public-header .public-brand .proco-wordmark{width:135px}.public-footer .public-brand .proco-wordmark{width:165px}.proco-site-logo .proco-wordmark{width:150px}.vision-tenant .topbar .brand{display:block!important;visibility:visible!important}.vision-tenant .topbar .brand .proco-wordmark{width:130px}.vision-tenant .topbar .tenant-header-actions{margin-left:auto}.proco-account-panel{width:275px}}

body.vision-tenant:has(#app-view.hidden) .topbar{left:0}body.vision-tenant:has(#app-view.hidden) .topbar .brand{display:block!important;visibility:visible!important}body.vision-tenant:has(#app-view.hidden) .authwrap{margin-left:0}

@media(max-width:680px){.proco-mobile-brand .proco-wordmark{width:108px}.top{gap:9px}.vision-global-search{max-width:none}}


/* Keep navigation available as the page scrolls, including the public website. */
.public-header{position:sticky;top:0;z-index:80;background:#f5f8f3f5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 #dfe7dc}.vision-preview-mode .public-header{top:34px}.top,body.vision-tenant .topbar{-webkit-backdrop-filter:blur(18px)}
/* iOS zooms focused controls below 16 CSS pixels. Preserve normal pinch zoom. */
@media(max-width:900px),(pointer:coarse){html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){font-size:16px!important}input,select,textarea{scroll-margin-top:125px}button,a,summary,label{touch-action:manipulation}}

/* The tenant header scrolls with the document; account navigation stays in the sidebar or bottom bar. */
body.vision-tenant .topbar{position:relative;inset:auto;margin-left:216px}
body.vision-tenant .main,body.vision-tenant.vision-preview-mode .main{padding-top:28px}
body.vision-tenant:has(#app-view.hidden) .topbar{margin-left:0}
@media(min-width:681px) and (max-width:900px){body.vision-tenant .topbar{margin-left:182px}}
@media(max-width:680px){body.vision-tenant .topbar{margin-left:0}}
body.vision-tenant.vision-preview-mode .topbar{top:0}
