/*
Template Name: Digitalchateaux - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* === ALLBAT Sidebar (navbar-nav) === */
:root{
  --o1:#FF6A00; --o2:#FF8E0F; --o3:#FFA927;
  --ink:#5f6b7a;
  --crm-focus: rgba(255,106,0,.35);
}

/* === SIDEBAR ANA BLOK — Tüm yüksekliği kaplasın === */
.navbar-nav{
  position:relative;
  min-height:100vh;          /* 🔥 Sidebar artık aşağı kadar uzuyor */
  display:flex;
  flex-direction:column;
  color:var(--ink);
  overflow:hidden;

  /* Turuncu degrade + hafif doku */
  background-image:
    radial-gradient(55rem 40rem at 22% -10%, rgba(255,154,31,.10), transparent 60%),
    linear-gradient(180deg,
      #ffffff 0%,
      #ffffff 22%,
      #fff8f2 62%,
      #ffe7c9 90%,
      #ffb34d 100%
    ),
    radial-gradient(circle at 16px 16px, rgba(255,154,31,.045) 1px, transparent 1.2px);
  background-repeat:no-repeat;
  background-size:100% 100%, 100% 100%, 26px 26px;

  border-right:1px solid rgba(255,154,31,.12);
  box-shadow:
      inset 0 1px 0 rgba(255,255,255,.55),
      inset 0 -12px 32px rgba(0,0,0,.05);
}

/* === SimpleBar seviyeleri: şeffaf & tam yükseklik === */
.navbar-nav .simplebar-wrapper,
.navbar-nav .simplebar-mask,
.navbar-nav .simplebar-content-wrapper,
.navbar-nav .simplebar-content{
  min-height:100%;
  background:transparent !important;
}

/* Premium ışık şeridi */
.navbar-nav::after{
  content:""; position:absolute; left:-10%; top:-40%;
  width:42px; height:200%;
  background: linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.45), rgba(255,255,255,0));
  mix-blend-mode:screen;
  opacity:.28;
  pointer-events:none;
  transform: rotate(8deg);
  animation: allbatRibbon 20s linear infinite;
}

@keyframes allbatRibbon{
  0%{ transform: translateY(0) rotate(8deg); }
  100%{ transform: translateY(60%) rotate(8deg); }
}

/* Sağ kenar parlaklık */
.navbar-nav::before{
  content:"";
  position:absolute; inset:0 0 0 auto;
  width:18px;
  background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
  filter: blur(8px);
  opacity:.35;
  pointer-events:none;
}

/* Menü Link Stilleri (senin mevcut tasarımının birebir aynısı) */
.navbar-nav .nav-link{
  position:relative; display:flex; align-items:center;
  padding:12px 16px 12px 44px;
  color:#526071; border-radius:12px;
  transition: color .2s ease, background .28s ease, transform .18s ease;
}

.navbar-nav .nav-link::before{
  content:""; position:absolute; left:12px; top:50%;
  width:6px; height:58%; border-radius:4px;
  background: linear-gradient(180deg, var(--o2), var(--o1));
  box-shadow: 0 2px 12px rgba(255,106,0,.35);
  transform: translateY(-50%) scaleX(0);
  transform-origin:left center;
  transition: transform .25s ease;
}

.navbar-nav .nav-link:hover{
  background: rgba(255,255,255,.22);
  transform: translateX(2px);
  color:#243248;
}
.navbar-nav .nav-link:hover::before{ transform: translateY(-50%) scaleX(1); }

