/* HayOrder 1.1.22/1.1.23 — independent responsive orders page */
#orders-ajax-root.ho-orders-122{
  --ho122-panel:#111820;
  --ho122-card:#151f29;
  --ho122-card-deep:#101923;
  --ho122-line:rgba(119,143,166,.22);
  --ho122-text:#f3f6f9;
  --ho122-muted:#9eabb7;
  --ho122-gold:#efb640;
  display:block;
  width:100%;
  min-width:0;
}
#orders-ajax-root.ho-orders-122 .ho122-page-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  margin:0 0 24px;padding:0;
}
#orders-ajax-root.ho-orders-122 .ho122-eyebrow{
  display:block;margin-bottom:7px;color:#c6d0da;font-size:11px;font-weight:750;letter-spacing:.105em;
}
#orders-ajax-root.ho-orders-122 .ho122-page-head h2{
  margin:0;color:var(--ho122-text);font-size:clamp(30px,2.4vw,42px);line-height:1.05;font-weight:760;letter-spacing:-.045em;
}
#orders-ajax-root.ho-orders-122 .ho122-page-head p{
  margin:9px 0 0;color:var(--ho122-muted);font-size:14px;line-height:1.45;
}
#orders-ajax-root.ho-orders-122 .ho122-page-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#orders-ajax-root.ho-orders-122 .ho122-page-actions form{margin:0}
#orders-ajax-root.ho-orders-122 .ho122-page-actions button{min-height:44px;padding:0 16px;border-radius:12px;font-size:13px}

#orders-ajax-root.ho-orders-122 .ho122-status-nav{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;
  margin:0 0 12px;padding:10px;border:1px solid var(--ho122-line);border-radius:16px;background:rgba(10,16,23,.72);
}
#orders-ajax-root.ho-orders-122 .ho122-status-filter{
  --filter-color:#8ea2b5;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;
  min-width:0;min-height:48px;padding:9px 11px;border:1px solid rgba(119,143,166,.18);border-radius:11px;
  color:#c9d2da;background:rgba(29,39,49,.60);text-decoration:none;font-size:12px;font-weight:680;line-height:1.15;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
#orders-ajax-root.ho-orders-122 .ho122-status-filter:hover{border-color:color-mix(in srgb,var(--filter-color) 50%,transparent);background:rgba(37,48,60,.82);transform:translateY(-1px)}
#orders-ajax-root.ho-orders-122 .ho122-status-filter>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#orders-ajax-root.ho-orders-122 .ho122-status-filter>strong{
  display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:8px;color:#dbe3ea;background:rgba(255,255,255,.06);font-size:11px;font-weight:750;
}
#orders-ajax-root.ho-orders-122 .ho122-filter-dot{width:8px;height:8px;border-radius:50%;background:var(--filter-color);box-shadow:0 0 9px color-mix(in srgb,var(--filter-color) 55%,transparent)}
#orders-ajax-root.ho-orders-122 .ho122-status-filter.is-all{--filter-color:#9aabb9}
#orders-ajax-root.ho-orders-122 .ho122-status-filter.is-new{--filter-color:#36d58e}
#orders-ajax-root.ho-orders-122 .ho122-status-filter.is-accepted{--filter-color:#5ca8f2}
#orders-ajax-root.ho-orders-122 .ho122-status-filter.is-processing{--filter-color:#eba34e}
#orders-ajax-root.ho-orders-122 .ho122-status-filter.is-completed{--filter-color:#748af2}
#orders-ajax-root.ho-orders-122 .ho122-status-filter.is-cancelled{--filter-color:#ed6f7a}
#orders-ajax-root.ho-orders-122 .ho122-status-filter.is-active{
  color:#fff;border-color:color-mix(in srgb,var(--filter-color) 65%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--filter-color) 23%,#1a2530),rgba(25,35,45,.88));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--filter-color) 18%,transparent);
}
#orders-ajax-root.ho-orders-122 .ho122-status-filter.is-active>strong{color:#fff;background:color-mix(in srgb,var(--filter-color) 28%,transparent)}

