/* Listes de formulaires — structure RH avec identité couleur par module */
:root{
  --list-text:#172033;
  --list-muted:#64748b;
  --list-border:#dbe3ee;
  --list-bg:#f3f6fb;
  --list-shadow:0 16px 38px rgba(15,23,42,.08);
}
body.theme-demoulage{ --theme:#d98b09; --theme-dark:#92400e; --theme-soft:#fff8e7; --theme-mid:#fde68a; --theme-border:#f3cf83; }
body.theme-emballage{ --theme:#16a36a; --theme-dark:#065f46; --theme-soft:#ecfdf5; --theme-mid:#a7f3d0; --theme-border:#a7e6c8; }
body.theme-rapage{ --theme:#6256c7; --theme-dark:#373078; --theme-soft:#f2f0ff; --theme-mid:#c9c3f1; --theme-border:#b9b1e8; }

.form-list-page{
  min-height:100vh;
  margin:0 !important;
  padding:28px 16px 48px !important;
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--theme) 10%,transparent),transparent 31%),
    radial-gradient(circle at 94% 5%,rgba(15,23,42,.035),transparent 28%),
    var(--list-bg) !important;
  color:var(--list-text) !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
.form-list-page button,.form-list-page input,.form-list-page select{ font:inherit; }
.form-list-page button:focus-visible,.form-list-page input:focus-visible,.form-list-page select:focus-visible{
  outline:3px solid color-mix(in srgb,var(--theme) 22%,transparent);
  outline-offset:2px;
}
.form-list-page > .container{
  width:min(1380px,100%);
  max-width:1380px !important;
  margin:0 auto !important;
  padding:21px !important;
  overflow:hidden;
  border:1px solid var(--list-border);
  border-radius:21px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:var(--list-shadow) !important;
}
.form-list-page > .container > .step-title:first-child{
  min-height:76px;
  margin:-21px -21px 20px !important;
  padding:18px 21px;
  border-bottom:1px solid var(--theme-border);
  background:linear-gradient(135deg,#fff,var(--theme-soft));
  color:var(--list-text);
  font-size:clamp(22px,2.5vw,30px);
  font-weight:850;
  letter-spacing:-.03em;
}
.form-list-page .step-title{
  margin:20px 0 12px !important;
  color:var(--list-text);
  font-size:18px;
  font-weight:850;
}
.form-list-page .step-badge{
  width:36px !important;
  height:36px !important;
  flex:0 0 auto;
  border:1px solid var(--theme-border) !important;
  border-radius:12px !important;
  background:var(--theme-soft) !important;
  color:var(--theme-dark) !important;
  box-shadow:none !important;
  font-size:14px;
  font-weight:900;
}
.form-list-page .panel{
  padding:15px !important;
  border:1px solid var(--list-border) !important;
  border-radius:15px !important;
  background:#f8fafc !important;
}
.form-list-page .cta-bar.panel{
  margin-bottom:20px !important;
  background:linear-gradient(135deg,#fff,var(--theme-soft)) !important;
  border-color:var(--theme-border) !important;
}
.form-list-page .cta-left,.form-list-page .cta-right{ flex-wrap:wrap; }
.form-list-page .btn{
  display:inline-flex !important;
  min-height:41px;
  height:auto !important;
  align-items:center;
  justify-content:center;
  padding:9px 14px !important;
  border:1px solid var(--list-border) !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#334155 !important;
  box-shadow:none !important;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.form-list-page .btn:hover{ background:var(--theme-soft) !important; border-color:var(--theme-border) !important; transform:translateY(-1px); }
.form-list-page .btn-primary,.form-list-page .btnVoir{
  border-color:var(--theme) !important;
  background:var(--theme) !important;
  color:#fff !important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--theme) 20%,transparent) !important;
}
.form-list-page .btnDelete{
  border-color:#fecaca !important;
  background:#fef2f2 !important;
  color:#991b1b !important;
  box-shadow:none !important;
}

.form-list-page .dataTables_wrapper{ color:var(--list-text); }
.form-list-page .dataTables_wrapper .dataTables_length,.form-list-page .dataTables_wrapper .dataTables_filter,
.form-list-page .dataTables_wrapper .dataTables_info,.form-list-page .dataTables_wrapper .dataTables_paginate{
  margin:5px 0 12px;
  color:var(--list-muted) !important;
  font-size:13px;
  font-weight:650;
}
.form-list-page .dataTables_wrapper select,.form-list-page .dataTables_wrapper input[type="search"]{
  min-height:38px;
  padding:7px 10px !important;
  border:1px solid #cbd5e1 !important;
  border-radius:10px !important;
  background:#fff !important;
}
.form-list-page table.dataTable{
  width:100% !important;
  border:1px solid var(--list-border) !important;
  border-radius:13px;
  overflow:hidden;
  background:#fff;
}
.form-list-page table.dataTable thead tr:first-child th{
  padding:12px 10px !important;
  background:linear-gradient(180deg,var(--theme-soft),#fff) !important;
  color:var(--list-text);
  font-size:12px;
  font-weight:850;
  letter-spacing:.02em;
}
.form-list-page table.dataTable thead tr:first-child th::after{ background:linear-gradient(90deg,var(--theme),transparent) !important; }
.form-list-page table.dataTable .filters th{
  padding:8px !important;
  background:var(--theme-mid) !important;
  border-color:var(--theme-border) !important;
}
.form-list-page .filters .filter-wrap{
  min-height:38px;
  border-color:color-mix(in srgb,var(--theme-dark) 18%,transparent) !important;
  background:rgba(255,255,255,.80) !important;
}
.form-list-page table.dataTable tbody td{ padding:11px 10px !important; color:#334155; font-size:13px; line-height:1.45; }
.form-list-page table.dataTable tbody tr:nth-child(even){ background:#f8fafc; }
.form-list-page table.dataTable tbody tr:hover{ background:var(--theme-soft); }
.form-list-page .dataTables_wrapper .dataTables_paginate .paginate_button{
  border:1px solid var(--list-border) !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#334155 !important;
}
.form-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.current{
  border-color:var(--theme) !important;
  background:var(--theme-soft) !important;
  color:var(--theme-dark) !important;
}
.form-list-page .modal-backdrop{ background:rgba(15,23,42,.48) !important; backdrop-filter:blur(5px); }
.form-list-page .modal{ border:1px solid var(--theme-border); border-radius:21px !important; box-shadow:0 24px 65px rgba(15,23,42,.22) !important; }
.form-list-page .modal-header{ padding:17px 19px !important; background:linear-gradient(135deg,#fff,var(--theme-soft)) !important; border-bottom-color:var(--theme-border) !important; }
.form-list-page .modal-title{ color:var(--list-text); font-size:19px; font-weight:850; }
.form-list-page .chip{ border:1px solid var(--theme-border); background:var(--theme-soft) !important; color:var(--theme-dark) !important; font-weight:750; }

@media(max-width:760px){
  .form-list-page{ padding:14px 10px 30px !important; }
  .form-list-page > .container{ padding:16px !important; border-radius:17px !important; }
  .form-list-page > .container > .step-title:first-child{ margin:-16px -16px 17px !important; padding:16px; }
  .form-list-page .cta-bar,.form-list-page .cta-left,.form-list-page .cta-right{ width:100%; }
  .form-list-page .cta-left .btn,.form-list-page .cta-right .btn{ flex:1 1 145px; }
  .form-list-page .panel{ overflow:auto; }
}