/* A single motion rhythm for the working area: paper, plum and a cyan detail. */
.portal-shell{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-quick:180ms}
.portal-sidebar .portal-brand.workspace-wordmark{height:42px;min-height:42px;padding:0 11px;margin-bottom:3px}
.portal-sidebar .workspace-wordmark img{display:block;width:155px;height:auto;max-width:100%;filter:none}
.portal-nav{position:relative;isolation:isolate}
.workspace-nav-marker{position:absolute;z-index:-1;pointer-events:none;border:1px solid #dde5e8;border-radius:8px;background:#fff;transform-origin:0 0}
.mobile-bottom-nav{isolation:isolate}
.mobile-bottom-nav .workspace-nav-marker{border:0;border-radius:0;background:transparent}
.mobile-bottom-nav .workspace-nav-marker::after{content:'';position:absolute;bottom:1px;left:calc(50% - 7px);width:14px;height:2px;border-radius:2px;background:var(--plum)}
body[data-workspace-motion] .nav-item.is-active,body[data-workspace-motion] .nav-item[aria-current=page]{background:transparent;border-color:transparent}
body[data-workspace-motion] .mobile-bottom-nav>a.is-active,body[data-workspace-motion] .mobile-bottom-nav>a[aria-current=page],body[data-workspace-motion] .mobile-bottom-nav>button[aria-pressed=true]{background:transparent}
.portal-nav>.nav-item,.mobile-bottom-nav>a,.mobile-bottom-nav>button{transition:color var(--motion-quick) ease,background var(--motion-quick) ease,border-color var(--motion-quick) ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mobile-bottom-nav .icon,.mobile-bottom-nav img{transition:transform 260ms var(--motion-ease)}
.mobile-bottom-nav [aria-current=page]>.icon,.mobile-bottom-nav [aria-pressed=true]>img{transform:translateY(-1px)}
.portal-shell .button,.portal-shell .icon-button,.portal-dialog .button,.portal-dialog .icon-button{transition:background var(--motion-quick,180ms) ease,border-color var(--motion-quick,180ms) ease,color var(--motion-quick,180ms) ease,box-shadow var(--motion-quick,180ms) ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.portal-shell .button:active:not(:disabled),.portal-dialog .button:active:not(:disabled){transform:translateY(1px)}
.portal-shell .request-row,.portal-shell .management-row,.portal-shell .room-row,.portal-shell .home-metric{transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.portal-shell .filter-chevron{transition:transform 240ms var(--motion-ease)}
.portal-shell .filter-panel[open] .filter-chevron{transform:rotate(180deg)}
.portal-shell .upload-progress{border-radius:999px;overflow:hidden}
.portal-dialog .dialog-head{background:#fff}
.portal-dialog .dialog-head>.subtle{color:#60747e;font-size:12px;line-height:1.5;letter-spacing:0}
.portal-dialog .dialog-actions{border-top-color:#e8e2eb}
.workspace-mobile-mark{display:none}
@supports(transition-behavior:allow-discrete){
 body[data-workspace-motion] .portal-dialog[data-motion-surface]{transition:opacity 160ms ease,transform 180ms cubic-bezier(.22,1,.36,1),display 180ms allow-discrete,overlay 180ms allow-discrete}
 body[data-workspace-motion] .portal-dialog[data-motion-surface]:not([open]){opacity:0;transform:translateY(12px)}
 body[data-workspace-motion] .portal-dialog[data-motion-surface]::backdrop{transition:background 180ms ease,display 180ms allow-discrete,overlay 180ms allow-discrete}
 body[data-workspace-motion] .portal-dialog[data-motion-surface]:not([open])::backdrop{background:#28212f00}
}
@media(hover:hover){
 .portal-shell .button.primary:hover,.portal-dialog .button.primary:hover{box-shadow:0 3px 10px #4b326e18}
 .portal-shell .request-row:hover,.portal-shell .management-row:hover{background:#f8fafb}
}
@media(max-width:900px){
 .portal-sidebar{transition:transform 300ms cubic-bezier(.22,1,.36,1)}
 .workspace-mobile-mark{display:block;width:104px;height:22px;flex:0 0 104px;object-fit:contain}
 .topbar-title{gap:9px}
 .topbar-title #current-page-name{font-size:12px;letter-spacing:-.1px}
 .mobile-bottom-nav{background:#fffffff2}
 .mobile-bottom-nav>a,.mobile-bottom-nav>button{z-index:1}
 .mobile-bottom-nav .workspace-nav-marker{z-index:0}
}
@media(max-width:650px){
 .workspace-mobile-mark{width:100px;height:22px;flex-basis:100px}
 .topbar-title{gap:7px;max-width:none;flex:1}
 .portal-dialog .dialog-head{padding-top:24px}
 .portal-dialog .dialog-head::before{content:'';position:absolute;top:8px;left:calc(50% - 16px);width:32px;height:3px;border-radius:99px;background:#c4d2d8}
 @supports(transition-behavior:allow-discrete){body[data-workspace-motion] .portal-dialog[data-motion-surface]:not([open]){transform:translateY(24px)}}
}
@media(prefers-reduced-motion:reduce){
 .portal-shell *,.portal-dialog,.portal-dialog::backdrop{transition:none!important;animation:none!important}
}
@media print{.workspace-nav-marker,.workspace-mobile-mark{display:none!important}}
