.heading-actions { margin-top: 0; }
.import-steps { display: flex; gap: 36px; margin: 0 0 25px; font-size: 12px; color: #657e70; }
.import-steps b { display: inline-grid; place-items: center; width: 27px; height: 27px; background: #e4eecf; border-radius: 50%; margin-right: 8px; color: #375731; }
.upload-area { padding: 25px; background: #f8fbf3; border: 1px dashed #afc393; border-radius: 8px; }
.upload-area input { background: white; }
.import-notice { padding: 20px 24px; margin-bottom: 24px; background: #eaf0eb; border-radius: 8px; font-size: 12px; }
.import-notice p { margin: 8px 0 0; color: #60776c; }
.import-progress { color: #526d37; margin-top: 15px; font-size: 12px; }
button:disabled { opacity: .55; cursor: wait; }
.source-documents { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 20px; }
.source-documents img { display: block; width: 100%; max-height: 460px; object-fit: contain; margin-top: 15px; }
.source-documents .button { white-space: normal; overflow-wrap: anywhere; }
.import-table td { padding: 17px 15px; }
.import-table td:nth-child(3) { white-space: normal; min-width: 200px; }
.import-table input[type=checkbox] { width: 20px; height: 20px; }
.review-issues { white-space: normal; min-width: 220px; max-width: 370px; }
.source-text { overflow-wrap: anywhere; background: #f5f7f3; padding: 15px; margin-top: 15px; font-family: monospace; }
@media(max-width:760px) { .import-steps { gap: 10px; flex-wrap: wrap; font-size: 10px; } .source-documents { grid-template-columns: 1fr; } }
.attention-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px; }
.attention-grid > a { display: flex; align-items: center; gap: 13px; padding: 19px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.attention-grid > a:hover { border-color: #a6be8d; }
.attention-grid b { font-size: 12px; }
.attention-grid small { display: block; color: var(--muted); font-size: 10px; margin-top: 6px; line-height: 1.5; }
.attention-grid > a > span:last-child { margin-left: auto; color: var(--teal); }
.attention-icon { display: grid; place-items: center; min-width: 32px; height: 34px; border-radius: 7px; font-size: 20px; }
.attention-icon.amber { background: #fff1d8; color: #997234; }
.attention-icon.green { background: #eaf4df; color: #527b32; }
.attention-icon.blue { background: #e9f2f8; color: #397696; }
.filters-expanded { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 23px; }
.filter-actions { margin-top: 0; grid-column: 1 / -1; }
.results-bar, .pagination { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 23px; font-size: 11px; color: var(--muted); border-top: 1px solid var(--line); }
.results-bar { background: #f9fbf6; }
.results-bar b { color: #46613b; }
.results-bar small { font-size: 10px; }
.pagination .button { min-height: 35px; padding: 8px 12px; }
.timeline-item { display: flex; gap: 16px; padding: 17px 0; border-bottom: 1px solid #edf1eb; position: relative; }
.timeline-item:last-child { border-bottom: 0; padding-bottom: 0; }
.timeline-dot { width: 9px; height: 9px; border-radius: 50%; background: #96b474; margin-top: 4px; flex-shrink: 0; }
.timeline-item > div { min-width: 0; }
.timeline-item b { font-size: 12px; }
.timeline-item p { font-size: 12px; color: #687d74; margin: 6px 0; overflow-wrap: anywhere; }
.timeline-item small { font-size: 10px; color: var(--muted); }
.timeline-arrow { margin-left: auto; color: var(--teal); }
.return-card { border-left: 3px solid #d0a86c; padding: 8px 18px; margin-top: 22px; background: #fcfaf5; }
.return-card b { font-size: 13px; }
.return-card p { font-size: 12px; margin: 8px 0; }
.return-card small { font-size: 11px; color: var(--muted); }
.view-tabs { display: flex; gap: 8px; padding: 5px; border-radius: 8px; background: #e9eee8; width: fit-content; margin: 0 0 24px; }
.view-tabs a { padding: 11px 19px; color: #778577; border-radius: 6px; font-size: 12px; }
.view-tabs a.selected { color: #345635; background: white; box-shadow: 0 1px 5px #153c1710; }
.view-tabs span { margin-left: 7px; font-size: 10px; }
.snapshot-note { background: #f0f6e9; color: #5d793c; border-radius: 6px; padding: 12px; font-size: 11px; }
.manifest-header { display: flex; justify-content: space-between; border-bottom: 2px solid var(--navy); margin-bottom: 20px; }
.manifest-header h2 { font-size: 25px; }
.manifest-header strong { color: var(--teal); font-size: 14px; }
.manifest-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; font-size: 12px; margin-bottom: 24px; }
.manifest-meta b { display: block; color: var(--muted); font-size: 10px; margin-bottom: 7px; }
.manifest-table { white-space: normal; table-layout: fixed; font-size: 11px; margin-bottom: 25px; }
.manifest-table th, .manifest-table td { padding: 13px 10px; overflow-wrap: anywhere; vertical-align: top; line-height: 1.7; }
.manifest-table th:first-child { width: 35px; }
.manifest-table th:last-child { width: 90px; }
.manifest-note { color: var(--muted); font-size: 10px; margin: 30px 0 0; }
@media (max-width: 1150px) {
  .attention-grid { grid-template-columns: 1fr; gap: 9px; }
  .attention-grid > a { padding: 14px 18px; }
}
@media (max-width: 760px) {
  .filters-expanded { grid-template-columns: 1fr 1fr; padding: 18px; gap: 15px; }
  .search-field { grid-column: 1 / -1; }
  .results-bar { align-items: flex-start; flex-direction: column; gap: 7px; padding: 14px 18px; }
  .pagination { padding: 15px; flex-wrap: wrap; }
  .manifest-header { flex-direction: column; gap: 5px; padding-bottom: 15px; }
  .manifest-meta { grid-template-columns: 1fr 1fr; }
  .manifest { overflow-x: auto; }
  .manifest-table { min-width: 630px; }
  .timeline-item p { font-size: 11px; }
}
@media print {
  .manifest { display: block !important; border: 0; padding: 0; overflow: visible; }
  .manifest-header h2 { font-size: 20px; }
  .manifest-table { width: 100%; min-width: 0; font-size: 9px; }
  .manifest-table th, .manifest-table td { padding: 9px 7px; }
  .manifest-meta { grid-template-columns: repeat(4, 1fr); }
  .manifest-header { flex-direction: row; }
  .manifest-table tr, .return-card { break-inside: avoid; }
  .manifest-note { font-size: 9px; }
}

.warehouse-map{display:grid;grid-template-columns:minmax(220px,420px) 1fr;gap:24px;margin-top:20px}.warehouse-map img{width:100%;height:auto}.warehouse-map .actions{flex-wrap:wrap}@media(max-width:800px){.warehouse-map{grid-template-columns:1fr}}

.delivery-paper{max-width:900px;margin:24px auto;background:white;color:#162439;padding:38px;border:1px solid #c9d1db}.note-heading,.note-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.note-heading{align-items:center;border-bottom:3px solid #173963;padding-bottom:20px}.note-brand{font-size:26px;font-style:italic;color:#173963}.note-brand strong{color:#a63336}.delivery-paper section{padding:14px;border:1px solid #adb9c7;margin-top:16px;overflow-wrap:anywhere}.delivery-paper h3{font-size:12px;letter-spacing:1px;color:#173963}.note-signature{min-height:180px}.note-private{background:#fff1df;padding:12px;font-weight:700}.delivery-paper p{line-height:1.7}@media(max-width:650px){.note-heading,.note-columns{grid-template-columns:1fr}.delivery-paper{padding:16px}}@media print{body:has(.delivery-paper) .sidebar,body:has(.delivery-paper) .topbar,body:has(.delivery-paper) footer,.note-controls{display:none!important}body:has(.delivery-paper) .workspace,body:has(.delivery-paper) .page{margin:0!important;padding:0!important}.delivery-paper{display:block!important;border:0;margin:0;padding:5mm;max-width:none}.note-heading,.note-columns{grid-template-columns:1fr 1fr}.delivery-paper section{break-inside:avoid}.delivery-paper h1{font-size:23px}}