:root {
  --color-documents: #3B82F6;
  --color-documents-text: #FFFFFF;
  --color-e-mails: #EF4444;
  --color-e-mails-text: #FFFFFF;
  --color-taches: #10B981;
  --color-taches-text: #FFFFFF;
  --color-dossiers: #F59E0B;
  --color-dossiers-text: #FFFFFF;
  --color-appels: #8B5CF6;
  --color-appels-text: #FFFFFF;
  --color-agenda: #06B6D4;
  --color-agenda-text: #FFFFFF;
  --color-financier: #84CC16;
  --color-financier-text: #000000;
  --color-urgent: #DC2626;
  --color-urgent-text: #FFFFFF;
  --color-brouillons: #6B7280;
  --color-brouillons-text: #FFFFFF;
  --color-notes: #EC4899;
  --color-notes-text: #FFFFFF;
  --color-factures: #059669;
  --color-factures-text: #FFFFFF;
  --color-contacts: #7C3AED;
  --color-contacts-text: #FFFFFF;
  --color-temps-passe: #94b9f4;
  --color-temps-passe-text: #000000;
  --color-tchat: #d96a02;
  --color-tchat-text: #FFFFFF;
  --color-documents-original: #3B82F6;
  --color-documents-original-text: #FFFFFF;
  --color-documents-pastel: #dce3ee;
  --color-documents-pastel-text: #000000;
  --color-documents-clair: #a6c2f1;
  --color-documents-clair-text: #000000;
  --color-documents-lumineux: #3280ff;
  --color-documents-lumineux-text: #FFFFFF;
  --color-documents-fonc: #004dcb;
  --color-documents-fonc-text: #FFFFFF;
  --color-documents-sombre: #00307f;
  --color-documents-sombre-text: #FFFFFF;
  --color-documents-tr-s-clair: #eff1f6;
  --color-documents-tr-s-clair-text: #000000;
  --color-documents-d-satur: #8694ab;
  --color-documents-d-satur-text: #000000;
  --color-e-mails-original: #EF4444;
  --color-e-mails-original-text: #FFFFFF;
  --color-e-mails-pastel: #eedddd;
  --color-e-mails-pastel-text: #000000;
  --color-e-mails-clair: #efaaaa;
  --color-e-mails-clair-text: #000000;
  --color-e-mails-lumineux: #ff3434;
  --color-e-mails-lumineux-text: #FFFFFF;
  --color-e-mails-fonc: #c50707;
  --color-e-mails-fonc-text: #FFFFFF;
  --color-e-mails-sombre: #800000;
  --color-e-mails-sombre-text: #FFFFFF;
  --color-e-mails-tr-s-clair: #f5efef;
  --color-e-mails-tr-s-clair-text: #000000;
  --color-e-mails-d-satur: #ab8888;
  --color-e-mails-d-satur-text: #000000;
  --color-taches-original: #10B981;
  --color-taches-original-text: #000000;
  --color-taches-pastel: #99ccbb;
  --color-taches-pastel-text: #000000;
  --color-taches-clair: #54deb0;
  --color-taches-clair-text: #000000;
  --color-taches-lumineux: #00e699;
  --color-taches-lumineux-text: #000000;
  --color-taches-fonc: #045f41;
  --color-taches-fonc-text: #FFFFFF;
  --color-taches-sombre: #001a11;
  --color-taches-sombre-text: #FFFFFF;
  --color-taches-tr-s-clair: #cfe2dc;
  --color-taches-tr-s-clair-text: #000000;
  --color-taches-d-satur: #54756a;
  --color-taches-d-satur-text: #FFFFFF;
  --color-dossiers-original: #F59E0B;
  --color-dossiers-original-text: #000000;
  --color-dossiers-pastel: #dfd1ba;
  --color-dossiers-pastel-text: #000000;
  --color-dossiers-clair: #ebc17b;
  --color-dossiers-clair-text: #000000;
  --color-dossiers-lumineux: #ffa101;
  --color-dossiers-lumineux-text: #000000;
  --color-dossiers-fonc: #9a6100;
  --color-dossiers-fonc-text: #FFFFFF;
  --color-dossiers-sombre: #4e3100;
  --color-dossiers-sombre-text: #FFFFFF;
  --color-dossiers-tr-s-clair: #ede8df;
  --color-dossiers-tr-s-clair-text: #000000;
  --color-dossiers-d-satur: #978669;
  --color-dossiers-d-satur-text: #000000;
  --color-appels-original: #8B5CF6;
  --color-appels-original-text: #FFFFFF;
  --color-appels-pastel: #e2dcef;
  --color-appels-pastel-text: #000000;
  --color-appels-clair: #cebdf4;
  --color-appels-clair-text: #000000;
  --color-appels-lumineux: #834dff;
  --color-appels-lumineux-text: #FFFFFF;
  --color-appels-fonc: #3f02ca;
  --color-appels-fonc-text: #FFFFFF;
  --color-appels-sombre: #270080;
  --color-appels-sombre-text: #FFFFFF;
  --color-appels-tr-s-clair: #f1eff6;
  --color-appels-tr-s-clair-text: #000000;
  --color-appels-d-satur: #a39ab8;
  --color-appels-d-satur-text: #000000;
  --color-agenda-original: #06B6D4;
  --color-agenda-original-text: #000000;
  --color-agenda-pastel: #9fccd4;
  --color-agenda-pastel-text: #000000;
  --color-agenda-clair: #58d3e8;
  --color-agenda-clair-text: #000000;
  --color-agenda-lumineux: #00c4e6;
  --color-agenda-lumineux-text: #000000;
  --color-agenda-fonc: #006374;
  --color-agenda-fonc-text: #FFFFFF;
  --color-agenda-sombre: #002228;
  --color-agenda-sombre-text: #FFFFFF;
  --color-agenda-tr-s-clair: #cee0e4;
  --color-agenda-tr-s-clair-text: #000000;
  --color-agenda-d-satur: #587c82;
  --color-agenda-d-satur-text: #FFFFFF;
  --color-financier-original: #84CC16;
  --color-financier-original-text: #000000;
  --color-financier-pastel: #c2d3a8;
  --color-financier-pastel-text: #000000;
  --color-financier-clair: #b0df69;
  --color-financier-clair-text: #000000;
  --color-financier-lumineux: #8be600;
  --color-financier-lumineux-text: #000000;
  --color-financier-fonc: #497507;
  --color-financier-fonc-text: #FFFFFF;
  --color-financier-sombre: #1d2f01;
  --color-financier-sombre-text: #FFFFFF;
  --color-financier-tr-s-clair: #dbe2d0;
  --color-financier-tr-s-clair-text: #000000;
  --color-financier-d-satur: #75835f;
  --color-financier-d-satur-text: #FFFFFF;
  --color-urgent-original: #DC2626;
  --color-urgent-original-text: #FFFFFF;
  --color-urgent-pastel: #dcbfbf;
  --color-urgent-pastel-text: #000000;
  --color-urgent-clair: #df8989;
  --color-urgent-clair-text: #000000;
  --color-urgent-lumineux: #f70b0b;
  --color-urgent-lumineux-text: #FFFFFF;
  --color-urgent-fonc: #8c1010;
  --color-urgent-fonc-text: #FFFFFF;
  --color-urgent-sombre: #4a0505;
  --color-urgent-sombre-text: #FFFFFF;
  --color-urgent-tr-s-clair: #ece2e2;
  --color-urgent-tr-s-clair-text: #000000;
  --color-urgent-d-satur: #936f6f;
  --color-urgent-d-satur-text: #FFFFFF;
  --color-brouillons-original: #6B7280;
  --color-brouillons-original-text: #FFFFFF;
  --color-brouillons-pastel: #bcc0c8;
  --color-brouillons-pastel-text: #000000;
  --color-brouillons-clair: #97a3ba;
  --color-brouillons-clair-text: #000000;
  --color-brouillons-lumineux: #2f5ebc;
  --color-brouillons-lumineux-text: #FFFFFF;
  --color-brouillons-fonc: #283a5d;
  --color-brouillons-fonc-text: #FFFFFF;
  --color-brouillons-sombre: #0e182a;
  --color-brouillons-sombre-text: #FFFFFF;
  --color-brouillons-tr-s-clair: #dadbdd;
  --color-brouillons-tr-s-clair-text: #000000;
  --color-brouillons-d-satur: #70747b;
  --color-brouillons-d-satur-text: #FFFFFF;
  --color-notes-original: #EC4899;
  --color-notes-original-text: #000000;
  --color-notes-pastel: #eedde5;
  --color-notes-pastel-text: #000000;
  --color-notes-clair: #edadcd;
  --color-notes-clair-text: #000000;
  --color-notes-lumineux: #ff3599;
  --color-notes-lumineux-text: #FFFFFF;
  --color-notes-fonc: #c10b65;
  --color-notes-fonc-text: #FFFFFF;
  --color-notes-sombre: #7e023f;
  --color-notes-sombre-text: #FFFFFF;
  --color-notes-tr-s-clair: #f5eff2;
  --color-notes-tr-s-clair-text: #000000;
  --color-notes-d-satur: #aa8a9a;
  --color-notes-d-satur-text: #000000;
  --color-factures-original: #059669;
  --color-factures-original-text: #FFFFFF;
  --color-factures-pastel: #96cfbd;
  --color-factures-pastel-text: #000000;
  --color-factures-clair: #4de5b6;
  --color-factures-clair-text: #000000;
  --color-factures-lumineux: #00e69e;
  --color-factures-lumineux-text: #000000;
  --color-factures-fonc: #004d35;
  --color-factures-fonc-text: #FFFFFF;
  --color-factures-sombre: #001a12;
  --color-factures-sombre-text: #FFFFFF;
  --color-factures-tr-s-clair: #cee3dd;
  --color-factures-tr-s-clair-text: #000000;
  --color-factures-d-satur: #3f5c53;
  --color-factures-d-satur-text: #FFFFFF;
  --color-contacts-original: #7C3AED;
  --color-contacts-original-text: #FFFFFF;
  --color-contacts-pastel: #ddd6ea;
  --color-contacts-pastel-text: #000000;
  --color-contacts-clair: #bda1ec;
  --color-contacts-clair-text: #000000;
  --color-contacts-lumineux: #7728ff;
  --color-contacts-lumineux-text: #FFFFFF;
  --color-contacts-fonc: #4908b9;
  --color-contacts-fonc-text: #FFFFFF;
  --color-contacts-sombre: #2b0074;
  --color-contacts-sombre-text: #FFFFFF;
  --color-contacts-tr-s-clair: #f1eff5;
  --color-contacts-tr-s-clair-text: #000000;
  --color-contacts-d-satur: #8f82a5;
  --color-contacts-d-satur-text: #000000;
  --color-temps-passe-original: #94b9f4;
  --color-temps-passe-original-text: #000000;
  --color-temps-passe-pastel: #c8d9f2;
  --color-temps-passe-pastel-text: #000000;
  --color-temps-passe-clair: #b0c8f0;
  --color-temps-passe-clair-text: #000000;
  --color-temps-passe-lumineux: #6a9df2;
  --color-temps-passe-lumineux-text: #000000;
  --color-temps-passe-fonc: #3f6bbd;
  --color-temps-passe-fonc-text: #FFFFFF;
  --color-temps-passe-sombre: #1f3a7f;      
  --color-temps-passe-sombre-text: #FFFFFF;
  --color-temps-passe-tr-s-clair: #e0e6f3;
  --color-temps-passe-tr-s-clair-text: #000000;
  --color-temps-passe-d-satur: #6b7f9c;
  --color-temps-passe-d-satur-text: #FFFFFF;
  --color-tchat-original: #d96a02;
  --color-tchat-original-text: #FFFFFF;
  --color-tchat-pastel: #f2d6c9;
  --color-tchat-pastel-text: #000000;
  --color-tchat-clair: #f2b8a0;
  --color-tchat-clair-text: #000000;
  --color-tchat-lumineux: #ff8f5c;
  --color-tchat-lumineux-text: #000000;
  --color-tchat-fonc: #b34a00;
  --color-tchat-fonc-text: #FFFFFF;
  --color-tchat-sombre: #7f2d00;
  --color-tchat-sombre-text: #FFFFFF;
  --color-tchat-tr-s-clair: #f9e8e0;
  --color-tchat-tr-s-clair-text: #000000;
  --color-tchat-d-satur: #a67b6a;
  --color-tchat-d-satur-text: #000000;
}


