/* HayOrder 1.1.33: readable mobile order details and compact legal editing. */

/* Legal settings: compact, scan-friendly cards with URL and manual text. */
.legal-page-1133{display:grid;gap:14px}
.legal-page-1133 .legal-hero{padding:20px 22px;margin:0}
.legal-page-1133 .legal-hero h2{font-size:34px;margin:2px 0 4px}
.legal-page-1133 .legal-progress{margin:0;padding:14px 18px}
.legal-page-1133 .legal-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.legal-page-1133 .legal-card{display:grid;align-content:start;gap:13px;margin:0;padding:18px}
.legal-page-1133 .legal-card-heading{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start}
.legal-page-1133 .legal-card-heading h3{margin:0 0 2px;font-size:19px}
.legal-page-1133 .legal-card-heading p{margin:0;font-size:12px;line-height:1.45}
.legal-page-1133 .legal-field-stack{display:grid;gap:7px;min-width:0}
.legal-page-1133 .legal-field-stack>label{margin:0;font-size:12px;font-weight:800;color:var(--text)}
.legal-page-1133 .legal-field-stack textarea{width:100%;min-height:126px;resize:vertical;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--text);font:inherit;font-size:13px;line-height:1.5}
.legal-page-1133 .legal-field-stack textarea:focus{outline:2px solid var(--link);outline-offset:1px;border-color:var(--link)}
.legal-page-1133 .legal-choice{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.12em}
.legal-page-1133 .legal-choice::before,.legal-page-1133 .legal-choice::after{content:"";height:1px;flex:1;background:var(--line)}
.legal-page-1133 .legal-open{justify-self:start;font-size:11px;font-weight:750}
.legal-page-1133 .legal-hint{margin:0;font-size:11px;line-height:1.45}
.legal-page-1133 .legal-info-note,.legal-page-1133 .legal-save{grid-column:1/-1;margin:0}

@media(max-width:1100px){.legal-page-1133 .legal-editor{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 .legal-page-1133{gap:11px}.legal-page-1133 .legal-hero{display:grid;padding:16px}.legal-page-1133 .legal-hero h2{font-size:29px}.legal-page-1133 .legal-preview{width:100%;justify-content:center}
 .legal-page-1133 .legal-progress{display:grid;gap:10px}.legal-page-1133 .legal-card{padding:15px}.legal-page-1133 .legal-card-heading{grid-template-columns:38px minmax(0,1fr)}.legal-page-1133 .legal-state{grid-column:2;justify-self:start}.legal-page-1133 .legal-save{display:grid;gap:12px}.legal-page-1133 .legal-save button{width:100%}
}

/* Mobile summary: the label stays left and every value is aligned on the right. */
#orders-ajax-root.ho-orders-132 .ho124-detail .ho-action-accept{border-color:#38d98d!important;color:#062817!important;background:linear-gradient(135deg,#52e3a0,#2fca80)!important}
#orders-ajax-root.ho-orders-132 .ho124-detail .ho-action-processing{border-color:#efa64b!important;color:#2b1904!important;background:linear-gradient(135deg,#ffc26b,#e89a38)!important}
#orders-ajax-root.ho-orders-132 .ho124-detail .ho-action-ready{border-color:#38cbe8!important;color:#05242c!important;background:linear-gradient(135deg,#65dcf1,#2ebbd8)!important}
#orders-ajax-root.ho-orders-132 .ho124-detail .ho-action-complete{border-color:#73d98d!important;color:#092711!important;background:linear-gradient(135deg,#91e7a5,#5dcc7a)!important}
@media(max-width:700px){
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-card{padding:0!important;overflow:hidden!important}
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-row{
  display:grid!important;grid-template-columns:minmax(112px,.82fr) minmax(0,1.18fr)!important;align-items:center!important;gap:16px!important;width:100%!important;min-height:76px!important;margin:0!important;padding:15px 18px!important
 }
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-row+ .ho128-summary-row{border-top:1px solid var(--line)!important}
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-row>span{font-size:13px!important;font-weight:850!important;letter-spacing:.07em!important;line-height:1.25!important;color:var(--muted)!important}
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-row>div{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;min-width:0!important;text-align:right!important}
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-row strong{font-size:18px!important;line-height:1.22!important;overflow-wrap:anywhere!important}
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-row small{font-size:12px!important;line-height:1.4!important}
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-row .ho54-total{font-size:24px!important}

 /* The history wraps into the available width and never creates a horizontal scroller. */
 body #orders-ajax-root.ho-orders-132 .ho55-timeline-frame{width:100%!important;max-width:100%!important;overflow:visible!important}
 body #orders-ajax-root.ho-orders-132 .ho54-timeline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important;padding:0!important;background:none!important}
 body #orders-ajax-root.ho-orders-132 .ho54-timeline .ho-timeline-event{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;min-width:0!important;min-height:82px!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface-soft)!important}
 body #orders-ajax-root.ho-orders-132 .ho54-timeline .ho-timeline-event::before,body #orders-ajax-root.ho-orders-132 .ho54-timeline .ho-timeline-event::after{display:none!important}
 body #orders-ajax-root.ho-orders-132 .ho54-timeline .ho-timeline-event.is-done{border-color:color-mix(in srgb,var(--link) 46%,var(--line))!important;background:color-mix(in srgb,var(--link) 10%,var(--surface-soft))!important}
 body #orders-ajax-root.ho-orders-132 .ho54-timeline .ho-timeline-event strong{font-size:14px!important;line-height:1.3!important}
 body #orders-ajax-root.ho-orders-132 .ho54-timeline .ho-timeline-event small{font-size:11px!important;line-height:1.35!important}

 /* Primary status action first; cancel and print form the balanced second row. */
 body #orders-ajax-root.ho-orders-132 .ho68-modal-footer{padding:12px 16px!important}
 body #orders-ajax-root.ho-orders-132 .ho68-action-caption{display:none!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons>form:has(.ho-action-accept,.ho54-primary-action){grid-column:1/-1!important;grid-row:1!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons>form:has(.ho54-cancel){grid-column:1!important;grid-row:2!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons>.ho54-print{grid-column:2!important;grid-row:2!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons>form:only-child,body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons>.ho54-print:only-child{grid-column:1/-1!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons form,body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons button{width:100%!important;min-width:0!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons button{min-height:54px!important;padding:10px 12px!important;font-size:14px!important;font-weight:850!important;line-height:1.22!important;white-space:normal!important;text-align:center!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons .ho54-print{background:#fff!important;border-color:#fff!important;color:#17212b!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons .ho54-print svg{color:#17212b!important}
}
@media(max-width:420px){
 body #orders-ajax-root.ho-orders-132 .ho124-detail .ho128-summary-row{grid-template-columns:minmax(102px,.8fr) minmax(0,1.2fr)!important;padding-inline:14px!important;gap:11px!important}
 body #orders-ajax-root.ho-orders-132 .ho54-timeline{grid-template-columns:minmax(0,1fr)!important}
 body #orders-ajax-root.ho-orders-132 .ho68-footer-buttons button{font-size:13px!important;padding-inline:8px!important}
}