/* Approved brand and shared section header. */
:root{--chrome-wood:#a77c52;--chrome-dark:#231f20}
[hidden]{display:none!important}
.nav-submenu{border-left:0;padding-left:8px;margin-left:15px}.nav-chevron{display:none!important}
.sidebar{background:var(--chrome-dark)}.sidebar-top .logo{max-width:160px}.sidebar-top .nav-toggle{border:0}
.compact-logo{object-fit:contain;mix-blend-mode:screen}
.shell[data-collapsed=true] .sidebar-top{display:block;min-height:84px;margin-left:-12px;margin-right:-12px}
.shell[data-collapsed=true] .sidebar-top .sidebar-brand{width:100%;padding-top:8px}
.shell[data-collapsed=true] .sidebar-top .compact-logo{width:48px;height:40px;margin:0 auto}
.shell[data-collapsed=true] .sidebar-top .nav-toggle{position:absolute;right:0;bottom:0;width:28px;min-height:28px;padding:4px}
.mobile-wordmark,.mobile-pig{display:none}
.round-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0!important;border:1px solid var(--chrome-wood)!important;border-radius:50%!important;background:transparent;color:#604a35;text-decoration:none;vertical-align:middle;box-sizing:border-box;transition:background .15s,color .15s;margin:0;line-height:1}
.round-icon .nav-icon{width:20px;height:20px}.round-icon:hover,.round-icon:focus-visible,.round-icon:active,.round-icon[aria-current=page]{background:var(--chrome-wood);color:#fff}.round-icon .icon-format{position:absolute;bottom:4px;font:700 7px/1 system-ui;background:inherit;padding:1px}.round-icon:has(.icon-format) .nav-icon{transform:translateY(-3px);width:17px;height:17px}
.round-icon[data-tooltip]:hover::after,.round-icon[data-tooltip]:focus-visible::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#231f20;color:white;padding:7px 10px;font:11px/1.4 system-ui;border-radius:5px;white-space:normal;width:max-content;max-width:180px;z-index:65;pointer-events:none}
.page-chrome{position:sticky;top:0;z-index:45;background:#f8f8f5f5;backdrop-filter:blur(12px);padding:20px 30px 0;border-bottom:1px solid var(--ui-line)}
.page-chrome .workspace-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:0 auto 15px;max-width:1290px}.workspace-heading>div:first-child{flex:1;min-width:0}.workspace-heading h1{font-size:28px;margin:3px 0 7px;letter-spacing:-.7px}.workspace-heading .eyebrow{font-size:10px;margin:0 0 4px}.workspace-heading p.muted{font-size:12px;margin:0}.workspace-heading .title-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}.title-actions .round-icon{background:var(--chrome-dark);color:#fff;border-color:var(--chrome-dark)!important}.title-actions .round-icon:hover{background:var(--chrome-wood);border-color:var(--chrome-wood)!important}
.workspace-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1290px;margin:auto;padding:0 0 13px}.workspace-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.workspace-toolbar .filter-disclosure{margin:0;width:auto;flex-shrink:0;align-self:flex-start}.filter-disclosure>summary{gap:7px;line-height:1.2}.filter-disclosure>summary::before,.filter-disclosure>summary::after{display:none}.filter-disclosure>summary .nav-icon{width:18px;height:18px}.filter-applied{font-size:0;display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ui-blue)}
.workspace-toolbar .filter-disclosure>form{position:absolute;top:100%;right:0;width:min(650px,100%);max-height:65dvh;overflow:auto;background:white;border:1px solid var(--ui-line);border-radius:12px;padding:20px!important;box-shadow:0 12px 35px #231f2022;z-index:50;margin:0!important;box-sizing:border-box}.workspace-toolbar .filter-disclosure>form label{min-width:130px}.workspace-toolbar .filter-disclosure>summary{background:transparent;border-color:var(--chrome-wood);border-radius:24px}.workspace-toolbar .filter-disclosure[open]>summary{background:#eee2d5}
.employee-card>.round-icon{align-self:flex-end;margin-top:auto}.employee-card .person-heading{min-height:124px;height:auto}.employee-card .person-heading>div{height:auto;min-height:124px;overflow:visible}.employee-card .avatar{height:124px;width:100px}.employee-card h2{display:block;overflow:visible}.employee-card .email-link{white-space:normal;overflow-wrap:anywhere}.employee-card .fact-grid{flex:1}.booking-card:not(.booking-compact){position:relative;padding-bottom:60px}.booking-eye{position:absolute;bottom:12px;right:12px;width:34px;height:34px;min-height:34px}.booking-card:hover .booking-eye{background:var(--chrome-wood);color:white}
.login-page{background:var(--chrome-dark)}.login-page .guest-shell .stage{display:flex;flex-direction:column;min-height:100dvh;max-width:none}.login-page .guest-brand{text-align:center;padding:48px 24px 28px}.login-page .guest-brand img{width:308px;max-width:75vw;height:auto;border-radius:0}.login-page main{width:100%;max-width:518px;padding:0 24px;margin:0 auto;box-sizing:border-box}.login-page .login{padding:30px;margin:0}.login-page .login h1{font-size:28px;letter-spacing:-.6px}.login-page .login .eyebrow{font-size:10px}.login-mascot{display:flex;align-items:center;justify-content:center;flex:1;min-height:120px;padding:16px}.login-mascot img{width:112px;height:84px;object-fit:contain;mix-blend-mode:screen;clip-path:inset(1px);opacity:.85}.login-page footer{margin-top:auto;text-align:center;color:#aaa5a2;font-size:11px;padding:16px 20px 24px}.login-page .install-link{display:block;margin:0 auto 17px;color:#d3c1af;font-size:12px;width:fit-content}
@media(max-width:800px){
 .shell[data-navigation] header{height:62px;gap:16px}.shell[data-navigation] header .desktop-breadcrumb{display:none!important}.mobile-wordmark{display:block;width:175px;height:36px;object-fit:contain;filter:grayscale(1) invert(1) contrast(10);mix-blend-mode:multiply}.mobile-pig{display:block;width:42px;height:34px;object-fit:contain;filter:invert(1);mix-blend-mode:multiply;clip-path:inset(1px);margin-left:auto}.mobile-nav-toggle{border:0;background:transparent;width:30px;padding:3px}.mobile-nav-close{border:0;background:transparent;width:36px;min-height:44px;padding:6px}.shell[data-collapsed=true] .sidebar-top{display:flex;min-height:56px;margin:0 0 20px}.shell[data-collapsed=true] .sidebar-top .sidebar-brand{width:auto;padding:0;flex:1}
 .page-chrome{top:62px;padding:16px 16px 0}.page-chrome .workspace-heading{margin-bottom:13px;flex-wrap:nowrap;gap:12px;align-items:center}.workspace-heading h1{font-size:25px}.workspace-heading p.muted{font-size:11px;line-height:1.5}.workspace-heading .title-actions{width:auto}.workspace-toolbar{gap:10px;align-items:flex-start}.workspace-shortcuts{gap:7px}.workspace-shortcuts .round-icon{width:36px;height:36px;min-height:36px;flex-basis:36px}.workspace-shortcuts .nav-icon{width:18px;height:18px}.workspace-toolbar .filter-disclosure>summary{min-height:36px;padding:8px 11px;font-size:11px}.workspace-toolbar .filter-disclosure>form{max-height:calc(100dvh - 260px);width:100%;padding:16px!important}.workspace-toolbar .filter-disclosure>form label{flex:1 1 100%;width:100%}.workspace-toolbar .filter-disclosure .inline{align-items:stretch;gap:12px}.workspace-toolbar .filter-disclosure input,.workspace-toolbar .filter-disclosure select{width:100%}.round-icon[data-tooltip]:hover::after,.round-icon[data-tooltip]:focus-visible::after{left:0;transform:none;max-width:130px}.shell[data-navigation] main{padding-top:20px}
 .login-page .guest-brand{padding:38px 20px 28px}.login-page .guest-brand img{width:238px;max-width:75vw}.login-page main{padding:0 20px}.login-page .login{padding:25px 22px}.login-page .login h1{font-size:25px}.login-page .login>.muted{font-size:12px}.login-page footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.employee-card .person-heading{min-height:124px}.employee-card .avatar{width:92px;height:124px}.booking-eye{bottom:10px;right:10px}
}
@media(prefers-reduced-motion:reduce){.round-icon{transition:none}}

@media(max-width:800px){.workspace-shortcuts{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:5px}.workspace-shortcuts .round-icon{flex-shrink:0}.workspace-toolbar{gap:12px}.workspace-toolbar .filter-disclosure>summary{white-space:nowrap}}

/* Original monochrome artwork, rendered with transparent backgrounds. */
.sidebar-top .logo,.guest-brand img{mix-blend-mode:normal}.compact-logo,.login-mascot img{mix-blend-mode:normal;clip-path:none}
@media(min-width:801px){
 .shell[data-collapsed=true] .sidebar-top{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;margin:0 0 20px}
 .shell[data-collapsed=true] .sidebar-top .sidebar-brand{width:100%;padding:0;flex:none}
 .shell[data-collapsed=true] .sidebar-top .sidebar-brand a{display:flex;justify-content:center}
 .shell[data-collapsed=true] .sidebar-top .compact-logo{display:block;width:48px;height:40px;margin:0}
 .shell[data-collapsed=true] .sidebar-top .nav-toggle{position:static;align-self:center;width:32px;height:32px;min-height:32px;margin:0;padding:5px}
}
@media(max-width:800px){
 .mobile-wordmark{filter:brightness(0);mix-blend-mode:normal}.mobile-pig{filter:brightness(0);mix-blend-mode:normal;clip-path:none}
 .shell[data-navigation] .sidebar,.shell[data-navigation][data-collapsed=false] .sidebar,.shell[data-navigation][data-collapsed=true] .sidebar{width:min(264px,82vw);padding:14px 10px}
 .shell[data-navigation] .sidebar-top,.shell[data-navigation][data-collapsed=true] .sidebar-top{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:0;align-items:center;min-height:48px;margin:0 0 18px}
 .shell[data-navigation] .sidebar-top .sidebar-brand{grid-column:2;width:100%;padding:0;margin:0}
 .shell[data-navigation] .sidebar-top .logo{width:100%;max-width:176px;height:42px;margin:0 auto}
 .shell[data-navigation] .sidebar-top .mobile-nav-close{grid-column:3;width:32px;min-height:42px;padding:4px;margin:0}
 .shell[data-navigation] .nav-group summary{padding:10px 8px;gap:10px}
 .shell[data-navigation] .sidebar .nav-home{padding-left:8px;gap:10px}
 .shell[data-navigation] .nav-submenu{margin:3px 0 8px 13px;padding-left:0;border:0}
 .shell[data-navigation] .nav-submenu a{padding:9px 10px}
}

@media(max-width:800px){.shell[data-navigation] .sidebar nav{justify-content:stretch}.shell[data-navigation] .sidebar nav>.nav-home,.shell[data-navigation] .sidebar .nav-group{width:100%;box-sizing:border-box}}