/* =========================================================
   BLAG SKIN - LIGHT ONLY (Premium Tech Azul)
   - Side menu integrado (sin hover gris raro)
   - Fondo azul suave
   - Botones TODO azul (sin oro)
   - DataTables modern premium
   ========================================================= */

/* =======================
   1) RESET + TOKENS (LIGHT)
   ======================= */
body.blag-skin,
body.blag-skin *,
body.blag-skin *::before,
body.blag-skin *::after { box-sizing: border-box; }

body.blag-skin {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  line-height: 1.5;

  --rLg: 26px;
  --rMd: 20px;
  --rSm: 14px;

  --shadow: 0 36px 90px rgba(0,0,0,.14);
  --shadow2: 0 18px 46px rgba(0,0,0,.09);

  /* LIGHT */
  --bg0: #eef3fb;
  --bg1: #ffffff;
  --bg2: #e7effc;

  --card: rgba(255,255,255,.95);
  --card2: rgba(255,255,255,.90);
  --border: rgba(15,23,42,.10);

  --text: #0f172a;
  --muted: #475569;

  --accent: #1d4ed8;
  --accent2: #2563eb;
  --accent3: #3b82f6;

  --accentSoft: rgba(29,78,216,.12);
  --accentSoft2: rgba(29,78,216,.20);
  --accentGlow: rgba(29,78,216,.25);

  background: var(--bg0);
  color: var(--text);
}

body.blag-skin a { color: inherit; text-decoration: none; }
body.blag-skin img, body.blag-skin svg, body.blag-skin video { display: block; max-width: 100%; }
body.blag-skin button, body.blag-skin input, body.blag-skin select, body.blag-skin textarea { font: inherit; color: inherit; }
body.blag-skin :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* =======================
   2) LAYOUT + CONTENT (LIGHT)
   ======================= */
html:not(.dark) body.blag-skin.app {
  background:
    radial-gradient(1400px 800px at 12% -15%, rgba(29,78,216,.22), transparent 62%),
    radial-gradient(1100px 700px at 88% 10%, rgba(59,130,246,.12), transparent 60%),
    radial-gradient(900px 600px at 70% 120%, rgba(37,99,235,.10), transparent 60%),
    linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 52%, var(--bg0) 100%) !important;
  background-attachment: fixed !important;
  background-color: var(--bg0) !important;
}

html:not(.dark) body.blag-skin .content {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--rLg) !important;
  box-shadow: var(--shadow) !important;
  padding: 28px !important;
  backdrop-filter: blur(20px);
}

html:not(.dark) body.blag-skin .box,
html:not(.dark) body.blag-skin .intro-y.box {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--rMd) !important;
  box-shadow: var(--shadow2) !important;
  backdrop-filter: blur(14px);
}

/* =======================
   2b) SIDE MENU (LIGHT)
   - elimina “hover gris” de iconos y placas
   ======================= */
html:not(.dark) body.app.blag-skin nav.side-nav {
  background: linear-gradient(180deg, rgba(15,23,42,.06) 0%, rgba(29,78,216,.12) 100%) !important;
  backdrop-filter: blur(24px);
  border-right: 1px solid rgba(29,78,216,.16) !important;
  box-shadow: 22px 0 70px rgba(15,23,42,.16);
}

html:not(.dark) body.app.blag-skin nav.side-nav a.side-menu,
html:not(.dark) body.app.blag-skin .side-nav .side-menu {
  background: transparent !important;
  color: rgba(15,23,42,.88) !important;
  border: 1px solid transparent !important;
  transition: all .25s ease;
}

html:not(.dark) body.app.blag-skin nav.side-nav a.side-menu:hover,
html:not(.dark) body.app.blag-skin nav.side-nav ul > li:hover > a.side-menu,
html:not(.dark) body.app.blag-skin .side-nav .side-menu:hover {
  background: rgba(29,78,216,.14) !important;
  border-color: rgba(29,78,216,.30) !important;
  color: rgba(15,23,42,.98) !important;
  box-shadow: 0 14px 36px rgba(29,78,216,.18) !important;
}

