.fw-data { min-width: 0; }
.fw-data-toolbar, .fw-data-filters, .fw-data-actions, .fw-data-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.fw-data-toolbar { justify-content: space-between; border-bottom: 1px solid var(--border, #cdd7d6); padding-bottom: 12px; }
.fw-data [role="tablist"] { display: flex; flex-wrap: wrap; gap: 4px; }
.fw-data [role="tab"] { border: 0; border-bottom: 3px solid transparent; background: transparent; padding: 10px 12px; color: inherit; font: inherit; cursor: pointer; }
.fw-data [role="tab"][aria-selected="true"] { border-color: #18765a; color: #126147; font-weight: 700; }
.fw-data label { display: grid; gap: 6px; font-size: 14px; min-width: 0; }
.fw-data input, .fw-data select { font: inherit; min-width: 0; max-width: 100%; padding: 9px; border: 1px solid #bbc9c7; border-radius: 4px; background: #fff; color: #1d302e; }
.fw-data .fw-data-check { display: flex; align-items: center; gap: 8px; }
.fw-data-filters { margin: 16px 0; align-items: end; }
.fw-data-filters select { width: 240px; max-width: 100%; }
.fw-data .fw-data-mode { font-size: 14px; color: #546862; }
.fw-data-table { overflow-x: auto; max-width: 100%; border-top: 1px solid #ced8d6; background: #fff; }
.fw-data table { border-collapse: collapse; width: 100%; font-size: 14px; }
.fw-data th, .fw-data td { padding: 12px; text-align: left; border-bottom: 1px solid #dce3e2; vertical-align: top; overflow-wrap: anywhere; min-width: 105px; max-width: 320px; }
.fw-data th { color: #536562; background: #f5f8f7; font-weight: 600; }
.fw-data small { display: block; margin-top: 5px; color: #5b6e69; font-size: 12px; }
.fw-data [data-view="transfers"] table { min-width: 870px; }
.fw-data [data-view="transfers"] th { white-space: nowrap; }
.fw-data [data-view="transfers"] td:first-child { min-width: 185px; }
.fw-data [data-view="transfers"] td:nth-child(2) { min-width: 240px; }
.fw-data [data-view="transfers"] td:last-child { min-width: 172px; }
.fw-data .icon-button { width: 36px; height: 36px; flex: 0 0 36px; }
.fw-data button:disabled { opacity: .5; cursor: default; }
.fw-delivery { display: flex; align-items: start; gap: 8px; margin-bottom: 8px; }
.fw-data-pagination { justify-content: end; margin-top: 16px; font-size: 14px; }
.fw-data h2 { font-size: 18px; margin: 24px 0 14px; }
.fw-data dialog { width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; border: 1px solid #becac7; border-radius: 8px; padding: 24px; color: #213631; }
.fw-data dialog::backdrop { background: #162d2866; }
.fw-data dialog h2 { margin-top: 0; }
.fw-data dialog [data-fields] { display: grid; gap: 16px; }
.fw-data dialog p { line-height: 1.5; font-size: 14px; }
.fw-data [role="alert"] { color: #a22323; }
.fw-data-actions { justify-content: end; margin-top: 20px; }
.fw-storage-summary { display: grid; grid-template-columns: minmax(130px, 220px) minmax(0, 1fr); gap: 16px; margin: 24px 0; }
.fw-storage-summary dd { margin: 0; font-weight: 600; }
@media (max-width: 600px) {
  .fw-data-toolbar { align-items: start; }
  .fw-data [role="tab"] { font-size: 13px; padding: 9px 7px; }
  .fw-data-filters > label { width: 100%; }
  .fw-data-filters select { width: 100%; }
  .fw-data dialog { padding: 18px; }
}