body.dt-theme {

  background:

    radial-gradient(circle at top left, rgba(37, 99, 235, 0.14), transparent 34%),

    linear-gradient(180deg, #ffffff 0%, #eef2ff 100%) !important;

}



body.dt-theme main.dt-page {

  background:

    radial-gradient(circle at top left, rgba(37, 99, 235, 0.14), transparent 34%),

    linear-gradient(180deg, #ffffff 0%, #eef2ff 100%) !important;



  padding: 100px 22px 50px !important;

}



body.dt-theme .dt-card {

  background: rgba(255,255,255,0.96) !important;

  border: 1px solid var(--dt-border) !important;

  border-radius: var(--dt-radius) !important;

  box-shadow: var(--dt-shadow) !important;

}



body.dt-theme .dt-page-title,

body.dt-theme .dt-page-subtitle {

  color: var(--dt-text) !important;

}



body.dt-theme .dt-table th {

  background: #f8fafc !important;

  color: var(--dt-text) !important;

}



body.dt-theme .dt-label {

  color: var(--dt-text) !important;

}



body.dt-theme .dt-btn {

  width: auto !important;

}



body.dt-theme main.dt-page {

  background:

    radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 30%),

    linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;

}



/* ==================================================

   GLOBAL DISATIME V2

   Variables de transition

   ================================================== */





/* ==================================================

   GLOBAL DISATIME V2

   Topbar

   ================================================== */

body.dt-theme #topbar {

  height: 66px !important;

  background: linear-gradient(135deg, #1e293b, #334155) !important;

  backdrop-filter: none !important;

  border-bottom: 3px solid #3498db !important;

  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);

  color: #ffffff !important;

}



body.dt-theme #topbar,

body.dt-theme #topbar * {

  color: #ffffff !important;

}



body.dt-theme #topbar .center,

body.dt-theme #topbar .topbar-center {

  color: #ffffff !important;

  font-weight: 800;

}



body.dt-theme #burgerBtn {

  color: #ffffff !important;

  background: rgba(255,255,255,0.12) !important;

  border-radius: 999px !important;

  width: 42px !important;

  height: 42px !important;

}

/* ==================================================

   TOPBAR

   Dropdown profil avec icônes Lucide

   ================================================== */



body.dt-theme #topbar .dropdown-content a {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

}



body.dt-theme #topbar .dropdown-content a .dt-menu-icon {

  width: 16px !important;

  height: 16px !important;

  min-width: 16px !important;

  flex-shrink: 0;

}

/* ==================================================

   TOPBAR PRESTATION

   Dropdown profil lisible

   ================================================== */



body.dt-theme #topbar .dropdown-content {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 14px !important;

  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16) !important;

  overflow: hidden;

}



body.dt-theme #topbar .dropdown-content a,

body.dt-theme #topbar .dropdown-content a:visited {

  color: #334155 !important;

  background: #ffffff !important;

  padding: 11px 14px !important;

  font-weight: 600;

}



body.dt-theme #topbar .dropdown-content a:hover {

  background: #eef2ff !important;

  color: #2563eb !important;

}

/* ==================================================

   GLOBAL DISATIME V2

   Sidebar

   ================================================== */

body.dt-theme #sidebar {

  top: 66px !important;

  height: calc(100% - 66px) !important;



  background: #f8fafc !important;



  border-right: 1px solid rgba(148, 163, 184, 0.22) !important;



  box-shadow:

    8px 0 24px rgba(15, 23, 42, 0.04);



  color: #0f172a !important;

}



body.dt-theme #sidebar h3 {

  color: #0f172a !important;

}



body.dt-theme #sidebar ul li a {

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

  padding: 11px 16px !important;

}



body.dt-theme #sidebar ul li a img,

body.dt-theme .dt-menu-icon {

  width: 18px !important;

  height: 18px !important;

  min-width: 18px !important;

  object-fit: contain;

  display: block;

}



body.dt-theme #sidebar ul li a span {

  display: inline-block;

  line-height: 1.2;

}

body.dt-theme #sidebar ul li a:hover {

  background: #eef2ff !important;

  color: #1d4ed8 !important;

}



body.dt-theme #sidebar ul ul li a {

  font-size: 0.92em;

  padding-left: 22px !important;

}

/* Décalage contenu quand sidebar ouverte */

body.dt-theme #sidebar.open ~ #mainContent,

body.dt-theme #sidebar.open ~ main#dashboardMain,

body.dt-theme #sidebar.open ~ main.dt-page {

  margin-left: var(--dt-sidebar-width) !important;

}



body.dt-theme #sidebar ul li a,

body.dt-theme #sidebar ul li a:visited,

body.dt-theme #sidebar ul li a span {

  color: #334155 !important;

  opacity: 1 !important;

}



body.dt-theme #sidebar ul li a:hover,

body.dt-theme #sidebar ul li a:hover span {

  color: #2563eb !important;

}



body.dt-theme #sidebar ul li a.active,

body.dt-theme #sidebar ul li a.active span {

  background: #dbeafe !important;

  color: #2563eb !important;

}



/* Mobile */

@media (max-width: 768px) {

  body.dt-theme #sidebar.open ~ main.dt-page {

    margin-left: 0 !important;

  }

}

/* ==================================================

   GLOBAL DISATIME V2

   Titres de pages

   ================================================== */

/* ==================================================

   Élément pleine largeur dans une grille

   ================================================== */

body.dt-theme .dt-full {

  grid-column: 1 / -1;

}



/* ==================================================

   GLOBAL DISATIME V2

   Cards

   ================================================== */





/* ==================================================

   GLOBAL DISATIME V2

   Tableaux

   ================================================== */

/* ==================================================

   GLOBAL DISATIME V2

   Style unique des tableaux

   ================================================== */



body.dt-theme .dt-table-wrap {

  width: 100%;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  border: 1px solid var(--dt-border);

  border-radius: 16px;

  background: #fff;

}



body.dt-theme .dt-table {

  width: 100%;

  border-collapse: collapse;

  font-size: 0.94rem;

}



body.dt-theme .dt-table th {

  background: #f8fafc !important;

  color: #0f172a !important;

  font-weight: 800;

  padding: 13px 14px;

  border-bottom: 1px solid var(--dt-border);

  text-align: left;

}



body.dt-theme .dt-table td {

  padding: 12px 14px;

  border-bottom: 1px solid var(--dt-border);

  color: #334155;

}



body.dt-theme .dt-table tr:hover td {

  background: #f8fafc;

}



/* ==================================================

   GLOBAL DISATIME V2

   Boutons

   ================================================== */

/* ==================================================

   GLOBAL DISATIME V2

   Style unique des boutons

   ================================================== */



body.dt-theme .dt-btn {

  display: inline-flex !important;

  align-items: center;

  justify-content: center;

  gap: 6px;

  width: auto !important;

  min-height: 40px;

  padding: 9px 15px;

  border-radius: 999px;

  border: 1px solid transparent;

  font-size: 0.95rem;

  font-weight: 700;

  line-height: 1;

  cursor: pointer;

  text-decoration: none;

}



body.dt-theme .dt-btn-primary {

  background: #2563eb !important;

  color: #fff !important;

}



body.dt-theme .dt-btn-danger {

  background: #dc2626 !important;

  color: #fff !important;

}



body.dt-theme .dt-btn-success {

  background: #16a34a !important;

  color: #fff !important;

}



/* ==================================================

   BOUTONS SECONDAIRES

   Retour / Annuler

   ================================================== */



body.dt-theme .dt-btn-light {

  background: #eef2ff !important;

  color: #2563eb !important;

  border: 1px solid #bfdbfe !important;

}



body.dt-theme .dt-btn-light:hover {

  background: #dbeafe !important;

}



body.dt-theme .dt-btn-sm {

  min-height: 32px;

  padding: 7px 11px;

  font-size: 0.85rem;

}



/* ==================================================

   GLOBAL DISATIME V2

   Formulaires

   ================================================== */





/* ==================================================

   GLOBAL DISATIME V2

   Switch ON/OFF

   ================================================== */



body.dt-theme .dt-switch {

  position: relative;

  display: inline-block;

  width: 52px;

  height: 28px;

}



body.dt-theme .dt-switch input {

  opacity: 0;

  width: 0;

  height: 0;

}



body.dt-theme .dt-switch-sm {

  width: 44px;

  height: 26px;

}



body.dt-theme .dt-slider:before {

  width: 20px;

  height: 20px;

  top: 2px;

  left: 2px;

}



body.dt-theme .dt-slider {

  position: absolute;

  inset: 0;

  cursor: pointer;

  background: #cbd5e1;

  border-radius: 999px;

  transition: .25s;

}



body.dt-theme .dt-switch-sm .dt-slider:before {

  width: 18px;

  height: 18px;

}



body.dt-theme .dt-switch-sm input:checked + .dt-slider:before {

  transform: translateX(20px);

}



body.dt-theme .dt-switch input:checked + .dt-slider {

  background: linear-gradient(

    135deg,

    #3b82f6,

    #2563eb

  );

}



