:root {
  --proco-menu-green: #315d45;
  --proco-menu-hover: #244a35;
}
.proco-site-header{position:sticky;top:0;z-index:1000;min-height:78px;background:#f1f3ef;border-bottom:1px solid #dce2d9;display:flex;align-items:center}
.proco-site-header-inner{width:min(1180px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.proco-site-logo{display:block;line-height:0}.proco-site-logo img{display:block;width:174px;max-width:42vw;height:auto}
.proco-site-menu,.proco-menu,.tenant-menu{position:relative;display:block;flex:0 0 auto;min-width:42px}
:is(.proco-site-menu,.proco-menu,.tenant-menu)>summary{box-sizing:border-box;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--proco-menu-green);border-radius:2px;background:var(--proco-menu-green);color:#fff;font:700 23px/1 Arial,Helvetica,sans-serif;cursor:pointer;list-style:none;touch-action:manipulation}
:is(.proco-site-menu,.proco-menu,.tenant-menu)>summary::-webkit-details-marker{display:none}
:is(.proco-site-menu,.proco-menu,.tenant-menu)>summary::marker{content:""}
:is(.proco-site-menu,.proco-menu,.tenant-menu)>summary:hover,:is(.proco-site-menu,.proco-menu,.tenant-menu)[open]>summary{background:var(--proco-menu-hover)}
.proco-site-menu-panel,.proco-menu-panel,.tenant-menu-panel{box-sizing:border-box;position:absolute;z-index:1100;top:calc(100% + 8px);right:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:250px;max-width:calc(100vw - 28px);max-height:70vh;max-height:70svh;overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid var(--proco-border,#d6ded5);background:var(--proco-surface,#fbfaf7);box-shadow:0 12px 28px #17352d22}
:is(.proco-site-menu-panel,.proco-menu-panel,.tenant-menu-panel)>:is(a,button){box-sizing:border-box;position:static;display:block;width:100%;min-width:0;min-height:42px;margin:0;padding:10px 12px;border:1px solid var(--proco-menu-green);border-radius:2px;background:var(--proco-menu-green);color:#fff;font:700 13px/1.4 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
:is(.proco-site-menu-panel,.proco-menu-panel,.tenant-menu-panel)>:is(a,button):hover{background:var(--proco-menu-hover);border-color:var(--proco-menu-hover);color:#fff}
:is(.proco-site-menu-panel,.proco-menu-panel,.tenant-menu-panel)>:is(.proco-menu-signout,.tenant-menu-signout){background:#9a3e32;border-color:#9a3e32;color:#fff}
:is(.proco-site-menu-panel,.proco-menu-panel,.tenant-menu-panel)>:is(.proco-menu-signout,.tenant-menu-signout):hover{background:#803c2f;border-color:#803c2f;color:#fff}
:is(.proco-site-menu,.proco-menu,.tenant-menu) [hidden]{display:none!important}
:is(.proco-site-menu,.proco-menu,.tenant-menu) :focus-visible{outline:3px solid var(--proco-focus,#7eb6a2);outline-offset:2px}
.proco-admin-shortcut{display:none}
@media(max-width:620px){.proco-site-header{min-height:70px}.proco-site-header-inner{width:calc(100% - 28px);gap:12px}.proco-site-logo img{width:150px}.site-auth-dialog input{font-size:16px}.proco-admin-shortcut{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:1001;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--proco-menu-hover);border-radius:50%;background:var(--proco-menu-green);color:#fff;font:700 17px/1 Arial,Helvetica,sans-serif;text-decoration:none;box-shadow:0 4px 14px #17352d35;touch-action:manipulation}.proco-admin-shortcut:hover{background:var(--proco-menu-hover)}.proco-admin-shortcut:focus-visible{outline:3px solid var(--proco-focus,#7eb6a2);outline-offset:3px}.workspace-modal-open .proco-admin-shortcut{display:none}}
@media(max-width:600px){.proco-admin-shortcut.above-workspace-toolbar{bottom:calc(var(--workspace-toolbar-bottom) + var(--workspace-toolbar-height) + 12px)}}