/* HayOrder v1.0.93 – balanced operator header, no weather widget. */
.operator-premium-page .premium-topbar[data-ho-live-header]{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;
  min-height:96px;padding:16px clamp(16px,2vw,30px);
  background:linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--surface) 28%,var(--bg)));
  border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);isolation:initial;overflow:visible;
}
.operator-premium-page .premium-topbar[data-ho-live-header]::before{display:none}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-greeting{flex:1 1 290px;gap:0;min-width:0}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-greeting h1{font-size:clamp(23px,2vw,30px);margin:0 0 4px;letter-spacing:-.6px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-greeting p{font-size:13px;line-height:1.4;color:var(--muted)}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%;width:auto;
}
.operator-premium-page .premium-topbar[data-ho-live-header] :is(.premium-date-chip,.premium-notification,.premium-account,.premium-theme-switch){
  box-sizing:border-box;background:color-mix(in srgb,var(--surface) 82%,var(--bg));
  border:1px solid var(--line);box-shadow:none;backdrop-filter:none;border-radius:12px;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{
  display:inline-flex;align-items:center;gap:11px;min-width:222px;min-height:54px;padding:8px 13px;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip strong{font-size:11px;font-weight:700}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip .icon{width:20px;height:20px;color:var(--accent)}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip [data-ho-live-clock]{
  display:block;font-size:12px;line-height:1.25;font-style:normal;font-weight:650;color:var(--muted);font-variant-numeric:tabular-nums;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-notification{
  display:inline-grid;place-items:center;width:50px;height:54px;min-height:54px;padding:10px;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-notification>.icon{width:21px;height:21px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{
  display:flex;align-items:center;gap:11px;min-width:184px;min-height:54px;height:auto;
  padding:5px 12px 5px 6px;margin:0;text-decoration:none;color:var(--text);
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account-avatar{
  display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;
  background:color-mix(in srgb,var(--accent) 20%,var(--surface-soft));color:var(--text);
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));font-size:14px;font-weight:750;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account>span:nth-child(2){flex:1 1 auto;min-width:72px;gap:3px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account strong{
  font-size:12px;font-weight:750;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account small{font-size:11px;line-height:1.25}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account>.icon{flex:0 0 15px;width:15px;height:15px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{
  display:flex;align-items:center;gap:3px;min-height:54px;padding:4px;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch button{
  display:grid;place-items:center;flex:0 0 47px;min-height:44px;width:47px;height:44px;
  padding:10px;border-radius:9px;line-height:1;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch button .icon{width:21px;height:21px}
.operator-premium-page .premium-topbar[data-ho-live-header] :is(.premium-account,.premium-theme-switch button):hover{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
}
.operator-premium-page .premium-topbar[data-ho-live-header] :is(.premium-account,.premium-theme-switch button):focus-visible{
  outline:2px solid var(--accent);outline-offset:3px;
}
.operator-premium-page.theme-light .premium-topbar[data-ho-live-header]{background:linear-gradient(135deg,#fff,var(--bg))}
.operator-premium-page.theme-light .premium-topbar[data-ho-live-header] :is(.premium-date-chip,.premium-notification,.premium-account,.premium-theme-switch){background:#fff}
@media(max-width:1120px){
  .operator-premium-page .premium-topbar[data-ho-live-header]{gap:12px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-greeting{flex-basis:100%}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{width:100%;justify-content:flex-start}
}
@media(max-width:700px){
  .operator-premium-page .premium-topbar[data-ho-live-header]{padding:14px;gap:12px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-greeting{flex-basis:100%;gap:0}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;width:100%;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{
    flex:1 1 185px;min-width:0;max-width:none;justify-content:flex-start;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-notification{flex:0 0 50px;width:50px;height:54px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{
    flex:1 1 160px;min-width:160px;width:auto;height:auto;margin:0;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account strong{max-width:150px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{
    display:flex;grid-column:auto;justify-self:auto;flex:0 0 auto;margin:0;
  }
}
@media(max-width:440px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{
    flex:1 1 calc(100% - 60px);min-width:0;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip strong{font-size:11px;white-space:normal}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-notification{flex:0 0 50px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{
    flex:1 1 160px;min-width:155px;grid-column:auto;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account>span:nth-child(2){display:flex}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account>.icon{display:block}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{flex:0 0 auto;grid-column:auto}
}
@media print{
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{display:none}
}

/* v1.0.95: equally sized header icons; separate date and live clock; quiet user access. */
.operator-premium-page .premium-topbar[data-ho-live-header]{
  background:var(--bg);background-image:none;
}
.operator-premium-page.theme-light .premium-topbar[data-ho-live-header]{background:var(--bg);background-image:none}
.operator-premium-page .premium-topbar[data-ho-live-header] :is(.premium-date-chip,.premium-time-chip,.premium-notification,.premium-account,.premium-theme-switch){
  background:var(--surface);border:1px solid var(--line);border-radius:12px;
  min-height:54px;box-sizing:border-box;box-shadow:none;
}
.operator-premium-page .premium-topbar[data-ho-live-header] :is(.premium-date-chip,.premium-time-chip){
  display:inline-flex;align-items:center;justify-content:flex-start;gap:11px;
  margin:0;padding:9px 13px;height:54px;flex:0 0 auto;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{min-width:222px;max-width:300px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip{min-width:124px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip strong{
  font-size:12px;line-height:1.35;font-weight:700;white-space:nowrap;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip time{
  display:block;font-size:13px;line-height:1.3;color:var(--text);font-weight:700;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.operator-premium-page .premium-topbar[data-ho-live-header] :is(.premium-date-chip,.premium-time-chip,.premium-notification,.premium-account-avatar,.premium-theme-switch button)>.icon{
  width:22px!important;height:22px!important;flex:0 0 22px;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip>.icon,
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip>.icon{color:var(--link)}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{min-width:168px;padding:5px 15px 5px 6px;gap:12px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account-avatar{
  display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;
  color:var(--text);
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account>span:nth-child(2){
  display:grid;gap:3px;min-width:75px;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account strong{font-size:13px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account small{font-size:11px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{min-height:54px}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch button{min-height:44px;width:47px;height:44px}
.operator-premium-page.theme-light .premium-topbar[data-ho-live-header] :is(.premium-date-chip,.premium-time-chip,.premium-notification,.premium-account,.premium-theme-switch){background:var(--surface)}
@media(max-width:700px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{gap:8px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{flex:1 1 205px;min-width:0;max-width:none}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip{flex:0 0 auto;min-width:120px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{flex:1 1 168px;min-width:154px}
}
@media(max-width:440px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{flex:1 1 100%;max-width:none;height:auto;min-height:54px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip strong{white-space:normal}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip{min-width:126px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{flex:1 1 150px}
}

/* v1.0.96: clock before calendar, equal-height tiles, extra space after clock icon. */
.operator-premium-page .premium-topbar[data-ho-live-header] :is(.premium-time-chip,.premium-date-chip){
  display:inline-flex!important;align-items:center!important;
  box-sizing:border-box;min-height:54px!important;height:54px!important;
  background:var(--surface)!important;border:1px solid var(--line)!important;
  border-radius:12px!important;box-shadow:none!important;
  margin:0!important;padding:9px 14px!important;flex:0 0 auto;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip{
  gap:17px!important;min-width:142px!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{
  gap:12px!important;min-width:242px!important;max-width:285px;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip time,
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip strong{
  font-size:13px!important;font-weight:700!important;line-height:1.35!important;
  color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;
}
.operator-premium-page .premium-topbar[data-ho-live-header] :is(.premium-time-chip,.premium-date-chip)>.icon{
  width:22px!important;height:22px!important;flex:0 0 22px!important;
}
@media(max-width:700px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip{flex:0 0 auto;min-width:142px!important}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{flex:1 1 242px;min-width:0!important;max-width:none}
}
@media(max-width:440px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip{flex:0 0 142px}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{
    flex:1 1 100%;min-width:0!important;height:auto!important;min-height:54px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip strong{white-space:normal}
}
