/* A bounded catalogue browser inside the order form. */
#co-edit-form .co-catalog-section{scroll-margin-top:115px}
#co-edit-form .co-catalog{gap:8px;align-items:stretch;margin-top:8px}
#co-edit-form .co-catalog input{min-width:0;border:1px solid #ccd5df;border-radius:7px;padding:11px 13px;font-size:14px;color:#223344;background:#fff}
#co-edit-form .co-catalog>button{min-width:108px;border-radius:7px;font-size:12px;font-weight:650;color:#fff;background:#17191e;border-color:#17191e}
#co-edit-form .co-catalog>button:hover{background:#30343c}
.co-catalog-status{font-size:12px;color:#667789;margin:9px 0 12px;line-height:1.5;min-height:18px}
.co-catalog-results:not(:empty){border:1px solid #dce3eb;border-radius:10px;overflow:hidden;margin-bottom:18px;background:#fff}
.co-catalog-heading{display:flex;align-items:center;gap:7px 12px;flex-wrap:wrap;padding:13px 15px;background:#f4f6f9;border-bottom:1px solid #e0e6ed}
.co-catalog-heading>strong{font-size:14px;color:#213347;overflow-wrap:anywhere}
.co-catalog-heading>small{font-size:11px;color:#66788b}
.co-catalog-heading>span{font-size:12px;color:#4d6278;margin-left:auto;white-space:nowrap}
.co-catalog-back{border:0;background:none;font-size:12px;color:#456580;cursor:pointer;padding:0;text-align:left;flex-basis:100%;margin-bottom:5px}
.co-catalog-back:hover{text-decoration:underline;color:#213347}
.co-catalog-list{max-height:clamp(160px,calc(100dvh - 470px),320px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#bdc8d4 #f5f7f9;outline-offset:-3px}
#co-edit-form .co-catalog-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 15px;border:0;border-bottom:1px solid #e8edf2;background:#fff;text-align:left;font-family:inherit;cursor:pointer;min-height:67px;transition:background .15s}
#co-edit-form .co-catalog-item:last-child{border-bottom:0}
#co-edit-form .co-catalog-item:hover{background:#fff9e6}
#co-edit-form .co-catalog-item:focus-visible{outline:3px solid #ffbf00;outline-offset:-3px;background:#fff9e6}
.co-catalog-item-icon{display:grid;place-items:center;width:34px;height:36px;flex-shrink:0;border-radius:7px;background:#f0f3f7;color:#687d92;font-size:22px}
.co-catalog-item-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.co-catalog-item-copy strong{font-size:14px;font-weight:650;color:#24374c;line-height:1.4;overflow-wrap:anywhere}
.co-catalog-item-copy small{font-size:11px;color:#6b7d90;overflow-wrap:anywhere}
.co-catalog-item-action{font-size:12px;color:#485e72;font-weight:650;white-space:nowrap;flex-shrink:0}
.co-catalog-pager{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;border-top:1px solid #dce3eb;padding:11px 14px;background:#f8fafc;font-size:12px;color:#506479}
.co-catalog-pager>div{display:flex;gap:7px;margin-left:auto}
.co-catalog-pager label{display:flex;gap:6px;align-items:center;font-size:11px}
#co-edit-form .co-catalog-pager input{width:65px;min-height:32px;padding:5px 6px;border:1px solid #d3dce6;border-radius:5px;font-size:12px;background:#fff;color:#344a60}
#co-edit-form .co-catalog-pager button{border-color:#d6dfe9;border-radius:6px;font-size:12px;min-height:32px;padding:6px 10px;color:#344a60;background:#fff}
#co-edit-form .co-catalog-pager button:disabled{opacity:.38;cursor:default}
.co-catalog-refine{font-size:11px;color:#6c7c8b;padding:0 14px 12px;margin:0;background:#f8fafc}
.co-catalog-loading{display:flex;gap:12px;align-items:center;padding:20px 18px}
.co-catalog-loading div{display:flex;flex-direction:column;gap:5px}
.co-catalog-loading b{font-size:14px;color:#2c4259}
.co-catalog-loading small{font-size:12px;color:#687e93}
.co-catalog-spinner{width:26px;height:26px;border:3px solid #e6eaf0;border-top-color:#e9ad00;border-radius:50%;animation:co-search-spin .8s linear infinite;flex-shrink:0}
.co-catalog-skeleton{display:flex;flex-direction:column;gap:12px;padding:0 18px 20px}
.co-catalog-skeleton i{display:block;height:37px;border-radius:5px;background:linear-gradient(100deg,#edf0f4 20%,#fafbfd 45%,#edf0f4 70%);background-size:200% 100%;animation:co-search-shimmer 1.6s ease-in-out infinite}
.co-catalog-empty{padding:24px 18px;background:#fafbfd;color:#4a6076}
.co-catalog-empty strong{font-size:14px;color:#2d4258}
.co-catalog-empty p{font-size:12px;line-height:1.6;margin:7px 0 12px}
.co-catalog-error{border-left:3px solid #b32940;background:#fff9fa}
#co-edit-form .co-search-working:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #ffffff55;border-top-color:#ffbf00;border-radius:50%;animation:co-search-spin .8s linear infinite;margin-right:7px;vertical-align:-2px}
@keyframes co-search-spin{to{transform:rotate(360deg)}}
@keyframes co-search-shimmer{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.co-catalog-spinner,.co-catalog-skeleton i,#co-edit-form .co-search-working:before{animation:none}}
@media(max-width:620px){.co-catalog-heading{padding:12px;gap:5px}.co-catalog-heading>small{flex-basis:100%}.co-catalog-heading>span{margin-left:0;flex-basis:100%}.co-catalog-list{max-height:270px}#co-edit-form .co-catalog-item{padding:12px;gap:9px}.co-catalog-item-copy strong{font-size:13px}.co-catalog-item-icon{display:none}.co-catalog-item-action{font-size:11px}.co-catalog-pager{gap:10px;font-size:11px;padding:10px}.co-catalog-pager>div{gap:4px}#co-edit-form .co-catalog-pager button{font-size:11px;padding:6px}.co-catalog-pager label{margin-left:auto}#co-edit-form .co-catalog>button{min-width:90px}#co-edit-form .co-catalog input{font-size:13px}}