/* HayOrder 1.1.27: three-column order facts and one-page customer management. */

/* Order card: status, order received time and elapsed status time are equal information columns. */
#orders-ajax-root.ho-orders-127 .ho122-order-link{
  grid-template-areas:'identity amount' 'items .' 'facts facts'!important;
}
#orders-ajax-root.ho-orders-127 .ho122-card-facts{
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,.8fr)!important;
  min-height:72px!important;margin-top:12px!important;
}
#orders-ajax-root.ho-orders-127 .ho122-fact{
  min-height:72px!important;justify-content:flex-start!important;gap:8px!important;padding:11px 12px!important;
}
#orders-ajax-root.ho-orders-127 .ho122-fact>small{
  min-height:12px!important;color:#b7c5d0!important;font-size:8.5px!important;line-height:1.2!important;font-weight:780!important;letter-spacing:.105em!important;
}
#orders-ajax-root.ho-orders-127 .ho122-status{
  min-height:29px!important;margin-top:0!important;padding:6px 9px!important;font-size:10px!important;
}
#orders-ajax-root.ho-orders-127 .ho127-fact-received>strong{
  color:#f4f7fa!important;font-size:14px!important;line-height:1.05!important;font-weight:700!important;letter-spacing:-.01em!important;white-space:nowrap!important;
}
#orders-ajax-root.ho-orders-127 .ho127-fact-received>time{
  color:#91a1af!important;font-size:8.5px!important;line-height:1!important;font-weight:540!important;
}
#orders-ajax-root.ho-orders-127 .ho127-fact-elapsed .ho122-status-elapsed{
  display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:color-mix(in srgb,var(--status) 70%,#fff)!important;font-size:15px!important;line-height:1.05!important;font-weight:700!important;letter-spacing:.015em!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
body.theme-light #orders-ajax-root.ho-orders-127 .ho127-fact-received>strong{color:#17212b!important}
body.theme-light #orders-ajax-root.ho-orders-127 .ho127-fact-elapsed .ho122-status-elapsed{color:color-mix(in srgb,var(--status) 78%,#17212b)!important}
@media(max-width:560px){
  #orders-ajax-root.ho-orders-127 .ho122-card-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #orders-ajax-root.ho-orders-127 .ho122-fact-status{grid-column:1/-1!important;min-height:62px!important}
  #orders-ajax-root.ho-orders-127 .ho122-fact:nth-child(2){border-left:0!important;border-top:1px solid rgba(116,141,164,.18)!important}
  #orders-ajax-root.ho-orders-127 .ho122-fact:nth-child(3){border-top:1px solid rgba(116,141,164,.18)!important}
}
@media(max-width:370px){
  #orders-ajax-root.ho-orders-127 .ho122-card-facts{grid-template-columns:minmax(0,1fr)!important}
  #orders-ajax-root.ho-orders-127 .ho122-fact{grid-column:1!important;border-left:0!important}
  #orders-ajax-root.ho-orders-127 .ho122-fact+.ho122-fact{border-top:1px solid rgba(116,141,164,.18)!important}
}

/* Customers: both management and privacy settings live in one continuous tile page. */
.ho-customers{gap:18px!important}
.ho-customers #customer-directory,.ho-customers #customer-storage{scroll-margin-top:22px}
.ho-customers .ho-cus-section-nav{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.ho-customers .ho-cus-section-nav>a{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-content:center!important;gap:5px 14px!important;
  min-height:78px!important;padding:15px 52px 15px 17px!important;border:1px solid color-mix(in srgb,var(--line) 78%,var(--accent))!important;border-radius:16px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--accent)),var(--surface-soft))!important;color:var(--text)!important;box-shadow:0 10px 26px rgba(0,0,0,.10)!important;
}
.ho-customers .ho-cus-section-nav>a:after{
  content:'↓';position:absolute;right:16px;top:50%;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;transform:translateY(-50%);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-size:16px;font-weight:800;
}
.ho-customers .ho-cus-section-nav>a:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))!important;transform:translateY(-1px)}
.ho-customers .ho-cus-section-nav>a span{grid-column:1!important;display:inline-flex!important;align-items:center!important;gap:9px!important;color:var(--text)!important;font-size:14px!important;font-weight:760!important}
.ho-customers .ho-cus-section-nav>a small{grid-column:1!important;color:var(--muted)!important;font-size:11px!important;line-height:1.4!important}
.ho-customers .ho-cus-kpis{gap:12px!important}
.ho-customers .ho-cus-kpi{min-height:132px!important;padding:18px 18px 16px!important;border-radius:16px!important}
.ho-customers .ho-cus-kpi small{font-size:11px!important;font-weight:740!important}
.ho-customers .ho-cus-kpi strong{font-size:34px!important;line-height:1!important}
.ho-customers .ho-cus-kpi span{font-size:11.5px!important;line-height:1.4!important}
.ho-customers .ho-cus-layout-grid{gap:14px!important;align-items:start!important}
.ho-customers .ho-cus-card{border-radius:18px!important;box-shadow:0 14px 34px rgba(0,0,0,.10)!important}
.ho-customers .ho-cus-list-card,.ho-customers .ho-cus-detail-card{height:auto!important;min-height:0!important}
.ho-customers .ho-cus-settings{margin-top:2px!important;padding:22px!important}
.ho-customers .ho-cus-settings>.ho-cus-card-head{padding-bottom:17px!important;border-bottom:1px solid var(--line)!important}
.ho-customers .ho-cus-settings-summary{gap:12px!important;margin-bottom:14px!important}
.ho-customers .ho-cus-settings-summary article{min-height:118px!important;padding:16px!important}
.ho-customers .ho-cus-settings-grid{gap:12px!important}
.ho-customers .ho-cus-setting-block{padding:17px!important;border-radius:15px!important}
.ho-customers .ho-cus-storage-foot{gap:12px!important}
.ho-customers .ho-cus-primary-link[href="#customer-storage"],
.ho-customers .ho-cus-secondary[href="#customer-storage"]{scroll-behavior:smooth}
@media(max-width:1100px){
  .ho-customers .ho-cus-section-nav{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:760px){
  .ho-customers .ho-cus-section-nav>a{min-height:70px!important;padding:13px 48px 13px 14px!important}
  .ho-customers .ho-cus-settings{padding:15px!important}
  .ho-customers .ho-cus-settings>.ho-cus-card-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .ho-customers .ho-cus-settings>.ho-cus-card-head .ho-cus-primary{width:100%!important}
}
@media(prefers-reduced-motion:reduce){.ho-customers .ho-cus-section-nav>a{transition:none!important}}