.navbar-nav .nav-link.active{
  background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.18));
  box-shadow: inset 0 0 0 1px rgba(255,154,31,.22), 0 8px 18px -10px rgba(255,106,0,.25);
  color:#1c253a;
}
.navbar-nav .nav-link.active::before{ transform: translateY(-50%) scaleX(1); }
  /* === Login Page Overrides === */
  body.login-page{
    min-height:100vh;
    margin:0;
    padding:clamp(2rem, 5vw, 4rem) 1.5rem;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#05070d;
    background-image:
      radial-gradient(1100px circle at 18% 16%, rgba(255,138,36,0.28), transparent 60%),
      radial-gradient(900px circle at 82% 12%, rgba(255,106,0,0.18), transparent 65%),
      radial-gradient(920px circle at 50% 115%, rgba(28,74,130,0.36), transparent 70%),
      linear-gradient(140deg, #03050a 0%, #080d18 42%, #10192b 100%);
    color:#f5f7ff;
    font-family:"Inter","Segoe UI",sans-serif;
  }

  .login-frame{
    position:relative;
    width:100%;
    max-width:1200px;
  }
  .login-frame::before{
    content:"";
    position:absolute;
    inset:-20% -28%;
    background:
      radial-gradient(circle at 30% 22%, rgba(255,138,36,0.25), transparent 62%),
      radial-gradient(circle at 80% 60%, rgba(255,106,0,0.22), transparent 58%),
      radial-gradient(circle at 46% 120%, rgba(39,97,168,0.35), transparent 68%);
    filter:blur(85px);
    opacity:.75;
    z-index:0;
  }

  .login-shell{
    position:relative;
    z-index:1;
    display:grid;
  grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);
    border-radius:32px;
    overflow:hidden;
    background:rgba(10,13,23,0.82);
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 45px 90px -40px rgba(0,0,0,0.85), 0 28px 60px -36px rgba(255,106,0,0.45);
    backdrop-filter:blur(26px);
  }

  @media (max-width: 992px){
    body.login-page{
      padding:clamp(2rem, 8vw, 3.25rem) 1.2rem;
    }
    .login-shell{
      grid-template-columns:1fr;
    }
    .login-frame::before{
      inset:-40% -38%;
      filter:blur(110px);
    }
  }

  .login-visual{
    position:relative;
    padding:clamp(3rem, 6vw, 4.8rem);
    color:rgba(243,246,255,0.92);
    background:linear-gradient(135deg, rgba(10,15,28,0.95) 0%, rgba(8,20,38,0.78) 48%, rgba(7,13,26,0.9) 100%);
    overflow:hidden;
  }
  .visual-aurora{
    position:absolute;
    inset:-40% -30%;
    background:conic-gradient(from 120deg at 50% 50%, rgba(255,106,0,0.55), rgba(255,169,39,0.08), rgba(32,94,163,0.4), rgba(255,106,0,0.55));
    filter:blur(120px);
    opacity:.75;
    animation: auroraShift 20s linear infinite;
  }
  .visual-noise{
    position:absolute;
    inset:0;
    background-image:
      linear-gradient(120deg, rgba(255,255,255,0.09) 0, rgba(255,255,255,0) 60%),
      repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 4px);
    mix-blend-mode:screen;
    opacity:.35;
    animation: noisePulse 8s ease-in-out infinite;
  }
  .visual-content{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:2.2rem;
  }
  .visual-chip{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    padding:.55rem 1.25rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.32);
    background:rgba(10,13,23,0.55);
    font-size:.9rem;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .visual-chip::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--o1),var(--o2));
    box-shadow:0 0 10px rgba(255,138,36,0.7);
  }
  .visual-title{
    margin:0;
    font-size:clamp(2rem, 4vw, 2.8rem);
    font-weight:700;
    letter-spacing:.04em;
  }
  .visual-subtitle{
    max-width:340px;
    margin:0;
    font-size:1.05rem;
    color:rgba(230,234,255,0.72);
    line-height:1.6;
  }
  .visual-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:1.25rem;
  }
  @media (max-width: 768px){
    .visual-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 576px){
    .visual-grid{ grid-template-columns:1fr; }
  }
  .visual-card{
    position:relative;
    padding:1.15rem 1.2rem;
    border-radius:18px;
    background:rgba(12,20,40,0.6);
    border:1px solid rgba(255,255,255,0.12);
    box-shadow:0 16px 36px -24px rgba(0,0,0,0.75);
    backdrop-filter:blur(18px);
    overflow:hidden;
  }
  .visual-card::after{
    content:"";
    position:absolute;
    inset:-60% 30% 50% -30%;
    background:linear-gradient(135deg, rgba(255,138,36,0.25), rgba(255,255,255,0));
    opacity:.65;
    transform:rotate(8deg);
  }
  .visual-card__label{
    font-size:.75rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    display:block;
    color:rgba(245,245,255,0.58);
    margin-bottom:.6rem;
  }
  .visual-card__value{
    font-size:1.9rem;
    font-weight:700;
    letter-spacing:.08em;
  }
  .visual-card__detail{
    font-size:.85rem;
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    color:rgba(245,245,255,0.65);
  }
  .visual-card__detail::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:rgba(255,255,255,0.5);
  }
  .text-up{ color:rgba(83,255,191,0.9) !important; }
  .text-alert{ color:rgba(255,219,128,0.95) !important; }
  .visual-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem;
    flex-wrap:wrap;
  }
  .visual-clock__label{
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.16em;
    color:rgba(220,229,255,0.6);
  }
  .visual-clock__value{
    font-size:1.8rem;
    font-weight:600;
    letter-spacing:.16em;
    color:#fff;
  }
  .visual-signal{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    font-size:.95rem;
    color:rgba(235,240,255,0.78);
  }
  .bullet{
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-flex;
    position:relative;
  }
  .bullet::after{
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:50%;
    border:1px solid currentColor;
    opacity:.4;
  }
  .bullet--live{
    color:rgba(255,138,36,0.75);
    background:linear-gradient(135deg, var(--o1), var(--o2));
    animation:pulseLive 2.4s ease-in-out infinite;
  }
  .bullet--ready{
    color:rgba(77,234,175,0.75);
    background:linear-gradient(135deg, #4deaaf, #21d87a);
    animation:pulseReady 2.8s ease-in-out infinite;
  }

  .login-form-card{
    position:relative;
    padding:clamp(2.4rem, 5vw, 4.2rem);
    background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(240,245,255,0.94) 100%);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1rem;
    color:var(--ink);
  }
  .login-form-card::before{
    content:"";
    position:absolute;
    inset:1.2rem;
    border-radius:24px;
    border:1px solid rgba(255,255,255,0.6);
    pointer-events:none;
    opacity:.55;
  }
  @media (max-width: 992px){
    .login-form-card::before{
      inset:.9rem;
    }
  }
  .form-header .form-tagline{
    font-size:.95rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:rgba(28,37,58,0.6);
  }
  .login-logo{
    height:75px;
    width:auto;
    object-fit:contain;
  }
  .login-form-card .form-label{
    font-weight:600;
    letter-spacing:.04em;
    text-transform:uppercase;
    font-size:.82rem;
    color:rgba(31,41,61,0.82);
    margin-bottom:.75rem;
  }
  .login-input{
    position:relative;
    display:flex;
    align-items:center;
    border-radius:16px;
    background:rgba(243,246,255,0.72);
    border:1px solid rgba(28,37,58,0.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.65);
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  }
  .login-input:focus-within{
    border-color:rgba(255,138,36,0.55);
    background:rgba(243,246,255,0.95);
    box-shadow:0 0 0 3px rgba(255,138,36,0.12);
  }
  .login-input.has-error{
    border-color:rgba(220,53,69,0.65);
    box-shadow:0 0 0 3px rgba(220,53,69,0.15);
  }
  .login-input__icon{
    padding-left:1.1rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--o1);
    font-size:1.35rem;
    transition:color .2s ease;
  }
  .login-input.has-error .login-input__icon{
    color:rgba(220,53,69,0.8);
  }
  .login-input.has-value .login-input__icon{
    color:var(--o2);
  }
  .login-input__control{
    border:none;
    background:transparent;
    box-shadow:none;
    padding:.95rem 1.1rem;
    font-size:1rem;
    color:#0f1422;
    width:100%;
  }
  .login-input__control:focus{
    background:transparent;
    box-shadow:none;
  }
  .login-input__action{
    border:none;
    background:transparent;
    color:#1f2d44;
    font-size:1.25rem;
    padding:0 1rem 0 .5rem;
    cursor:pointer;
    transition:color .2s ease, transform .2s ease;
  }
  .login-input__action:hover{
    color:var(--o1);
    transform:translateY(-1px);
  }
  .login-input--password .login-input__icon{
    color:var(--o2);
  }
  .login-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    flex-wrap:wrap;
    font-size:.9rem;
    color:rgba(45,54,78,0.85);
  }
  .login-status{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
  }
  .login-hint{
    color:rgba(139,147,168,0.9);
  }
  .btn-login,
  .btn-register{
    background:linear-gradient(135deg, var(--o1), var(--o2));
    border:none;
    border-radius:16px;
    padding:1rem 1.2rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#fff;
    box-shadow:0 22px 40px -20px rgba(255,106,0,0.65);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .btn-login:hover,
  .btn-login:focus{
    transform:translateY(-2px);
    box-shadow:0 30px 56px -24px rgba(255,106,0,0.7);
  }
  .btn-login:active{
    transform:translateY(0);
    box-shadow:0 16px 30px -22px rgba(255,106,0,0.55);
  }
  .btn-register:hover,
  .btn-register:focus{
    transform:translateY(-2px);
    box-shadow:0 30px 56px -24px rgba(85,110,230,0.65);
  }
  .btn-register:active{
    transform:translateY(0);
    box-shadow:0 16px 30px -22px rgba(85,110,230,0.5);
  }
  /* Var olan temel stilin kalsın (btn-register).
   Buna ek olarak — hareketli sürüm */
.btn-register--alive{
  position:relative;
  overflow:hidden; /* sheen için */
  /* Çok katmanlı arkaplan: hareketli degradeye hafif parlama ekle */
  background:
    radial-gradient(140% 120% at 20% 10%, rgba(255,255,255,.18), transparent 40%) ,
    linear-gradient(135deg, var(--o1), var(--o2), var(--o3), var(--o1));
  background-size: 220% 220%, 220% 220%;
  background-position: 0% 50%, 0% 50%;
  animation: regPulse 6s ease-in-out infinite;
  border: 1px solid rgba(255,106,0,.25);
  box-shadow:
    0 22px 40px -20px rgba(255,106,0,0.65),
    inset 0 1px 0 rgba(255,255,255,.18);
}

/* Hover: animasyon hızlansın, parıltı ve gölge güçlensin */
.btn-register--alive:hover,
.btn-register--alive:focus{
  animation-duration: 2.2s;
  transform: translateY(-2px);
  box-shadow:
    0 36px 64px -26px rgba(255,106,0,.75),
    0 0 0 2px rgba(255,255,255,.06) inset;
}

/* Active: hafif bastır */
.btn-register--alive:active{
  transform: translateY(0);
  box-shadow:
    0 18px 32px -22px rgba(255,106,0,.55) inset,
    0 12px 22px -18px rgba(0,0,0,.35);
}

/* Klavye odağı için net bir halka */
.btn-register--alive:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.15),
    0 0 0 6px rgba(255,106,0,.35);
}

/* Şerit (sheen) efekti — hover’da çapraz ışık geçişi */
.btn-register--alive::before{
  content:"";
  position:absolute; inset:-10% -20%;
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.18) 35%,
    rgba(255,255,255,.35) 50%,
    rgba(255,255,255,.18) 65%,
    transparent 100%);
  transform: translateX(-120%) rotate(8deg);
  transition: transform .6s ease;
  pointer-events:none;
}
.btn-register--alive:hover::before{
  transform: translateX(120%) rotate(8deg);
}

/* Hareket anahtarı */
@keyframes regPulse{
  0%   { background-position: 0% 50%, 0% 50%; }
  50%  { background-position: 100% 50%, 100% 50%; }
  100% { background-position: 0% 50%, 0% 50%; }
}

/* Az hareket tercih edenler için */
@media (prefers-reduced-motion: reduce){
  .btn-register--alive{ animation: none; }
  .btn-register--alive:hover::before{ transition: none; transform:none; }
}

  .login-footnote a{
    color:var(--o1);
    text-decoration:none;
  }
  .login-footnote a:hover{
    text-decoration:underline;
  }
  .alert{
    border-radius:16px;
    border:none;
    background:rgba(255,92,92,0.12);
    color:#8a1f1f;
    box-shadow:0 12px 28px -18px rgba(171,0,0,0.45);
  }
  body.login-page .btn-close{
    filter:invert(20%);
  }
  .text-ink{ color:var(--ink) !important; }
  .text-o2{ color:var(--o2) !important; }
  .bg-o3{ background:var(--o3) !important; }
  .text-white-75{ color:rgba(255,255,255,.75) !important; }

  @keyframes auroraShift{
    0%{ transform:rotate(0deg) scale(1); }
    50%{ transform:rotate(30deg) scale(1.05); }
    100%{ transform:rotate(360deg) scale(1); }
  }
  @keyframes noisePulse{
    0%,100%{ opacity:.35; }
    40%{ opacity:.55; }
    70%{ opacity:.22; }
  }
  @keyframes pulseLive{
    0%,100%{ box-shadow:0 0 0 0 rgba(255,138,36,0.45); }
    50%{ box-shadow:0 0 0 9px rgba(255,138,36,0); }
  }
  @keyframes pulseReady{
    0%,100%{ box-shadow:0 0 0 0 rgba(77,234,175,0.35); }
    50%{ box-shadow:0 0 0 9px rgba(77,234,175,0); }
  }