/* Custom styles for the document and contact lists */
.table tr.selected .view-document i {
    color: white !important;
}

.table tr.selected i.contact-physique {
    color: white !important;
}

.table tr.selected i.mdi-dots-vertical {
    color: white !important;
}

table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
    background-color: var(--ct-primary);
}

table.dataTable.fixedHeader-floating>:not(caption)>*>*, table.dataTable.fixedHeader-locked>:not(caption)>*>* {
    color: white !important;
}

.table td {
    padding: 0.75rem !important;
    vertical-align: middle !important;
}

#liste_documents thead tr, #liste_contacts thead tr {
    vertical-align: middle !important; 
}

.dropdown-item {
    padding: 0.25rem 1.5rem !important;
    cursor: pointer;
}
.dropdown-item:hover {
    background-color: #f8f9fa !important;
}
.dropdown-item:focus {
    background-color: #f8f9fa !important;
}
.dropdown-item:active {
    background-color: #f8f9fa !important;
}
.dropdown-item:focus, .dropdown-item:active {
    outline: none !important;
}

/* Custom style des users sélectionnés dans le tchat */
.user-tchat.selected {
    background-color: #536de6 !important; /* #6391c4 !important; */ 
    border-radius: 8px;
    box-shadow: 0 0 0 2px #536de6;
}

