/* HayOrder v1.0.94 – tenant-controlled brand, quiet workspace, legible navigation. */
.operator-premium-page .app-shell>.sidebar{padding-top:20px}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand{
  display:flex;align-items:center;justify-content:center;gap:11px;min-height:78px;
  width:100%;max-width:100%;padding:9px 12px;box-sizing:border-box;
  border:1px solid color-mix(in srgb,var(--line) 80%,var(--accent) 20%);
  border-radius:13px;background:color-mix(in srgb,var(--surface) 55%,var(--sidebar));
  text-decoration:none;color:var(--text);overflow:hidden;
}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-uploaded img{
  display:block;width:100%;height:64px;max-width:190px;object-fit:contain;
}
.operator-premium-page .ho-tenant-brand.is-placeholder{
  justify-content:flex-start;border-style:dashed;transition:background .18s,border-color .18s;
}
.operator-premium-page .ho-tenant-brand.is-placeholder:hover{
  background:color-mix(in srgb,var(--accent) 8%,var(--surface));
  border-color:var(--accent);
}
.operator-premium-page .ho-tenant-logo-placeholder{
  display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;
  border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft));
  border-radius:11px;color:var(--link);
}
.operator-premium-page .ho-tenant-logo-placeholder>.icon{width:22px;height:22px}
.operator-premium-page .ho-tenant-logo-hint{display:grid;gap:3px;min-width:0}
.operator-premium-page .ho-tenant-logo-hint strong{font-size:15px;font-weight:750;line-height:1.2}
.operator-premium-page .ho-tenant-logo-hint small{font-size:12px;color:var(--link);line-height:1.35}
.operator-premium-page .ho-tenant-workspace.premium-workspace{
  display:grid!important;gap:8px;margin:13px 5px 16px;padding:15px 13px 13px;
  border:1px solid color-mix(in srgb,var(--line) 77%,var(--accent) 23%);
  border-radius:12px;background:color-mix(in srgb,var(--surface) 65%,var(--sidebar));
  min-height:0;overflow:hidden;box-shadow:none;
}
.operator-premium-page .ho-tenant-workspace-caption{
  font-size:10px;letter-spacing:.11em;line-height:1.3;font-weight:800;color:var(--muted);
}
.operator-premium-page .ho-tenant-workspace-name{display:flex;align-items:center;gap:10px;min-width:0}
.operator-premium-page .ho-tenant-workspace-name>.icon{
  flex:0 0 32px;width:32px;height:32px;padding:7px;box-sizing:border-box;
  border-radius:9px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft));color:var(--link);
}
.operator-premium-page .ho-tenant-workspace-name>span{min-width:0}
.operator-premium-page .ho-tenant-workspace-name strong{
  display:block;overflow-wrap:anywhere;font-size:16px;line-height:1.25;font-weight:800;color:var(--text);
}
.operator-premium-page .ho-tenant-workspace-name small{
  display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.3;
}
/* A uniform, modest size increase throughout desktop and mobile navigation. */
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link{
  min-height:45px!important;padding:10px 11px!important;gap:10px!important;
  font-size:14.5px!important;font-weight:590!important;line-height:1.38!important;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link>.icon{
  width:19px!important;height:19px!important;flex-basis:19px!important;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link:is(.active,[aria-current="page"]){font-weight:770!important}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>.ho-nav-section{font-size:10.5px;letter-spacing:.115em}
.operator-premium-page .mobile-header>.ho-tenant-brand{
  display:flex;align-items:center;justify-content:flex-start;gap:9px;
  width:calc(100% - 118px);max-width:290px;min-height:48px;box-sizing:border-box;
  padding:4px 9px;border-radius:10px;border:1px solid var(--line);
  background:var(--surface);text-decoration:none;color:var(--text);
}
.operator-premium-page .mobile-header>.ho-tenant-brand.is-uploaded img{
  display:block;width:100%;max-width:220px;height:42px;object-fit:contain;object-position:left center;
}
.operator-premium-page .mobile-header .ho-tenant-logo-placeholder{width:35px;height:35px;flex:0 0 35px}
.operator-premium-page .mobile-header .ho-tenant-logo-placeholder>.icon{width:18px;height:18px}
.operator-premium-page .mobile-header .ho-tenant-logo-hint strong{font-size:13px}
.operator-premium-page .mobile-header .ho-tenant-logo-hint small{font-size:11px}
.operator-premium-page .mobile-menu-panel nav>a.ho-nav-link{font-size:15px;min-height:47px}
.theme-light.operator-premium-page .ho-tenant-brand.is-placeholder,.theme-light.operator-premium-page .ho-tenant-workspace.premium-workspace{
  background:var(--surface);
}
@media(max-width:420px){
  .operator-premium-page .mobile-header>.ho-tenant-brand{width:calc(100% - 100px);padding:4px 7px}
  .operator-premium-page .mobile-header>.ho-tenant-brand.is-uploaded img{max-width:190px}
}

/* v1.0.95: flat, uninterrupted workspace behind the dashboard cards. */
body.operator-premium-page.theme-dark .main,
body.operator-premium-page.theme-light .main{
  background:var(--bg);background-image:none;
}
/* Keep information tiles neutral; the existing colored status icons still carry meaning. */
body.operator-premium-page .premium-dashboard .premium-kpi,
body.operator-premium-page .premium-dashboard .premium-kpi-done{
  background:var(--premium-panel)!important;background-image:none!important;
}

/* v1.0.96: operator logo is the sole sidebar identity; menu typography is easier to scan. */
.operator-premium-page .app-shell>.sidebar{
  padding-top:12px;
}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-uploaded{
  display:flex;align-items:center;justify-content:center;
  min-height:112px;height:auto;padding:12px 10px 10px;
  margin:0 0 15px;box-sizing:border-box;
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-uploaded img{
  display:block;width:100%;max-width:208px;height:84px;
  object-fit:contain;object-position:center center;
}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-placeholder{
  margin:7px 0 17px;min-height:82px;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link{
  min-height:47px!important;padding:10px 12px!important;
  font-size:15px!important;line-height:1.4!important;font-weight:590!important;
  gap:11px!important;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link>.icon{
  width:20px!important;height:20px!important;flex:0 0 20px!important;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>.ho-nav-section{
  font-size:11px;letter-spacing:.1em;
}
.operator-premium-page .mobile-menu-panel nav>a.ho-nav-link{font-size:15px;min-height:47px}
@media(max-width:760px){
  .operator-premium-page .mobile-header>.ho-tenant-brand.is-uploaded{
    min-height:48px;padding:3px 9px;margin:0;
    border:1px solid var(--line);border-radius:10px;background:var(--surface);
  }
  .operator-premium-page .mobile-header>.ho-tenant-brand.is-uploaded img{height:42px;max-width:220px;object-position:left center}
}

/* v1.0.97: Logo only, without cards or extra operator-workspace panel. */
.operator-premium-page .app-shell>.sidebar>:is(.ho-tenant-workspace,.premium-workspace,.workspace){display:none!important}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand,
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-uploaded,
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-placeholder{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:none!important;background-image:none!important;outline-offset:2px;
  min-height:100px;padding:7px 6px 12px;margin:0 0 12px;
}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-placeholder{justify-content:center}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-placeholder .ho-tenant-logo-placeholder{border:0;background:transparent}
.operator-premium-page .app-shell>.sidebar>.ho-tenant-brand.is-uploaded img{max-width:210px;height:82px;object-fit:contain}
.operator-premium-page .mobile-header>.ho-tenant-brand,
.operator-premium-page .mobile-header>.ho-tenant-brand.is-uploaded,
.operator-premium-page .mobile-header>.ho-tenant-brand.is-placeholder{
  border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
  padding:4px 2px!important;
}
/* Keep scrollbar position and the logo stable while only the workspace content changes. */
.operator-premium-page .app-shell>.sidebar{scrollbar-gutter:stable;overflow-anchor:none}