.worklist-shell{border:1px solid #ccd7e3;border-radius:7px;background:white;padding:8px;min-width:0}.worklist-head,.worklist-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.worklist-head strong{font-size:17px}.worklist-head span,.worklist-footer>span{font-size:12px;color:#52677b}.worklist-actions{display:flex;gap:6px;flex-wrap:wrap}.worklist-shell button{border:1px solid #b8c7d8;border-radius:4px;padding:4px 9px;background:#f4f8fc;color:#183959;font-size:12px;cursor:pointer}.worklist-shell button.primary-button{background:#234c77;color:white}.worklist-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:9px 0}.worklist-meta label{display:grid;gap:3px;font-size:12px}.worklist-meta input,.worklist-meta select,.worklist-table input{min-width:0;width:100%;border:1px solid #cad5e0;border-radius:3px;font-size:12px;padding:3px 4px;box-sizing:border-box}.worklist-table-wrap{overflow:auto;max-height:58vh}.worklist-table{width:100%;border-collapse:collapse;min-width:1100px;font-size:12px}.worklist-table td,.worklist-table th{border:1px solid #d9e2ea;padding:4px;max-width:220px}.worklist-table th{position:sticky;top:0;z-index:2;background:#edf3f9;white-space:nowrap}.worklist-table td:nth-child(5),.worklist-table td:nth-child(6){width:55px;min-width:55px}.worklist-table td:nth-child(9){min-width:150px}.worklist-table td:nth-child(3){min-width:105px}.worklist-add-row td{padding:7px}.worklist-add-row input{width:350px;margin-right:8px}.worklist-add-row button{margin-right:6px}.worklist-matches{max-height:32vh;overflow:auto;margin:8px 0;border:1px solid #b6c7da}.worklist-matches table{min-width:850px}.worklist-footer{position:sticky;bottom:0;background:white;border-top:1px solid #dae3eb;padding-top:7px;margin-top:7px}.worklist-dialog{max-width:96vw;width:1500px;max-height:94dvh;padding:10px;border:1px solid #a8bbd1;border-radius:8px;overflow:auto}.worklist-dialog::backdrop,.worklist-source-dialog::backdrop{background:#152b4590}.worklist-dialog-close{float:right;margin-bottom:6px}.worklist-dialog [data-worklist-host]{clear:both}.worklist-expanded{position:fixed;inset:12px;z-index:1100;background:white;overflow:auto}.worklist-expanded .worklist-table-wrap{max-height:75vh}.worklist-source-dialog{max-width:95vw;width:1050px;max-height:94vh;border:1px solid #a8bbd1;border-radius:6px}.worklist-source-dialog header{display:flex;justify-content:space-between;position:sticky;top:0;background:white;padding:8px}.worklist-source-dialog img{max-width:100%;height:auto}.inbound-history-details>summary,.inbound-orders-details>summary{cursor:pointer;padding:7px;background:#edf3fa;border:1px solid #d5e1ed;border-radius:4px;font-size:13px;font-weight:600}.inbound-history-details .today-finished-inbound-table-wrap{max-height:40vh;overflow:auto}.inbound-worklist-entry{margin:8px 0;min-width:0;max-width:100%}.worklist-entry-buttons{display:flex;gap:5px;flex-wrap:wrap}.worklist-entry-buttons button{font-size:12px;padding:4px 8px}.shipment-document .section-heading{position:sticky;top:0;z-index:3;background:white}
@media(max-width:760px){.worklist-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.worklist-head{gap:6px}.worklist-table-wrap{max-height:58dvh}.worklist-dialog{width:98vw;max-width:98vw;padding:5px}.worklist-add-row input{width:240px}.worklist-source-dialog figure{margin:5px}.worklist-expanded{inset:3px}.worklist-entry-buttons{margin:5px 0}.worklist-head strong{font-size:15px}}
.shipment-document-expanded{position:fixed!important;inset:12px;z-index:1600;background:var(--surface,#fff);overflow:auto;box-shadow:0 8px 60px #0006;padding:12px}
.shipment-document-expanded .shipment-draft-table-wrap{max-height:calc(100vh - 260px)!important}

/* Inbound uses one editable table in both phone cards and the expanded review. */
.worklist-expanded .worklist-shell { min-height: 100%; }
.worklist-expanded .worklist-head { position: sticky; top: 0; z-index: 4; background: white; padding: 6px 0; }
.worklist-expanded .worklist-head [data-wl="expand"] { margin-left: auto; }
.worklist-expanded .worklist-footer { z-index: 4; padding-bottom: env(safe-area-inset-bottom, 0px); }

@media (max-width: 760px) and (orientation: portrait) {
  [data-wl-kind="inbound"] .worklist-head { display: grid; grid-template-columns: 1fr auto; }
  [data-wl-kind="inbound"] .worklist-head > .worklist-actions { grid-column: 1 / -1; width: 100%; }
  [data-wl-kind="inbound"] .worklist-head .worklist-photo-button { margin-right: auto; }
  [data-wl-kind="inbound"] button { min-height: 36px; }
  [data-wl-kind="inbound"] .worklist-meta > label:last-child { grid-column: 1 / -1; }
  [data-wl-kind="inbound"] [data-wl-message]:empty { display: none; }
  [data-wl-kind="inbound"] .worklist-footer { gap: 5px; }
  [data-wl-kind="inbound"] .worklist-footer > .worklist-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  [data-inbound-worklist-host]:not(.worklist-expanded) .worklist-table-wrap,
  [data-worklist-host]:not(.worklist-expanded) [data-wl-kind="inbound"] .worklist-table-wrap,
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-matches { max-height: none; overflow: visible; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table { display: block; width: 100%; min-width: 0; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table thead { display: none; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table tbody { display: block; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table tr {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 8px;
    margin: 7px 0; padding: 8px; border: 1px solid #d9e2ea; border-radius: 6px;
  }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table td {
    display: block; width: auto; min-width: 0; max-width: none; border: 0; padding: 0;
    white-space: normal; overflow-wrap: anywhere;
  }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table td[data-wl-label]::before {
    content: attr(data-wl-label); display: block; font-size: 11px; line-height: 1.5; color: #52677b;
  }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table td[data-wl-column="remark"],
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table td[data-wl-column="order"],
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-matches td[data-wl-column="actions"] { grid-column: 1 / -1; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table input { min-height: 32px; font-size: 16px; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] td[data-wl-column="order"] button { float: right; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] td[data-wl-column="actions"] { text-align: right; align-self: end; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-table tr.worklist-add-row { display: block; padding: 6px 0; border: 0; margin-bottom: 0; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-add-row td { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-add-row input { width: 100%; grid-column: 1 / -1; margin: 0; }
  :not(.worklist-expanded) > [data-wl-kind="inbound"] .worklist-add-row button { margin: 0; }
  .worklist-expanded { inset: 0; padding: 6px; }
}

@media (max-width: 1024px) and (orientation: landscape) {
  .worklist-expanded { inset: 0; padding: 6px; }
  .worklist-expanded [data-wl-kind="inbound"] .worklist-table { min-width: 960px; }
  .worklist-expanded [data-wl-kind="inbound"] .worklist-meta { grid-template-columns: 1fr 1fr 2fr; margin: 5px 0; }
  .worklist-expanded .worklist-table-wrap { max-height: calc(100dvh - 155px); }
}
.dr-crop-wrap{position:relative;line-height:0}.dr-crop-wrap img{width:100%;display:block;height:auto!important;max-height:none!important;object-fit:fill!important}.dr-crop-box{position:absolute;border:3px solid #1766b2;background:#1766b222;pointer-events:none;box-sizing:border-box}.dr-crop-wrap.is-selecting{cursor:crosshair;touch-action:none}.dr-area-tools{display:flex;gap:6px;margin:8px 0}.dr-select-fields label{display:inline-flex;align-items:center;gap:4px;margin:4px;font-size:12px}.dr-select-fields input{width:auto!important}