.login-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 40% 40%, rgba(255,255,255,0.06), transparent 70%);
  pointer-events:none;
  opacity:.35;
}
.visual-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 1.4rem;
  margin-top: .5rem;
}
@media (max-width: 768px){
  .visual-grid{ grid-template-columns: 1fr; }
}

/* Kart boyutları ve tipografiyi büyüt */
.visual-card{
  padding: 1.25rem 1.5rem;
  border-radius: 22px;
  min-height: 152px;                    /* daha tok görünüm */
  display:flex; flex-direction:column;
  justify-content:space-between;
  background: linear-gradient(180deg, rgba(16,22,38,.7), rgba(14,18,30,.55));
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 24px 40px -28px rgba(0,0,0,.75);
}

.visual-card__label{
  font-size: .82rem; letter-spacing:.14em;
  color: rgba(245,245,255,.72);
  margin-bottom: .35rem;
}

.visual-card__value{
  font-weight: 800;
  letter-spacing:.06em;
  line-height:1.05;
  font-size: clamp(1.8rem, 3.4vw, 2.4rem); /* BÜYÜTÜLDÜ */
  color: rgba(132,255,212,.95);            /* varsayılan OK rengi */
}

.visual-card__detail{
  margin-top: .35rem;
  font-size: .98rem;
  gap: .5rem;
  color: rgba(235,240,255,.80);
}