#orders-ajax-root.ho-orders-122 .ho122-filter-panel{
  margin:0 0 14px;padding:15px;border:1px solid var(--ho122-line);border-radius:16px;background:rgba(11,18,25,.74);
}
#orders-ajax-root.ho-orders-122 .ho122-filter-form{
  display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(160px,.65fr) minmax(180px,.75fr) auto auto;align-items:end;gap:10px;
}
#orders-ajax-root.ho-orders-122 .ho122-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}
#orders-ajax-root.ho-orders-122 .ho122-field>span{color:#aab7c3;font-size:9.5px;font-weight:750;letter-spacing:.105em;text-transform:uppercase}
#orders-ajax-root.ho-orders-122 .ho122-field input,
#orders-ajax-root.ho-orders-122 .ho122-field select{
  width:100%;height:44px;min-width:0;margin:0;padding:0 13px;border:1px solid rgba(116,140,163,.30);border-radius:11px;
  color:#e8edf2;background:#151f29;font-family:inherit;font-size:13px;font-weight:650;line-height:1.2;box-shadow:none;
}
#orders-ajax-root.ho-orders-122 .ho122-field input:focus,
#orders-ajax-root.ho-orders-122 .ho122-field select:focus{outline:0;border-color:#5b9ee3;box-shadow:0 0 0 3px rgba(72,139,210,.13)}
#orders-ajax-root.ho-orders-122 .ho122-filter-submit,
#orders-ajax-root.ho-orders-122 .ho122-filter-reset{
  display:inline-flex;align-items:center;justify-content:center;height:44px;margin:0;padding:0 17px;border-radius:11px;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap;
}
#orders-ajax-root.ho-orders-122 .ho122-filter-submit{border:1px solid #e3aa38;color:#18130a;background:var(--ho122-gold)}
#orders-ajax-root.ho-orders-122 .ho122-filter-reset{border:1px solid rgba(119,143,166,.28);color:#c3cdd6;background:#1b252e}
#orders-ajax-root.ho-orders-122 .ho-order-results{margin:0 0 16px;padding:0;color:#98a5b0;font-size:12px;line-height:1.35}