body.dt-theme .dt-switch input:checked + .dt-slider:before {

  transform: translateX(18px);

}



body.dt-theme .dt-switch-row {

  display: flex;

  align-items: center;

  gap: 12px;

}



body.dt-theme .dt-switch-label {

  font-weight: 600;

  color: var(--dt-text);

}



body.dt-theme .dt-slider {

  border: 1px solid rgba(255,255,255,.35);

}



body.dt-theme .dt-slider:before {

  content: "";

  position: absolute;

  width: 18px;

  height: 18px;

  left: 2px;

  top: 2px;

  background: white;

  border-radius: 50%;

  transition: .25s;

  box-shadow:
    0 2px 6px rgba(15,23,42,.18);

}

/* ==================================================

   ACTIVITES.PHP

   Ajustements spécifiques

   ================================================== */





/* ==================================================

   ARTICLES.PHP

   Ajustements spécifiques

   ================================================== */

   

   

/* ==================================================

   ARTICLES.PHP

   Compteur et formulaire articles

   ================================================== */



body.dt-theme .articles-count {

  margin-bottom: 10px;

  color: var(--dt-muted);

  font-weight: 600;

}



body.dt-theme .form-grid-articles {

  display: grid;

  grid-template-columns: repeat(2, minmax(260px, 1fr));

  gap: 16px 22px;

  margin-top: 12px;

}



body.dt-theme .form-grid-articles label {

  display: block;

  font-weight: 700;

  color: var(--dt-text);

}



body.dt-theme .form-grid-articles input,

body.dt-theme .form-grid-articles textarea,

body.dt-theme .form-grid-articles select {

  width: 100%;

  box-sizing: border-box;

  border: 1px solid var(--dt-border);

  border-radius: 14px;

  padding: 12px 14px;

  font: inherit;

  background: #fff;

}



body.dt-theme .form-grid-articles .full {

  grid-column: 1 / -1;

}



body.dt-theme .readonly-field {

  background: #f3f4f6 !important;

  color: #64748b !important;

}



@media (max-width: 900px) {

  body.dt-theme .form-grid-articles {

    grid-template-columns: 1fr;

  }

}   

/* ==================================================

   GLOBAL DISATIME V2

   Icônes dans les boutons

   ================================================== */



body.dt-theme .dt-btn-icon-img {

  width: 20px;

  height: 20px;

  display: block;

}

/* ==================================================

   GLOBAL DISATIME V2

   Responsive smartphone et tablette

   ================================================== */



/* ==================================================

   GLOBAL DISATIME V2

   Topbar mobile + hamburger

   ================================================== */



@media (max-width: 900px) {

  body.dt-theme #topbar {

    display: grid !important;

    grid-template-columns: 48px 1fr 42px !important;

    align-items: center !important;

    gap: 8px !important;

    padding: 0 6px !important;

  }



  body.dt-theme #burgerBtn {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    grid-column: 1 !important;

    position: static !important;

    margin: -4px !important;

    z-index: 2 !important;

  }



  body.dt-theme #topbar .left,

  body.dt-theme #topbar .topbar-left {

    grid-column: 2 !important;

    justify-self: start !important;

    min-width: 0 !important;

  }



  body.dt-theme #topbar .logo {

    max-width: 140px !important;

    height: auto !important;

  }



  body.dt-theme #topbar .right,

  body.dt-theme #topbar .topbar-right {

    grid-column: 3 !important;

    justify-self: end !important;

  }



  body.dt-theme #topbar .center,

  body.dt-theme #topbar .topbar-center {

    display: none !important;

  }

}



body.dt-theme .dt-container {

  width: min(1180px, calc(100% - 44px));

  margin: 0 auto;

}



@media (max-width: 768px) {

  body.dt-theme .dt-container {

    width: min(100%, calc(100% - 24px));

  }

}

  body.dt-theme .dt-card {

    padding: 16px !important;

    border-radius: 16px !important;

  }



  body.dt-theme .dt-page-header {

    margin-bottom: 18px;

  }



  body.dt-theme .dt-page-title {

    font-size: 1.65rem;

  }



  body.dt-theme .dt-page-subtitle {

    font-size: .95rem;

  }



  body.dt-theme .dt-grid-2,

  body.dt-theme .dt-grid-3 {

    grid-template-columns: 1fr !important;

  }



  body.dt-theme .dt-actions {

    gap: 8px;

  }



  body.dt-theme .dt-btn {

    min-height: 40px;

  }





@media (max-width: 600px) {

  body.dt-theme .dt-card {

    padding: 14px !important;

  }



  body.dt-theme .dt-btn {

    width: 100% !important;

  }



  body.dt-theme .dt-table {

    font-size: .88rem;

  }



  body.dt-theme .dt-table th,

  body.dt-theme .dt-table td {

    padding: 10px 11px;

    white-space: nowrap;

  }

}

/* ==================================================

   GLOBAL DISATIME V2

   Séparateur horizontal entre sections

   ================================================== */



body.dt-theme .dt-separator {

  margin: 28px 0;

  border: none;

  border-top: 1px solid var(--dt-border);

}

/* ==================================================

   TABLEAU_DE_BORD_PRESTATION.PHP

   Dashboard KPI prestations

   ================================================== */



body.dt-theme .dt-dashboard-card {

  padding: 26px !important;

}



body.dt-theme .dt-dashboard-actions {

  margin: 12px 0 22px;

  justify-content: flex-start;

}



body.dt-theme .dt-dashboard-section {

  margin-top: 26px;

}



body.dt-theme .dt-section-title {

  text-align: center;

  font-size: 1.65rem;

  color: var(--dt-text);

  margin: 10px 0 20px;

}



body.dt-theme .dt-subsection-title {

  margin: 34px 0 14px;

  color: var(--dt-text);

  font-size: 1.15rem;

}



body.dt-theme .dt-kpi-grid {

  display: grid;

  gap: 16px;

  margin-top: 16px;

}



body.dt-theme .dt-kpi-grid-1 {

  grid-template-columns: 1fr;

}



body.dt-theme .dt-kpi-grid-3 {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}



body.dt-theme .dt-kpi-grid-5 {

  grid-template-columns: repeat(5, minmax(0, 1fr));

}



body.dt-theme .dt-kpi-card {

  background: #73c6b6/*#eff6ff*/;

  border: 1px solid #bfdbfe;

  border-radius: 18px;

  padding: 18px 16px;

  text-align: center;

  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);

}



body.dt-theme .dt-kpi-card-primary {

  background: #d0f0c0/* linear-gradient(135deg, #dbeafe, #eff6ff)  */;

  border-color: #93c5fd ;

}



body.dt-theme .dt-kpi-card-soft {

  background: #f8fafc;

  border-color: var(--dt-border);

}



body.dt-theme .dt-kpi-label {

  display: block;

  color: #334155;

  font-weight: 700;

  font-size: .95rem;

  line-height: 1.3;

}



body.dt-theme .dt-kpi-value {

  display: block;

  margin-top: 8px;

  font-size: 1.55rem;

  font-weight: 900;

  color: #000000/* #1d4ed8 */;

}



@media (max-width: 1100px) {

  body.dt-theme .dt-kpi-grid-5 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  body.dt-theme .dt-kpi-grid-3 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}



@media (max-width: 650px) {

  body.dt-theme .dt-kpi-grid-5,

  body.dt-theme .dt-kpi-grid-3 {

    grid-template-columns: 1fr;

  }



  body.dt-theme .dt-kpi-value {

    font-size: 1.35rem;

  }

}

/* ==================================================

   TABLEAU_DE_BORD_PRESTATION.PHP

   KPI solde avant ce mois

   ================================================== */



body.dt-theme .dt-kpi-card-before {

  background: #34A6F4;

  border-color: #1d8ed6;

}



body.dt-theme .dt-kpi-card-before-primary {

  background: #aed6f1;

  border-color: #7fbbe4;

}

/* ==================================================

   TABLEAU_DE_BORD_PRESTATION.PHP

   Tableaux dashboard prestations

   ================================================== */



body.dt-theme .dt-dashboard-table {

  margin-top: 12px;

}

/* ==================================================

   TABLEAU_DE_BORD_PRESTATION.PHP

   Barre d'actions dashboard

   ================================================== */



body.dt-theme .dt-dashboard-toolbar {

  display: flex;

  justify-content: flex-end;

  margin-bottom: 20px;

}

/* ==================================================

   TABLEAU_DE_BORD_PRESTATION.PHP

   Résumé haut dashboard

   ================================================== */



body.dt-theme .dt-dashboard-summary {

  display: grid;

  grid-template-columns: 180px 1fr 180px;

  gap: 16px;

  align-items: center;

  margin: 18px 0 22px;

}



body.dt-theme .dt-dashboard-summary-title {

  text-align: center;

}



body.dt-theme .dt-dashboard-summary-title h2 {

  margin: 0;

  color: var(--dt-text);

  font-size: 1.35rem;

}



body.dt-theme .dt-mini-kpi {

  background: #f8fafc;

  border: 1px solid var(--dt-border);

  border-radius: 16px;

  padding: 14px 12px;

  text-align: center;

}



