/* src/styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  font-size: 18px;
}
.page__title,
.erp__title {
  font-size: 28px !important;
}
.section_card__title,
.hero__title {
  font-size: 22px !important;
}
.page__breadcrumb,
.bc__item {
  font-size: 17px !important;
}
.table__td,
.table__th {
  font-size: 17px !important;
}
.table__th {
  font-size: 14px !important;
}
.filter_label,
.form_label {
  font-size: 16px !important;
}
.filter_input,
.filter_select,
.form_input,
.form_select {
  font-size: 18px !important;
}
.btn_primary,
.btn_submit,
.btn_cancel,
.page_btn,
.filter_reset {
  font-size: 18px !important;
}
.modal_title {
  font-size: 22px !important;
}
.modal_subtitle {
  font-size: 17px !important;
}
.results_count,
.statut_badge {
  font-size: 16px !important;
}
@media print {
  .nav_bar,
  .app_topbar {
    display: none !important;
  }
  .layout_container {
    display: block !important;
  }
  .feature_section {
    overflow: visible !important;
    height: auto !important;
  }
  app-toastcontainer {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .card--flush,
  .table_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .page__header,
  .erp__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
  }
  .page__actions,
  .erp__actions {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }
  .search_bar {
    flex: 1;
    min-width: 200px;
  }
  .grid_2col,
  .body_grid,
  .bottom_grid {
    grid-template-columns: 1fr !important;
  }
  .kpi_grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .filters_bar {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .page__header,
  .erp__header {
    padding: 14px 16px;
  }
  .page__title,
  .erp__title {
    font-size: 26px !important;
  }
  .page__actions > .search_bar,
  .erp__actions > .search_bar {
    flex: 1 1 100%;
  }
  .page__actions > button,
  .erp__actions > button {
    flex: 1;
    justify-content: center;
  }
  .page__breadcrumb {
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page__body {
    padding: 12px !important;
  }
  .kpi_grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .table__th--hide-sm,
  .table__td--hide-sm {
    display: none !important;
  }
  .form_row,
  .fields_grid,
  .form_grid {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
  }
  .field--half {
    grid-column: 1 !important;
  }
  .modal_overlay,
  .eval_overlay {
    padding: 0 !important;
    align-items: flex-end !important;
  }
  .modal_panel,
  .eval_panel {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 16px 16px 0 0 !important;
    max-height: 92vh !important;
  }
  .hero {
    padding: 16px !important;
  }
  .hero__title {
    font-size: 24px !important;
  }
  .actions_bar {
    padding: 10px 12px !important;
    gap: 8px !important;
    flex-wrap: wrap;
  }
  .action_btn {
    flex: 1;
    min-width: 120px;
    justify-content: center;
    font-size: 16px !important;
    padding: 8px 10px !important;
  }
  .section_header {
    flex-wrap: wrap;
    gap: 8px;
  }
  .info_grid {
    grid-template-columns: 1fr !important;
  }
  .eval_body {
    flex-direction: column-reverse !important;
  }
  .eval_sidebar {
    width: 100% !important;
    border-left: none !important;
    border-bottom: 1px solid #E5E7EB;
    max-height: 180px;
    overflow-y: auto;
  }
  .format_list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px !important;
  }
  .format_item {
    border-left: none !important;
    border: 1.5px solid #E5E7EB;
    border-radius: 8px;
    flex: 0 1 auto;
  }
  .format_item--active {
    border-color: #C9622F;
    background: #FEF0E7;
  }
}
@media (max-width: 480px) {
  .kpi_grid {
    grid-template-columns: 1fr !important;
  }
  .table__td,
  .table__th {
    padding: 8px !important;
    font-size: 16px !important;
  }
  .page__actions > button,
  .erp__actions > button {
    width: 100%;
    justify-content: center;
  }
  .modal_panel,
  .eval_panel {
    max-height: 96vh !important;
  }
  .hero_card {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .chart_card canvas {
    min-height: 180px !important;
  }
}
.table {
  min-width: 580px;
}
.card--flush {
  overflow-x: auto;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */