:root {
  --background-gradient: linear-gradient(#f1f3ff, #cbd4ff);
  --main-color: #0b1b5a;
  --main-color-dark: #08123a;
  --main-color-normal: #1a2c7a;
  --white: #ffffff;
  --black: #000000;
  --sidebar-bg: #0b1b5a;
  --sidebar-link: #ffffff;
  --sidebar-hover-bg: #d9e1fd;
  --sidebar-text: #151a2d;
  --main-header-bg: #eef2ff;
  --dropdown-bg: #151a2d;
  --dropdown-link: #f1f4ff;
  --text-light: #eef2ff;
  --text-dark: #151a2d;
  --text-muted: #555;
  --text-muted-2: #444;
  --border-color: #0b1b5a;
  --border-light: #eee;
  --border-table: #2f3e57;
  --border-input: #c5cbd5;
  --hover-light: #f5f7ff;
  --input-bg: #f9fafc;
  --input-bg-focus: #eef1f5;
  --input-text: #0b1b5a;
  --button-bg: #0b1b5a;
  --button-bg-dark: #060d29;
  --button-bg-hover: #08123a;
  --button-text: #ffffff;
  --scrollbar-hover: #eef2ff;
  --watermark-gradient: linear-gradient(135deg, #0b1b5acc, #0b1b5a95);
  --pastel-orange: linear-gradient(135deg, #fdebd0, #fad7a0);
  --pastel-red: linear-gradient(135deg, #fadbd8, #f5b7b1);
  --pastel-green: linear-gradient(135deg, #d5f5e3, #a2d9ce);
  --table-bg: #344863;
  --table-header-bg: #1d284a;
  --table-hover-bg: #2a3b67;
  --arrest-4f-color: #4f8cff;
  --blink-red: #d40000;
  --placeholder-bg: #f2f2f2;
  --placeholder-text: #aaa;
}

/* Scrollbar personnalisée globale */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--main-color) rgba(11, 27, 90, 0.1);
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: rgba(11, 27, 90, 0.05);
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb {
  background: var(--main-color);
  border-radius: 4px;
  transition: background 0.3s ease;
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-dark);
}

*::-webkit-scrollbar-thumb:active {
  background: var(--main-color-normal);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

/* :root {
    --background-gradient: linear-gradient(#fde5e9, #f9c7cb);
    --main-color: #F9A2AC;
    --main-color-dark: #e88897;
    --main-color-normal: #c24c5e;
    --main-color-light: #ffd1d7;
    --white: #ffffff;
    --black: #000000;

    --sidebar-bg: #F9A2AC;
    --sidebar-link: #ffffff;
    --sidebar-hover-bg: #ffc0c9;
    --sidebar-text: #7a3c46;

    --main-header-bg: #ffe4eb;
    --dropdown-bg: #7a3c46;
    --dropdown-link: #fff0f3;

    --text-light: #fff0f3;
    --text-dark: #7a3c46;
    --text-muted: #a65d6a;
    --text-muted-2: #8e4a56;

    --border-color: #e88897;
    --border-light: #ffd6db;
    --border-table: #e07b87;
    --border-input: #f2a6af;
    --hover-light: #ffe8ed;

    --input-bg: #fff0f3;
    --input-bg-focus: #ffe0e5;
    --input-text: #7a3c46;

    --button-bg: #F9A2AC;
    --button-bg-dark: #976369;
    --button-bg-hover: #e88897;
    --button-text: #ffffff;

    --scrollbar-hover: #ffe4eb;

    --watermark-gradient: linear-gradient(135deg, #F9A2ACcc, #F9A2AC95);

    --pastel-orange: linear-gradient(135deg, #ffe0e5, #ffc0c9);
    --pastel-red: linear-gradient(135deg, #ffccd5, #ff99a6);
    --pastel-green: linear-gradient(135deg, #ffd6db, #ffb3bf);

    --table-bg: #f9c7cb;
    --table-header-bg: #e88897;
    --table-hover-bg: #f5a6b0;

    --blink-red: #d40000;
    --placeholder-bg: #ffeef1;
    --placeholder-text: #c77b83;
    --arrest-4f-color: #ff99a6;

  } */

.backlink-btn {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: -20px 0 12px 5px !important;
  padding: 8px 12px !important;
  background: var(--button-bg) !important;
  color: var(--button-text) !important;
  border: 1px solid var(--border-color) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  width: fit-content !important;
}

.backlink-btn:hover {
  background: var(--button-bg-hover) !important;
}

.main-container > .backlink-btn {
  align-self: flex-start !important;
  transform: translateX(-6px) !important;
}