.rubik {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.enable-mic-button {
  position: fixed;
  inset: auto 1rem 1rem 1rem;
  z-index: 99999;
  padding: 12px;
  border-radius: 10px;
}
:root{
  --brand:#8052ff;
  --brand-2:#9a7bff;
  --soft-bg:#f7f6ff;
}
body.bg-body{ background: var(--soft-bg); }
.glass-nav{
  backdrop-filter: saturate(140%) blur(6px);
  background: rgba(255,255,255,.8);
}
.gradient-card{
  background: linear-gradient(135deg, #ffffff 0%, #f5f0ff 100%);
  border: 1px solid #eee;
}
.soft-card{
  border: 1px solid #eee;
  border-radius: 16px;
}
.btn-primary{
  background: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover{ background: var(--brand-2); border-color: var(--brand-2); }
.text-primary{ color: var(--brand) !important; }
.bg-soft-primary{
  background: rgba(128,82,255,.1);
  color: var(--brand);
}
.avatar-circle{
  width:56px;height:56px;border-radius:50%;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px rgba(128,82,255,.25);
}
.avatar-pill{
  width:36px;height:36px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(128,82,255,.12); color: var(--brand);
  font-weight:700;
}
.avatar-lg{ width:64px; height:64px; font-size:22px; }
.table thead th{ font-weight:600; }
.badge{ padding:.45em .65em; }
.navbar .badge.bg-soft-primary{ font-weight:600; }
input.form-control, .input-group-text, select.form-select, textarea.form-control{
  border-radius:12px;
}
.card{ border-radius:16px; }

.pageContainer { max-width: 100% !important; padding: 0 !important; height: 700px !important; }
#dialVideo, #Configure_Extension_Html {
    display: none !important;
}