html:not(.dark) body.app.blag-skin nav.side-nav a.side-menu.side-menu--active,
html:not(.dark) body.app.blag-skin .side-nav .side-menu.side-menu--active {
  background: linear-gradient(135deg, rgba(29,78,216,.22), rgba(37,99,235,.14)) !important;
  border-color: rgba(29,78,216,.50) !important;
  color: rgba(15,23,42,.98) !important;
  font-weight: 800;
  box-shadow: 0 18px 44px rgba(29,78,216,.18), 0 0 0 1px rgba(29,78,216,.12) !important;
}

/* Iconos: mata “placa gris” */
html:not(.dark) body.app.blag-skin nav.side-nav .side-menu__icon,
html:not(.dark) body.app.blag-skin nav.side-nav .side-menu__icon::before,
html:not(.dark) body.app.blag-skin nav.side-nav .side-menu__icon::after {
  background: transparent !important;
  box-shadow: none !important;
}

html:not(.dark) body.app.blag-skin nav.side-nav .side-menu__icon i,
html:not(.dark) body.app.blag-skin nav.side-nav .side-menu__icon svg {
  color: inherit !important;
  background: transparent !important;
}

html:not(.dark) body.app.blag-skin nav.side-nav .side-menu__icon,
html:not(.dark) body.app.blag-skin nav.side-nav .side-menu__title,
html:not(.dark) body.app.blag-skin nav.side-nav .side-menu__sub-icon {
  color: inherit !important;
  transition: color .25s ease;
}

html:not(.dark) body.app.blag-skin nav.side-nav ul ul {
  background: rgba(255,255,255,.18) !important;
  border-left: 3px solid rgba(29,78,216,.65) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(16px);
}

/* =======================
   3) BOTONES (LIGHT) - TODO AZUL
   ======================= */
html:not(.dark) body.blag-skin .button,
html:not(.dark) body.blag-skin a.button,
html:not(.dark) body.blag-skin button.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: .01em;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease;
}

html:not(.dark) body.blag-skin button[type="submit"].button.w-full,
html:not(.dark) body.blag-skin #submit_file_btn.button,
html:not(.dark) body.blag-skin form button[type="submit"].button,
html:not(.dark) body.blag-skin .button.w-full.w-a.shadow-md {
  min-height: 46px !important;
  padding: .72rem 1.15rem !important;
  border-radius: 999px !important;

  background: linear-gradient(135deg, rgba(29,78,216,.98), rgba(37,99,235,.95)) !important;
  border: 1px solid rgba(29,78,216,.40) !important;
  color: #fff !important;

  box-shadow: 0 22px 70px rgba(29,78,216,.24), 0 0 0 1px rgba(29,78,216,.16) !important;
}

html:not(.dark) body.blag-skin button[type="submit"].button.w-full:hover,
html:not(.dark) body.blag-skin #submit_file_btn:hover,
html:not(.dark) body.blag-skin form button[type="submit"].button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06) contrast(1.02) !important;
  box-shadow: 0 30px 92px rgba(29,78,216,.28), 0 0 0 1px rgba(29,78,216,.20) !important;
}

/* Downloads */
html:not(.dark) body.blag-skin a.button.inline-block.bg-theme-9,
html:not(.dark) body.blag-skin a.button.p-2.bg-theme-9,
html:not(.dark) body.blag-skin a.button.bg-theme-9 {
  padding: .58rem 1.00rem !important;
  border-radius: 999px !important;

  background: linear-gradient(135deg, rgba(37,99,235,.98), rgba(59,130,246,.94)) !important;
  border: 1px solid rgba(59,130,246,.34) !important;
  color: #fff !important;

  box-shadow: 0 18px 56px rgba(29,78,216,.22) !important;
}

html:not(.dark) body.blag-skin a.button.inline-block.bg-theme-9:hover,
html:not(.dark) body.blag-skin a.button.p-2.bg-theme-9:hover,
html:not(.dark) body.blag-skin a.button.bg-theme-9:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 26px 76px rgba(29,78,216,.26) !important;
}

html:not(.dark) body.blag-skin a.button.p-2.bg-theme-9 { padding: .42rem .72rem !important; min-width: 64px; }

/* Border buttons glass */
html:not(.dark) body.blag-skin #rw-open-job.button.border,
html:not(.dark) body.blag-skin #rw-open-build.button.border,
html:not(.dark) body.blag-skin #rw-download-build.button.border,
html:not(.dark) body.blag-skin #rw-package.button.border,
html:not(.dark) body.blag-skin #rw-refresh.button.border,
html:not(.dark) body.blag-skin a.button.border {
  padding: .56rem 1.00rem !important;
  border-radius: 999px !important;

  background: linear-gradient(180deg, rgba(29,78,216,.10), rgba(255,255,255,.92)) !important;
  border: 1px solid rgba(29,78,216,.28) !important;
  color: rgba(15,23,42,.90) !important;

  box-shadow: 0 14px 38px rgba(15,23,42,.10) !important;
}

html:not(.dark) body.blag-skin #rw-open-job.button.border:hover,
html:not(.dark) body.blag-skin #rw-open-build.button.border:hover,
html:not(.dark) body.blag-skin #rw-download-build.button.border:hover,
html:not(.dark) body.blag-skin #rw-package.button.border:hover,
html:not(.dark) body.blag-skin #rw-refresh.button.border:hover,
html:not(.dark) body.blag-skin a.button.border:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(37,99,235,.46) !important;
  box-shadow: 0 22px 60px rgba(29,78,216,.18) !important;
  filter: brightness(1.02) !important;
}

/* Disabled */
html:not(.dark) body.blag-skin a.button[style*="pointer-events:none"] {
  opacity: .55 !important;
  filter: saturate(.70) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Chat botones */
html:not(.dark) body.blag-skin .bg-gray-700 {
  background: linear-gradient(135deg, rgba(51,65,85,.98), rgba(30,41,59,.96)) !important;
  border: 1px solid rgba(30,41,59,.40) !important;
  color: #fff !important;
  box-shadow: 0 18px 54px rgba(15,23,42,.18) !important;
}
html:not(.dark) body.blag-skin #btnReplyAndClose {
  background: linear-gradient(135deg, rgba(153,27,27,.98), rgba(239,68,68,.94)) !important;
  border: 1px solid rgba(239,68,68,.34) !important;
  color: #fff !important;
  box-shadow: 0 22px 70px rgba(153,27,27,.20) !important;
}
html:not(.dark) body.blag-skin #btnReplyAndClose:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.04) !important;
  box-shadow: 0 30px 92px rgba(153,27,27,.24) !important;
}

/* =======================
   4) INPUTS (LIGHT)
   ======================= */
html:not(.dark) body.blag-skin input,
html:not(.dark) body.blag-skin select,
html:not(.dark) body.blag-skin textarea {
  background: white !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--rSm) !important;
  transition: all .25s;
}
html:not(.dark) body.blag-skin input:focus,
html:not(.dark) body.blag-skin select:focus,
html:not(.dark) body.blag-skin textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 4px var(--accentSoft) !important;
}

/* =======================
   5) DATATABLES MODERN (LIGHT)
   ======================= */
html:not(.dark) body.blag-skin .dataTables_wrapper {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: var(--rLg) !important;
  box-shadow: 0 26px 70px rgba(15,23,42,.12) !important;
  padding: 18px 18px 16px !important;
  backdrop-filter: blur(18px);
  position: relative;
}

html:not(.dark) body.blag-skin div.dataTables_wrapper div.row { align-items: center !important; }
html:not(.dark) body.blag-skin div.dataTables_wrapper div.row:first-child { margin-bottom: 10px !important; }
html:not(.dark) body.blag-skin div.dataTables_wrapper div.row:last-child  { margin-top: 10px !important; }

html:not(.dark) body.blag-skin .dataTables_wrapper .dt-buttons {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 8px 0 12px !important;
}

html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_length,
html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_filter { margin: 8px 0 12px !important; }

html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_length label,
html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_filter label {
  font-weight: 800 !important;
  color: rgba(15,23,42,.78) !important;
}

html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_length select {
  border-radius: 12px !important;
  min-height: 36px !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  background: rgba(255,255,255,.90) !important;
  padding: .40rem .65rem !important;
}

html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_filter input {
  width: 320px !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  padding: .68rem 1.15rem !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.09) !important;
  transition: all .22s ease;
}
html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_filter input:focus,
html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_filter input:focus-visible {
  border-color: rgba(29,78,216,.52) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px var(--accentSoft), 0 18px 40px rgba(29,78,216,.16) !important;
}

