/* UI-078：資料收還工作台——搜尋列加負責擔當／管轄區篩選，清單由卡片改為緊湊單列表格並加分頁。
   欄位過寬時交給 .material-transfer-table-wrap 自己橫向捲動，不讓整個頁面產生橫向溢位。 */
.material-transfers-page .material-transfer-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,200px) minmax(140px,200px);gap:12px;align-items:end}
.material-transfers-page .material-transfer-filters>div{min-width:0}
.material-transfers-page .material-transfer-filters label{display:block}
.material-transfers-page .material-transfer-filters #search-error{grid-column:1/-1;margin:0}
.material-transfers-page .material-transfer-filters .groups-search-actions{grid-column:1/-1;margin-top:4px}
.material-transfers-page .material-transfer-table-wrap{margin-top:14px;max-height:min(60vh,640px);overflow:auto;border:1px solid var(--g-border);border-radius:12px}
.material-transfers-page .material-transfer-table-wrap table{width:100%;min-width:720px;border-collapse:collapse}
.material-transfers-page .material-transfer-table-wrap thead th{position:sticky;top:0;z-index:1;padding:9px 10px;border-bottom:1px solid var(--g-border);background:var(--g-surface);color:var(--g-muted);font-size:.78rem;font-weight:800;text-align:left;white-space:nowrap}
.material-transfers-page .material-transfer-table-wrap tbody td{padding:9px 10px;border-bottom:1px solid var(--g-border);vertical-align:top;font-size:.88rem}
.material-transfers-page .material-transfer-table-wrap tbody tr:last-child td{border-bottom:0}
.material-transfers-page .material-transfer-table-wrap tbody tr:hover td{background:#f7fbfa}
.material-transfers-page .material-transfer-table-wrap tbody tr[data-selected="true"] td{background:#e3f2ec}
.material-transfers-page .transfer-row-select{width:auto;min-height:auto;margin:0;padding:0;border:0;color:var(--g-brand);background:transparent;font:inherit;font-weight:800;text-align:left;cursor:pointer}
.material-transfers-page .transfer-row-select:hover:not(:disabled){text-decoration:underline}
.material-transfers-page .transfer-row-select:disabled{color:var(--g-muted);cursor:not-allowed}
.material-transfers-page .material-transfer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.material-transfers-page .material-transfer-pagination{display:flex;align-items:center;gap:8px}
.material-transfers-page .material-transfer-pagination .secondary-button{width:auto;min-height:36px;margin:0;padding:7px 12px}
@media (max-width:800px){
  .material-transfers-page .material-transfer-filters{grid-template-columns:1fr}
}
@media (max-width:500px){
  .material-transfers-page .material-transfer-toolbar{flex-direction:column;align-items:flex-start}
  .material-transfers-page .material-transfer-pagination{width:100%;justify-content:space-between}
}

/* UI-129：保管資料修改與備註——清單的備註數與保管狀態 chip、明細的欄位格、操作列、備註區、易讀歷程、修改對話框。
   色票沿用 UI-128 稿的狀態色（done／wait／back／todo）；長字串（備註、理由、保管位置）一律可換行，不撐出橫向溢位。 */
.material-transfers-page .material-note-count{display:inline-block;margin-left:6px;padding:0 8px;border-radius:999px;background:#eef0ef;color:#5d6b68;font-size:.72rem;font-weight:700;white-space:nowrap;vertical-align:middle}
.material-transfers-page .material-status-chip{display:inline-block;padding:1px 10px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}
.material-transfers-page .material-status-chip.is-custody{background:#fdf3dc;color:#8a5a00}
.material-transfers-page .material-status-chip.is-returned{background:#e3f1e6;color:#2f6b3a}
.material-transfers-page .material-status-chip.is-voided{background:#fbe6e2;color:#a23b2a}
.material-transfers-page .material-status-chip.is-superseded{background:#eef0ef;color:#5d6b68}
.material-transfers-page .material-transfer-table-wrap tbody tr[data-custody-status="voided"] td{color:var(--g-muted)}
.material-transfers-page .material-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0}
.material-transfers-page .material-kv{min-width:0}
.material-transfers-page .material-kv.is-wide{grid-column:1/-1}
.material-transfers-page .material-kv dt{color:var(--g-muted);font-size:.78rem;font-weight:800}
.material-transfers-page .material-kv dd{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.material-transfers-page .material-voided-notice{margin:0;padding:10px 14px;border:1px solid #e8c3bc;border-radius:10px;background:#fbe6e2;color:#a23b2a;font-weight:700}
.material-transfers-page .material-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.material-transfers-page .material-detail-actions .secondary-button{width:auto;min-height:40px;margin:0;padding:7px 14px}
.material-transfers-page .material-notes{margin-top:22px}
.material-transfers-page .material-notes h3,.material-transfers-page .material-history h3{margin:0 0 8px;font-size:1rem}
.material-transfers-page .material-notes textarea{width:100%}
.material-transfers-page .material-notes .groups-form-actions{margin-top:8px}
.material-transfers-page .material-note-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.material-transfers-page .material-note{padding:8px 12px;border:1px solid var(--g-border);border-radius:10px;background:#f6f9f8}
.material-transfers-page .material-note-meta{margin:0;color:var(--g-muted);font-size:.82rem}
.material-transfers-page .material-note-meta strong{color:var(--g-text,#2b3332)}
.material-transfers-page .material-note-body{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.material-transfers-page #transfer-history{margin-top:22px}
.material-transfers-page .material-history-list{margin:0;padding-left:20px;font-size:.88rem;line-height:1.7}
.material-transfers-page .material-history-list li{overflow-wrap:anywhere}
.material-transfers-page .material-edit-dialog{max-height:calc(100dvh - 32px);overflow:auto}
.material-transfers-page .material-edit-dialog h2{margin-top:0}
.material-transfers-page .material-edit-dialog input,.material-transfers-page .material-edit-dialog select,.material-transfers-page .material-edit-dialog textarea{width:100%;max-width:100%;box-sizing:border-box}
.material-transfers-page .material-edit-dialog .material-dialog-error:empty{min-height:0}
.material-transfers-page .material-confirm-text{margin:12px 0;padding:10px 12px;border-radius:10px;background:#fbe6e2;color:#7a2c20;overflow-wrap:anywhere}
.material-transfers-page .material-edit-dialog .dialog-actions{flex-wrap:wrap}
@media (max-width:500px){
  .material-transfers-page .material-detail-grid{grid-template-columns:1fr}
  .material-transfers-page .material-detail-actions .secondary-button{flex:1 1 auto}
}