.dashboard-operations-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2rem 0 1rem}
.dashboard-operations-heading h2{margin:.25rem 0 0;color:var(--a2zff-ink);font-size:1.35rem}
.booking-operations-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}
.booking-operations-grid article,.booking-operations-grid button{position:relative;display:grid;align-content:center;min-height:130px;padding:1rem;border:1px solid var(--a2zff-line);border-radius:13px;background:#fff!important;color:var(--a2zff-ink)!important;text-align:left;box-shadow:0 5px 16px rgba(24,38,47,.04);overflow:hidden}
.booking-operations-grid article:before,.booking-operations-grid button:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#8ca0ab}
.booking-operations-grid .tone-pending:before{background:#e68a22}
.booking-operations-grid .tone-active:before{background:#3a72b8}
.booking-operations-grid .tone-success:before{background:#258452}
.booking-operations-grid .tone-danger:before{background:#c23c3c}
.booking-operations-grid span{color:#687983;font-size:.68rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.booking-operations-grid strong{margin:.35rem 0;color:var(--a2zff-ink);font-size:1.7rem;line-height:1}
.booking-operations-grid small{color:#7b8991;font-size:.7rem;line-height:1.35}
.booking-operations-grid button{width:100%;min-height:116px;cursor:pointer;transition:.18s}
.booking-operations-grid button:hover,.booking-operations-grid button.is-selected{border-color:var(--a2zff-orange);transform:translateY(-2px);box-shadow:0 10px 24px rgba(24,38,47,.09)}
.booking-operations-grid button.is-selected{outline:3px solid rgba(20,184,166,.16)}
.booking-page-metrics{margin:1rem 0}
.booking-filter-panel{margin-top:1.1rem;padding:1rem;border:1px solid var(--a2zff-line);border-radius:13px;background:#f7f9fa}
.booking-filter-grid{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr));gap:.75rem}
.booking-filter-grid label{display:grid;align-content:end;gap:.35rem;color:#50616b;font-size:.7rem;font-weight:850;letter-spacing:.025em}
.booking-filter-grid input,.booking-filter-grid select{width:100%;min-height:42px;padding:.62rem .7rem;border:1px solid #cbd5da;border-radius:9px;background:#fff;color:var(--a2zff-ink);font:inherit;font-size:.82rem}
.booking-filter-grid input:focus,.booking-filter-grid select:focus{border-color:var(--a2zff-orange);outline:3px solid rgba(20,184,166,.12)}
.booking-search-field{grid-column:span 2}
.booking-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid #dfe6e9}
.booking-filter-actions [data-booking-result-count]{margin-left:auto;color:#687983;font-size:.76rem;font-weight:750}
.booking-results{margin-top:1rem!important}
.booking-table{font-size:.76rem}
.booking-table td strong,.booking-table td small{display:block}
.booking-table td small{max-width:190px;margin-top:.2rem;color:#78868e;font-size:.67rem;overflow:hidden;text-overflow:ellipsis}
.booking-table tbody tr.has-attention{background:#fffafb}
.booking-table tbody tr.attention-overdue_pickup{box-shadow:inset 4px 0 #d65b32}
.booking-table tbody tr.attention-delayed_shipment{box-shadow:inset 4px 0 #b72f42}
.attention-badge{display:inline-block;padding:.24rem .52rem;border-radius:999px;background:#edf3ef;color:#35624a;font-size:.62rem;font-weight:900;text-transform:uppercase;white-space:nowrap}
.attention-badge.is-overdue{background:#e8fbf8;color:#a74410}
.attention-badge.is-delayed{background:#fbe7ea;color:#9a2435}
.booking-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem}
.booking-pagination span{color:#687983;font-size:.78rem;font-weight:800}
.booking-pagination button{min-width:95px}
@media(max-width:1250px){.booking-operations-grid{grid-template-columns:repeat(3,1fr)}.booking-filter-grid{grid-template-columns:repeat(3,1fr)}.booking-search-field{grid-column:span 2}}
@media(max-width:760px){.dashboard-operations-heading{align-items:start;flex-direction:column}.booking-operations-grid{grid-template-columns:1fr 1fr}.booking-filter-grid{grid-template-columns:1fr 1fr}.booking-search-field{grid-column:1/-1}.booking-filter-actions [data-booking-result-count]{width:100%;margin:0}.booking-results{border:0!important;overflow:visible!important;background:transparent}.booking-table,.booking-table tbody,.booking-table tr,.booking-table td{display:block;width:100%}.booking-table thead{display:none}.booking-table tbody{display:grid;gap:.8rem}.booking-table tbody tr{padding:.45rem .85rem;border:1px solid var(--a2zff-line);border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(24,38,47,.05)}.booking-table th,.booking-table td{display:grid;grid-template-columns:115px minmax(0,1fr);gap:.65rem;padding:.62rem 0;border-bottom:1px solid #e8edef;white-space:normal}.booking-table td:before{content:attr(data-label);color:#71808a;font-size:.64rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.booking-table td:last-child{border-bottom:0}.booking-table .table-actions{display:flex;grid-template-columns:none;padding-top:.8rem}.booking-table .table-actions:before{display:none}.booking-table .table-actions button{flex:1}.booking-table td small{max-width:none}.booking-pagination{justify-content:space-between}}
@media(max-width:460px){.booking-operations-grid,.booking-filter-grid{grid-template-columns:1fr}.booking-search-field{grid-column:auto}.booking-operations-grid button{min-height:100px}.booking-table th,.booking-table td{grid-template-columns:95px minmax(0,1fr)}}
.booking-cargo-section .cargo-helper{margin:-.2rem 0 .9rem;color:#6b7a83;font-size:.78rem}