#orders-ajax-root.ho-orders-122 .ho122-orders-workspace,
#orders-ajax-root.ho-orders-122 .ho122-order-list{display:block;width:100%;min-width:0;margin:0;padding:0}
#orders-ajax-root.ho-orders-122 .ho122-order-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:max-content!important;align-items:start!important;gap:14px!important;
  width:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;overflow:visible!important;overscroll-behavior:auto!important;
}
#orders-ajax-root.ho-orders-122 .ho122-order-card{
  --status:#5ca8f2;--status-soft:rgba(92,168,242,.13);
  position:relative!important;display:block!important;align-self:start!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
  border:0!important;background:none!important;box-shadow:none!important;transform:none!important;overflow:visible!important;
}
#orders-ajax-root.ho-orders-122 .ho122-order-card.is-status-new{--status:#36d58e;--status-soft:rgba(54,213,142,.13)}
#orders-ajax-root.ho-orders-122 .ho122-order-card.is-status-accepted{--status:#5ca8f2;--status-soft:rgba(92,168,242,.13)}
#orders-ajax-root.ho-orders-122 .ho122-order-card.is-status-ready{--status:#eba34e;--status-soft:rgba(235,163,78,.14)}
#orders-ajax-root.ho-orders-122 .ho122-order-card.is-status-pickup_ready{--status:#32cce9;--status-soft:rgba(50,204,233,.13)}
#orders-ajax-root.ho-orders-122 .ho122-order-card.is-status-completed{--status:#748af2;--status-soft:rgba(116,138,242,.13)}
#orders-ajax-root.ho-orders-122 .ho122-order-card.is-status-cancelled{--status:#ed6f7a;--status-soft:rgba(237,111,122,.13)}
#orders-ajax-root.ho-orders-122 .ho122-order-link{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;
  grid-template-areas:'identity amount' 'items countdown' 'facts facts'!important;grid-template-rows:auto auto auto!important;
  align-content:start!important;align-items:start!important;gap:0 12px!important;
  width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:15px 14px 13px 16px!important;
  border:1px solid rgba(102,126,149,.30)!important;border-left:3px solid var(--status)!important;border-radius:15px!important;
  color:var(--ho122-text)!important;background:linear-gradient(150deg,var(--ho122-card),var(--ho122-card-deep))!important;
  box-shadow:0 12px 28px rgba(1,8,16,.17)!important;text-decoration:none!important;overflow:hidden!important;transform:none!important;
}
#orders-ajax-root.ho-orders-122 .ho122-order-link:hover{border-top-color:rgba(124,150,174,.46)!important;border-right-color:rgba(124,150,174,.46)!important;border-bottom-color:rgba(124,150,174,.46)!important;box-shadow:0 16px 34px rgba(1,8,16,.24)!important}
#orders-ajax-root.ho-orders-122 .ho122-order-card.is-selected .ho122-order-link{box-shadow:0 0 0 1px color-mix(in srgb,var(--status) 34%,transparent),0 16px 34px rgba(1,8,16,.25)!important}
#orders-ajax-root.ho-orders-122 .ho122-card-identity{
  position:static!important;grid-area:identity!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;
  min-width:0!important;margin:0!important;padding:0!important;transform:none!important;
}
#orders-ajax-root.ho-orders-122 .ho122-order-ref{display:block;max-width:100%;color:#f4f7fa;font-size:14px;line-height:1.22;font-weight:760;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#orders-ajax-root.ho-orders-122 .ho122-customer{display:block;max-width:100%;margin-top:3px;color:#e2e8ed;font-size:13px;line-height:1.25;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#orders-ajax-root.ho-orders-122 .ho122-card-identity>small{color:#8f9daa;font-size:10.5px;line-height:1.25;font-weight:500}
#orders-ajax-root.ho-orders-122 .ho122-card-amount{
  position:static!important;grid-area:amount!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;
  width:108px!important;min-width:108px!important;min-height:58px!important;margin:0!important;padding:8px 10px!important;border:1px solid rgba(109,133,156,.24)!important;border-radius:12px!important;
  background:rgba(27,39,51,.76)!important;transform:none!important;
}
#orders-ajax-root.ho-orders-122 .ho122-card-amount>small{color:#a9b6c2;font-size:8px;line-height:1;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
#orders-ajax-root.ho-orders-122 .ho122-card-amount>strong{margin-top:6px;color:#fff;font-size:19px;line-height:1;font-weight:760;letter-spacing:-.025em;white-space:nowrap}
#orders-ajax-root.ho-orders-122 .ho122-item-count{
  position:static!important;grid-area:items!important;display:inline-flex!important;align-items:center!important;justify-self:start!important;align-self:center!important;gap:7px!important;
  min-height:30px!important;margin:10px 0 0!important;padding:5px 9px 5px 7px!important;border:1px solid rgba(68,149,218,.27)!important;border-radius:10px!important;
  color:#bfccd7!important;background:rgba(17,47,70,.40)!important;font-size:11px!important;line-height:1!important;font-weight:650!important;transform:none!important;
}
#orders-ajax-root.ho-orders-122 .ho122-item-count>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(47,169,240,.38);border-radius:5px;color:#3db8f4}
#orders-ajax-root.ho-orders-122 .ho122-item-count svg{width:11px;height:11px}
#orders-ajax-root.ho-orders-122 .ho122-card-countdown{
  position:static!important;grid-area:countdown!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;
  width:108px!important;min-width:108px!important;min-height:30px!important;margin:10px 0 0!important;padding:0!important;transform:none!important;
}
#orders-ajax-root.ho-orders-122 .ho122-card-countdown .ho-pickup-countdown,
#orders-ajax-root.ho-orders-122 .ho122-card-countdown .ho122-timer-static{
  position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;min-height:28px!important;
  margin:0!important;padding:5px 9px!important;border:1px solid rgba(237,100,118,.62)!important;border-radius:999px!important;
  color:#ff8ea0!important;background:rgba(96,36,48,.27)!important;font-size:9.5px!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important;transform:none!important;
}
#orders-ajax-root.ho-orders-122 .ho122-card-countdown .ho-pickup-countdown:not(.is-overdue){color:#7ce2b0!important;border-color:rgba(63,204,137,.48)!important;background:rgba(27,90,63,.26)!important}
#orders-ajax-root.ho-orders-122 .ho122-card-countdown .ho122-timer-static{color:#a9b5bf!important;border-color:rgba(119,143,166,.25)!important;background:rgba(38,51,63,.38)!important}
#orders-ajax-root.ho-orders-122 .ho122-card-facts{
  position:static!important;grid-area:facts!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;gap:0!important;
  width:100%!important;min-width:0!important;min-height:59px!important;margin:11px 0 0!important;padding:0!important;border:1px solid color-mix(in srgb,var(--status) 25%,rgba(105,130,153,.25))!important;border-radius:12px!important;
  background:linear-gradient(135deg,var(--status-soft),rgba(13,27,38,.78))!important;overflow:hidden!important;transform:none!important;
}
#orders-ajax-root.ho-orders-122 .ho122-fact{
  position:static!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;
  min-width:0!important;min-height:59px!important;margin:0!important;padding:8px 10px!important;transform:none!important;
}
#orders-ajax-root.ho-orders-122 .ho122-fact+.ho122-fact{border-left:1px solid rgba(116,141,164,.18)}
#orders-ajax-root.ho-orders-122 .ho122-fact>small{display:flex;align-items:center;gap:5px;color:#aab8c4;font-size:8px;line-height:1;font-weight:750;letter-spacing:.105em;text-transform:uppercase}
#orders-ajax-root.ho-orders-122 .ho122-fact>small svg{width:11px;height:11px;color:var(--status)}
#orders-ajax-root.ho-orders-122 .ho122-status{
  display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:27px;padding:5px 8px;border-radius:999px;
  color:color-mix(in srgb,var(--status) 55%,white);background:color-mix(in srgb,var(--status) 22%,transparent);font-size:9.5px;line-height:1;font-weight:700;white-space:nowrap;
}
#orders-ajax-root.ho-orders-122 .ho122-status i{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--status);box-shadow:0 0 8px color-mix(in srgb,var(--status) 60%,transparent)}
#orders-ajax-root.ho-orders-122 .ho122-fact-pickup>strong{color:#f1f5f8;font-size:14px;line-height:1.05;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
#orders-ajax-root.ho-orders-122 .ho122-fact-pickup>time{color:#8f9daa;font-size:8.5px;line-height:1;font-weight:500}
#orders-ajax-root.ho-orders-122 .order-empty{margin:0;border:1px solid var(--ho122-line);border-radius:16px;background:rgba(17,24,32,.82)}