body.dt-theme .dt-mini-kpi-label {

  display: block;

  color: #334155;

  font-weight: 700;

  font-size: .9rem;

}



body.dt-theme .dt-mini-kpi-value {

  display: block;

  margin-top: 5px;

  color: #1d4ed8;

  font-size: 1.4rem;

  font-weight: 900;

}



@media (max-width: 768px) {

  body.dt-theme .dt-dashboard-summary {

    grid-template-columns: 1fr;

  }

}

/* ==================================================

   SIDEBAR PRESTATION

   Sous-menus modernes

   ================================================== */



body.dt-theme #sidebar .dt-menu-group {

  margin: 3px 0;

}



body.dt-theme #sidebar .dt-menu-parent {

  width: calc(100% - 20px) !important;

  margin: 3px 10px;

  padding: 11px 16px !important;



  display: flex !important;

  align-items: center !important;

  gap: 12px !important;



  border: none;

  border-radius: 12px;

  background: transparent;

  color: #334155 !important;



  font: inherit;

  font-weight: 600;

  text-align: left;

  cursor: pointer;

}



body.dt-theme #sidebar .dt-menu-parent:hover {

  background: #eef2ff !important;

  color: #2563eb !important;

}



body.dt-theme #sidebar .dt-menu-parent .dt-menu-chevron {

  margin-left: auto;

  font-size: .85rem;

  opacity: .7;

}



body.dt-theme #sidebar .dt-submenu {

  display: block !important;

  margin: 2px 10px 8px 34px !important;

  padding: 4px 0 4px 10px !important;

  list-style: none !important;

  border-left: 1px solid #cbd5e1;

}



body.dt-theme #sidebar .dt-submenu li {

  margin: 2px 0;

}



body.dt-theme #sidebar .dt-submenu a {

  margin: 0 !important;

  padding: 8px 10px !important;

  font-size: .9rem;

  border-radius: 10px !important;

}

/* ==================================================

   CLIENTS.PHP

   Boutons actions clients

   ================================================== */



body.dt-theme .dt-btn-sites {

  background: #8b5cf6;

  color: white !important;

  border: none;

}



body.dt-theme .dt-btn-sites:hover {

  background: #7c3aed;

}



body.dt-theme .dt-btn-factures {

  background: #f59e0b;

  color: white !important;

  border: none;

}



body.dt-theme .dt-btn-factures:hover {

  background: #d97706;

}

/* ==================================================

   CLIENTS.PHP

   Conteneur large pour tableau clients

   ================================================== */



body.dt-theme .dt-container-xl {

  width: min(1500px, calc(100% - 44px));

}

/* ==================================================

   CLIENTS.PHP

   Alignement boutons actions tableau

   ================================================== */



body.dt-theme .dt-actions-cell {

  display: flex;

  gap: 8px;

  align-items: center;

  flex-wrap: nowrap;

  white-space: nowrap;

}



body.dt-theme .dt-actions-cell .dt-btn {

  flex: 0 0 auto;

}

/* ==================================================

   CLIENTS.PHP

   Actions tableau clients

   ================================================== */



body.dt-theme .dt-actions-cell {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: nowrap;

}



body.dt-theme .dt-actions-cell a,

body.dt-theme .dt-actions-cell button {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin: 0 !important;

  vertical-align: middle !important;

}

/* ==================================================

   CLIENTS.PHP

   Tableau clients

   ================================================== */



body.dt-theme .dt-table td {

  font-size: 15px;

}



body.dt-theme .dt-table td:first-child {

  font-weight: 700;

}

/* ==================================================

   GERER_SITES.PHP

   Actions et état vide

   ================================================== */



body.dt-theme .dt-actions-between {

  justify-content: space-between;

  margin-bottom: 18px;

}



body.dt-theme .dt-empty-state {

  padding: 22px;

  border: 1px dashed var(--dt-border);

  border-radius: 16px;

  background: #f8fafc;

  color: #64748b;

  text-align: center;

  font-weight: 600;

}

/* ==================================================

   TB_LISTE_PRESTATIONS.PHP

   Tableau prestations avec ligne commentaire

   ================================================== */



body.dt-theme .dt-filter-panel {

  background: #f8fafc;

  border: 1px solid var(--dt-border);

  border-radius: 18px;

  padding: 18px;

  margin: 18px 0 22px;

}



body.dt-theme .dt-date-row {

  display: flex;

  gap: 8px;

}



body.dt-theme .dt-prestations-wrap {

  margin-top: 18px;

}



body.dt-theme .dt-prestations-table {

  table-layout: fixed;

  min-width: 1320px;

}



body.dt-theme .dt-prestations-table th,

body.dt-theme .dt-prestations-table td {

  padding: 7px 8px !important;

  font-size: 13px;

}



body.dt-theme .dt-col-date {

    width: 100px;

    min-width: 100px;

    white-space: nowrap;

}



body.dt-theme .dt-col-client {

  width: 200px;

  max-width: 200px;

}



body.dt-theme .dt-col-user {

  width: 150px;

  max-width: 150px;

}



body.dt-theme .dt-col-intervention {

  width: 190px;

  max-width: 190px;

}



body.dt-theme .dt-col-small {

  width: 70px;

  max-width: 70px;

}



body.dt-theme .dt-col-mini {

  width: 54px;

  max-width: 54px;

}



body.dt-theme .dt-table-main {

    display: block;

    font-weight: 700;

    color: #0f172a;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



body.dt-theme .dt-table-sub {

    display: block;

    margin-top: 2px;

    font-size: 0.82rem;

    color: #64748b;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



body.dt-theme .dt-center {

  text-align: center;

}





/* ==================================================

   TB_LISTE_PRESTATIONS.PHP

   Ligne commentaire facture

   ================================================== */



body.dt-theme .dt-comment-row td {

  padding: 0 14px 14px 14px !important;

  background: #f8fafc !important;

  border-top: none !important;

}



body.dt-theme .dt-comment-textarea {

  width: 100%;

  min-height: 46px;

  padding: 8px 10px;

  border-radius: 8px;

  resize: vertical;



  font-size: 0.82rem;

  font-weight: 400;

  line-height: 1.35;

  color: #475569;



  background: #ffffff;

  border: 1px solid #e2e8f0;

}



body.dt-theme .dt-comment-textarea:focus {

  color: #1e293b;

}

body.dt-theme .dt-badge {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 4px 9px;

  border-radius: 999px;

  font-size: .78rem;

  font-weight: 800;

  white-space: nowrap;

}





body.dt-theme .dt-badge-purple {

  background: #ede9fe;

  color: #6d28d9;

}



body.dt-theme .dt-btn-toggle[aria-pressed="true"] {

  background: #1d4ed8 !important;

  color: #ffffff !important;

  border-color: #1d4ed8 !important;

}



body.dt-theme .ligne-facturee td {

  background-color: #eff6ff !important;

}



body.dt-theme .ligne-offerte td {

  background-color: #f0fdf4 !important;

}



body.dt-theme .ligne-sous-contrat td {

  background-color: #fdf2f8 !important;

}



body.dt-theme .ligne-proposition td {

  background-color: #eef2ff !important;

}



@media (max-width: 768px) {

  body.dt-theme .dt-date-row {

    flex-direction: column;

  }



}

/* ==================================================

   TB_LISTE_PRESTATIONS.PHP

   Filtres compacts alignés

   ================================================== */



body.dt-theme .dt-filter-line {

  display: flex;

  align-items: center;

  gap: 14px;

  flex-wrap: wrap;

}



body.dt-theme .dt-inline-field {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin: 0;

}



body.dt-theme .dt-inline-field .dt-label {

  margin: 0;

  white-space: nowrap;

}



body.dt-theme .dt-select-compact {

  width: 220px !important;

  min-width: 180px;

}



body.dt-theme .dt-date-compact {

  width: 150px !important;

}



@media (max-width: 768px) {

  body.dt-theme .dt-inline-field {

    width: 100%;

    justify-content: space-between;

  }



  body.dt-theme .dt-select-compact,

  body.dt-theme .dt-date-compact {

    width: 100% !important;

  }

}

/* ==================================================

   TB_LISTE_PRESTATIONS.PHP

   Switch ultra compact tableau

   ================================================== */



body.dt-theme .dt-switch-table {

  width: 28px !important;

  height: 14px !important;

  min-width: 28px !important;

  max-width: 28px !important;

  display: inline-block !important;

  position: relative !important;

}



body.dt-theme .dt-switch-table .dt-slider {

  width: 28px !important;

  height: 14px !important;

  min-width: 28px !important;

  max-width: 28px !important;

  border-radius: 999px !important;

}



body.dt-theme .dt-switch-table .dt-slider:before {

  width: 10px !important;

  height: 10px !important;

  left: 2px !important;

  top: 1px !important;

}



body.dt-theme .dt-switch-table input:checked + .dt-slider:before {

  transform: translateX(14px) !important;

}

/* ==================================================

   Pour les aide en bullet

   ================================================== */





.dt-label-with-help {

    display: flex;

    align-items: center;

    gap: 6px;

}



.dt-help {

    display: flex;

    align-items: center;

    cursor: help;

}



.dt-help-icon {

    width: 18px;

    height: 18px;

    opacity: .8;

    transition: opacity .2s;

}



.dt-help:hover .dt-help-icon {

    opacity: 1;

}

.dt-label {

    display: flex;

    align-items: center;

    gap: 6px;

}



.dt-help-host {

    display: inline-flex;

    align-items: center;

    gap: 6px;

}



.dt-auto-help {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;



    width: 22px;

    height: 22px;

    margin-left: 5px;

    padding: 0;



    border: none;

    background: transparent;

    cursor: help;



    appearance: none;

    -webkit-appearance: none;



    outline: none;

    box-shadow: none;

}





.dt-auto-help img {

    display: block;

    width: 17px;

    height: 17px;

    opacity: 0.72;



    transition:

        opacity 0.18s ease,

        transform 0.18s ease;

}



.dt-auto-help:hover img,

.dt-auto-help:focus-visible img,

.dt-auto-help.is-open img {

    opacity: 1;

    transform: scale(1.08);

}



.dt-auto-help:hover,

.dt-auto-help:focus,

.dt-auto-help:active,

.dt-auto-help:focus-visible {

    background: transparent;

    outline: none;

    box-shadow: none;

}



.dt-help-tooltip {

    position: absolute;

    z-index: 9999;



    left: 50%;

    bottom: calc(100% + 10px);



    width: max-content;

    max-width: 320px;

    padding: 10px 12px;



    border-radius: 8px;

    background: #1f2937;

    color: #fff;



    font-size: 0.84rem;

    font-weight: 400;

    line-height: 1.4;

    text-align: left;

    white-space: normal;



    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);



    opacity: 0;

    visibility: hidden;

    pointer-events: none;



    transform: translate(-50%, 5px);



    transition:

        opacity 0.18s ease,

        visibility 0.18s ease,

        transform 0.18s ease;

}



.dt-help-tooltip::after {

    content: "";



    position: absolute;

    top: 100%;

    left: 50%;



    transform: translateX(-50%);



    border-width: 6px;

    border-style: solid;

    border-color: #1f2937 transparent transparent transparent;

}



.dt-auto-help:hover .dt-help-tooltip,

.dt-auto-help:focus-visible .dt-help-tooltip,

.dt-auto-help.is-open .dt-help-tooltip {

    opacity: 1;

    visibility: visible;

    transform: translate(-50%, 0);

}



@media (max-width: 600px) {

    .dt-help-tooltip {

        max-width: min(280px, calc(100vw - 30px));

    }

}



/* ==================================================

   MULTI_PRESTATION.PHP

   Chronos multiples

   ================================================== */



body.dt-theme .dt-multi-toolbar {

  justify-content: flex-end;

  margin-bottom: 22px;

}



body.dt-theme .dt-chrono-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(260px, 1fr));

  gap: 16px;

}



