/* HayOrder 1.1.34: cleaner mobile order detail actions, header fixes and softer customer cards. */

/* ORDER DETAILS */
#orders-ajax-root.ho-orders-134 .ho124-detail .ho54-detail-header{
  position:sticky!important;top:0!important;z-index:8!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho54-detail-identity{min-width:0!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho54-detail-identity-line{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho54-detail-identity-line h2{
  flex:1 1 100%!important;width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho55-history-section{padding:18px!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho55-section-heading{
  display:flex!important;align-items:end!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin-bottom:14px!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho55-section-heading span{font-size:10px!important;letter-spacing:.15em!important;font-weight:800!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho55-section-heading h3{font-size:28px!important;line-height:1.08!important;margin:4px 0 0!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho55-section-heading small{font-size:12px!important;color:#8fa0ae!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho55-timeline-frame{
  margin:0!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho54-timeline,
#orders-ajax-root.ho-orders-134 .ho124-detail .ho54-timeline.has-cancellation{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;min-width:0!important;max-width:100%!important;overflow:visible!important;padding:0!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event{
  display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;
  min-width:0!important;min-height:106px!important;padding:14px!important;border-radius:14px!important;
  border:1px solid rgba(113,135,157,.22)!important;background:linear-gradient(180deg,rgba(31,42,54,.74),rgba(19,27,37,.72))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event::before,
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event::after{display:none!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event.is-done{
  border-color:rgba(63,195,123,.30)!important;background:linear-gradient(180deg,rgba(22,58,45,.72),rgba(18,35,31,.72))!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event.is-pending{
  background:linear-gradient(180deg,rgba(34,43,54,.68),rgba(22,29,38,.68))!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event.is-cancelled{
  border-color:rgba(227,104,118,.34)!important;background:linear-gradient(180deg,rgba(79,35,42,.70),rgba(47,22,27,.70))!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-dot{
  width:14px!important;height:14px!important;flex:0 0 14px!important;border-width:2px!important;margin-top:2px!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event strong{font-size:14px!important;line-height:1.3!important;font-weight:760!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event small{margin-top:4px!important;font-size:11px!important;line-height:1.42!important;color:#9babb8!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-modal-footer{
  position:sticky!important;bottom:0!important;z-index:8!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
  padding:14px 18px max(14px,env(safe-area-inset-bottom))!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-action-caption{display:none!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;width:100%!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons>*,
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons form{min-width:0!important;width:100%!important;margin:0!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons>:first-child{grid-column:1/-1!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons>:only-child{grid-column:1/-1!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons :is(button,.secondary,.ho54-primary-action,.ho-action-accept,.ho54-cancel,.ho54-print){
  width:100%!important;min-height:56px!important;padding:12px 14px!important;border-radius:14px!important;
  font-size:15px!important;line-height:1.2!important;font-weight:820!important;white-space:normal!important;text-align:center!important;
}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons .ho54-cancel{color:#ffe2e4!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons .ho54-print{background:#f2f4f7!important;border-color:#f2f4f7!important;color:#17212b!important}
#orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons .ho54-print svg{color:#17212b!important}

/* Mobile fine tuning */
@media(max-width:900px){
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-timeline,
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-timeline.has-cancellation{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-detail-header{
    grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;padding:14px 14px 12px!important;
  }
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho-order-detail-kicker{font-size:10px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-detail-identity-line{gap:8px!important;margin-top:8px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-detail-identity-line h2{font-size:22px!important;line-height:1.08!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-detail-identity-line :is(.order-status,.ho54-test-pill){min-height:32px!important;padding:7px 11px!important;font-size:11px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho68-detail-scroll{padding:12px 12px 14px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho55-history-section{padding:15px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho55-section-heading h3{font-size:24px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-timeline,
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-timeline.has-cancellation{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho-timeline-event{min-height:96px!important;padding:12px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho68-modal-footer{padding:12px 12px max(12px,env(safe-area-inset-bottom))!important}
}
@media(max-width:430px){
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-timeline,
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho54-timeline.has-cancellation{grid-template-columns:minmax(0,1fr)!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons{gap:9px!important}
  #orders-ajax-root.ho-orders-134 .ho124-detail .ho68-footer-buttons :is(button,.secondary,.ho54-primary-action,.ho-action-accept,.ho54-cancel,.ho54-print){min-height:54px!important;font-size:14px!important}
}

/* CUSTOMERS PAGE */
.ho-customers .ho-cus-kpi{
  position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--line) 76%,rgba(255,255,255,.06))!important;box-shadow:0 10px 28px rgba(0,0,0,.10)!important;
}
.ho-customers .ho-cus-kpi.kpi-green{background:linear-gradient(180deg,rgba(20,77,57,.36),rgba(16,29,24,.92))!important}
.ho-customers .ho-cus-kpi.kpi-gold{background:linear-gradient(180deg,rgba(109,72,17,.34),rgba(29,24,17,.92))!important}
.ho-customers .ho-cus-kpi.kpi-blue{background:linear-gradient(180deg,rgba(25,72,126,.34),rgba(17,26,39,.92))!important}
.ho-customers .ho-cus-kpi.kpi-red{background:linear-gradient(180deg,rgba(110,34,44,.34),rgba(31,18,22,.92))!important}
.ho-customers .ho-cus-kpi small{opacity:.88}
.ho-customers .ho-cus-filters{
  gap:10px!important;border:0!important;background:none!important;overflow:visible!important;margin-top:2px!important;
}
.ho-customers .ho-cus-filters a{
  min-height:54px!important;padding:12px 15px!important;border-radius:14px!important;border:1px solid color-mix(in srgb,var(--line) 80%,rgba(255,255,255,.08))!important;
  background:linear-gradient(180deg,rgba(32,42,53,.76),rgba(21,28,37,.84))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.ho-customers .ho-cus-filters a strong{padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px!important}
.ho-customers .ho-cus-filters a.active{
  background:linear-gradient(180deg,rgba(91,135,212,.38),rgba(36,53,85,.92))!important;border-color:rgba(105,151,226,.46)!important;color:#f5f8fb!important;
}
.ho-customers .ho-cus-filters a.active strong{background:rgba(255,255,255,.16)!important;color:#fff!important}
.ho-customers .ho-cus-searchbar{align-items:stretch!important}
.ho-customers .ho-cus-searchbar button{min-width:112px!important}
@media(max-width:960px){
  .ho-customers .ho-cus-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .ho-customers .ho-cus-card-head{gap:10px!important}
  .ho-customers .ho-cus-searchbar{grid-template-columns:minmax(0,1fr)!important}
  .ho-customers .ho-cus-searchbar button{width:100%!important}
  .ho-customers .ho-cus-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ho-customers .ho-cus-filters a{min-height:50px!important;padding:10px 12px!important;font-size:12px!important}
}
@media(max-width:460px){
  .ho-customers .ho-cus-kpis,.ho-customers .ho-cus-filters{grid-template-columns:minmax(0,1fr)!important}
}