#bookings .co-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.co-stats>div{background:#fff;border:1px solid #dce7e2;border-radius:12px;padding:16px}.co-stats small,.co-stats strong{display:block}.co-stats small{color:#678079;font-size:12px}.co-stats strong{margin-top:8px;font-size:21px;color:#205b50}.co-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px}.co-filters label{font-size:12px;color:#56716b}.co-filters select{padding:8px;border:1px solid #d4e2db;border-radius:7px;margin-left:5px;background:white}.co-filters button,#co-pagination button{padding:9px 12px;border:1px solid #cbded5;border-radius:7px;background:#f0f7f3;color:#245e50;cursor:pointer}#all-bookings td{vertical-align:top;padding:14px 12px}#all-bookings td strong,#all-bookings td span:not(.co-status),#all-bookings td small{display:block}#all-bookings td small{margin-top:5px;color:#6b7f78;font-size:11px;line-height:1.5}#all-bookings strong{font-size:13px}#all-bookings .co-balance{color:#a06624}#all-bookings .co-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:120px}#all-bookings .co-actions button{border:1px solid #ccded5;background:#f2f8f4;border-radius:5px;padding:5px 7px;font-size:10px;color:#235a4b;cursor:pointer}.co-status{display:inline-block!important;border-radius:20px;padding:4px 8px;font-size:11px;text-transform:capitalize;background:#edf2ef}.co-confirmed{background:#e0f2e9;color:#23704d}.co-cancelled{background:#fce9e6;color:#a24135}.co-pending{background:#fff3d6;color:#8b6a24}#co-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px;font-size:12px}#co-pagination button:disabled{opacity:.4;cursor:default}.co-empty{padding:24px;text-align:center}#co-message:not(:empty){padding:12px;background:#fff4d8;border-radius:8px;margin:12px 0}#co-dialog{width:min(950px,94vw);max-height:90vh;padding:0;border:1px solid #d4e1d9;border-radius:16px;color:#234f44}#co-dialog::backdrop{background:#0b292a66}#co-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#eff7f2}#co-dialog h2{margin:5px 0}#co-dialog header small{font-size:10px;letter-spacing:2px}#co-dialog button{border:0;background:transparent;font-size:28px;cursor:pointer}.co-detail{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.co-detail section{border:1px solid #dce7df;border-radius:10px;padding:14px}.co-detail h3{font-size:14px;margin:0 0 10px}.co-detail dl{margin:0}.co-detail dl>div{display:grid;grid-template-columns:120px 1fr;gap:9px;padding:6px 0;font-size:12px}.co-detail dt{color:#6c8079}.co-detail dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){#bookings .co-stats{grid-template-columns:1fr 1fr}.co-stats strong{font-size:17px}.co-detail{grid-template-columns:1fr;padding:12px}.co-detail dl>div{grid-template-columns:100px 1fr}#bookings .section-heading{flex-wrap:wrap}#booking-search{width:100%}}


.co-status-dialog{border:1px solid #d4e1d9;border-radius:12px;padding:24px;color:#234f44}.co-status-dialog::backdrop{background:#0b292a66}.co-status-dialog select{display:block;width:100%;padding:10px;margin:8px 0;border:1px solid #ccded5;border-radius:6px}.co-status-dialog p{font-size:12px;color:#6c8079}.co-status-dialog form>div{display:flex;justify-content:flex-end;gap:8px}.co-status-dialog button{border:1px solid #ccded5;border-radius:6px;padding:9px 14px;background:#edf6f0;cursor:pointer}
@media(max-width:700px){#bookings .table-wrap{overflow:visible}#bookings table{min-width:0;width:100%;display:block}#bookings thead{display:none}#all-bookings{display:block}#all-bookings tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #dce7e2;padding:8px}#all-bookings td{display:block;border:0;padding:10px 7px;overflow-wrap:anywhere}#all-bookings td:first-child,#all-bookings td:last-child{grid-column:1/-1}#all-bookings td:nth-child(2)::before{content:'PACKAGE / HOTELS'}#all-bookings td:nth-child(3)::before{content:'TRAVEL / GUESTS'}#all-bookings td:nth-child(4)::before{content:'PAYMENT'}#all-bookings td:nth-child(5)::before{content:'STATUS / BOOKED'}#all-bookings td::before{display:block;font-size:9px;color:#81938c;margin-bottom:6px}#bookings #booking-search{width:100%;max-width:none;flex:1}#all-bookings .co-actions button{padding:8px 10px}}
.co-action-select{width:125px;max-width:100%;padding:9px 12px;border:1px solid #ccded5;border-radius:8px;background:#f2f8f4;color:#235a4b;font:inherit;font-size:12px;cursor:pointer}
#all-bookings .co-actions{min-width:0;display:block}
.co-status-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:90vh;overflow-y:auto;padding:26px;font-family:inherit;box-shadow:0 22px 65px #153b3026}
.co-status-dialog h3{margin:0 0 10px;font-size:20px;line-height:1.3}
.co-status-dialog label{display:block;margin-top:18px;font-size:13px;font-weight:600}
.co-status-dialog input,.co-status-dialog select{box-sizing:border-box;display:block;width:100%;min-height:44px;margin:7px 0 0;padding:11px 12px;border:1px solid #cbded5;border-radius:8px;background:#fff;color:#234f44;font:inherit;font-weight:400}
.co-status-dialog input:focus,.co-status-dialog select:focus,.co-action-select:focus-visible{outline:2px solid #2c7468;outline-offset:2px}
.co-status-dialog p{line-height:1.6;margin:12px 0}
.co-status-dialog footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e1ebe6;margin-top:22px;padding-top:18px}
.co-status-dialog footer button{min-height:42px;min-width:85px;font:inherit;font-size:13px}
.co-status-dialog button[type=submit],.co-status-dialog button[value=save]{background:#286b60;color:white;border-color:#286b60}
.co-status-dialog .error:not(:empty){color:#a2382e;background:#fff0ed;padding:10px;border-radius:6px}