body.dt-theme .dt-chrono-card {

  padding: 16px;

  border: 1px solid var(--dt-border);

  border-left: 5px solid #94a3b8;

  border-radius: 18px;

  background: #ffffff;

  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);

  transition:

    transform .18s ease,

    box-shadow .18s ease,

    border-color .18s ease;

}



body.dt-theme .dt-chrono-card:hover {

  transform: translateY(-2px);

  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);

}



body.dt-theme .dt-chrono-card.running {

  border-left-color: #16a34a;

}



body.dt-theme .dt-chrono-card.paused {

  border-left-color: #f59e0b;

}



body.dt-theme .dt-chrono-card.stopped {

  border-left-color: #64748b;

}



body.dt-theme .dt-chrono-card-header {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  gap: 14px;

  margin-bottom: 18px;

}



body.dt-theme .dt-chrono-title {

  margin: 0;

  color: var(--dt-text);

  font-size: 1.18rem;

  line-height: 1.3;

}



body.dt-theme .dt-chrono-status {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  margin-top: 7px;

  color: #64748b;

  font-size: .88rem;

  font-weight: 700;

}



body.dt-theme .status-dot {

  width: 10px;

  height: 10px;

  display: inline-block;

  border-radius: 50%;

  background: #94a3b8;

}



body.dt-theme .status-dot.running {

  background: #16a34a;

  box-shadow: 0 0 0 4px rgba(22, 163, 74, .13);

}



body.dt-theme .status-dot.paused {

  background: #f59e0b;

  box-shadow: 0 0 0 4px rgba(245, 158, 11, .14);

}



body.dt-theme .status-dot.stopped {

  background: #64748b;

}



body.dt-theme .dt-chrono-timer-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 14px;

  margin: 20px 0 16px;

  padding: 14px 16px;

  border: 1px solid #dbeafe;

  border-radius: 16px;

  background: #eff6ff;

}



body.dt-theme .dt-chrono-timer-row .timer {

  color: #1d4ed8;

  font-size: 1.75rem;

  font-weight: 900;

  font-variant-numeric: tabular-nums;

  letter-spacing: .04em;

}



body.dt-theme .dt-chrono-mini-actions {

  display: flex;

  align-items: center;

  gap: 8px;

}



body.dt-theme .dt-chrono-actions {

  justify-content: flex-start;

  flex-wrap: wrap;

  margin-top: 0;

}



/* ==================================================

   MODALES DISATIME

   ================================================== */



body.dt-theme .dt-modal {

  position: fixed;

  z-index: 10000;

  inset: 0;



  display: none;

  align-items: center;

  justify-content: center;



  padding: 20px;

  background: rgba(15, 23, 42, .55);

  backdrop-filter: blur(3px);

}



body.dt-theme .dt-modal-dialog {

  width: min(480px, 100%);

  max-height: calc(100vh - 40px);

  overflow: auto;



  padding: 22px;

  border: 1px solid var(--dt-border);

  border-radius: 20px;

  background: #ffffff;



  box-shadow: 0 24px 60px rgba(15, 23, 42, .25);

}



body.dt-theme .dt-modal-dialog-large {

  width: min(900px, 100%);

}



body.dt-theme .dt-modal-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

  margin-bottom: 20px;

}



body.dt-theme .dt-modal-title {

  margin: 0;

  color: var(--dt-text);

  font-size: 1.3rem;

}



body.dt-theme .dt-modal-close {

  width: 36px;

  height: 36px;

  padding: 0;



  border: 0;

  border-radius: 50%;

  background: #f1f5f9;



  color: #475569;

  font-size: 1.6rem;

  line-height: 1;

  cursor: pointer;

}



body.dt-theme .dt-modal-close:hover {

  background: #e2e8f0;

  color: #0f172a;

}



body.dt-theme .dt-modal-actions {

  justify-content: flex-end;

  margin-top: 20px;

}



@media (max-width: 1100px) {

  body.dt-theme .dt-chrono-grid {

    grid-template-columns: repeat(2, minmax(260px, 1fr));

  }

}



@media (max-width: 700px) {

  body.dt-theme .dt-chrono-grid {

    grid-template-columns: 1fr;

  }

}

@media (max-width: 600px) {

  body.dt-theme .dt-multi-toolbar {

    justify-content: stretch;

  }



  body.dt-theme .dt-chrono-card {

    padding: 16px;

  }



  body.dt-theme .dt-chrono-timer-row {

    align-items: flex-start;

    flex-direction: column;

  }



  body.dt-theme .dt-chrono-timer-row .timer {

    font-size: 1.5rem;

  }



  body.dt-theme .dt-chrono-actions .dt-btn {

    width: auto !important;

    flex: 1 1 auto;

  }

}



/* ==================================================

   GLOBAL DISATIME V2

   Select légèrement grisés

   ================================================== */



body.dt-theme .dt-select {

  background-color: #f8fafc !important;

  border-color: #cbd5e1 !important;

  color: #334155 !important;

}



body.dt-theme .dt-select:hover {

  background-color: #f1f5f9 !important;

}



body.dt-theme .dt-select:focus {

  background-color: #ffffff !important;

  border-color: #60a5fa !important;

}



/* ==================================================

   TABLEAU_POINTAGE_EMPLOYE.PHP

   Structure générale

   ================================================== */



body.dt-theme .dt-pointage-dashboard-content {

  width: 100%;

}



body.dt-theme .dt-pointage-dashboard-content .section {

  display: none;

  width: 100%;

}



body.dt-theme .dt-pointage-dashboard-content .section.active {

  display: block;

}



body.dt-theme .dt-pointage-dashboard-content .dt-dashboard-section {

  width: 100%;

  box-sizing: border-box;

  margin-bottom: 22px;

}



body.dt-theme .dt-pointage-dashboard-content .dt-card-header {

  margin-bottom: 18px;

}



body.dt-theme .dt-pointage-dashboard-content .dt-card-title {

  margin: 0;

  color: var(--dt-text);

}



body.dt-theme .dt-pointage-dashboard-content .dt-card-subtitle {

  margin: 5px 0 0;

  color: var(--dt-muted);

}



body.dt-theme .dt-card-header-actions {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;

}



body.dt-theme .dt-month-navigation {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  flex-wrap: wrap;

}



