/* contents extracted from your "Manage Shipments" page styles (kept identical) */
:root{ --accent:#00BFFF; --card-radius:12px; --gutter:4px; --max-w:920px; --card-padding:12px; --popup-success-bg: linear-gradient(135deg,#e0ffe7,#b1fce5); --popup-success-border:#36edc1; --popup-error-bg: linear-gradient(135deg,#ffe6e6,#ffd1d1); --popup-error-border:#ff6b6b; }
html,body{font-family:'Almarai',sans-serif;background:linear-gradient(135deg,#e0e7ff,#e0ffe7);margin:0;padding:0}
.wrapper{padding:0 var(--gutter);box-sizing:border-box}
.container{max-width:var(--max-w);margin:6px auto;background:#fff;padding:var(--card-padding);border-radius:var(--card-radius);box-shadow:0 2px 10px rgba(30,144,255,.07)}
h2{text-align:center;color:#1976d2;margin-bottom:12px;font-size:1.18rem}
.search-bar-pretty{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:nowrap}
.search-left{flex:1 1 50%; min-width:120px}
.search-right{flex:1 1 50%; min-width:120px; display:flex; justify-content:flex-start; align-items:center; gap:8px}
.search-container{position:relative;width:100%}
.search-container input{width:100%;padding:8px 34px 8px 8px;border-radius:7px;border:1px solid #acd4f9;background:#f6fbff;font-size:14px;box-sizing:border-box}
.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;color:#1e88e5;opacity:.9}
select.filter-status{padding:8px;border-radius:7px;border:1px solid #acd4f9;background:#f6fbff;font-size:13px;box-sizing:border-box;width:100%}
.table-wrap{margin-top:8px;background:#f5fbff;border-radius:6px;overflow:hidden}
table{width:100%;border-collapse:collapse}
th,td{border:1px solid #c2d5e1;padding:8px;text-align:center;font-size:13px}
thead th{background:#e3f1fa;color:#2086c7;font-weight:bold;text-align:center}
tbody td{vertical-align:middle;text-align:center}
.shipment-link{color:#1976d2;text-decoration:underline;cursor:pointer;direction:ltr}
.shipment-link:hover{color:#ff5722}
.pagination-controls{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.pagination-controls label{font-size:13px;color:#0b72b9;font-weight:700}
#status_rowsPerPage{padding:6px;border-radius:6px;border:1px solid #acd4f9;background:#f6fbff;font-size:13px;width:auto;min-width:56px}
.update-box{margin-top:12px;background:#f8fcff;padding:10px;border-radius:8px;border:1px solid #d5ecff}
.update-type-box{margin-bottom:10px}
.update-grid{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.update-grid input,.update-grid select{flex:1;padding:8px;border-radius:6px;border:1px solid #acd4f9;background:#f6fbff;box-sizing:border-box;min-width:100px}
.update-grid button{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer}
.update-grid button:hover{background:#125ea3}
#status_successMessage{display:none;margin-top:8px;text-align:center;border-radius:6px;padding:8px;font-size:13px}
.popup { position: fixed; left: 50%; top: 15%; transform: translateX(-50%); z-index: 99999; padding: 12px 18px; border-radius: 10px; font-weight: 800; box-shadow: 0 8px 26px rgba(0,0,0,0.12); display: none; max-width: 92%; text-align: center; }
.choose-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.choose-content{background:#fff;margin:6% auto;padding:12px;border-radius:10px;width:94%;max-width:720px}
.choose-header{font-weight:800;color:#1976d2;text-align:center}
.choose-list{margin-top:12px;border-top:1px solid #e6f6ff;padding-top:10px;max-height:360px;overflow:auto}
.choose-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;border:1px solid #e6f6ff;margin-bottom:8px;background:#fbfeff}
.choose-item .meta{flex:1;text-align:right}
.choose-item button{background:#0b72b9;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}
.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.modal-content{background:white;margin:10% auto;padding:16px;border-radius:10px;width:94%;max-width:420px}
.modal-header{font-weight:bold;color:#1976d2;text-align:center}
.modal-grid{Display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:10px}
.modal-grid div{font-size:14px}
.modal-btns{text-align:center;margin-top:12px}
.modal-btns button{padding:8px 10px;border:none;border-radius:6px;cursor:pointer;margin:6px;font-family:'Almarai'}
.modal-btns .wa{background:#25d366;color:#fff}
.modal-btns .print{background:#1976d2;color:#fff}
.footer-note{font-size:12px;color:#6b7885;margin-top:10px;text-align:center}
@media (max-width:520px){ .search-bar-pretty{flex-wrap:wrap} .search-left,.search-right{flex:1 1 100%} .search-right{justify-content:flex-start} #status_rowsPerPage{min-width:48px} }
@media (max-width:420px){ .modal-grid{grid-template-columns:1fr} }