.program-order{margin:0 0 28px;border:1px solid #d9cbb8;border-radius:12px;background:#f1eadf;overflow:hidden}.program-order-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 22px 0;color:#9d7954}.program-order-heading>div{min-width:0}.program-order-heading .eyebrow{font-size:8px;letter-spacing:1px;margin:0 0 8px}.program-order-heading h2{font:600 27px/1.05 var(--display);color:var(--ink);margin:0;overflow-wrap:anywhere}.program-order-heading h2>span{font:500 13px var(--font);color:var(--brand);margin-left:6px}.program-order-heading h2:focus{outline:none}.program-order-help{font-size:12px;line-height:1.6;color:#8c7760;margin:12px 22px 18px;max-width:550px}.program-order-fixed{display:flex;align-items:center;gap:10px;font-size:11px;color:#8c775e;padding:12px 22px;border-top:1px solid #e1d6c6}.program-order-fixed>span{font-size:9px;width:33px;color:#a4927d}.program-order-fixed>small{margin-left:auto;font-size:9px;color:#a4927d}.program-order-list{list-style:none;margin:0;padding:0 12px;max-height:355px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-top:1px solid #e1d6c6;background:#f9f5ee}.program-order-row{position:relative;display:grid;grid-template-columns:32px 23px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;min-height:65px;border-bottom:1px solid #e8ded0;color:var(--ink);background:#f9f5ee}.program-order-row:last-child{border-bottom:0}.program-order-handle{display:flex;align-items:center;justify-content:center;width:32px;min-height:44px;border-radius:6px;padding:0;background:#ebe3d7;color:#9d8668;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.program-order-handle:hover{color:var(--brand);background:#e5d7c4}.program-order-number{font-size:10px;color:#b19a7d;font-variant-numeric:tabular-nums}.program-order-label{min-width:0}.program-order-label>b{display:block;font-weight:500;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.program-order-label>small{display:block;font-size:10px;line-height:1.5;color:#948069;margin-top:4px;overflow-wrap:anywhere}.program-order-controls{display:flex;gap:4px}.program-order-controls>button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:38px;padding:7px 9px;border:1px solid #ded1bf;border-radius:6px;background:#fffcf7;color:#8c6a45;font-size:10px;white-space:nowrap}.program-order-controls>button>span{font-size:14px}.program-order-controls>button:hover:not(:disabled){border-color:#b99b76;color:var(--brand);background:#fff}.program-order-controls>button:disabled{opacity:.38;cursor:default}.program-order-status{font-size:10px;line-height:1.6;min-height:16px;color:#8b785f;margin:0;padding:8px 22px 12px}.program-order-empty{padding:20px 22px;font-size:12px;line-height:1.6;color:#967e61;margin:0;background:#f9f5ee}.program-order-row.is-drag-placeholder{background:#e9ded0;border:1px dashed #b89469;border-radius:7px}.program-order-row.is-drag-placeholder>*{opacity:.12}.program-order-ghost{position:fixed;z-index:1000;pointer-events:none;list-style:none;padding:10px 8px;border:1px solid #bca384!important;border-radius:8px;background:#fffaf2;box-shadow:0 9px 28px #48331b2b;opacity:.97}.program-order-ghost .program-order-handle{cursor:grabbing}.program-order.is-sorting{user-select:none;-webkit-user-select:none}.summary-order-link{display:flex;align-items:center;gap:6px;margin:0 24px 20px;padding:10px 0;background:transparent;color:var(--brand);text-align:left;font-size:12px;font-weight:500}.summary-order-note{padding:0 24px 12px;font-size:12px;line-height:1.6;color:#877258;margin:0}.summary-order-note b{color:var(--ink);font-weight:500}.summary-program-compact{padding:15px 24px;border-block:1px solid #e0d7c8;background:#f5f1e8}.summary-program-compact .summary-auto{margin-left:0}.summary-program-compact p:not(.summary-auto){font-size:12px;line-height:1.6;margin:12px 0;color:#8d7558}
@media(max-width:1150px){.program-order-row{grid-template-columns:30px 19px minmax(0,1fr);gap:7px}.program-order-controls{grid-column:3}.program-order-handle{grid-row:1/3;align-self:stretch}.program-order-number{align-self:start;margin-top:7px}.program-order-label{grid-column:3}.program-order-controls>button{font-size:11px;min-height:36px}.program-order-list{max-height:340px}}
@media(min-width:901px){.wizard-summary--program .summary-top{padding-bottom:16px}.wizard-summary--program .summary-symbol{margin-top:12px}}
@media(max-width:650px){.program-order-heading{padding:18px 15px 0;gap:10px}.program-order-heading h2{font-size:25px;line-height:1.12}.program-order-heading>svg{display:none}.program-order-help{font-size:12px;margin:10px 15px 15px}.program-order-fixed{padding:11px 15px;font-size:11px}.program-order-list{padding:0 10px;scrollbar-gutter:auto;max-height:350px}.program-order-row{grid-template-columns:28px 18px minmax(0,1fr);gap:6px}.program-order-handle{width:28px;min-height:44px}.program-order-label>b{font-size:13px}.program-order-label>small{font-size:11px}.program-order-controls{flex-wrap:wrap;gap:5px}.program-order-controls>button{font-size:10px;padding:5px 7px;min-height:38px}.program-order-status{font-size:11px;padding:8px 15px 12px}.program-order-ghost{padding:10px 4px}}

/* The preparation flow has five distinct stages, including its own ordering step. */
#hbv2-wizard .stepper{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#hbv2-wizard .stepper li:not(:last-child):after{width:12%;right:0}
#hbv2-wizard .stepper button{min-width:0}
#hbv2-wizard[data-step="3"] .program-order{margin-bottom:24px}
@media(max-width:1150px){#hbv2-wizard .stepper button{font-size:11px;gap:7px}#hbv2-wizard .stepper li:not(:last-child):after{display:none}}
@media(max-width:650px){#hbv2-wizard .stepper{gap:4px}#hbv2-wizard .stepper button{width:100%;flex-direction:column;align-items:center;gap:8px;font-size:9px;line-height:1.35;text-align:center}#hbv2-wizard .step-number{width:30px;height:30px;font-size:10px}#hbv2-wizard .stepper button>span:last-child{overflow-wrap:anywhere;min-width:0;max-width:100%}}