body.dt-theme .dt-pagination-actions {

  justify-content: center;

  margin-top: 16px;

}



body.dt-theme .dt-chart-container {

  position: relative;

  width: 100%;

  height: 420px;

  margin-top: 14px;

}



body.dt-theme .dt-dashboard-tables {

  margin-top: 24px;

}



body.dt-theme .dt-table-total td {

  background: #f8fafc !important;

  border-top: 2px solid var(--dt-border);

}



body.dt-theme .dt-form-message {

  min-height: 20px;

  margin-top: 12px;

  font-weight: 700;

}



@media (max-width: 768px) {

  body.dt-theme .dt-card-header-actions {

    align-items: flex-start;

    flex-direction: column;

  }



  body.dt-theme .dt-chart-container {

    height: 320px;

  }

}

/* ==================================================

   PRESTATION.PHP

   Conteneur large et centré

   ================================================== */



body.dt-theme .dt-prestations-container {

  width: min(2000px, calc(100% - 32px)) !important;

  max-width: 2000px !important;

  margin: 0 auto !important;

  box-sizing: border-box;

}

body.dt-theme .dt-prestations-container > .dt-card {

  width: 100% !important;

  max-width: none !important;

  box-sizing: border-box;

}

@media (max-width: 768px) {

  body.dt-theme .dt-prestations-container {

    width: calc(100% - 20px) !important;

  }

}

/* ==================================================

   PROFIL.PHP

   Profil utilisateur

   ================================================== */



body.dt-theme .dt-profile-message {

    min-height: 22px;

    margin-top: 16px;

    padding: 0;

    font-weight: 700;

}



body.dt-theme .dt-profile-message.is-success {

    padding: 12px 14px;

    border: 1px solid #bbf7d0;

    border-radius: 12px;

    background: #f0fdf4;

    color: #15803d;

}



body.dt-theme .dt-profile-message.is-error {

    padding: 12px 14px;

    border: 1px solid #fecaca;

    border-radius: 12px;

    background: #fef2f2;

    color: #b91c1c;

}



body.dt-theme .dt-field-hint {

    display: block;

    margin-top: 5px;

    color: #64748b;

    font-size: 0.82rem;

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Structure générale

   ================================================== */



body.dt-theme .dt-users-page {

  width: min(1500px, calc(100% - 44px));

}



body.dt-theme .dt-users-quota-section,

body.dt-theme .dt-users-list-section,

body.dt-theme .dt-users-add-section {

  margin-bottom: 24px;

}



body.dt-theme .dt-users-count {

  padding: 8px 13px;

  border: 1px solid var(--dt-border);

  border-radius: 999px;

  background: #f8fafc;

  color: var(--dt-muted);

  font-size: 0.88rem;

  white-space: nowrap;

}



body.dt-theme .dt-users-count strong {

  color: var(--dt-text);

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Cartes de quotas

   ================================================== */



body.dt-theme .dt-users-quota-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 16px;

  margin: 20px 0;

}



body.dt-theme .dt-users-quota-loading {

  grid-column: 1 / -1;

  padding: 24px;

  color: var(--dt-muted);

  text-align: center;

}



body.dt-theme .dt-users-quota-card {

  padding: 18px;

  border: 1px solid var(--dt-border);

  border-radius: 18px;

  background: #ffffff;

  box-shadow: 0 7px 18px rgba(15, 23, 42, 0.05);

}



body.dt-theme .dt-users-quota-card-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



body.dt-theme .dt-users-quota-icon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 44px;

  height: 44px;

  border-radius: 13px;

  background: #eef2ff;

  font-size: 1.25rem;

}



body.dt-theme .dt-users-quota-status {

  font-size: 1.1rem;

}



body.dt-theme .dt-users-quota-title {

  display: block;

  margin-top: 14px;

  color: #475569;

  font-size: 0.93rem;

  font-weight: 700;

}



body.dt-theme .dt-users-quota-value {

  display: block;

  margin-top: 5px;

  color: #0f172a;

  font-size: 1.65rem;

  font-weight: 900;

}



body.dt-theme .dt-users-quota-progress {

  height: 8px;

  margin-top: 13px;

  overflow: hidden;

  border-radius: 999px;

  background: #e2e8f0;

}



body.dt-theme .dt-users-quota-progress span {

  display: block;

  height: 100%;

  border-radius: inherit;

}



body.dt-theme .dt-users-quota-ok {

  border-color: #bbf7d0;

}



body.dt-theme .dt-users-quota-ok .dt-users-quota-progress span {

  background: #22c55e;

}



body.dt-theme .dt-users-quota-error {

  border-color: #fecaca;

  background: #fffafa;

}



body.dt-theme .dt-users-quota-error .dt-users-quota-progress span {

  background: #ef4444;

}



body.dt-theme .dt-users-quota-caption {

  display: block;

  margin-top: 8px;

  color: var(--dt-muted);

  font-size: 0.82rem;

  font-weight: 700;

}



body.dt-theme .dt-users-quota-errors {

  display: flex;

  gap: 12px;

  flex-wrap: wrap;

  margin: 10px 0;

}



