/* HayOrder 1.0.60: Dashboard palette (never affects public shop/brand-theme). */
.operator-premium-page .premium-dashboard .premium-kpi,
.operator-premium-page .premium-dashboard .premium-kpi-done {
  background:color-mix(in srgb,var(--premium-panel) 86%,var(--surface-soft) 14%)!important;
  border:1px solid color-mix(in srgb,var(--premium-outline) 84%,var(--text) 16%)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.operator-premium-page .premium-kpi::after {display:none!important}
.operator-premium-page .premium-kpi-accent {display:none!important}
.operator-premium-page .premium-kpi .home-kpi-icon,
.operator-premium-page .premium-kpi-working .home-kpi-icon {
  background:var(--surface-soft)!important;color:var(--muted)!important;box-shadow:none!important;
}
.operator-premium-page .premium-kpi-done .home-kpi-icon {
  background:color-mix(in srgb,var(--success) 17%,var(--premium-panel))!important;color:var(--success)!important;
}
.operator-premium-page .premium-dashboard .premium-kpi:hover {border-color:color-mix(in srgb,var(--premium-outline) 68%,var(--text) 32%)!important;transform:translateY(-1px)}
.operator-premium-page .premium-dashboard .premium-kpi .home-kpi-label {color:var(--text)}
/* Appearance tokens also reach the buttons/links with older literal orange styles. */
.operator-premium-page .main :where(button:not(.secondary):not(.premium-theme-switch button):not(.premium-sound-activate):not(.premium-notification):not(.danger),.button:not(.secondary)),
.hayorder-settings-body .ho-settings-savebar .ho-save-btn {
  --button-accent:var(--accent);
}
.operator-premium-page .premium-outline-link,
.operator-premium-page .sidebar nav a.active,
.operator-premium-page .mobile-menu nav a[aria-current="page"] {border-color:var(--active-line);color:var(--link)}
.operator-premium-page .premium-outline-link:hover {background:var(--gold-bg)}
.operator-premium-page .premium-mobile-orders-link {border-color:var(--active-line);color:var(--link)}
/* Non-interactive live order indicator: accessibility status, never a link. */
.operator-premium-page .premium-notification {cursor:default;user-select:none}
.operator-premium-page .premium-notification:hover {text-decoration:none}
.operator-premium-page .premium-notification.has-new {border-color:color-mix(in srgb,var(--success) 42%,var(--premium-outline));background:color-mix(in srgb,var(--success) 12%,var(--premium-panel))}
.operator-premium-page .premium-notification.has-new>.icon {color:var(--success)}
.operator-premium-page .premium-notification.is-ringing>.icon {animation:ho60-bell-rock .68s ease-in-out 1;transform-origin:50% 12%}
@keyframes ho60-bell-rock {0%,100%{transform:rotate(0)}15%{transform:rotate(-18deg)}30%{transform:rotate(15deg)}45%{transform:rotate(-11deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.operator-premium-page .premium-notification.is-ringing>.icon{animation:none!important}}
/* One clear ON/OFF button replaces the extra activation control. */
.operator-premium-page .premium-sound-activate[aria-pressed="true"] {border-color:color-mix(in srgb,var(--success) 60%,var(--premium-outline));color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--premium-panel))}
.operator-premium-page .premium-sound-activate[aria-pressed="false"] {border-color:var(--premium-outline);color:var(--muted);background:var(--premium-panel)}
/* An independent field for Dashboard color, away from the public shop palette. */
.ho-dashboard-appearance .ho-dashboard-accent-field {max-width:340px;margin:10px 0 13px}
.ho-dashboard-presets {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 18px}
.ho-dashboard-presets button {display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:43px;padding:8px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-size:12px;border-radius:9px}
.ho-dashboard-presets button.is-selected {border-color:var(--link);box-shadow:inset 0 0 0 1px var(--link)}
.ho-dashboard-presets i {width:15px;height:15px;display:block;flex:0 0 15px;border-radius:50%;background:var(--preset);border:1px solid #8888}
.ho-dashboard-presets button:nth-child(1) i{--preset:#F05A32}.ho-dashboard-presets button:nth-child(2) i{--preset:#D94425}.ho-dashboard-presets button:nth-child(3) i{--preset:#D48D42}.ho-dashboard-presets button:nth-child(4) i{--preset:#287D71}.ho-dashboard-presets button:nth-child(5) i{--preset:#5375B7}
.ho-dashboard-preview{--preview-accent:#F05A32;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px;border-radius:11px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text)}
.ho-dashboard-preview>span:first-child{font-weight:700}.ho-dashboard-preview-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.ho-dashboard-preview-actions b {display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 13px;border-radius:8px;background:var(--preview-accent);color:var(--preview-ink,#fff);font-size:13px}
.ho-dashboard-preview-actions em {font-style:normal;font-weight:600;color:var(--preview-link,var(--link));font-size:13px}
@media(max-width:1100px){.ho-dashboard-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.ho-dashboard-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.ho-dashboard-preview-actions{width:100%}}

/* Buttons, links and highlights follow the operator palette, not PanAmore's shop branding. */
#orders-ajax-root.ho-orders-54 {--ho54-orange:var(--accent)}
#orders-ajax-root.ho-orders-51 {--ho-orange:var(--accent)}
#orders-ajax-root.ho-orders-56 .ho56-periods .ho56-period-link.is-active,
#orders-ajax-root.ho-orders-56 .ho56-period-link.is-active {
  background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important;
  box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)!important;
}
#orders-ajax-root.ho-orders-54 .ho54-header-actions .ho54-primary-action,
#orders-ajax-root.ho-orders-56 .ho54-primary-action,
.ho-new-dialog .ho-new-primary,
.extras-premium-modal .extras-save-button,
.ho-settings .ho-save-btn {background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important;box-shadow:0 4px 13px color-mix(in srgb,var(--accent) 19%,transparent)!important}
#orders-ajax-root.ho-orders-54 .ho54-header-actions .ho54-primary-action:hover,
#orders-ajax-root.ho-orders-56 .ho54-primary-action:hover,
.ho-new-dialog .ho-new-primary:hover,
.extras-premium-modal .extras-save-button:hover,
.ho-settings .ho-save-btn:hover {background:var(--accent-hover)!important}
.operator-premium-page .premium-dashboard a:not(.secondary):hover {text-decoration:none}
.operator-premium-page .premium-dashboard .premium-outline-link,
.operator-premium-page .sidebar nav a.active,
.operator-premium-page .premium-mobile-orders-link {color:var(--link)!important;border-color:var(--active-line)!important}
.operator-premium-page :is(.premium-title-icon,.premium-outline-link,.premium-date-chip) .icon {color:var(--link)}
.hayorder-settings-body .ho-settings-tabs a.is-active {border-color:var(--active-line)!important;color:var(--link)!important;background:var(--gold-bg)!important}
.hayorder-settings-body .ho-settings .ho-status-open,
.hayorder-settings-body .ho-settings .ho-outline-brand,
.hayorder-settings-body .ho-settings .ho-preview-link {color:var(--link)!important;border-color:var(--active-line)!important}
.hayorder-settings-body .ho-settings :is(button,input,select,textarea,a):focus-visible {outline-color:var(--link)!important}
/* Status summary tiles: neutral anthracite surfaces, with a restrained colored border/icon. */
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-order-stat,
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-new,
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-accepted,
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-ready {
  background:color-mix(in srgb,var(--surface) 90%,var(--surface-soft) 10%)!important;
  box-shadow:0 7px 20px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.025);
}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-order-stat:hover{transform:translateY(-1px)}

/* v1.0.62 — Neutral dashboard/order tiles; status colors stay in badges and icons, not in card borders. */
.operator-premium-page .premium-dashboard .premium-kpi,
.operator-premium-page .premium-dashboard .premium-kpi-done,
.operator-premium-page .premium-dashboard .premium-kpi-working,
.operator-premium-page .premium-dashboard .premium-kpi-revenue {
  background:color-mix(in srgb,var(--premium-panel) 90%,var(--surface-soft) 10%)!important;
  border:1px solid var(--premium-outline)!important;
  box-shadow:0 8px 21px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.operator-premium-page .premium-dashboard .premium-kpi:hover {
  border-color:color-mix(in srgb,var(--premium-outline) 72%,var(--text) 28%)!important;
  transform:translateY(-2px);
}
.operator-premium-page .premium-dashboard :is(.premium-kpi-spark,.premium-kpi-accent) {display:none!important}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-order-stat,
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-new,
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-accepted,
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-ready {
  background:color-mix(in srgb,var(--surface) 90%,var(--surface-soft) 10%)!important;
  border-color:var(--line)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-order-stat:is(.is-active,:hover) {
  background:var(--surface-soft)!important;
  border-color:color-mix(in srgb,var(--line) 73%,var(--text) 27%)!important;
  box-shadow:0 9px 18px rgba(0,0,0,.12)!important;
}
/* v1.0.62 — Short settings navigation, genuinely independent shop/dashboard colors. */
.hayorder-settings-body .ho-settings {--ho-brand:var(--link);}
.hayorder-settings-body .ho-settings-tabs {
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:12px 0 15px;
}
.hayorder-settings-body .ho-settings-tabs a {
  min-width:0;min-height:43px;padding:8px 5px;gap:5px;
  font-size:11.3px;font-weight:650;line-height:1.25;text-align:center;
  border:1px solid var(--line);background:var(--surface);color:var(--muted);
}
.hayorder-settings-body .ho-settings-tabs .icon {width:16px;height:16px;flex:0 0 16px}
.hayorder-settings-body .ho-settings-tabs a.is-active {background:var(--gold-bg)!important;border-color:var(--active-line)!important;color:var(--link)!important;box-shadow:none!important}
.hayorder-settings-body .ho-settings-tabs a:hover,.hayorder-settings-body .ho-settings-tabs a:focus-visible {border-color:var(--active-line)!important;color:var(--link)!important}
.hayorder-settings-body .ho-settings-intro {background:var(--surface);border-color:var(--line)}
.hayorder-settings-body .ho-settings-intro .eyebrow {color:var(--link)}
.hayorder-settings-body .ho-panel>header>.icon {color:var(--link)}
.hayorder-settings-body .ho-settings-grid {align-items:start}
.hayorder-settings-body .ho-settings-grid #settings-system {grid-column:1/-1}
.hayorder-settings-body .ho-brand-images.ho-brand-logo-only {display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:240px;gap:0!important}
.hayorder-settings-body .ho-brand-colors {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin-top:16px}
.hayorder-settings-body .ho-color-group {min-width:0;max-width:100%}
.hayorder-settings-body .ho-brand-colors small {min-height:34px}
.hayorder-settings-body .ho-color-presets,
.hayorder-settings-body .ho-dashboard-presets {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px;margin:9px 0 0;min-width:0}
.hayorder-settings-body .ho-color-presets button,
.hayorder-settings-body .ho-dashboard-presets button {
  display:inline-flex;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:39px;
  width:100%;padding:6px 4px;border:1px solid var(--line);border-radius:8px;
  background:var(--surface-soft);font-family:inherit;font-size:11px;font-weight:600;line-height:1.25;color:var(--text);cursor:pointer;
  white-space:normal;text-align:center;
}
.hayorder-settings-body .ho-color-presets button span,
.hayorder-settings-body .ho-dashboard-presets button i {
  width:12px;height:12px;flex:0 0 12px;border-radius:50%;display:inline-block;
  background:var(--preset);border:1px solid rgba(255,255,255,.32)
}
.hayorder-settings-body .ho-color-presets button.is-selected,
.hayorder-settings-body .ho-dashboard-presets button.is-selected {
  background:var(--gold-bg);border-color:var(--active-line);box-shadow:inset 0 0 0 1px var(--active-line);color:var(--link)
}
.hayorder-settings-body .ho-dashboard-presets {margin:11px 0 17px}
.hayorder-settings-body .ho-dashboard-preview-actions b {background:var(--preview-accent);color:var(--preview-ink)}
.hayorder-settings-body .ho-settings .ho-save-btn {background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important}
.hayorder-settings-body .ho-settings .ho-save-btn:hover {background:var(--accent-hover)!important}
.hayorder-settings-body .ho-settings .ho-upload-btn:hover,
.hayorder-settings-body .ho-settings .ho-small-btn:hover {border-color:var(--active-line);color:var(--link)}
.hayorder-settings-body .ho-settings :is(.ho-preview-link,.ho-outline-brand) {border-color:var(--active-line);color:var(--link)}
.hayorder-settings-body .ho-color-presets button,.hayorder-settings-body .ho-dashboard-presets button,
.hayorder-settings-body .ho-settings-tabs a,.hayorder-settings-body .ho-settings .ho-upload-btn,
.hayorder-settings-body .ho-settings .ho-preview-link,.hayorder-settings-body .ho-settings .ho-save-btn,
.hayorder-settings-body .ho-settings .ho-small-btn {transition:transform .17s ease,border-color .17s ease,background-color .17s ease,box-shadow .17s ease}
.hayorder-settings-body .ho-color-presets button:hover,.hayorder-settings-body .ho-dashboard-presets button:hover,
.hayorder-settings-body .ho-settings-tabs a:hover,.hayorder-settings-body .ho-settings .ho-upload-btn:hover,
.hayorder-settings-body .ho-settings .ho-preview-link:hover,.hayorder-settings-body .ho-settings .ho-save-btn:hover,
.hayorder-settings-body .ho-settings .ho-small-btn:hover {transform:translateY(-2px)}
@media(max-width:1320px){.hayorder-settings-body .ho-settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.hayorder-settings-body .ho-settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hayorder-settings-body .ho-settings-grid #settings-system{grid-column:auto}}
@media(max-width:620px){.hayorder-settings-body .ho-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.hayorder-settings-body .ho-brand-colors{grid-template-columns:minmax(0,1fr)}.hayorder-settings-body .ho-brand-colors small{min-height:0}}
@media(max-width:360px){.hayorder-settings-body .ho-color-presets button,.hayorder-settings-body .ho-dashboard-presets button{font-size:10px;gap:3px}}
@media(prefers-reduced-motion:reduce){.hayorder-settings-body .ho-settings-tabs a,.hayorder-settings-body .ho-settings button,.hayorder-settings-body .ho-settings .ho-upload-btn {transition:none!important;transform:none!important}}
/* Give each of the three palette choices enough room even in the compact branding panel. */
.hayorder-settings-body .ho-brand-colors {grid-template-columns:minmax(0,1fr)!important}
/* HayOrder 1.0.63: compact controls and semantic light surfaces. */
.hayorder-settings-body .ho-settings :is(.ho-color-presets,.ho-dashboard-presets){display:flex!important;flex-wrap:wrap;gap:8px;max-width:100%;margin:9px 0 14px}
.hayorder-settings-body .ho-settings :is(.ho-color-presets,.ho-dashboard-presets) button{flex:1 0 88px;width:auto;min-width:88px;min-height:34px;padding:7px 9px;gap:7px;border-radius:999px;font-size:12px;line-height:18px;white-space:nowrap;transform:none}
.hayorder-settings-body .ho-settings :is(.ho-color-presets,.ho-dashboard-presets) button:hover{background:var(--gold-bg);border-color:var(--link);transform:none}
.hayorder-settings-body .ho-settings :is(.ho-color-presets,.ho-dashboard-presets) button:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.hayorder-settings-body .ho-settings :is(.ho-color-presets,.ho-dashboard-presets) button[aria-pressed=true]{border-color:var(--link);background:var(--gold-bg);color:var(--link);box-shadow:inset 0 0 0 1px var(--link)}
.hayorder-settings-body .ho-settings :is(.ho-color-presets span,.ho-dashboard-presets i){width:11px;height:11px;flex:0 0 11px;border:1px solid #80808080}
.hayorder-settings-body .ho-brand-images{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;max-width:none}
.ho-brand-images>div:focus-within .ho-upload-btn{outline:2px solid var(--link);outline-offset:2px}
body.theme-light{--ho-muted:var(--muted);--ho-text:var(--text)}
body.theme-light .sidebar nav a:not(.active){color:#34414d}
body.theme-light .ho-settings :is(.ho-panel,.ho-status-card,.ho-mode-card,.ho-option-list,.ho-sound-picker,.ho-settings-savebar,.ho-settings-dialog,.ho-image-preview,.ho-dashboard-preview){background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}
body.theme-light .ho-settings :is(.ho-upload-btn,.ho-color-field,.ho-small-btn,.ho-preview-link,.ho-link-pair a,.ho-soon-pill){background:var(--surface-soft);border-color:var(--line);color:var(--text)}
body.theme-light .ho-settings :is(h3,strong,label,.ho-option>span,.ho-toggle-row>span,.ho-mode-state,.ho-color-field input[type=text]){color:var(--text)!important}
body.theme-light .ho-settings :is(small,.ho-help,.ho-mode-hint,.ho-mode-license,.ho-status-copy p,header p){color:var(--muted)!important}
body.theme-light .ho-settings :is(input:not([type=checkbox]):not([type=color]),select,textarea){background:var(--field);border-color:var(--field-line);color:var(--text)}
body.theme-light .ho-settings .ho-status-open{background:var(--gold-bg);color:var(--link);border-color:var(--active-line)}
body.theme-light :is(.ho-new-dialog,.catalog-editor-sheet,.category-editor-dialog,.extras-premium-modal){background:var(--surface);color:var(--text);border-color:var(--line)}
body.theme-light :is(.ho-new-dialog-top,.ho-new-footer,.ho-new-facts,.ho-new-number){background:var(--surface-soft);color:var(--text);border-color:var(--line)}
body.theme-light :is(.ho-new-facts dt,.ho-new-content p){color:var(--muted)}
body .main>.topbar{min-height:114px;padding-block:20px;margin-bottom:12px;gap:20px}
body.operator-premium-page .premium-header-actions{gap:12px;row-gap:10px;flex-wrap:wrap}
body .main>.topbar+.content{padding-top:24px}
body :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close){display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--text);font-size:24px;font-weight:400;line-height:1;text-decoration:none;box-shadow:none}
body :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close):hover{background:var(--gold-bg);border-color:var(--link);color:var(--link)}
body :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close):focus-visible{outline:2px solid var(--link);outline-offset:3px}
.ho-settings-dialog form>.ho63-close{float:right;margin:0 0 12px 12px}
@media(max-width:1100px){body .main>.premium-topbar{flex-wrap:wrap}body.operator-premium-page .premium-header-actions{justify-content:flex-start}}
@media(max-width:760px){body .main>.topbar{min-height:104px;padding:18px 16px;margin-bottom:8px}body .main>.topbar+.content{padding-top:18px}}
@media(max-width:350px){.hayorder-settings-body .ho-brand-images{grid-template-columns:minmax(0,1fr)}}
body.theme-light .ho-new-content h2,body.theme-light .ho-new-facts dd{color:var(--text)}
body.theme-light .ho-new-facts>div:last-child dd{color:var(--success)}
body.theme-light .ho-new-facts>div{border-color:var(--line)}
body.theme-light .ho-new-content>p:not(.ho-new-test):not(.ho-new-error){color:var(--muted)}
body.theme-light .ho-new-kicker{color:var(--link)}
body.theme-light .ho-new-secondary{background:var(--surface-soft);color:var(--text);border-color:var(--line)}
body.theme-light .ho-new-test{color:var(--link)}
body.theme-light .ho-new-error{color:var(--danger);background:var(--danger-bg)}
body.theme-light .ho-settings{--ho-ink:var(--text);--ho-muted:var(--muted);--ho-stroke:var(--line);--ho-brand:var(--link);--ho-green:var(--success);color:var(--text)}
body.theme-light .ho-settings :is(.ho-settings-intro p,.ho-brand-placeholder,.ho-settings-savebar>span,.ho-security-rows>div>span,.ho-system-rows>div>span,.ho-security-rows .icon,.ho-system-rows .icon){color:var(--muted)}
body.theme-light .ho-settings :is(.ho-settings-intro h2,.ho-settings-savebar,.ho-security-rows,.ho-system-rows){color:var(--text)}
body.theme-light .ho-settings :is(.ho-live-preview,.ho-app-icon){background:var(--surface-soft)!important;border-color:var(--line);color:var(--text)}
body.theme-light .ho-settings :is(.ho-security-rows button,.ho-system-rows button,.ho-sound-picker button){background:var(--surface-soft);border-color:var(--line);color:var(--text)}
body.theme-light .ho-settings :is(.ho-status,.ho-mini-status.yes,.ho-status-icon.good){background:var(--success-bg);color:var(--success);border-color:var(--line)}
body.theme-light .ho-settings .ho-system-rows strong{color:var(--success)!important}
body.theme-light .ho-settings :is(.ho-security-rows>div,.ho-system-rows>div){border-color:var(--line)}
body.theme-light .ho-settings .ho-option>span:first-child>.icon{color:var(--muted)}
@media(max-width:350px){.hayorder-settings-body .ho-settings .ho-brand-images{grid-template-columns:minmax(0,1fr)!important}}
body.theme-light .ho-settings .ho-system-rows b{color:var(--success)}
body.theme-light .ho-settings .ho-live-preview em{color:color-mix(in srgb,var(--preview-accent,#E7B34A) 55%,#000)!important}
body.theme-light .ho-settings .ho-dashboard-preview-actions em{color:var(--link)}
/* v1.0.64: larger online indicator, with a restrained halo and reduced-motion support. */
.ho-settings .ho-status-icon.good{position:relative;font-size:0}
.ho-settings .ho-status-icon.good::before{content:"";width:13px;height:13px;border-radius:50%;background:#55d5a0;box-shadow:0 0 0 0 rgba(85,213,160,.2);animation:ho64-online-pulse 2.8s ease-out infinite}
body.theme-light .ho-settings .ho-status-icon.good::before{background:#21845c}
@keyframes ho64-online-pulse{0%,100%{box-shadow:0 0 0 0 rgba(85,213,160,0)}35%{box-shadow:0 0 0 4px rgba(85,213,160,.18)}70%{box-shadow:0 0 0 7px rgba(85,213,160,0)}}
@media(prefers-reduced-motion:reduce){.ho-settings .ho-status-icon.good::before{animation:none}}
/* v1.0.64: named preset colors work even when CSP blocks inline style attributes. */
.ho-settings [data-color-preset][data-preset-value="#F05A32"]>span,.ho-settings [data-dashboard-preset="#F05A32"]>i{background:#F05A32!important}
.ho-settings [data-color-preset][data-preset-value="#5375B7"]>span,.ho-settings [data-dashboard-preset="#5375B7"]>i{background:#5375B7!important}
.ho-settings [data-color-preset][data-preset-value="#E7B34A"]>span,.ho-settings [data-dashboard-preset="#E7B34A"]>i{background:#E7B34A!important}
/* v1.0.65: balanced two-column settings and a precisely centered status dot. */
.hayorder-settings-body .ho-settings .ho-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.hayorder-settings-body .ho-settings .ho-settings-grid>section{grid-column:auto}
.hayorder-settings-body .ho-settings .ho-settings-grid #settings-system{grid-column:1/-1}
.hayorder-settings-body .ho-settings .ho-system-rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.hayorder-settings-body .ho-settings .ho-status-card{grid-template-columns:30px minmax(0,1fr) 34px;gap:12px;padding:12px;border-radius:10px}
.hayorder-settings-body .ho-settings .ho-status-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;padding:0;border-radius:8px;line-height:1;overflow:hidden}
.hayorder-settings-body .ho-settings .ho-status-icon.good{font-size:0}
.hayorder-settings-body .ho-settings .ho-status-icon.good::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;animation:ho65-online-pulse 3s ease-out infinite}
.hayorder-settings-body .ho-settings .ho-status-open{width:34px;min-width:34px;height:34px;font-size:18px}
.hayorder-settings-body .ho-settings .ho-status-copy strong{font-size:13px;line-height:1.4}
.hayorder-settings-body .ho-settings .ho-status-copy p{font-size:12px;line-height:1.5;margin-top:3px}
@keyframes ho65-online-pulse{0%,100%{box-shadow:0 0 0 0 rgba(85,213,160,0)}40%{box-shadow:0 0 0 3px rgba(85,213,160,.14)}75%{box-shadow:0 0 0 5px rgba(85,213,160,0)}}
@media(max-width:1050px){.hayorder-settings-body .ho-settings .ho-settings-grid{grid-template-columns:minmax(0,1fr)}.hayorder-settings-body .ho-settings .ho-system-rows{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.hayorder-settings-body .ho-settings .ho-status-icon.good::before{animation:none}}

/* v1.0.65: three-column order cards and one green new-order marker. */
#orders-ajax-root.ho-orders-54 .ho54-table-head{display:none}#orders-ajax-root.ho-orders-54 .ho54-list .order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}#orders-ajax-root.ho-orders-54 .ho54-row{border:1px solid var(--line);border-radius:9px!important;overflow:hidden}#orders-ajax-root.ho-orders-54 .ho54-row+.ho54-row{border-top:1px solid var(--line)}#orders-ajax-root.ho-orders-54 .ho54-row-link{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;align-items:start}#orders-ajax-root.ho-orders-54 .ho54-cell-ref{grid-column:1}#orders-ajax-root.ho-orders-54 .ho54-cell-client{grid-column:1/-1;grid-row:2}#orders-ajax-root.ho-orders-54 .ho54-cell-qty{grid-column:1;grid-row:3}#orders-ajax-root.ho-orders-54 .ho54-cell-pickup{grid-column:1;grid-row:4}#orders-ajax-root.ho-orders-54 .ho54-cell-status{grid-column:2;grid-row:1;justify-self:end}#orders-ajax-root.ho-orders-54 .ho54-cell-amount{grid-column:2;grid-row:4;align-self:center}#orders-ajax-root.ho-orders-54 .ho54-cell-arrow{display:none}

#orders-ajax-root.ho-orders-54 .ho54-list .order-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#orders-ajax-root.ho-orders-54 .ho54-row.is-new{border-left:1px solid var(--line)!important;box-shadow:none!important}
#orders-ajax-root.ho-orders-54 .ho54-row.is-new .ho54-row-link{box-shadow:inset 3px 0 0 #30cf7b!important}
#orders-ajax-root.ho-orders-54 .ho54-cell-ref{overflow-wrap:anywhere;min-width:0}
@media(max-width:1100px){#orders-ajax-root.ho-orders-54 .ho54-list .order-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#orders-ajax-root.ho-orders-54 .ho54-list .order-list{grid-template-columns:minmax(0,1fr)}}

/* v1.0.67: uniform foreground for custom dashboard accents (dark accents = white ink). */
body.theme-dark :is(#orders-ajax-root .ho56-period-link.is-active,#orders-ajax-root .ho-filter-submit,#orders-ajax-root .ho54-header-actions .ho-action-accept,#orders-ajax-root .ho54-header-actions .ho54-primary-action,.ho-new-dialog .ho-new-primary,.ho-settings .ho-save-btn,.ho-dashboard-preview-actions b),
body.theme-light :is(#orders-ajax-root .ho56-period-link.is-active,#orders-ajax-root .ho-filter-submit,#orders-ajax-root .ho54-header-actions .ho-action-accept,#orders-ajax-root .ho54-header-actions .ho54-primary-action,.ho-new-dialog .ho-new-primary,.ho-settings .ho-save-btn,.ho-dashboard-preview-actions b) {color:var(--on-accent)!important}
#orders-ajax-root.ho-orders-54 .ho54-header-actions .ho-action-accept{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important}
/* Accepted order tiles use the same status-derived highlighting as new green tiles. */
#orders-ajax-root.ho-orders-54 .ho54-list .ho54-row.ho56-row-status-accepted{
 border-color:color-mix(in srgb,#69a7e7 45%,var(--line))!important;
 border-left:3px solid #69a7e7!important;
 background:color-mix(in srgb,#69a7e7 6%,var(--surface))!important;
}
#orders-ajax-root.ho-orders-54 .ho54-list .ho54-row.ho56-row-status-accepted .ho54-row-link{
 background:linear-gradient(90deg,color-mix(in srgb,#69a7e7 9%,transparent),transparent 85%)!important;
 box-shadow:inset 3px 0 0 #69a7e7!important;
}
#orders-ajax-root.ho-orders-54 .ho54-list .ho54-row.ho56-row-status-accepted.active{
 border-color:#69a7e7!important;
 box-shadow:0 0 0 1px color-mix(in srgb,#69a7e7 20%,transparent)!important;
}
/* Four clickable status filters. Recent cancellations remain separate from the archive. */
#orders-ajax-root.ho-orders-54 .ho54-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-order-stat{min-width:0;padding:16px 13px;gap:10px}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-icon{width:46px;height:46px;flex:0 0 46px}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-text small{font-size:13px}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-text strong{font-size:29px}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-cancelled .ho-stat-icon{color:var(--danger);background:var(--danger-bg)}
#orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-cancelled.is-active{border-color:color-mix(in srgb,var(--danger) 60%,var(--line))!important}
@media(max-width:1240px){#orders-ajax-root.ho-orders-54 .ho54-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){#orders-ajax-root.ho-orders-54 .ho54-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 #orders-ajax-root.ho-orders-54 .ho54-stats .ho-order-stat{padding:12px 10px;min-height:104px;gap:8px}
 #orders-ajax-root.ho-orders-54 .ho54-stats .ho-order-stat:last-child{grid-column:auto!important}
 #orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-icon{width:36px;height:36px;flex:0 0 36px}
 #orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-icon svg{width:19px;height:19px}
 #orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-text small{font-size:12px}
 #orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-text strong{font-size:26px}
 #orders-ajax-root.ho-orders-54 .ho54-stats .ho-stat-text em{font-size:11px}
}
@media(max-width:390px){#orders-ajax-root.ho-orders-54 .ho54-stats{grid-template-columns:minmax(0,1fr)!important}}

/* v1.0.70 — Statusfarben sind semantisch und unabhängig von der frei gewählten Akzentfarbe. */
body .operator-premium-page .order-status.status-new,
body.operator-premium-page .order-status.status-new,
body .premium-dashboard .order-status.status-new,
body #orders-ajax-root .order-status.status-new,
body #orders-ajax-root .ho-new-badge,
body .ho-new-dialog .ho-new-badge{
  background:#138549!important;color:#fff!important;border:1px solid #38dc87!important;
  box-shadow:0 0 12px rgba(20,210,98,.14)!important;
}
body .premium-dashboard .order-status.status-new .premium-status-dot,
body #orders-ajax-root .order-status.status-new .premium-status-dot{
  background:#b7ffd7!important;
}
body .ho-new-dialog .ho-new-signal{background:#143b29!important;color:#40ed90!important}
/* Angenommen: eine blaue Kartenkontur, keine zusätzliche Innenlinie oder zweiter Außenring. */
body #orders-ajax-root.ho-orders-68 .ho54-list .ho54-row.ho56-row-status-accepted{
  border:1px solid #69a7e7!important;border-left:4px solid #69a7e7!important;
  box-shadow:none!important;
}
body #orders-ajax-root.ho-orders-68 .ho54-list .ho54-row.ho56-row-status-accepted .ho54-row-link{
  border:0!important;box-shadow:none!important;padding-left:16px!important;
  background:linear-gradient(90deg,rgba(105,167,231,.09),transparent 85%)!important;
}
body #orders-ajax-root.ho-orders-68 .ho54-list .ho54-row.ho56-row-status-accepted.active{
  border:1px solid #69a7e7!important;border-left:4px solid #69a7e7!important;box-shadow:none!important;
}


/* v1.0.71: Single outer status border, independent of the tenant accent. */
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row,
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.active{
  --ho71-status:var(--line);--ho71-wash:var(--surface);
  border:1px solid var(--ho71-status)!important;
  border-radius:12px!important;
  background:var(--ho71-wash)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-new{--ho71-status:#32c979;--ho71-wash:color-mix(in srgb,#32c979 8%,var(--surface))}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-accepted{--ho71-status:#64a8ee;--ho71-wash:color-mix(in srgb,#64a8ee 8%,var(--surface))}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-ready{--ho71-status:#ec9b55;--ho71-wash:color-mix(in srgb,#ec9b55 8%,var(--surface))}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-pickup_ready{--ho71-status:#48bccc;--ho71-wash:color-mix(in srgb,#48bccc 8%,var(--surface))}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-completed{--ho71-status:#55bd8a;--ho71-wash:color-mix(in srgb,#55bd8a 8%,var(--surface))}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-cancelled{--ho71-status:#de7070;--ho71-wash:color-mix(in srgb,#de7070 8%,var(--surface))}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row .ho54-row-link,
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.active .ho54-row-link,
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row.is-new .ho54-row-link{
  border:0!important;border-left:0!important;box-shadow:none!important;
  background:transparent!important;padding:13px 15px!important;border-radius:0!important;
}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row:hover{background:color-mix(in srgb,var(--ho71-status) 13%,var(--surface))!important}
#orders-ajax-root.ho-orders-71 .ho54-list .ho54-row:focus-within{outline:2px solid var(--ho71-status)!important;outline-offset:2px}
/* Compact six-way accent-colored period selector, with one contextual explanation. */
#orders-ajax-root.ho-orders-71 .ho71-filter-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}
#orders-ajax-root.ho-orders-71 .ho71-filter-heading{margin:0;align-items:center}
#orders-ajax-root.ho-orders-71 .ho71-filter-heading strong{font-size:18px}
#orders-ajax-root.ho-orders-71 .ho71-filter-heading span{font-size:13px}
#orders-ajax-root.ho-orders-71 .ho71-period-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:0!important;width:100%;min-width:0}
#orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link{display:flex;justify-content:center;align-items:center;min-width:0;min-height:49px;padding:10px 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-size:14px;font-weight:750;text-align:center;white-space:nowrap;box-shadow:none;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
#orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link:hover:not(.is-active){background:color-mix(in srgb,var(--accent) 9%,var(--surface-soft));border-color:var(--accent);transform:translateY(-2px)}
#orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link.is-active,
.theme-light #orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link.is-active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important;box-shadow:none!important}
#orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link.is-active:hover{transform:translateY(-1px)}
#orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#orders-ajax-root.ho-orders-71 .ho71-period-help{display:flex;align-items:center;gap:9px;margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#orders-ajax-root.ho-orders-71 .ho71-help-symbol{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--gold-bg);color:var(--text);font-size:12px;font-weight:850;font-style:normal}
#orders-ajax-root.ho-orders-71 .ho71-detail-filters{border:1px solid var(--line);border-radius:10px;min-width:0;background:var(--surface-soft)}
#orders-ajax-root.ho-orders-71 .ho71-detail-filters>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:46px;padding:11px 14px;color:var(--text);font-size:13px;font-weight:750}
#orders-ajax-root.ho-orders-71 .ho71-detail-filters>summary::-webkit-details-marker{display:none}
#orders-ajax-root.ho-orders-71 .ho71-detail-filters>summary>span:first-of-type{color:var(--muted);font-size:12px;font-weight:500}
#orders-ajax-root.ho-orders-71 .ho71-detail-chevron{margin-left:auto;color:var(--muted);font-size:19px;transition:transform .16s}
#orders-ajax-root.ho-orders-71 .ho71-detail-filters[open] .ho71-detail-chevron{transform:rotate(180deg)}
#orders-ajax-root.ho-orders-71 .ho71-detail-filters .ho-order-filters{padding:14px;border-top:1px solid var(--line);margin:0;min-width:0}
@media(max-width:1100px){#orders-ajax-root.ho-orders-71 .ho71-period-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){#orders-ajax-root.ho-orders-71 .ho71-filter-panel{padding:13px;gap:11px}#orders-ajax-root.ho-orders-71 .ho71-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link{font-size:14px;min-height:47px}#orders-ajax-root.ho-orders-71 .ho71-detail-filters>summary{flex-wrap:wrap;gap:5px 9px}#orders-ajax-root.ho-orders-71 .ho71-detail-filters>summary>span:first-of-type{flex:1 1 150px}}
@media(prefers-reduced-motion:reduce){#orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link{transition:none}#orders-ajax-root.ho-orders-71 .ho71-period-grid .ho56-period-link:hover{transform:none}}
@media print{#orders-ajax-root.ho-orders-71 .ho71-filter-panel{display:none!important}}
/* Override legacy status-specific !important inner strokes at the same/higher specificity. */
body #orders-ajax-root.ho-orders-68.ho-orders-71 .ho54-list .ho54-row:is(.is-new,.active,.ho56-row-status-new,.ho56-row-status-accepted,.ho56-row-status-ready,.ho56-row-status-pickup_ready,.ho56-row-status-completed,.ho56-row-status-cancelled) .ho54-row-link{
 border:0!important;border-left:0!important;box-shadow:none!important;background:transparent!important;padding:13px 15px!important;
}
body #orders-ajax-root.ho-orders-68.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-new{border-color:#32c979!important}
body #orders-ajax-root.ho-orders-68.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-accepted{border-color:#64a8ee!important}
body #orders-ajax-root.ho-orders-68.ho-orders-71 .ho54-list .ho54-row.ho56-row-status-cancelled{border-color:#de7070!important}

/* HayOrder v1.1.07: prominent pickup time and reliable detail-dialog layering. */
.app-shell>.ho59-order-backdrop{position:fixed;inset:0;z-index:2000}
#orders-ajax-root.ho-orders-54 .ho54-row-link>.ho107-card-footer{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:4px -2px -2px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--line) 88%,var(--ho71-status));border-radius:10px;background:color-mix(in srgb,var(--surface-soft) 88%,var(--ho71-status) 12%);min-width:0}
#orders-ajax-root.ho-orders-54 .ho107-card-footer .ho54-cell-pickup{grid-column:auto!important;grid-row:auto!important;display:grid;grid-template-columns:auto minmax(72px,auto) minmax(0,1fr);align-items:center;gap:9px 11px;min-width:0}
#orders-ajax-root.ho-orders-54 .ho107-pickup-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
#orders-ajax-root.ho-orders-54 .ho107-pickup-label .icon{width:15px;height:15px;color:var(--ho71-status)}
#orders-ajax-root.ho-orders-54 .ho107-pickup-time{display:grid;gap:1px;min-width:0}
#orders-ajax-root.ho-orders-54 .ho107-pickup-time strong{font-size:15px;line-height:1.2;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
#orders-ajax-root.ho-orders-54 .ho107-pickup-time small{font-size:9px;line-height:1.25;color:var(--muted)}
#orders-ajax-root.ho-orders-54 .ho107-card-footer .ho-pickup-countdown{justify-self:start;margin:0;font-size:10px}
#orders-ajax-root.ho-orders-54 .ho107-card-amount{display:grid;justify-items:end;gap:2px;padding-left:12px;border-left:1px solid var(--line);white-space:nowrap}
#orders-ajax-root.ho-orders-54 .ho107-card-amount>small{font-size:8px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:800}
#orders-ajax-root.ho-orders-54 .ho107-card-amount>.ho54-cell-amount{grid-column:auto!important;grid-row:auto!important;align-self:auto!important;font-size:16px;line-height:1.2}
@media(max-width:580px){#orders-ajax-root.ho-orders-54 .ho107-card-footer .ho54-cell-pickup{grid-template-columns:auto minmax(72px,1fr)}#orders-ajax-root.ho-orders-54 .ho107-card-footer .ho-pickup-countdown{grid-column:1/-1}#orders-ajax-root.ho-orders-54 .ho107-pickup-label{white-space:normal}}

/* HayOrder v1.1.10: modal and card information hierarchy. */
#orders-ajax-root.ho-orders-110>.ho59-order-backdrop{position:fixed;inset:0;z-index:3000}
#orders-ajax-root.ho-orders-110.ho59-modal-ready .ho54-detail:not([hidden]){z-index:3100!important}
#orders-ajax-root.ho-orders-110 .ho54-row-link>.ho107-card-footer{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:12px;padding:11px 12px}
#orders-ajax-root.ho-orders-110 .ho110-status-block{display:grid;align-content:center;justify-items:start;gap:5px;min-width:82px;padding-right:12px;border-right:1px solid var(--line)}
#orders-ajax-root.ho-orders-110 .ho110-status-block>small,#orders-ajax-root.ho-orders-110 .ho107-card-amount>small{font-size:8px;line-height:1.2;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-weight:850}
#orders-ajax-root.ho-orders-110 .ho110-status-block .ho54-cell-status{grid-column:auto!important;grid-row:auto!important;justify-self:start!important}
#orders-ajax-root.ho-orders-110 .ho110-status-block .order-status{white-space:nowrap!important;font-size:10px!important;padding:5px 8px!important}
#orders-ajax-root.ho-orders-110 .ho107-card-footer .ho54-cell-pickup{display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto;align-content:center;gap:5px!important;min-width:0}
#orders-ajax-root.ho-orders-110 .ho110-pickup-main{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 10px;min-width:0}
#orders-ajax-root.ho-orders-110 .ho107-pickup-time{display:flex;align-items:baseline;gap:7px;min-width:0}
#orders-ajax-root.ho-orders-110 .ho107-pickup-time strong{font-size:18px;line-height:1.1;letter-spacing:-.02em}
#orders-ajax-root.ho-orders-110 .ho107-pickup-time small{font-size:9px;white-space:nowrap}
#orders-ajax-root.ho-orders-110 .ho107-card-footer .ho-pickup-countdown{justify-self:auto;flex:0 0 auto;font-size:9px;padding:3px 6px}
#orders-ajax-root.ho-orders-110 .ho107-card-amount{align-content:center;min-width:76px}
#orders-ajax-root.ho-orders-110 .ho107-card-amount>.ho54-cell-amount{font-size:17px}
@media(max-width:580px){
 #orders-ajax-root.ho-orders-110 .ho54-row-link>.ho107-card-footer{grid-template-columns:minmax(0,1fr) auto}
 #orders-ajax-root.ho-orders-110 .ho110-status-block{min-width:0}
 #orders-ajax-root.ho-orders-110 .ho107-card-footer .ho54-cell-pickup{grid-column:1/-1!important;grid-row:2!important;padding-top:9px;border-top:1px solid var(--line)}
 #orders-ajax-root.ho-orders-110 .ho107-card-amount{grid-column:2;grid-row:1}
}
@media print{#orders-ajax-root.ho-orders-110>.ho59-order-backdrop{display:none!important}}