html:not(.dark) body.blag-skin table.table,
html:not(.dark) body.blag-skin table.dataTable,
html:not(.dark) body.blag-skin .custom-datatable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: var(--rMd) !important;
  overflow: hidden !important;
}

html:not(.dark) body.blag-skin table.table thead th,
html:not(.dark) body.blag-skin table.dataTable thead th,
html:not(.dark) body.blag-skin table.custom-datatable thead th {
  background: linear-gradient(180deg, rgba(29,78,216,.14), rgba(29,78,216,.05)) !important;
  color: rgba(15,23,42,.90) !important;
  font-weight: 900 !important;
  border-bottom: 1px solid rgba(15,23,42,.14) !important;
  letter-spacing: .07em !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
  padding: 15px 14px !important;
}

html:not(.dark) body.blag-skin table.table tbody td,
html:not(.dark) body.blag-skin table.dataTable tbody td,
html:not(.dark) body.blag-skin table.custom-datatable tbody td {
  border: none !important;
  padding: 18px 14px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
  white-space: normal !important;
  word-break: break-word !important;
  color: rgba(15,23,42,.86) !important;
}

html:not(.dark) body.blag-skin table.table tbody tr,
html:not(.dark) body.blag-skin table.dataTable tbody tr,
html:not(.dark) body.blag-skin table.custom-datatable tbody tr {
  border-bottom: 1px solid rgba(15,23,42,.07) !important;
  background: transparent !important;
}
html:not(.dark) body.blag-skin table.table tbody tr:nth-child(odd),
html:not(.dark) body.blag-skin table.dataTable tbody tr:nth-child(odd),
html:not(.dark) body.blag-skin table.custom-datatable tbody tr:nth-child(odd) { background: rgba(15,23,42,.022) !important; }

html:not(.dark) body.blag-skin table.table tbody tr:hover,
html:not(.dark) body.blag-skin table.dataTable tbody tr:hover,
html:not(.dark) body.blag-skin table.custom-datatable tbody tr:hover {
  background: linear-gradient(90deg, rgba(29,78,216,.11), rgba(59,130,246,.06)) !important;
  box-shadow: inset 0 0 0 1px rgba(29,78,216,.22) !important;
  transition: all .18s ease;
}

/* Botones DataTables */
html:not(.dark) body.blag-skin .dt-buttons .dt-button {
  font-size: 13px !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg, rgba(29,78,216,.10), rgba(255,255,255,.92)) !important;
  color: rgba(15,23,42,.90) !important;
  border: 1px solid rgba(29,78,216,.22) !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.10) !important;
  margin-right: 0 !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, filter .15s ease;
}
html:not(.dark) body.blag-skin .dt-buttons .dt-button:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(37,99,235,.46) !important;
  box-shadow: 0 18px 40px rgba(29,78,216,.16) !important;
  filter: brightness(1.02);
}
html:not(.dark) body.blag-skin .dt-buttons .dt-button.buttons-excel,
html:not(.dark) body.blag-skin .dt-buttons .dt-button.buttons-csv,
html:not(.dark) body.blag-skin .dt-buttons .dt-button.buttons-copy,
html:not(.dark) body.blag-skin .dt-buttons .dt-button.buttons-pdf,
html:not(.dark) body.blag-skin .dt-buttons .dt-button.buttons-print {
  background: linear-gradient(135deg, rgba(29,78,216,.98), rgba(59,130,246,.94)) !important;
  color: #fff !important;
  border-color: rgba(29,78,216,.40) !important;
  box-shadow: 0 18px 44px rgba(29,78,216,.18) !important;
}

/* Pagination */
html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 10px 0 0 !important; }

html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > a,
html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > span {
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  color: rgba(15,23,42,.74) !important;
  margin: 0 4px !important;
  padding: 9px 14px !important;
  box-shadow: 0 12px 26px rgba(15,23,42,.08) !important;
  transition: all .15s ease;
}

html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.active > a,
html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.active > span {
  background: linear-gradient(135deg, rgba(29,78,216,.98), rgba(59,130,246,.94)) !important;
  color: #fff !important;
  border-color: rgba(29,78,216,.40) !important;
  box-shadow: 0 20px 44px rgba(29,78,216,.18) !important;
}

html:not(.dark) body.blag-skin div.dataTables_wrapper div.dataTables_info {
  color: rgba(15,23,42,.68) !important;
  font-weight: 800;
}