body.dt-theme .dt-users-quota-errors span {

  padding: 6px 9px;

  border-radius: 9px;

  background: rgba(255, 255, 255, 0.65);

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Recherche et tableau

   ================================================== */



body.dt-theme .dt-users-search {

  max-width: 620px;

  margin: 18px 0;

}



body.dt-theme .dt-users-search-input-wrap {

  position: relative;

}



body.dt-theme .dt-users-search-icon {

  position: absolute;

  z-index: 1;

  top: 50%;

  left: 14px;

  transform: translateY(-50%);

  pointer-events: none;

}



body.dt-theme .dt-users-search .dt-input {

  padding-left: 43px;

}



body.dt-theme .dt-users-table-wrap {

  margin-top: 12px;

}



body.dt-theme .dt-users-table {

  min-width: 1150px;

}



body.dt-theme .dt-users-table th:nth-child(4),

body.dt-theme .dt-users-table th:nth-child(5),

body.dt-theme .dt-users-table th:nth-child(6),

body.dt-theme .dt-users-table th:nth-child(7),

body.dt-theme .dt-users-table th:nth-child(8) {

  width: 95px;

}



body.dt-theme .dt-users-name {

  color: #0f172a;

  font-weight: 800;

}



body.dt-theme .dt-users-email {

  color: #2563eb;

  text-decoration: none;

}



body.dt-theme .dt-users-email:hover {

  text-decoration: underline;

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Badges

   ================================================== */



body.dt-theme .dt-badge-success {

  background: #dcfce7;

  color: #166534;

}



body.dt-theme .dt-badge-neutral {

  background: #e2e8f0;

  color: #475569;

}



body.dt-theme .dt-badge-blue {

  background: #dbeafe;

  color: #1d4ed8;

}



body.dt-theme .dt-badge-purple {

  background: #ede9fe;

  color: #6d28d9;

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Modules du nouvel utilisateur

   ================================================== */



body.dt-theme .dt-users-modules-header {

  margin-bottom: 15px;

}



body.dt-theme .dt-users-modules-header .dt-subsection-title {

  margin: 0 0 4px;

}



body.dt-theme .dt-users-modules-header p {

  margin: 0;

}



body.dt-theme .dt-users-module-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 15px;

}



body.dt-theme .dt-users-module-option {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;

  min-height: 84px;

  padding: 15px 16px;

  border: 1px solid var(--dt-border);

  border-radius: 16px;

  background: #f8fafc;

}



body.dt-theme .dt-users-module-text {

  min-width: 0;

}



body.dt-theme .dt-users-module-text strong {

  display: block;

  color: var(--dt-text);

  font-size: 0.95rem;

}



body.dt-theme .dt-users-module-text span {

  display: block;

  margin-top: 5px;

  color: var(--dt-muted);

  font-size: 0.82rem;

  line-height: 1.35;

}



body.dt-theme .dt-users-module-option .dt-switch {

  flex: 0 0 auto;

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Résumé des licences sélectionnées

   ================================================== */



body.dt-theme .dt-users-license-summary {

  margin: 18px 0;

  padding: 13px 15px;

  border: 1px solid var(--dt-border);

  border-radius: 14px;

  background: #f8fafc;

  color: #475569;

}



body.dt-theme .dt-users-license-summary-ok {

  border-color: #bbf7d0;

  background: #f0fdf4;

  color: #166534;

}



body.dt-theme .dt-users-license-summary-error {

  border-color: #fecaca;

  background: #fef2f2;

  color: #991b1b;

}



body.dt-theme .dt-users-license-lines {

  display: flex;

  gap: 12px;

  flex-wrap: wrap;

  margin-top: 8px;

}



body.dt-theme .dt-users-license-lines span {

  padding: 5px 8px;

  border-radius: 8px;

  background: rgba(255, 255, 255, 0.62);

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Bouton orange

   ================================================== */



body.dt-theme .dt-btn-warning {

  background: #f59e0b !important;

  color: #ffffff !important;

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Messages de formulaire

   ================================================== */



body.dt-theme .dt-form-message {

  min-height: 20px;

  margin: 10px 0;

  font-weight: 700;

}



body.dt-theme .dt-form-message-success {

  color: #15803d;

}



body.dt-theme .dt-form-message-error {

  color: #b91c1c;

}



/* ==================================================

   TB_UTILISATEURS.PHP

   Responsive

   ================================================== */



@media (max-width: 1000px) {

  body.dt-theme .dt-users-quota-grid,

  body.dt-theme .dt-users-module-grid {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 768px) {

  body.dt-theme .dt-users-page {

    width: min(100%, calc(100% - 24px));

  }



  body.dt-theme .dt-card-header-actions {

    align-items: flex-start;

    flex-direction: column;

  }



  body.dt-theme .dt-users-search {

    max-width: none;

  }



  body.dt-theme .dt-users-module-option {

    min-height: 70px;

  }

}

/* ==================================================

   BADGES OUI / NON

   ================================================== */



body.dt-theme .dt-status-badge {

  display: inline-flex;

  align-items: center;

  gap: 6px;

}



body.dt-theme .dt-status-dot {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: currentColor;

  flex: 0 0 auto;

}



body.dt-theme .dt-badge-success {

  background: #dcfce7;

  color: #166534;

}



body.dt-theme .dt-badge-danger-soft {

  background: #fee2e2;

  color: #b91c1c;

}



/* ==================================================

   MODIFIER_UTILISATEUR.PHP

   ================================================== */



body.dt-theme .dt-container-user-edit {

  width: min(1180px, calc(100% - 44px));

}



body.dt-theme .dt-user-edit-form {

  display: flex;

  flex-direction: column;

  gap: 22px;

}



body.dt-theme .dt-user-section {

  padding: 24px !important;

}



body.dt-theme .dt-card-header {

  margin-bottom: 20px;

}



body.dt-theme .dt-card-header-actions {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 20px;

}



body.dt-theme .dt-card-title {

  margin: 0;

  color: var(--dt-text);

}



body.dt-theme .dt-card-subtitle {

  margin: 6px 0 0;

  color: var(--dt-muted);

}



/* Champs */



body.dt-theme .dt-field {

  display: flex;

  flex-direction: column;

  gap: 7px;

}



body.dt-theme .dt-field-help {

  color: var(--dt-muted);

  font-size: 0.82rem;

}



body.dt-theme .dt-color-input {

  width: 100%;

  min-height: 46px;

  padding: 5px;

  border: 1px solid var(--dt-border);

  border-radius: 12px;

  background: #fff;

}



/* Grille de switches */



body.dt-theme .dt-user-switch-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(280px, 1fr));

  gap: 12px;

}



body.dt-theme .dt-user-switch-item {

  min-height: 74px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;



  padding: 14px 16px;

  border: 1px solid var(--dt-border);

  border-radius: 16px;

  background: #f8fafc;

}



body.dt-theme .dt-user-switch-item > div {

  min-width: 0;

}



body.dt-theme .dt-user-switch-item strong {

  display: block;

  color: var(--dt-text);

}



body.dt-theme .dt-user-switch-item small {

  display: block;

  margin-top: 4px;

  color: var(--dt-muted);

  line-height: 1.35;

}



body.dt-theme .dt-user-switch-item .dt-switch {

  flex: 0 0 auto;

}



/* Pointage */



body.dt-theme .dt-user-pointage-fields {

  margin-top: 20px;

}



/* WebAuthn */



body.dt-theme .dt-user-webauthn-box {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 20px;



  margin-top: 22px;

  padding: 18px;



  border: 1px solid #bfdbfe;

  border-radius: 18px;

  background: #eff6ff;

}



body.dt-theme .dt-user-webauthn-box p {

  margin: 6px 0 0;

}



/* NFC */



body.dt-theme .dt-user-inline-button {

  align-self: flex-start;

  margin-top: 5px;

}



/* Photo */



body.dt-theme .dt-user-photo-layout {

  display: grid;

  grid-template-columns: 170px 1fr;

  gap: 24px;

  align-items: center;

}



body.dt-theme .dt-user-photo-preview {

    width: 90px;

    height: 90px;

    overflow: hidden;

    border-radius: 12px;

    border: 1px solid var(--dt-border);

    background: #f8fafc;

    flex-shrink: 0;

}



body.dt-theme .dt-user-photo-preview img {

    width:100%;

    height:100%;

    object-fit:cover;

}



body.dt-theme .dt-user-photo-placeholder{

    width:100%;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

    color:#94a3b8;

}

body.dt-theme .dt-user-photo-controls {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 15px;

}



.dt-user-photo-layout{

    display:grid;

    grid-template-columns:100px 1fr;

    gap:20px;

    align-items:center;

}

/* Horaires */



body.dt-theme .dt-user-copy-schedule {

  display: flex;

  align-items: center;

  gap: 10px;

}



body.dt-theme .dt-user-copy-schedule .dt-select {

  min-width: 260px;

}



body.dt-theme .dt-user-hours-header,

body.dt-theme .dt-user-hours-row {

  display: grid;

  grid-template-columns:

    minmax(120px, 1.2fr)

    repeat(4, minmax(110px, 1fr));

  gap: 10px;

  align-items: center;

}



body.dt-theme .dt-user-hours-header {

  padding: 13px 14px;

  background: #f1f5f9;

  color: var(--dt-text);

  font-weight: 800;

  border-bottom: 1px solid var(--dt-border);

}



body.dt-theme .dt-user-hours-row {

  padding: 11px 14px;

  border-bottom: 1px solid var(--dt-border);

}



body.dt-theme .dt-user-hours-row:last-child {

  border-bottom: none;

}



body.dt-theme .dt-user-hours-day {

  color: var(--dt-text);

}



/* Actions */



body.dt-theme .dt-user-sticky-actions {

  position: sticky;

  bottom: 12px;

  z-index: 20;



  display: flex;

  justify-content: flex-end;

  gap: 10px;



  padding: 14px 16px;



  background: rgba(255, 255, 255, 0.94);

  border: 1px solid var(--dt-border);

  border-radius: 18px;

  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.15);

  backdrop-filter: blur(12px);

}



/* Modale NFC */



body.dt-theme #nfcModal {

  z-index: 10000 !important;

}



body.dt-theme #nfcModal > div {

  border-radius: 20px !important;

  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.35);

}



/* Responsive */



@media (max-width: 900px) {

  body.dt-theme .dt-user-switch-grid {

    grid-template-columns: 1fr;

  }



  body.dt-theme .dt-card-header-actions,

  body.dt-theme .dt-user-webauthn-box {

    flex-direction: column;

    align-items: stretch;

  }



  body.dt-theme .dt-user-copy-schedule {

    width: 100%;

  }



  body.dt-theme .dt-user-copy-schedule .dt-select {

    width: 100%;

    min-width: 0;

  }



  body.dt-theme .dt-user-photo-layout {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 700px) {

  body.dt-theme .dt-container-user-edit {

    width: min(100%, calc(100% - 20px));

  }



  body.dt-theme .dt-user-section {

    padding: 16px !important;

  }



  body.dt-theme .dt-user-hours-header {

    display: none;

  }



  body.dt-theme .dt-user-hours-row {

    grid-template-columns: repeat(2, 1fr);

    padding: 16px;

  }



  body.dt-theme .dt-user-hours-day {

    grid-column: 1 / -1;

    padding-bottom: 7px;

    border-bottom: 1px solid var(--dt-border);

  }



  body.dt-theme .dt-user-sticky-actions {

    flex-direction: column-reverse;

  }



  body.dt-theme .dt-user-sticky-actions .dt-btn {

    width: 100% !important;

  }

}



/* ==================================================

   TB_FONCTION_USER.PHP

   Gestion des fonctions utilisateurs

   ================================================== */



body.dt-theme .dt-functions-layout {

  display: grid;

  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);

  gap: 22px;

  align-items: start;

}



body.dt-theme .dt-functions-form-card {

  position: sticky;

  top: 90px;

}



body.dt-theme .dt-functions-list-card {

  min-width: 0;

}



body.dt-theme .dt-functions-search {

  margin: 18px 0;

}



body.dt-theme .dt-functions-count {

  flex-shrink: 0;

  padding: 8px 13px;

  border: 1px solid var(--dt-border);

  border-radius: 999px;

  background: #f8fafc;

  color: #475569;

  font-size: 0.9rem;

  font-weight: 600;

}



body.dt-theme .dt-functions-count strong {

  color: #2563eb;

}



body.dt-theme .dt-functions-table th:last-child,

body.dt-theme .dt-functions-table td:last-child {

  width: 220px;

  white-space: nowrap;

}



body.dt-theme .dt-functions-table td {

  vertical-align: middle;

}



body.dt-theme .dt-functions-table .dt-actions-cell {

  display: flex;

  align-items: center;

  gap: 7px;

  flex-wrap: nowrap;

}



body.dt-theme .dt-form-message {

  min-height: 20px;

  margin: 4px 0 10px;

  font-size: 0.9rem;

  font-weight: 700;

}



body.dt-theme .dt-form-message-success {

  color: #15803d;

}



body.dt-theme .dt-form-message-error {

  color: #b91c1c;

}