/* Duruma göre renk varyasyonları (opsiyonel sınıflar) */
.visual-card.-ok    .visual-card__value{ color: rgba(132,255,212,.95); }
.visual-card.-warn  .visual-card__value{ color: rgba(255,219,128,.95); }
.visual-card.-down  .visual-card__value{ color: rgba(255,132,132,.95); }
/* Status value boyutunu küçült — taşmayı engelle */
.visual-card__value{
  font-size: clamp(1.25rem, 2.2vw, 1.85rem); /* önceki clamp'tan daha küçük */
  line-height: 1.08;
  letter-spacing: .04em;
  white-space: nowrap;          /* satır kırılmasın */
  overflow: hidden;             /* güvenli taraf */
  text-overflow: ellipsis;      /* aşırı nadir overflow'da elips */
}

/* Daha dar ekranlarda biraz daha küçült */
@media (max-width: 1200px){
  .visual-card__value{ font-size: clamp(1.2rem, 2.0vw, 1.7rem); }
}
@media (max-width: 768px){
  .visual-card__value{ font-size: clamp(1.15rem, 2.4vw, 1.6rem); }
}

/* === Module Pages shared helpers === */
.module-filter-bar {
  position: sticky;
  top: 76px;
  z-index: 1025;
  background: var(--vz-card-bg, #fff);
  box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.18);
  border-radius: 0.85rem;
}

.module-filter-bar .form-select,
.module-filter-bar .form-control {
  min-width: 160px;
}

.module-bulk-bar {
  position: sticky;
  top: 140px;
  z-index: 1020;
  border-radius: 0.75rem;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08), 0 12px 32px -16px rgba(15, 23, 42, 0.25);
}