/* Badges (light simple) */
html:not(.dark) body.blag-skin .badge {
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-weight: 700;
  font-size: 0.8rem;
}
html:not(.dark) body.blag-skin .badge.bg-success { background: #10b981 !important; }
html:not(.dark) body.blag-skin .badge.bg-danger { background: #ef4444 !important; }
html:not(.dark) body.blag-skin .badge.bg-warning { background: #f97316 !important; }
html:not(.dark) body.blag-skin .badge.bg-dark,
html:not(.dark) body.blag-skin .badge.bg-secondary { background: #1f2937 !important; color: white !important; }
/* =========================================================
   LIGHT: PILLS / BADGES MODERNAS (como en dark)
   - Status: Ready=verde, Cancelled=rojo, Pending=azul
   - Tool: azul tech (puedes cambiar a naranja si quieres)
   - NOT SET: gris oscuro elegante
   ========================================================= */

/* Base común (todas las pills que salen en tablas y UI) */
html:not(.dark) body.blag-skin .text-xs.px-2.rounded-md.inline-block,
html:not(.dark) body.blag-skin span.text-xs.px-2.rounded-md.inline-block,
html:not(.dark) body.blag-skin div.text-xs.px-2.rounded-md.inline-block{
  border-radius: 999px !important;
  padding: 4px 10px !important;
  font-weight: 900 !important;
  letter-spacing: .01em;
  line-height: 1 !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.60) !important;
  text-shadow: none !important;
}

/* Fuerza que el texto interno no se “pinte raro” */
html:not(.dark) body.blag-skin .bg-theme-9 *,
html:not(.dark) body.blag-skin .bg-theme-6 *,
html:not(.dark) body.blag-skin .bg-theme-12 *,
html:not(.dark) body.blag-skin .bg-yellow-500 *,
html:not(.dark) body.blag-skin .bg-theme-1 *{
  color: inherit !important;
}

/* READY / OK  (bg-theme-9) */
html:not(.dark) body.blag-skin .bg-theme-9{
  background: linear-gradient(180deg, rgba(34,197,94,.28), rgba(34,197,94,.16)) !important;
  border-color: rgba(34,197,94,.42) !important;
  color: rgba(6,95,70,.98) !important;
}

/* CANCELLED / PROBLEM (bg-theme-6) -> rojo */
html:not(.dark) body.blag-skin .bg-theme-6{
  background: linear-gradient(180deg, rgba(239,68,68,.24), rgba(239,68,68,.14)) !important;
  border-color: rgba(239,68,68,.40) !important;
  color: rgba(127,29,29,.98) !important;
}

/* PENDING / NOT SET status scale (bg-theme-12) -> azul */
html:not(.dark) body.blag-skin .bg-theme-12{
  background: linear-gradient(180deg, rgba(59,130,246,.24), rgba(59,130,246,.14)) !important;
  border-color: rgba(59,130,246,.40) !important;
  color: rgba(30,64,175,.98) !important;
}

/* TOOL pill (tu interface_type_selection usa bg-yellow-500)
   Opción A: mantener naranja (tipo “tool”)
*/
html:not(.dark) body.blag-skin .bg-yellow-500{
  background: linear-gradient(180deg, rgba(245,158,11,.26), rgba(245,158,11,.16)) !important;
  border-color: rgba(245,158,11,.42) !important;
  color: rgba(124,45,18,.98) !important;
}

/* TUNER pill (en tu controller usa bg-theme-1) -> azul tech */
html:not(.dark) body.blag-skin .bg-theme-1{
  background: linear-gradient(180deg, rgba(29,78,216,.22), rgba(29,78,216,.12)) !important;
  border-color: rgba(29,78,216,.36) !important;
  color: rgba(15,23,42,.92) !important;
}

/* Extra: si en alguna parte usas text-white en pills, que no rompa el estilo */
html:not(.dark) body.blag-skin .text-white.bg-theme-9,
html:not(.dark) body.blag-skin .text-white.bg-theme-6,
html:not(.dark) body.blag-skin .text-white.bg-theme-12,
html:not(.dark) body.blag-skin .text-white.bg-yellow-500,
html:not(.dark) body.blag-skin .text-white.bg-theme-1{
  color: inherit !important;
}