body.dt-theme .dt-badge-info {

  background: #dbeafe;

  color: #1d4ed8;

}



body.dt-theme .dt-text-danger {

  color: #b91c1c;

}



/* Tablette */

@media (max-width: 1000px) {

  body.dt-theme .dt-functions-layout {

    grid-template-columns: 1fr;

  }



  body.dt-theme .dt-functions-form-card {

    position: static;

  }

}



/* Smartphone */

@media (max-width: 600px) {

  body.dt-theme .dt-functions-table th:last-child,

  body.dt-theme .dt-functions-table td:last-child {

    width: auto;

  }



  body.dt-theme .dt-functions-table .dt-actions-cell {

    flex-direction: column;

    align-items: stretch;

  }



  body.dt-theme .dt-functions-table .dt-actions-cell .dt-btn {

    width: 100% !important;

  }



  body.dt-theme .dt-functions-count {

    align-self: flex-start;

  }

}

/* ==================================================

   DEMANDE_COLLABORATION_TACHE.PHP

   ================================================== */



body.dt-theme .dt-collaboration-request-card {

  max-width: 760px;

  margin: 0 auto;

}



body.dt-theme .dt-collaboration-source {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;



  margin: 18px 0 22px;

  padding: 14px 16px;



  background: #f8fafc;

  border: 1px solid var(--dt-border);

  border-radius: 14px;

}



body.dt-theme .dt-collaboration-source-label {

  color: #64748b;

  font-weight: 700;

}



body.dt-theme .dt-collaboration-source-value {

  padding: 6px 11px;

  border-radius: 999px;

  background: #dbeafe;

  color: #1d4ed8;

  font-weight: 800;

}



body.dt-theme .dt-field-help {

  display: block;

  margin-top: 6px;

  color: #64748b;

  font-size: 0.84rem;

  line-height: 1.4;

}



body.dt-theme .dt-collaboration-actions {

  margin-top: 20px;

}



body.dt-theme .dt-collaboration-info-card {

  max-width: 760px;

  margin: 22px auto 0;

}



body.dt-theme .dt-collaboration-info-card .dt-card-title {

  margin-bottom: 18px;

}



body.dt-theme .dt-collaboration-steps {

  display: grid;

  gap: 14px;

}



body.dt-theme .dt-collaboration-step {

  display: grid;

  grid-template-columns: 38px minmax(0, 1fr);

  gap: 13px;

  align-items: start;



  padding: 14px;

  border: 1px solid var(--dt-border);

  border-radius: 14px;

  background: #f8fafc;

}



body.dt-theme .dt-collaboration-step-number {

  display: inline-flex;

  align-items: center;

  justify-content: center;



  width: 34px;

  height: 34px;



  border-radius: 50%;

  background: #2563eb;

  color: #ffffff;

  font-weight: 900;

}



body.dt-theme .dt-collaboration-step strong {

  color: #0f172a;

}



body.dt-theme .dt-collaboration-step p {

  margin: 5px 0 0;

  color: #64748b;

  line-height: 1.45;

}



@media (max-width: 600px) {

  body.dt-theme .dt-collaboration-source {

    align-items: flex-start;

    flex-direction: column;

  }



  body.dt-theme .dt-collaboration-actions {

    flex-direction: column;

  }



  body.dt-theme .dt-collaboration-actions .dt-btn {

    width: 100% !important;

  }

}



/* ==================================================

   FACTURES_CLIENT.PHP

   ================================================== */



body.dt-theme .dt-invoices-summary {

  display: grid;

  grid-template-columns: repeat(5, minmax(150px, 1fr));

  gap: 14px;

  margin-bottom: 22px;

}



body.dt-theme .dt-invoice-kpi {

  padding: 15px 16px;

  background: #ffffff;

  border: 1px solid var(--dt-border);

  border-left: 5px solid #3b82f6;

  border-radius: 16px;

  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);

}



body.dt-theme .dt-invoice-kpi-success {

  border-left-color: #16a34a;

}



body.dt-theme .dt-invoice-kpi-danger {

  border-left-color: #dc2626;

}



body.dt-theme .dt-invoice-kpi-label {

  display: block;

  color: #64748b;

  font-size: 0.86rem;

  font-weight: 700;

}



body.dt-theme .dt-invoice-kpi-value {

  display: block;

  margin-top: 6px;

  color: #0f172a;

  font-size: 1.25rem;

  font-weight: 900;

  white-space: nowrap;

}



body.dt-theme .dt-invoices-card {

  padding: 22px !important;

}



body.dt-theme .dt-invoices-table-wrap {

  margin-top: 18px;

}



body.dt-theme .dt-invoices-table {

  min-width: 1480px;

}



body.dt-theme .dt-invoices-table th,

body.dt-theme .dt-invoices-table td {

  vertical-align: middle;

}



body.dt-theme .dt-invoices-table th:nth-child(1) {

  width: 95px;

}



body.dt-theme .dt-invoices-table th:nth-child(2) {

  width: 125px;

}



body.dt-theme .dt-invoices-table th:nth-child(3),

body.dt-theme .dt-invoices-table th:nth-child(4),

body.dt-theme .dt-invoices-table th:nth-child(5),

body.dt-theme .dt-invoices-table th:nth-child(6) {

  width: 145px;

}



body.dt-theme .dt-invoices-table th:nth-child(7) {

  width: 150px;

}



body.dt-theme .dt-invoices-table th:nth-child(8) {

  width: 110px;

}



body.dt-theme .dt-invoices-table th:nth-child(9) {

  width: 360px;

}



body.dt-theme .dt-right {

  text-align: right !important;

}



body.dt-theme .dt-money-input {

  width: 115px !important;

  min-width: 115px;

  padding: 8px 10px;

  text-align: right;

}



body.dt-theme .dt-invoice-balance {

  display: flex;

  align-items: flex-end;

  flex-direction: column;

  gap: 6px;

}



body.dt-theme .dt-invoice-send-date {

  display: block;

  margin-top: 6px;

  color: #64748b;

  font-size: 0.78rem;

  white-space: nowrap;

}



body.dt-theme .dt-invoice-actions {

  display: flex;

  align-items: center;

  gap: 6px;

  flex-wrap: wrap;

}



body.dt-theme .dt-invoice-actions .dt-btn {

  flex: 0 0 auto;

}



body.dt-theme .dt-btn-pdf {

  background: #f59e0b !important;

  color: #ffffff !important;

}



body.dt-theme .dt-btn-pdf:hover {

  background: #d97706 !important;

}



body.dt-theme .dt-btn-mail {

  background: #7c3aed !important;

  color: #ffffff !important;

}



body.dt-theme .dt-btn-mail:hover {

  background: #6d28d9 !important;

}



body.dt-theme .dt-badge-success {

  background: #dcfce7;

  color: #166534;

}



body.dt-theme .dt-badge-warning {

  background: #fef3c7;

  color: #92400e;

}



body.dt-theme .dt-badge-danger {

  background: #fee2e2;

  color: #991b1b;

}



body.dt-theme .dt-badge-gray {

  background: #e2e8f0;

  color: #475569;

}



/* ==================================================

   MODALE HISTORIQUE DES ENVOIS

   ================================================== */



body.dt-theme .dt-modal {

  position: fixed;

  z-index: 9999;

  inset: 0;



  display: none;

  align-items: center;

  justify-content: center;



  padding: 22px;

  background: rgba(15, 23, 42, 0.55);

  backdrop-filter: blur(3px);

}



body.dt-theme .dt-modal.is-open {

  display: flex;

}



body.dt-theme .dt-modal-panel {

  width: min(900px, 100%);

  max-height: calc(100vh - 44px);

  overflow: auto;



  padding: 22px;

  background: #ffffff;

  border: 1px solid var(--dt-border);

  border-radius: 20px;

  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.3);

}



body.dt-theme .dt-modal-header {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 18px;

}



body.dt-theme .dt-modal-close {

  display: inline-flex;

  align-items: center;

  justify-content: center;



  width: 38px !important;

  height: 38px;

  min-width: 38px;

  padding: 0;



  color: #475569;

  background: #f1f5f9;

  border: none;

  border-radius: 50%;

  font-size: 1.6rem;

  line-height: 1;

  cursor: pointer;

}



body.dt-theme .dt-modal-close:hover {

  color: #b91c1c;

  background: #fee2e2;

}



body.dt-theme .dt-modal-footer {

  justify-content: flex-end;

  margin-top: 18px;

}



body.dt-theme .dt-text-danger {

  color: #b91c1c;

}



/* ==================================================

   RESPONSIVE

   ================================================== */



@media (max-width: 1200px) {

  body.dt-theme .dt-invoices-summary {

    grid-template-columns: repeat(3, minmax(160px, 1fr));

  }

}