.module-empty-state {
  border-radius: 1rem;
  border: 1px dashed rgba(99, 102, 241, 0.2);
  background: rgba(99, 102, 241, 0.04);
  padding: 2.25rem 1.5rem;
}

.module-skeleton .placeholder {
  border-radius: 0.75rem;
  min-height: 18px;
}

.module-skeleton .card {
  border-radius: 1rem;
}

.module-gallery-card {
  border-radius: 0.75rem;
  transition: transform .2s ease, box-shadow .2s ease;
}

.module-gallery-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -20px rgba(15, 23, 42, 0.35);
}

.module-toast-container .toast {
  min-width: 280px;
}

.module-toast {
  border-radius: 0.75rem;
}

.module-drawer-header {
  background: linear-gradient(135deg, rgba(255, 106, 0, 0.08), rgba(99, 102, 241, 0.08));
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.module-sticky-actions {
  position: sticky;
  top: 70px;
  z-index: 1015;
  background: var(--vz-body-bg, #f8f9fa);
}

.module-chip {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .25rem .75rem;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 600;
  background: rgba(15, 23, 42, 0.06);
  color: rgba(15, 23, 42, 0.78);
}

/* === CRM Modules === */
.crm-module {
  position: relative;
}

.crm-module .crm-sticky-toolbar {
  position: sticky;
  top: calc(var(--crm-toolbar-offset, 5.75rem));
  z-index: 1020;
}

@media (max-width: 991.98px) {
  .crm-module .crm-sticky-toolbar {
    top: calc(var(--crm-toolbar-offset, 5.75rem) + 0.75rem);
  }
}

.crm-module .crm-sticky-toolbar .card-body {
  background-color: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(6px);
}

.crm-module .table-row-hover,
.crm-module [data-detail-drawer],
.crm-module [data-detail-member],
.crm-module [data-visit-row],
.crm-module [data-contrat-row],
.crm-module [data-depense-row],
.crm-module [data-reserve-card],
.crm-module [data-situation-row],
.crm-module [data-document-card],
.crm-module [data-document-row],
.crm-module [data-doe-card] {
  cursor: pointer;
  outline: none;
}

.crm-module [role="button"]:focus-visible,
.crm-module [data-detail-drawer]:focus-visible,
.crm-module [data-detail-member]:focus-visible,
.crm-module [data-visit-row]:focus-visible,
.crm-module [data-contrat-row]:focus-visible,
.crm-module [data-depense-row]:focus-visible,
.crm-module [data-reserve-card]:focus-visible,
.crm-module [data-situation-row]:focus-visible,
.crm-module [data-document-card]:focus-visible,
.crm-module [data-document-row]:focus-visible,
.crm-module [data-doe-card]:focus-visible {
  outline: 3px solid var(--crm-focus);
  outline-offset: 2px;
  border-radius: 0.75rem;
}

.crm-module [data-selection-panel] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.crm-module [data-view-container][data-current-view="grid"] [data-view="list"],
.crm-module [data-view-container][data-current-view="list"] [data-view="grid"] {
  display: none !important;
}

.btn-xs {
  --vz-btn-padding-y: 0.1rem;
  --vz-btn-padding-x: 0.45rem;
  --vz-btn-font-size: 0.65rem;
  --vz-btn-border-radius: 0.35rem;
  line-height: 1.1;
  padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
  font-size: var(--vz-btn-font-size);
  border-radius: var(--vz-btn-border-radius);
}

.crm-module .module-states [data-state-view="empty"],
.crm-module .module-states [data-state-view="error"] {
  min-height: 280px;
}

.crm-module .module-states [data-state-view="loading"] .placeholder {
  border-radius: 0.75rem;
}

.crm-module .position-fixed[data-toast-container] {
  pointer-events: none;
}

.crm-module .position-fixed[data-toast-container] .toast {
  pointer-events: auto;
  border-radius: 0.75rem;
  box-shadow: 0 18px 45px -28px rgba(15, 23, 42, 0.45);
}

.crm-module .badge {
  letter-spacing: 0.02em;
}

.crm-module .search-box .form-control {
  border-radius: 0.75rem;
}

.crm-module .search-box .search-icon {
  color: rgba(15, 23, 42, 0.4);
}