/* Loads / Delivery follows the Hub's unified dense-table workspace. */
body.v17-loads-constrained #view-loads{padding:0 16px 24px!important;overflow:auto!important}
#view-loads .loads-head{margin:0 -16px 12px!important;padding-left:16px!important;padding-right:16px!important}
#view-loads .loads-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #294153;border-radius:7px;background:#102433;margin:0 0 14px;overflow:hidden}
#view-loads .loads-summary>div{display:flex;flex-direction:column;gap:5px;padding:12px 16px;border-right:1px solid #294153}
#view-loads .loads-summary>div:last-child{border-right:0}
#view-loads .loads-summary span{font-size:10px;color:#79a4c4;font-weight:700}
#view-loads .loads-summary strong{font-size:18px;color:#f2f8fc}
#view-loads .loads-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 8px}
#view-loads .loads-section-head h2{font-size:17px;margin:0 0 3px;color:#f3f8fc}
#view-loads .loads-section-head p{font-size:12px;margin:0;color:#84abc8}
#view-loads .loads-section-head select{width:160px;height:36px;background:#173247;color:#eef7ff;border:1px solid #34556c;border-radius:6px;padding:0 10px}
#view-loads .loads-toolbar{display:grid!important;grid-template-columns:minmax(240px,1fr) 170px 190px auto!important;gap:10px!important;margin:0 0 8px!important}
#view-loads .loads-toolbar input,#view-loads .loads-toolbar select{height:38px!important;background:#173247!important;color:#eef7ff!important;border:1px solid #34556c!important;border-radius:6px!important;padding:0 12px!important}
#view-loads .loads-selection-text{display:flex;align-items:center;justify-content:flex-end;min-width:180px;color:#8fb8d4;font-size:12px;font-weight:700}
#view-loads .assembly-data-status{min-height:20px;color:#6f9ab9;font-size:12px;margin:0 0 5px}
#view-loads .loads-table-panel,#view-loads .loads-register-panel{border:1px solid #2b4354!important;border-radius:0!important;background:#0d1c29!important;overflow:auto!important;max-height:285px}
#view-loads .loads-register-panel{max-height:250px;margin-bottom:20px}
#view-loads table.data-table{width:100%;min-width:1020px;border-collapse:collapse;table-layout:auto;background:#0d1c29;color:#e8f3fb;font-size:12px}
#view-loads table.data-table thead th{position:sticky;top:0;z-index:2;height:43px;padding:0 10px;background:#183448;color:#92bce0;border-right:1px solid #355064;border-bottom:1px solid #355064;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;white-space:nowrap}
#view-loads table.data-table tbody td{height:41px;padding:0 10px;border-right:1px solid #2b4354;border-bottom:1px solid #2b4354;white-space:nowrap;color:#e9f5fd}
#view-loads table.data-table tbody tr:hover td{background:#102a3b}
#view-loads table.data-table th:last-child,#view-loads table.data-table td:last-child{border-right:0}
#view-loads .loads-check-col{width:42px;text-align:center!important}
#view-loads .loads-check{width:16px;height:16px;display:block;margin:auto;accent-color:#1387f5}
#view-loads .loads-register-head{margin-top:18px}
#view-loads .loads-status{display:inline-flex;align-items:center;gap:6px;font-weight:700}
#view-loads .loads-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#829caf}
#view-loads .loads-status.loaded:before{background:#51b5f3}
#view-loads .loads-status.dispatched:before{background:#ffb83d}
#view-loads .loads-status.delivered:before{background:#44d49a}
#view-loads .loads-action{height:29px;padding:0 11px;border:1px solid #3b6079;border-radius:5px;background:#153349;color:#bfe6ff;font-size:10px;font-weight:700;cursor:pointer}
#view-loads .loads-action:hover{border-color:#1688eb;color:#fff}
#view-loads .loads-dialog{width:min(720px,calc(100vw - 32px));padding:0;border:1px solid #36546b;border-radius:8px;background:#102331;color:#eef7fd;box-shadow:0 24px 80px #000b}
#view-loads .loads-dialog::backdrop{background:#020a11bf}
#view-loads .loads-dialog form{padding:20px}
#view-loads .loads-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #2b4354;padding-bottom:14px;margin-bottom:16px}
#view-loads .loads-dialog-head h2{margin:0 0 4px;font-size:20px}.loads-dialog-head p{margin:0;color:#83abc7;font-size:12px}
#view-loads .loads-dialog-head button{border:0;background:transparent;color:#9bb9ce;font-size:26px;line-height:1;cursor:pointer}
#view-loads .loads-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#view-loads .loads-dialog-grid label{display:flex;flex-direction:column;gap:6px;color:#8fb7d2;font-size:10px;font-weight:700;text-transform:uppercase}
#view-loads .loads-dialog-grid input{height:40px;padding:0 11px;border:1px solid #35546b;border-radius:5px;background:#173247;color:#fff;font-size:13px}
#view-loads .loads-prepared-by{grid-column:1/-1}
#view-loads .loads-dialog-error{min-height:20px;margin-top:10px;color:#ff7d7d;font-size:12px}
#view-loads .loads-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
@media(max-width:1100px){body.v17-loads-constrained{--st-loads-context-reserve:0px}}
@media(max-width:900px){#view-loads .loads-summary{grid-template-columns:1fr 1fr}#view-loads .loads-summary>div:nth-child(2){border-right:0}#view-loads .loads-summary>div:nth-child(-n+2){border-bottom:1px solid #294153}#view-loads .loads-toolbar{grid-template-columns:1fr 1fr!important}#view-loads .loads-selection-text{justify-content:flex-start}#view-loads .loads-dialog-grid{grid-template-columns:1fr!important}}