@media (max-width: 800px) {

  body.dt-theme .dt-invoices-summary {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  body.dt-theme .dt-invoices-card {

    padding: 16px !important;

  }

}



@media (max-width: 520px) {

  body.dt-theme .dt-invoices-summary {

    grid-template-columns: 1fr;

  }



  body.dt-theme .dt-modal {

    padding: 10px;

  }



  body.dt-theme .dt-modal-panel {

    padding: 16px;

    border-radius: 16px;

  }



  body.dt-theme .dt-modal-header {

    gap: 10px;

  }

}

/* ==================================================

   FACTURES_CLIENT.PHP

   Élargissement du tableau et actions sur une ligne

   ================================================== */



body.dt-theme .dt-container-xl {

  width: min(1900px, calc(100% - 44px)) !important;

  max-width: none !important;

}



body.dt-theme .dt-invoices-card {

  width: 100%;

  max-width: none !important;

}



body.dt-theme .dt-invoices-table {

  min-width: 1650px;

  table-layout: auto;

}



/* Colonne Actions plus large */

body.dt-theme .dt-invoices-table th:nth-child(9),

body.dt-theme .dt-invoices-table td:nth-child(9) {

  width: 520px;

  min-width: 520px;

}



/* Tous les boutons sur une seule ligne */

body.dt-theme .dt-invoice-actions {

  display: flex !important;

  align-items: center;

  gap: 6px;

  flex-wrap: nowrap !important;

  white-space: nowrap;

}



body.dt-theme .dt-invoice-actions .dt-btn {

  flex: 0 0 auto;

  width: auto !important;

  min-width: auto;

  padding: 8px 11px;

  font-size: 0.82rem;

}

/* ==================================================

   RAPPORT_PRESTATAIRE.PHP

   ================================================== */



body.dt-theme .dt-provider-report-card {

  width: 100%;

  max-width: none;

  padding: 24px !important;

}



/* ==================================================

   FILTRES

   ================================================== */



body.dt-theme .dt-provider-report-toolbar {

  display: flex;

  align-items: flex-end;

  gap: 16px;

  flex-wrap: wrap;



  margin: 20px 0;

  padding: 18px;



  background: #f8fafc;

  border: 1px solid var(--dt-border);

  border-radius: 16px;

}



body.dt-theme .dt-provider-report-field {

  display: flex;

  flex-direction: column;

  gap: 7px;

  margin: 0;

}



body.dt-theme .dt-provider-report-field .dt-input {

  width: 175px;

  min-width: 175px;

}



body.dt-theme .dt-provider-report-actions {

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

}



/* ==================================================

   MESSAGE

   ================================================== */



body.dt-theme .dt-provider-report-message {

  min-height: 20px;

  margin: 4px 0 16px;

  font-weight: 700;

}



body.dt-theme .dt-provider-report-message-success {

  color: #15803d;

}



body.dt-theme .dt-provider-report-message-error {

  color: #b91c1c;

}



body.dt-theme .dt-provider-report-message-info {

  color: #475569;

}



/* ==================================================

   RÉSUMÉ

   ================================================== */



body.dt-theme .dt-provider-summary {

  display: grid;

  grid-template-columns:

    repeat(7, minmax(130px, 1fr));



  gap: 12px;

  margin: 18px 0;

}



body.dt-theme .dt-provider-summary-card {

  min-width: 0;

  padding: 14px 15px;



  background: #ffffff;

  border: 1px solid var(--dt-border);

  border-left: 4px solid #3b82f6;

  border-radius: 14px;



  box-shadow:

    0 5px 15px rgba(15, 23, 42, 0.05);

}



body.dt-theme .dt-provider-summary-label {

  display: block;



  color: #64748b;

  font-size: 0.81rem;

  font-weight: 700;

  line-height: 1.3;

}



body.dt-theme .dt-provider-summary-value {

  display: block;

  margin-top: 6px;



  color: #0f172a;

  font-size: 1.15rem;

  font-weight: 900;



  font-variant-numeric: tabular-nums;

}



/* ==================================================

   TABLEAU

   ================================================== */



body.dt-theme .dt-provider-report-table-wrap {

  margin-top: 18px;

}



body.dt-theme .dt-provider-report-table {

  min-width: 980px;

}



body.dt-theme .dt-provider-report-table th,

body.dt-theme .dt-provider-report-table td {

  vertical-align: middle;

}



body.dt-theme .dt-provider-report-table th:first-child,

body.dt-theme .dt-provider-report-table td:first-child {

  width: 220px;

}



body.dt-theme .dt-provider-name {

  color: #0f172a;

  font-weight: 800;

}



body.dt-theme .dt-provider-number {

  font-variant-numeric: tabular-nums;

  white-space: nowrap;

}



body.dt-theme .dt-provider-report-total td {

  background: #eaf2fb !important;

  color: #1e293b;

  border-top: 2px solid #93b6d6;

}



/* ==================================================

   RESPONSIVE

   ================================================== */



@media (max-width: 1350px) {

  body.dt-theme .dt-provider-summary {

    grid-template-columns:

      repeat(4, minmax(150px, 1fr));

  }

}



@media (max-width: 900px) {

  body.dt-theme .dt-provider-summary {

    grid-template-columns:

      repeat(2, minmax(0, 1fr));

  }



  body.dt-theme .dt-provider-report-toolbar {

    align-items: stretch;

  }



  body.dt-theme .dt-provider-report-field {

    flex: 1 1 200px;

  }



  body.dt-theme .dt-provider-report-field .dt-input {

    width: 100%;

    min-width: 0;

  }

}



@media (max-width: 600px) {

  body.dt-theme .dt-provider-report-card {

    padding: 15px !important;

  }



  body.dt-theme .dt-provider-report-toolbar {

    padding: 14px;

  }



  body.dt-theme .dt-provider-summary {

    grid-template-columns: 1fr;

  }



  body.dt-theme .dt-provider-report-actions {

    width: 100%;

    flex-direction: column;

  }



  body.dt-theme .dt-provider-report-actions .dt-btn {

    width: 100% !important;

  }

}

/* =====================================================

   PRESTATIONS - CARTES RÉCAPITULATIVES

   ===================================================== */



.resume-prestations {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));

    gap: 14px;

    margin: 20px 0 28px;

}





/* Carte */

.resume-card {

    position: relative;



    display: flex;

    align-items: center;

    gap: 14px;



    min-height: 92px;

    padding: 16px 18px;



    background: #ffffff;

    border: 1px solid #e7ebf0;

    border-radius: 12px;



    box-shadow:

        0 2px 5px rgba(0, 0, 0, 0.03),

        0 6px 18px rgba(0, 0, 0, 0.04);



    overflow: hidden;



    transition:

        transform 0.2s ease,

        box-shadow 0.2s ease;

}





/* Petite barre colorée sur le dessus */

.resume-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    height: 4px;



    background: #2778c4;

}





/* Effet hover */

.resume-card:hover {

    transform: translateY(-2px);



    box-shadow:

        0 4px 8px rgba(0, 0, 0, 0.05),

        0 10px 24px rgba(0, 0, 0, 0.07);

}





/* =====================================================

   ICÔNE

   ===================================================== */



.resume-icon {

    flex-shrink: 0;



    width: 44px;

    height: 44px;



    display: flex;

    align-items: center;

    justify-content: center;



    font-size: 21px;



    background: #eef5fc;

    border-radius: 10px;

}





/* =====================================================

   CONTENU

   ===================================================== */



.resume-content {

    display: flex;

    flex-direction: column;

    min-width: 0;

}





/* Titre */

.resume-label {

    display: block;



    margin-bottom: 4px;



    color: #6c7886;



    font-size: 12px;

    font-weight: 600;



    line-height: 1.2;

}





/* Valeur principale */

.resume-value {

    display: block;



    color: #1e2935;



    font-size: 21px;

    font-weight: 700;



    line-height: 1.15;

}





/* km */

.resume-value small {

    font-size: 12px;

    font-weight: 600;

    color: #7b8794;

}





/* Information secondaire */

.resume-detail {

    display: block;



    margin-top: 4px;



    color: #8a949f;



    font-size: 11px;

    font-weight: 500;

}





/* =====================================================

   COULEURS DES CARTES

   ===================================================== */





/* Bleu principal */

.resume-primary::before {

    background: #2778c4;

}



.resume-primary .resume-icon {

    background: #eaf3fc;

}





/* Bleu clair / informations */

.resume-info::before {

    background: #47a3da;

}



.resume-info .resume-icon {

    background: #eaf7fd;

}





/* Orange */

.resume-warning::before {

    background: #eda53b;

}



.resume-warning .resume-icon {

    background: #fff6e8;

}





/* Vert */

.resume-success::before {

    background: #36a267;

}



.resume-success .resume-icon {

    background: #eaf8f0;

}





/* Contrat */

.resume-contract::before {

    background: #7367d8;

}



.resume-contract .resume-icon {

    background: #f0effd;

}





/* =====================================================

   RESPONSIVE

   ===================================================== */



@media (max-width: 1200px) {



    .resume-prestations {

        grid-template-columns: repeat(3, 1fr);

    }



}





@media (max-width: 800px) {



    .resume-prestations {

        grid-template-columns: repeat(2, 1fr);

    }



}





@media (max-width: 520px) {



    .resume-prestations {

        grid-template-columns: 1fr;

    }



    .resume-card {

        min-height: 82px;

    }



}