.hl-oi-overlay{position:fixed;inset:0;background:#071b2e99;z-index:2147483647;display:grid;place-items:center;padding:18px}.hl-oi-modal{background:#fff;border-radius:18px;width:min(560px,100%);padding:28px;position:relative;box-shadow:0 25px 70px #0003}.hl-oi-x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.hl-oi-products{background:#f5f9fc;border-radius:12px;padding:14px;margin:18px 0;max-height:220px;overflow:auto}.hl-oi-primary,.hl-oi-card button{border:0;border-radius:9px;padding:11px 16px;background:#0877c9;color:#fff;font-weight:700;cursor:pointer}.hl-oi-spinner{width:34px;height:34px;border:4px solid #dbeaf5;border-top-color:#0877c9;border-radius:50%;animation:hlspin .8s linear infinite;margin:22px auto}@keyframes hlspin{to{transform:rotate(360deg)}}.hl-oi-list{display:grid;gap:12px}.hl-oi-card{border:1px solid #dce7ef;border-radius:12px;padding:15px;display:grid;gap:10px}.hl-oi-card small{display:block;color:#71879a;margin-top:4px}.hl-oi-card textarea{width:100%;min-height:70px;padding:9px;box-sizing:border-box}.hl-oi-card [data-no]{background:#b42318;margin-left:8px}
.hl-oi-hours-panel{margin:0 0 18px;padding:18px;border:1px solid #dce7ef;border-radius:12px;background:linear-gradient(145deg,#f7fbff,#fff)}.hl-oi-hours-panel h3{margin:0 0 7px;color:#123550}.hl-oi-hours-panel>p{margin:0 0 14px;color:#657c8f;line-height:1.5}.hl-oi-hours-fields{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.hl-oi-hours-fields label{display:grid;gap:6px;color:#456176;font-size:13px;font-weight:700}.hl-oi-hours-fields input[type=time],.hl-oi-hours-fields input[type=text]{min-height:40px;padding:6px 9px;border:1px solid #ccdbe6;border-radius:8px;background:#fff;font:inherit;color:#123550}.hl-oi-hours-actions{display:flex;align-items:center;gap:8px}.hl-oi-hours-actions button{min-height:42px;white-space:nowrap}.hl-oi-hours-state-btn{border:1px solid #ccdbe6;border-radius:9px;padding:10px 14px;background:#fff;color:#456176;font-weight:700;cursor:pointer}.hl-oi-hours-state-btn.is-selected[data-oi-toggle="1"]{background:#e8f8ef;border-color:#32a56a;color:#197447}.hl-oi-hours-state-btn.is-selected[data-oi-toggle="0"]{background:#fff0ef;border-color:#d95a50;color:#a12a22}.hl-oi-hours-feedback{font-size:13px;font-weight:700;color:#16803c;min-height:20px;align-self:center}.hl-oi-hours-panel button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.hl-oi-hours-fields{align-items:stretch}.hl-oi-hours-fields label{flex:1 1 42%}.hl-oi-hours-actions{flex:1 1 100%}.hl-oi-hours-actions button{width:auto;flex:1;padding:10px 8px}.hl-oi-hours-feedback{flex-basis:100%}}
.hl-oi-weekend-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}.hl-oi-weekend-controls strong{color:#456176;font-size:13px;margin-right:3px}.hl-oi-day-btn{border:1px solid #ccdbe6;border-radius:9px;padding:9px 13px;background:#fff;color:#6b7280;font-weight:700;cursor:pointer}.hl-oi-day-btn.is-selected{background:#e8f8ef;border-color:#32a56a;color:#197447}.hl-oi-day-btn:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.hl-oi-weekend-controls{align-items:stretch}.hl-oi-weekend-controls strong{flex-basis:100%}.hl-oi-day-btn{flex:1}}
.hl-oi-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.hl-oi-heading h2{margin:0}.hl-oi-delete-all{border:1px solid #efc5c2!important;background:#fff6f5!important;color:#a52c25!important;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer}.hl-oi-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hl-oi-delete{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0!important;border:1px solid #efc5c2!important;border-radius:50%!important;background:#fff6f5!important;color:#a52c25!important;font-size:24px!important;line-height:1;cursor:pointer}.hl-oi-delete:hover,.hl-oi-delete-all:hover{background:#fee9e7!important;border-color:#df8f88!important}.hl-oi-empty{color:#71879a;margin:8px 0}.hl-oi-delete:focus-visible,.hl-oi-delete-all:focus-visible{outline:3px solid #8bc7ed;outline-offset:2px}@media(max-width:600px){.hl-oi-heading{align-items:flex-start}.hl-oi-delete-all{padding:8px 10px;white-space:nowrap}}