/* HayOrder v1.0.92 – unified operator shell, sidebar and page heading.
   Design tokens are inherited from the saved dashboard colour settings. */
body.operator-premium-page {
  --ho-ui-title:clamp(25px,2.25vw,34px);
  --ho-ui-heading-gap:18px;
}
/* Consistent type scale across operator modules, while preserving their component-level form styles. */
.operator-premium-page .premium-home-content{width:100%;max-width:1700px;min-width:0;padding:22px clamp(16px,2.1vw,32px) 25px!important}
.operator-premium-page .main{min-width:0}
.operator-premium-page :is(.ho-promo-heading,.ho-res-hero,.ho-cus-head,.catalog-premium-head,.ho-finance-heading,.extras-page-head,.company-hero-compact,.legal-hero,.ho-settings-intro,.ho-unified-page-heading,.category-hero,.ho-orders-title) {
  margin-top:0; margin-bottom:var(--ho-ui-heading-gap); min-width:0;
}
.operator-premium-page :is(.ho-promo-eyebrow,.ho-res-kicker,.ho-cus-head-copy>small,.catalog-kicker,.ho-finance-eyebrow,.extras-kicker,.company-hero .eyebrow,.legal-hero .eyebrow,.ho-settings-intro .eyebrow,.ho-unified-eyebrow,.category-eyebrow,.ho-orders-overline){
  display:block;font-size:11px!important;line-height:1.4;font-weight:800!important;letter-spacing:.105em!important;color:var(--link)!important;text-transform:uppercase;
}
.operator-premium-page :is(.ho-promo-heading h2,.ho-res-hero h2,.ho-cus-head h2,.catalog-premium-head h2,.ho-finance-heading h2,.extras-page-heading h2,.company-hero-compact h2,.legal-hero h2,.ho-settings-intro h2,.ho-unified-page-heading h2,.category-hero h2,.ho-orders-title h2){
  font-size:var(--ho-ui-title)!important;line-height:1.17!important;font-weight:800!important;letter-spacing:-.035em!important;color:var(--text);margin:5px 0 6px!important;
}
.operator-premium-page :is(.ho-promo-heading p,.ho-res-hero p,.ho-cus-head-copy p,.catalog-premium-head p,.ho-finance-heading p,.extras-page-heading p,.company-hero-compact p,.legal-hero p,.ho-settings-intro p,.ho-unified-page-heading p,.category-hero p,.ho-orders-title p){
  font-size:13px!important;line-height:1.55!important;font-weight:400;color:var(--muted)!important;margin:0!important;max-width:760px;
}
.operator-premium-page :is(.ho-promo-heading,.ho-res-hero,.catalog-premium-head,.extras-page-head,.company-hero-compact,.legal-hero,.ho-settings-intro,.ho-unified-page-heading,.category-hero){
  display:flex;align-items:center;justify-content:space-between;gap:13px 22px;flex-wrap:wrap;
}
.operator-premium-page :is(.ho-promo-heading,.ho-res-hero,.catalog-premium-head,.extras-page-head,.company-hero-compact,.legal-hero,.ho-settings-intro,.ho-unified-page-heading,.category-hero)>div:first-child {min-width:0}
.operator-premium-page .ho-unified-page-heading{padding:0;border:0;background:none}
.operator-premium-page .ho-title-dot{color:var(--accent)}
/* The Actions header is the visual reference: no competing cards around the main title. */
.operator-premium-page .ho-cus-head,.operator-premium-page .company-hero-compact,.operator-premium-page .legal-hero{
  padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;
}
.operator-premium-page :is(.ho-res-hero-icon,.ho-cus-head-icon,.company-hero-mark,.legal-hero-icon,.extras-head-icon){display:none!important}
.operator-premium-page .ho-cus-head{display:flex;justify-content:space-between;align-items:center;gap:16px 24px}
.operator-premium-page .ho-cus-head-copy{flex:1 1 280px}
.operator-premium-page .ho-cus-head>.ho-cus-state{flex:0 0 auto}
.operator-premium-page .ho-res-hero-title{flex:1 1 290px;min-width:0}
.operator-premium-page .company-hero-compact>div:not(.company-hero-mark),.operator-premium-page .legal-hero>div:not(.legal-hero-icon){flex:1 1 320px;min-width:0}
.operator-premium-page .extras-page-heading{flex:1 1 340px;min-width:0}
.operator-premium-page .ho-settings-intro>div:first-child{flex:1 1 320px}
.operator-premium-page .ho-orders-title{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.operator-premium-page .ho-orders-title>div:first-child{flex:1 1 320px}
.operator-premium-page .ho-finance-heading{gap:14px}
/* Header action buttons use one shape/weight; preserve their semantic colours in forms and status panels. */
.operator-premium-page :is(.ho-promo-heading,.ho-res-hero,.catalog-premium-head,.extras-page-head,.company-hero-compact,.legal-hero,.ho-settings-intro) :is(a.button,a.ho-res-live,a.legal-preview,button.secondary){
  min-height:39px;border-radius:10px;padding:8px 13px;font-size:12px;font-weight:700;line-height:1.4;
}
/* A single sidebar layout on *every* operator page – including Extras, Rechtliches and Einstellungen. */
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]{display:flex;flex-direction:column;gap:3px;margin-top:1px;padding:0 0 8px}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>.ho-nav-section{
  display:block;margin:14px 12px 5px;padding-top:10px;border-top:1px solid var(--line);
  color:var(--muted);font-size:10px;letter-spacing:.13em;font-weight:800;line-height:1.35;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link{
  display:flex!important;align-items:center!important;gap:11px!important;min-width:0;width:100%;box-sizing:border-box;
  min-height:41px!important;padding:8px 12px!important;margin:0!important;border-radius:10px!important;
  border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;
  color:var(--muted)!important;font-size:13px!important;font-weight:560!important;line-height:1.35!important;
  text-decoration:none!important;transition:background-color .16s,border-color .16s,color .16s;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link>.icon{width:18px!important;height:18px!important;flex:0 0 18px;color:inherit}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link>span{min-width:0;overflow-wrap:normal}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link::before{display:none!important}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link:hover:not(.active){
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-soft))!important;
  border-color:color-mix(in srgb,var(--accent) 23%,var(--line))!important;color:var(--text)!important;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link.active,
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link[aria-current="page"]{
  color:var(--text)!important;font-weight:760!important;
  background:color-mix(in srgb,var(--accent) 13%,var(--surface-soft))!important;
  border-color:color-mix(in srgb,var(--accent) 52%,var(--line))!important;
  box-shadow:inset 3px 0 0 var(--accent)!important;
}
.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link:focus-visible{
  outline:2px solid var(--accent)!important;outline-offset:2px;
}
.operator-premium-page .sidebar>.nav-label{display:none}
.operator-premium-page .sidebar-bottom{padding-top:12px!important}
/* Mobile navigation follows the exact same active and hover language. */
.operator-premium-page .mobile-menu-panel nav>.ho-nav-section{grid-column:1/-1;margin:10px 7px 3px;padding-top:8px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.11em;color:var(--muted)}
.operator-premium-page .mobile-menu-panel nav>a.ho-nav-link{border:1px solid transparent;border-radius:9px;font-size:13px;min-height:43px}
.operator-premium-page .mobile-menu-panel nav>a.ho-nav-link:is(.active,[aria-current="page"]){background:color-mix(in srgb,var(--accent) 13%,var(--surface-soft))!important;border-color:var(--active-line)!important;color:var(--text)!important}
.operator-premium-page .mobile-menu-panel nav>a.ho-nav-link:hover:not(.active){background:var(--surface-soft);color:var(--text)}
/* Keep all operator module headings responsive without moving action buttons to another section. */
@media(max-width:1150px){
  .operator-premium-page :is(.ho-promo-heading,.ho-res-hero,.ho-cus-head,.catalog-premium-head,.extras-page-head,.company-hero-compact,.legal-hero,.ho-settings-intro){align-items:flex-start}
}
@media(max-width:760px){
  .operator-premium-page .premium-home-content{padding:16px 14px 20px!important}
  .operator-premium-page :is(.ho-promo-heading,.ho-res-hero,.ho-cus-head,.catalog-premium-head,.extras-page-head,.company-hero-compact,.legal-hero,.ho-settings-intro){gap:12px}
  .operator-premium-page :is(.ho-promo-heading h2,.ho-res-hero h2,.ho-cus-head h2,.catalog-premium-head h2,.ho-finance-heading h2,.extras-page-heading h2,.company-hero-compact h2,.legal-hero h2,.ho-settings-intro h2,.ho-unified-page-heading h2,.category-hero h2,.ho-orders-title h2){font-size:26px!important}
  .operator-premium-page .extras-page-heading{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.operator-premium-page .app-shell>.sidebar nav[aria-label="Hauptnavigation"]>a.ho-nav-link{transition:none}}

/* v1.0.97: the shared sidebar/header are never animated or remounted. */
html:has(body.operator-premium-page){scrollbar-gutter:stable}
body.operator-premium-page .app-shell.hayorder-page-enter{animation:none!important;transform:none!important;opacity:1!important}
body.operator-premium-page .premium-home-content.ho97-content-enter{animation:ho97-content-appear .14s ease-out both}
@keyframes ho97-content-appear{from{opacity:.975}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.operator-premium-page .premium-home-content.ho97-content-enter{animation:none}}