/* 3wc custom styles (in addition to Tailwind) */
:root{ --sidebar-w: 280px; }
html,body{ height:100%; }
body{ background: #0b1220; }
.glass{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
}
.btn{
  @apply inline-flex items-center gap-2 rounded-xl px-4 py-2 text-sm font-medium transition;
}
.btn-primary{
  background: linear-gradient(135deg, rgba(99,102,241,.95), rgba(168,85,247,.95));
  color: white;
}
.btn-primary:hover{ filter: brightness(1.05); }
.btn-ghost{
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.90);
}
.btn-ghost:hover{ background: rgba(255,255,255,.10); }
.input{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: #000;
  padding: .6rem .9rem;
  color: #FFF;
  outline: none;
}
.input:focus{ border-color: rgba(99,102,241,.7); box-shadow: 0 0 0 4px rgba(99,102,241,.2); }
.table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.table th{
  text-align: left;
  font-size: 12px;
  color: rgba(255,255,255,.65);
  font-weight: 600;
  padding: 0 14px;
}
.table td{
  padding: 14px;
  background: rgba(255,255,255,.06);
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.90);
}
.table tr td:first-child{
  border-left: 1px solid rgba(255,255,255,.10);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.table tr td:last-child{
  border-right: 1px solid rgba(255,255,255,.10);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.badge{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.25rem .55rem;
  border-radius: 999px;
  font-size: 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.85);
}
.modal-backdrop{
  position: fixed; inset:0;
  background: rgba(0,0,0,.55);
  display:none;
  align-items:center; justify-content:center;
  padding: 18px;
  z-index: 50;
  overflow: auto;
}
.modal{
  width: min(900px, 100%);
  max-height: calc(100vh - 48px);
  border-radius: 22px;
  padding: 18px;
  overflow: auto;
}
.modal .modal-scroll{
  overflow: auto;                 /* ✅ scroll interne */
  padding-right: 6px;             /* évite que le scrollbar colle au texte */
  flex: 1 1 auto;
}

.wys-toolbar button{
  padding: .35rem .55rem;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.wys-toolbar button:hover{ background: rgba(255,255,255,.10); }
.wys-editor{
  min-height: 140px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  padding: 12px 14px;
  color: rgba(255,255,255,.92);
  outline: none;
}