feat(t241): improve freight admin views

backend-api/internal/transport/webui/static/admin.css

@@ -590,6 +590,130 @@ tbody tr:last-child td {
   border-bottom: 0;
 }
 
+.freight-region {
+  border-radius: 8px;
+}
+
+.freight-table-heading {
+  min-height: 52px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px 14px;
+  border-bottom: 1px solid var(--line);
+}
+
+.freight-table-heading h2 {
+  margin: 0;
+}
+
+.freight-list-table th:first-child {
+  width: 25%;
+}
+
+.freight-list-table th:nth-child(2) {
+  width: 22%;
+}
+
+.freight-list-table th:nth-child(3) {
+  width: 14%;
+}
+
+.freight-list-table th:nth-child(4) {
+  width: 13%;
+}
+
+.freight-list-table th:nth-child(5) {
+  width: 15%;
+}
+
+.freight-list-table th:last-child {
+  width: 11%;
+}
+
+.freight-items-table th:first-child {
+  width: 30%;
+}
+
+.freight-items-table th:nth-child(2) {
+  width: 14%;
+}
+
+.freight-items-table th:nth-child(3) {
+  width: 7%;
+}
+
+.freight-items-table th:nth-child(4) {
+  width: 13%;
+}
+
+.freight-items-table th:nth-child(5) {
+  width: 12%;
+}
+
+.freight-items-table th:last-child {
+  width: 24%;
+}
+
+.freight-media {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 11px;
+}
+
+.freight-item-media {
+  align-items: flex-start;
+}
+
+.freight-media-copy {
+  min-width: 0;
+  display: block;
+}
+
+.freight-product-title {
+  display: block;
+  overflow-wrap: anywhere;
+}
+
+.freight-thumb {
+  display: block;
+  flex: 0 0 auto;
+  object-fit: contain;
+  border: 1px solid var(--line);
+  border-radius: 5px;
+  background: var(--surface-soft);
+}
+
+.freight-thumb-list {
+  width: 56px;
+  height: 56px;
+}
+
+.freight-thumb-detail {
+  width: 84px;
+  height: 84px;
+}
+
+.freight-thumb-placeholder {
+  display: grid;
+  place-items: center;
+  padding: 5px;
+  border-style: dashed;
+  color: var(--muted);
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 1.25;
+  text-align: center;
+}
+
+.freight-money,
+.freight-number {
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
 .task-title,
 .secondary {
   display: block;
@@ -1262,6 +1386,12 @@ tbody tr:last-child td {
   .image-preview {
     max-width: 320px;
   }
+
+  .freight-list-table td:first-child,
+  .freight-items-table td:first-child,
+  .freight-items-table td:last-child {
+    grid-column: 1 / -1;
+  }
 }
 
 @media (max-width: 520px) {
@@ -1369,4 +1499,9 @@ tbody tr:last-child td {
   .definition-list dd {
     margin-bottom: 10px;
   }
+
+  .freight-thumb-detail {
+    width: 72px;
+    height: 72px;
+  }
 }