html[data-bs-theme="dark"] .user-tchat.selected,
html[data-bs-theme="dark"] .user-tchat.selected * ,
html[data-bs-theme="light"] .user-tchat.selected,
html[data-bs-theme="light"] .user-tchat.selected * {
    color: white !important;
    /*color: #37404a !important;*/
}

#tchat-messages-scroll {
  height: calc(100vh - 320px); /* Ajuste 320px selon la hauteur de ton header + footer + paddings */
  max-height: none;
  min-height: 0;
}

.no-resize {
  resize: none;
}

/* Dark mode styles for the compose modal */
.dark-mode .CodeMirror,
[data-bs-theme='dark'] .CodeMirror {
    background: #23272f !important;
    color: #f1f1f1 !important;
}
.dark-mode .CodeMirror-cursor,
[data-bs-theme='dark'] .CodeMirror-cursor {
    border-left: 1px solid #f1f1f1 !important;
}
.dark-mode .editor-toolbar,
[data-bs-theme='dark'] .editor-toolbar {
    background: #23272f !important;
    border-color: #444 !important;
}
.dark-mode .editor-toolbar button,
[data-bs-theme='dark'] .editor-toolbar button {
    color: #f1f1f1 !important;
}

.floating-chip {
  position: absolute;
  top: 12px;
  left: 0px;
  right: auto;
  padding: 0.3em 1.3em;
  border-radius: 0px 32px 32px 0px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.07);
  font-size: 1.4em;
  font-weight: 600;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.5em;
}