/* HayOrder 1.1.32: reliable dialogs, attention states, reservations and document import. */

/* One compact and recognizable close control in every modal. */
body :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close,.ho-modal-close,[data-close-dialog][aria-label]){
  display:inline-grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border:1px solid rgba(153,174,196,.28)!important;border-radius:11px!important;background:#1b2733!important;color:#f7fafc!important;font-size:24px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important
}
body :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close,.ho-modal-close,[data-close-dialog][aria-label]):hover{
  background:#324252!important;border-color:#ff8a68!important;color:#ffb39d!important;transform:translateY(-1px)!important
}
body :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close,.ho-modal-close,[data-close-dialog][aria-label]):focus-visible{outline:3px solid color-mix(in srgb,var(--link) 72%,white)!important;outline-offset:3px!important}

/* New orders wait for acceptance. Their status clock has not started yet. */
#orders-ajax-root.ho-orders-132 .ho132-new-waiting{display:block;color:#70e3ad;font-size:13px;font-weight:800;line-height:1.25}
#orders-ajax-root.ho-orders-132 .ho122-order-card.is-attention .ho122-order-link{border-color:#ff796f!important;box-shadow:0 0 0 2px rgba(255,86,86,.22),0 18px 42px rgba(0,0,0,.28)!important;animation:ho132-attention-pulse 1.8s ease-in-out infinite}
#orders-ajax-root.ho-orders-132 .ho122-order-card.is-attention .ho132-new-waiting{color:#ff8d86}
@keyframes ho132-attention-pulse{50%{box-shadow:0 0 0 5px rgba(255,86,86,.08),0 18px 42px rgba(0,0,0,.28)}}
@media(prefers-reduced-motion:reduce){#orders-ajax-root.ho-orders-132 .ho122-order-card.is-attention .ho122-order-link{animation:none}}
.ho132-popup-state{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid rgba(69,211,143,.3);border-radius:12px;background:rgba(24,155,96,.11)}
.ho132-popup-state>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#17754f;color:#dfffee;font-weight:900}
.ho132-popup-state div{display:grid;gap:2px}.ho132-popup-state strong{font-size:14px}.ho132-popup-state small{color:var(--muted);font-size:11px}
.ho132-popup-state.is-attention{border-color:rgba(255,104,97,.55);background:rgba(176,47,49,.16)}
.ho132-popup-state.is-attention>span{background:#a33b42;color:#fff}.ho132-popup-state.is-attention strong{color:#ffaaa5}

/* The next real reservation is visible immediately on Overview. */
.home-next-reservation{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;margin:4px 0 12px;padding:14px;border:1px solid color-mix(in srgb,var(--link) 45%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--link) 12%,var(--surface-soft)),var(--surface-soft));color:var(--text);text-decoration:none}
.home-next-reservation:hover{border-color:var(--link);transform:translateY(-1px)}
.home-next-reservation-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--link) 22%,transparent);color:var(--link)}
.home-next-reservation>span:nth-child(2){display:grid;gap:2px}.home-next-reservation small{font-size:9px;font-weight:850;letter-spacing:.12em;color:var(--muted)}.home-next-reservation strong{font-size:15px}.home-next-reservation em{font-size:11px;font-style:normal;color:var(--muted)}
.home-next-reservation>b{min-width:102px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--link) 55%,transparent);border-radius:999px;color:var(--link);font-size:11px;text-align:center;background:color-mix(in srgb,var(--link) 10%,transparent)}

/* Premium document upload and preview. */
.catalog-document-import{position:relative;overflow:hidden;padding:26px!important;border-color:color-mix(in srgb,var(--link) 42%,var(--line))!important;background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--link) 14%,transparent),transparent 32%),linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 90%,#0e1620))!important}
.catalog-document-import::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--link),#7bc8ff,#53db9c)}
.catalog-document-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.catalog-document-head h3{margin:4px 0 6px;font-size:24px}.catalog-document-head p{margin:0;color:var(--muted);max-width:700px}.catalog-document-badge{white-space:nowrap;padding:7px 11px;border:1px solid color-mix(in srgb,var(--link) 40%,transparent);border-radius:999px;color:var(--link);font-size:11px;font-weight:850}
.catalog-document-drop{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px dashed color-mix(in srgb,var(--link) 60%,var(--line));border-radius:16px;background:rgba(7,16,24,.32);cursor:pointer}.catalog-document-drop:hover{border-color:var(--link);background:color-mix(in srgb,var(--link) 7%,rgba(7,16,24,.32))}.catalog-document-drop>.icon{width:34px;height:34px;color:var(--link)}.catalog-document-drop span{display:grid;gap:4px}.catalog-document-drop strong{font-size:15px}.catalog-document-drop small{font-size:11px;color:var(--muted)}.catalog-document-drop input{max-width:340px;margin:0}
.catalog-document-note{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.catalog-document-note .icon{width:16px;height:16px;flex:none;color:var(--link)}
.catalog-import-preview.is-document-preview{border-color:color-mix(in srgb,var(--link) 45%,var(--line))}.catalog-preview-source{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:8px;background:color-mix(in srgb,var(--link) 11%,transparent);color:var(--link);font-size:11px;font-weight:800}
@media(max-width:700px){
 body :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close,.ho-modal-close,[data-close-dialog][aria-label]){width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:10px!important}
 .home-next-reservation{grid-template-columns:42px minmax(0,1fr)}.home-next-reservation>b{grid-column:1/-1;width:100%}
 .catalog-document-import{padding:19px!important}.catalog-document-head{display:grid}.catalog-document-badge{justify-self:start}.catalog-document-drop{grid-template-columns:42px minmax(0,1fr)}.catalog-document-drop input{grid-column:1/-1;width:100%;max-width:none}
}
body #orders-ajax-root.ho-orders-132 .ho124-detail .ho68-head-close .ho56-close-detail{display:inline-grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border:1px solid rgba(153,174,196,.28)!important;border-radius:11px!important;background:#1b2733!important;color:#f7fafc!important;font-size:24px!important;line-height:1!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important}
body #orders-ajax-root.ho-orders-132 .ho124-detail .ho68-head-close .ho56-close-detail:hover{background:#324252!important;border-color:#ff8a68!important;color:#ffb39d!important;transform:translateY(-1px)!important}