.page-container { padding: 1.5rem; }
.page-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.25rem;
  h1 { margin: 0; font-size: 1.25rem; color: var(--color-text-primary); }
  p { margin: 0.25rem 0 0; color: var(--color-text-secondary); font-size: 0.8125rem; }
}
.loading-state, .error-state { display: flex; flex-direction: column; align-items: center; padding: 2.5rem; gap: 1rem;
  i { font-size: 2rem; color: var(--color-accent); }
}
.table-card { background: var(--color-surface); border-radius: 10px; padding: 1rem; border: 1px solid var(--color-surface-border); }
.mono { font-family: monospace; font-size: 0.8125rem; }
.amount { font-family: monospace; text-align: end; }
.action-buttons { display: flex; gap: 0.25rem; }
.text-center { text-align: center; padding: 2rem !important; color: var(--color-text-secondary); }

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-field { display: flex; flex-direction: column; gap: 0.5rem;
  label { font-weight: 600; font-size: 0.8125rem; color: var(--color-text-primary); }
  input { width: 100%; }
}
.full-width { grid-column: 1 / -1; }

.lines-section { margin-top: 1.5rem; }
.lines-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem;
  h3 { margin: 0; font-size: 1rem; }
}
.lines-table { width: 100%; border-collapse: collapse;
  th, td { padding: 0.5rem; border-bottom: 1px solid var(--color-surface-border); }
  th { text-align: start; font-size: 0.8rem; color: var(--color-text-secondary); }
}

.view-info { margin-bottom: 1rem; }
.info-row { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.info-item { display: flex; flex-direction: column; gap: 0.25rem;
  label { font-size: 0.8rem; color: var(--color-text-secondary); }
  span { font-weight: 600; }
}
