/* Habillage des DataTables aux couleurs de l'application (complète vendor/dataTables.dataTables.min.css) */
.dt-zone{padding:4px 0 2px}
.dt-container{font-size:13px;color:var(--ink)}
.dt-container .dt-layout-row{padding:8px 16px;margin:0!important;gap:10px}
.dt-container .dt-layout-row.dt-layout-table{padding:0}
.dt-container .dt-search input,.dt-container .dt-length select{
  width:auto;min-height:34px;padding:6px 10px;border:1px solid #c9d4d0!important;border-radius:8px!important;background:#fff!important;font-size:13px;margin:0 6px!important}
.dt-container .dt-search input{min-width:200px}
.dt-container .dt-search label,.dt-container .dt-length label,.dt-container .dt-info{color:var(--muted);font-size:12.5px}

table.dataTable.table{width:100%!important;border-collapse:collapse;margin:0!important}
table.dataTable.table>thead>tr>th{background:#f8f6f0;color:var(--muted);font-size:12px;font-weight:600;text-align:left;
  padding:10px 14px;border-bottom:1px solid var(--line)!important;white-space:nowrap}
table.dataTable.table>tbody>tr>td{padding:11px 14px;border-top:none;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}
table.dataTable.table>tbody>tr:last-child>td{border-bottom:none}
table.dataTable.table>thead>tr>th.dt-type-numeric,table.dataTable.table>tbody>tr>td.dt-type-numeric{text-align:left}
table.dataTable.table td b{font-weight:600}
table.dataTable.table td small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
table.dataTable.table td small.w{color:var(--warn)}
table.dataTable.table td>a>b{color:var(--ink)}
table.dataTable.table td>a{text-decoration:none}
table.dataTable.table td>a:hover>b,table.dataTable.table td>a:focus>b{text-decoration:underline;color:var(--accent)}
table.dataTable.table td form{display:inline-block;margin:2px 4px 2px 0}
table.dataTable.table tr.dt-lien{cursor:pointer}
table.dataTable.table tr.dt-lien:hover>td{background:#faf8f3}
table.dataTable.table tr.act>td:first-child{box-shadow:inset 3px 0 0 #e0b25c}
table.dataTable.table tr.inactif>td{opacity:.55}

.dt-container .dt-paging .dt-paging-button{border-radius:7px!important;padding:4px 10px!important;min-width:0;font-size:13px}
.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button.current:hover{
  background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.dt-container .dt-paging .dt-paging-button:hover{background:#eef2f1!important;border-color:var(--line)!important;color:var(--ink)!important}

/* Mode téléphone : colonnes repliées sous la ligne */
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{border-left-color:var(--accent)}
table.dataTable>tbody>tr.child ul.dtr-details{width:100%}
table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid var(--line);padding:7px 0}
table.dataTable>tbody>tr.child span.dtr-title{color:var(--muted);font-weight:600;font-size:12px;min-width:110px}

@media(max-width:860px){
  .dt-container .dt-layout-row{padding:8px 12px}
  .dt-container .dt-search input{min-width:0;width:150px}
  table.dataTable.table>thead>tr>th,table.dataTable.table>tbody>tr>td{padding:10px}
}
@media print{
  .dt-container .dt-layout-row:not(.dt-layout-table){display:none!important}
  table.dataTable.table>tbody>tr>td,table.dataTable.table>thead>tr>th{padding:5px 8px;font-size:11px}
}