body.theme-light #orders-ajax-root.ho-orders-122{
  --ho122-panel:#fff;--ho122-card:#fff;--ho122-card-deep:#f5f8fb;--ho122-line:rgba(52,72,92,.18);--ho122-text:#17212b;--ho122-muted:#667584;
}
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-status-nav,
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-filter-panel{background:rgba(247,249,251,.94)}
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-status-filter{color:#465667;background:#fff}
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-field input,
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-field select{color:#17212b;background:#fff}
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-order-ref,
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-card-amount>strong,
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-fact-pickup>strong{color:#17212b}
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-customer{color:#2b3947}
body.theme-light #orders-ajax-root.ho-orders-122 .ho122-card-amount{background:#f4f7fa!important}

@media(max-width:1450px){
  #orders-ajax-root.ho-orders-122 .ho122-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #orders-ajax-root.ho-orders-122 .ho122-status-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  #orders-ajax-root.ho-orders-122 .ho122-filter-form{grid-template-columns:minmax(260px,1.4fr) minmax(150px,.7fr) minmax(170px,.8fr) auto}
  #orders-ajax-root.ho-orders-122 .ho122-filter-reset{grid-column:1/-1;justify-self:start;height:34px;padding:0 12px}
}
@media(max-width:900px){
  #orders-ajax-root.ho-orders-122 .ho122-order-grid{grid-template-columns:minmax(0,1fr)!important}
  #orders-ajax-root.ho-orders-122 .ho122-filter-form{grid-template-columns:minmax(0,1fr) minmax(160px,.55fr)}
  #orders-ajax-root.ho-orders-122 .ho122-search{grid-column:1/-1}
  #orders-ajax-root.ho-orders-122 .ho122-filter-submit{width:100%}
  #orders-ajax-root.ho-orders-122 .ho122-filter-reset{grid-column:auto;justify-self:stretch;height:44px}
}
@media(max-width:640px){
  #orders-ajax-root.ho-orders-122 .ho122-page-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}
  #orders-ajax-root.ho-orders-122 .ho122-page-head h2{font-size:31px}
  #orders-ajax-root.ho-orders-122 .ho122-page-head p{font-size:12.5px}
  #orders-ajax-root.ho-orders-122 .ho122-page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  #orders-ajax-root.ho-orders-122 .ho122-page-actions button{width:100%;padding-inline:9px}
  #orders-ajax-root.ho-orders-122 .ho122-status-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
  #orders-ajax-root.ho-orders-122 .ho122-status-filter{min-height:44px;padding:8px 9px;font-size:11px}
  #orders-ajax-root.ho-orders-122 .ho122-filter-panel{padding:12px}
  #orders-ajax-root.ho-orders-122 .ho122-filter-form{grid-template-columns:minmax(0,1fr)}
  #orders-ajax-root.ho-orders-122 .ho122-search{grid-column:auto}
  #orders-ajax-root.ho-orders-122 .ho122-filter-reset{grid-column:auto}
  #orders-ajax-root.ho-orders-122 .ho-order-results{font-size:11px}
  #orders-ajax-root.ho-orders-122 .ho122-order-link{grid-template-columns:minmax(0,1fr) 96px!important;gap:0 9px!important;min-height:0!important;padding:13px 11px 11px 13px!important}
  #orders-ajax-root.ho-orders-122 .ho122-order-ref{font-size:13px}
  #orders-ajax-root.ho-orders-122 .ho122-customer{font-size:12.5px}
  #orders-ajax-root.ho-orders-122 .ho122-card-identity>small{font-size:10px}
  #orders-ajax-root.ho-orders-122 .ho122-card-amount{width:96px!important;min-width:96px!important;min-height:55px!important;padding:8px!important}
  #orders-ajax-root.ho-orders-122 .ho122-card-amount>strong{font-size:17.5px}
  #orders-ajax-root.ho-orders-122 .ho122-card-countdown{width:96px!important;min-width:96px!important}
  #orders-ajax-root.ho-orders-122 .ho122-card-countdown .ho-pickup-countdown,
  #orders-ajax-root.ho-orders-122 .ho122-card-countdown .ho122-timer-static{font-size:9px!important;padding-inline:7px!important}
  #orders-ajax-root.ho-orders-122 .ho122-card-facts{min-height:56px!important;margin-top:10px!important}
  #orders-ajax-root.ho-orders-122 .ho122-fact{min-height:56px!important;padding:7px 8px!important}
  #orders-ajax-root.ho-orders-122 .ho122-status{font-size:9px;padding-inline:7px}
  #orders-ajax-root.ho-orders-122 .ho122-fact-pickup>strong{font-size:13px}
}
@media(max-width:370px){
  #orders-ajax-root.ho-orders-122 .ho122-status-nav{grid-template-columns:minmax(0,1fr)}
  #orders-ajax-root.ho-orders-122 .ho122-order-link{grid-template-columns:minmax(0,1fr) 90px!important;padding-left:11px!important}
  #orders-ajax-root.ho-orders-122 .ho122-card-amount,
  #orders-ajax-root.ho-orders-122 .ho122-card-countdown{width:90px!important;min-width:90px!important}
  #orders-ajax-root.ho-orders-122 .ho122-card-amount>strong{font-size:16.5px}
  #orders-ajax-root.ho-orders-122 .ho122-status{font-size:8.5px}
  #orders-ajax-root.ho-orders-122 .ho122-fact-pickup>strong{font-size:12px}
}

@media print{
  #orders-ajax-root.ho-orders-122 .ho122-page-head,
  #orders-ajax-root.ho-orders-122 .ho122-status-nav,
  #orders-ajax-root.ho-orders-122 .ho122-filter-panel,
  #orders-ajax-root.ho-orders-122 .ho-order-results,
  #orders-ajax-root.ho-orders-122 .ho122-order-list{display:none!important}
}