.page-container {
  .page-header {
    display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.25rem;
    .header-text {
      h1 { margin: 0; font-size: 1.25rem; font-weight: 600; color: var(--color-brand); }
      p { margin: 0.25rem 0 0; color: var(--color-text-secondary); font-size: 0.8125rem; }
    }
  }
  .loading-state { display: flex; flex-direction: column; align-items: center; padding: 2.5rem; gap: 1rem; background: var(--color-surface); border-radius: 10px; }
  .table-card {
    background: var(--color-surface); border-radius: 10px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    :host ::ng-deep {
      .p-datatable .p-datatable-header-cell { background: var(--color-surface-muted); font-weight: 600; }
      .p-paginator { border-top: 1px solid var(--color-surface-border); }
    }
    .action-buttons { display: flex; gap: 0.25rem; }
    .text-center { text-align: center; color: var(--color-text-muted); padding: 2rem !important; }
  }
}

.dialog-form {
  display: flex; flex-direction: column; gap: 1rem; padding-top: 0.5rem;
  .form-field {
    display: flex; flex-direction: column; gap: 0.375rem;
    label { font-weight: 600; font-size: 0.8125rem; color: var(--color-text-primary); }
    input { width: 100%; }
  }
  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .switch-field-wrap { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; padding-top: 1.5rem; }
  .section-title { margin: 0.5rem 0 0; font-size: 1rem; font-weight: 600; color: var(--color-brand); border-top: 1px solid var(--color-surface-border); padding-top: 0.75rem; }
}

.lines-table {
  overflow-x: auto;
  table {
    width: 100%; border-collapse: collapse;
    thead th { background: var(--color-surface-muted); padding: 0.5rem; font-size: 0.8rem; font-weight: 600; text-align: start; border-bottom: 1px solid var(--color-surface-border); }
    tbody td { padding: 0.35rem; border-bottom: 1px solid var(--color-surface-border); }
  }
  :host ::ng-deep {
    .p-select, .p-inputnumber { width: 100%; }
  }
}

.sim-result {
  margin-top: 1rem; padding: 1rem; background: var(--color-surface-muted); border-radius: 8px;
  h4 { margin: 0 0 0.5rem; color: var(--color-brand); }
  pre { font-size: 0.8rem; overflow-x: auto; max-height: 300px; }
}
